{"id":430,"date":"2026-06-24T14:08:28","date_gmt":"2026-06-24T14:08:28","guid":{"rendered":"https:\/\/hermann-energy-service.de\/?page_id=430"},"modified":"2026-06-24T14:17:01","modified_gmt":"2026-06-24T14:17:01","slug":"online-portal-2","status":"publish","type":"page","link":"https:\/\/hermann-energy-service.de\/?page_id=430","title":{"rendered":"Online Portal"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nOnline Portal \u2013 Hermann Energy Service<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;700;900&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/@tabler\/icons-webfont@latest\/tabler-icons.min.css\">\r\n<style>\r\n*{margin:0;padding:0;box-sizing:border-box;}\r\n:root{\r\n --bg:#fcfcfc;--fg:#100d0e;--a1:#501b20;--a2:#902a32;--a3:#d13944;\r\n --g1:#f5f4f4;--g2:#e8e6e6;--g3:#888;\r\n}\r\nhtml{scroll-behavior:smooth;}\r\nbody{font-family:'Inter',sans-serif;background:var(--bg);color:var(--fg);overflow-x:hidden;}\r\n\r\n\/* \u2500\u2500 BUTTONS \u2500\u2500 *\/\r\n.btn-r{display:inline-flex;align-items:center;gap:8px;background:var(--a3);color:#fff;font-size:13px;font-weight:700;padding:13px 24px;border-radius:6px;text-decoration:none;transition:background .2s;}\r\n.btn-r:hover{background:var(--a2);}\r\n.btn-o{display:inline-flex;align-items:center;gap:8px;background:transparent;color:#fcfcfc;font-size:13px;font-weight:500;padding:13px 24px;border-radius:6px;border:1.5px solid rgba(252,252,252,.25);text-decoration:none;transition:border-color .2s;}\r\n.btn-o:hover{border-color:rgba(252,252,252,.6);}\r\n.btn-w{display:inline-flex;align-items:center;gap:8px;background:#fff;color:var(--a2);font-size:14px;font-weight:700;padding:14px 30px;border-radius:6px;text-decoration:none;transition:opacity .2s;}\r\n.btn-w:hover{opacity:.9;}\r\n.btn-portal{display:inline-flex;align-items:center;gap:8px;background:var(--a3);color:#fff;font-size:13px;font-weight:700;padding:12px 22px;border-radius:6px;text-decoration:none;transition:background .2s;}\r\n.btn-portal:hover{background:var(--a2);}\r\n\r\n\/* \u2500\u2500 HERO \u2500\u2500 *\/\r\n.hero{background:var(--fg);color:#fcfcfc;padding:80px 56px 0;position:relative;overflow:hidden;min-height:520px;}\r\n.hero::before{content:'';position:absolute;top:-100px;right:-60px;width:480px;height:480px;border-radius:50%;background:var(--a2);opacity:.09;pointer-events:none;}\r\n.hero-content{position:relative;z-index:2;max-width:560px;padding-bottom:72px;}\r\n.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;background:rgba(209,57,68,.18);color:var(--a3);font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;padding:6px 14px;border-radius:20px;margin-bottom:24px;}\r\n.hero h1{font-size:clamp(28px,4.5vw,50px);font-weight:900;line-height:1.08;margin-bottom:18px;}\r\n.hero h1 em{color:var(--a3);font-style:normal;}\r\n.hero-sub{font-size:16px;line-height:1.72;color:rgba(252,252,252,.65);margin-bottom:36px;}\r\n.hero-btns{display:flex;gap:12px;flex-wrap:wrap;}\r\n\r\n\/* MOCK BROWSER in hero *\/\r\n.hero-mockup{position:absolute;right:0;bottom:0;width:520px;z-index:1;}\r\n.mock-browser{background:#1a0d0f;border-radius:12px 12px 0 0;overflow:hidden;box-shadow:0 -20px 60px rgba(0,0,0,.4);animation:mockRise .8s .3s cubic-bezier(.34,1.2,.64,1) both;transform:translateY(60px);opacity:0;}\r\n@keyframes mockRise{to{transform:translateY(0);opacity:1;}}\r\n.mock-bar{background:#100d0e;padding:10px 14px;display:flex;align-items:center;gap:8px;}\r\n.mock-dots{display:flex;gap:5px;}\r\n.mock-dot{width:9px;height:9px;border-radius:50%;}\r\n.mock-dot.r{background:#d13944;}.mock-dot.y{background:#f59e0b;}.mock-dot.g{background:#22c55e;}\r\n.mock-url{flex:1;background:rgba(255,255,255,.07);border-radius:4px;padding:4px 10px;font-size:10px;color:rgba(255,255,255,.35);font-family:monospace;}\r\n.mock-body{padding:16px;}\r\n.mock-nav{display:flex;gap:6px;margin-bottom:14px;}\r\n.mock-nav-item{font-size:10px;font-weight:600;padding:5px 10px;border-radius:4px;cursor:pointer;color:rgba(255,255,255,.4);}\r\n.mock-nav-item.active{background:var(--a3);color:#fff;}\r\n.mock-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;}\r\n.mock-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:12px;}\r\n.mock-card-label{font-size:9px;font-weight:600;color:rgba(255,255,255,.35);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;}\r\n.mock-card-val{font-size:18px;font-weight:900;color:#fff;line-height:1;}\r\n.mock-card-sub{font-size:9px;color:rgba(255,255,255,.3);margin-top:3px;}\r\n.mock-card.accent{border-color:rgba(209,57,68,.4);background:rgba(209,57,68,.08);}\r\n.mock-card.accent .mock-card-val{color:var(--a3);}\r\n.mock-chart-row{margin-top:10px;display:flex;flex-direction:column;gap:5px;}\r\n.mock-bar-item{display:flex;align-items:center;gap:6px;}\r\n.mock-bar-lbl{font-size:9px;color:rgba(255,255,255,.3);width:28px;flex-shrink:0;}\r\n.mock-bar-track{flex:1;height:6px;background:rgba(255,255,255,.08);border-radius:3px;overflow:hidden;}\r\n.mock-bar-fill{height:100%;border-radius:3px;background:var(--a3);animation:mbFill .9s ease forwards;width:0;}\r\n.mb1{animation-delay:.8s;--w:72%;}\r\n.mb2{animation-delay:1s;--w:58%;}\r\n.mb3{animation-delay:1.2s;--w:84%;}\r\n.mb4{animation-delay:1.4s;--w:45%;}\r\n@keyframes mbFill{to{width:var(--w);}}\r\n\r\n\/* \u2500\u2500 FEATURE BAND \u2500\u2500 *\/\r\n.feat-band{background:var(--a2);color:#fff;display:grid;grid-template-columns:repeat(4,1fr);padding:0 56px;}\r\n.feat-item{padding:28px 20px;text-align:center;border-right:1px solid rgba(255,255,255,.15);}\r\n.feat-item:last-child{border-right:none;}\r\n.feat-item i{font-size:24px;display:block;margin-bottom:8px;color:rgba(255,255,255,.8);}\r\n.feat-item h3{font-size:13px;font-weight:700;margin-bottom:3px;}\r\n.feat-item p{font-size:11px;opacity:.65;line-height:1.4;}\r\n\r\n\/* \u2500\u2500 SECTION \u2500\u2500 *\/\r\n.sec{padding:72px 56px;}\r\n.sec-alt{background:var(--g1);}\r\n.sec-dark{background:var(--fg);color:#fcfcfc;}\r\n.sec-lbl{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--a3);margin-bottom:10px;}\r\n.sec-title{font-size:clamp(22px,3.2vw,34px);font-weight:900;line-height:1.15;margin-bottom:14px;}\r\n.sec-sub{font-size:15px;color:var(--g3);line-height:1.72;max-width:520px;margin-bottom:44px;}\r\n.sec-dark .sec-sub{color:rgba(252,252,252,.45);}\r\n\r\n\/* \u2500\u2500 CTA STRIP \u2500\u2500 *\/\r\n.cta-strip{background:var(--a1);padding:30px 56px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;}\r\n.cta-strip p{font-size:15px;font-weight:600;color:#fcfcfc;line-height:1.5;}\r\n.cta-strip p span{color:var(--a3);}\r\n\r\n\/* \u2500\u2500 ROLLENVERGLEICH \u2500\u2500 *\/\r\n.rollen-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;}\r\n.rollen-card{border-radius:12px;overflow:hidden;border:1.5px solid var(--g2);transition:border-color .25s,transform .25s;}\r\n.rollen-card:hover{border-color:var(--a3);transform:translateY(-4px);}\r\n.rollen-header{padding:24px 28px;display:flex;align-items:center;gap:14px;}\r\n.rollen-header.verwalter{background:var(--fg);}\r\n.rollen-header.mieter{background:var(--a1);}\r\n.rollen-ic{width:48px;height:48px;border-radius:10px;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;flex-shrink:0;}\r\n.rollen-ic i{font-size:22px;color:var(--a3);}\r\n.rollen-header h3{font-size:16px;font-weight:800;color:#fcfcfc;}\r\n.rollen-header p{font-size:12px;color:rgba(252,252,252,.5);margin-top:3px;}\r\n.rollen-features{background:#fff;padding:20px 28px;border-top:1px solid var(--g2);}\r\n.rollen-features ul{list-style:none;display:flex;flex-direction:column;gap:9px;}\r\n.rollen-features ul li{display:flex;align-items:flex-start;gap:9px;font-size:13px;line-height:1.5;}\r\n.rollen-features ul li i{color:var(--a3);font-size:15px;margin-top:1px;flex-shrink:0;}\r\n\r\n\/* \u2500\u2500 KOSTENERFASSUNG DEMO \u2500\u2500 *\/\r\n.kosten-demo{display:grid;grid-template-columns:1fr 1.2fr;gap:32px;align-items:start;}\r\n.kosten-screen{background:#1a0d0f;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.08);}\r\n.kscreen-bar{background:#100d0e;padding:10px 14px;display:flex;align-items:center;gap:8px;}\r\n.kscreen-title{font-size:11px;font-weight:600;color:rgba(255,255,255,.4);}\r\n.kscreen-body{padding:20px;}\r\n.kscreen-section{margin-bottom:16px;}\r\n.kscreen-lbl{font-size:10px;font-weight:600;color:rgba(255,255,255,.3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;}\r\n.kscreen-row{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;background:rgba(255,255,255,.04);border-radius:6px;margin-bottom:4px;animation:rowSlideIn .4s ease forwards;opacity:0;}\r\n.kr1{animation-delay:.4s;}.kr2{animation-delay:.65s;}.kr3{animation-delay:.9s;}.kr4{animation-delay:1.15s;}.kr5{animation-delay:1.4s;}.kr6{animation-delay:1.65s;}\r\n@keyframes rowSlideIn{from{opacity:0;transform:translateX(-8px);}to{opacity:1;transform:translateX(0);}}\r\n.kscreen-row span{font-size:11px;color:rgba(255,255,255,.6);}\r\n.kscreen-row .amount{font-size:11px;font-weight:700;color:rgba(255,255,255,.85);}\r\n.kscreen-row .badge{font-size:9px;font-weight:700;padding:2px 7px;border-radius:8px;}\r\n.badge-ok{background:rgba(34,197,94,.15);color:#4ade80;}\r\n.badge-new{background:rgba(209,57,68,.2);color:var(--a3);}\r\n.kscreen-total{display:flex;justify-content:space-between;padding:10px;background:rgba(209,57,68,.1);border:1px solid rgba(209,57,68,.2);border-radius:6px;margin-top:8px;}\r\n.kscreen-total span{font-size:12px;font-weight:700;color:var(--a3);}\r\n.kosten-info{display:flex;flex-direction:column;gap:16px;}\r\n.kosten-info-item{display:flex;gap:14px;align-items:flex-start;}\r\n.ki-icon{width:40px;height:40px;border-radius:8px;background:var(--a1);display:flex;align-items:center;justify-content:center;flex-shrink:0;}\r\n.ki-icon i{font-size:18px;color:var(--a3);}\r\n.ki-text h4{font-size:14px;font-weight:700;margin-bottom:4px;}\r\n.ki-text p{font-size:13px;color:var(--g3);line-height:1.6;}\r\n\r\n\/* \u2500\u2500 MIETERWECHSEL TIMELINE \u2500\u2500 *\/\r\n.mw-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative;}\r\n.mw-flow::before{content:'';position:absolute;top:32px;left:12.5%;right:12.5%;height:2px;background:var(--g2);}\r\n.mw-fill{position:absolute;top:32px;left:12.5%;height:2px;background:var(--a3);border-radius:1px;width:0;animation:mwFill 1.8s .5s ease forwards;}\r\n@keyframes mwFill{to{width:75%;}}\r\n.mw-step{display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 12px;position:relative;z-index:2;}\r\n.mw-dot{width:64px;height:64px;border-radius:50%;border:3px solid var(--g2);background:var(--bg);display:flex;align-items:center;justify-content:center;margin-bottom:16px;opacity:0;animation:mwDot .5s ease forwards;}\r\n.mw-dot i{font-size:24px;color:var(--g3);}\r\n.mw-dot.lit{border-color:var(--a3);background:var(--a1);}\r\n.mw-dot.lit i{color:var(--a3);}\r\n.mwp1{animation-delay:.3s;}.mwp2{animation-delay:.75s;}.mwp3{animation-delay:1.2s;}.mwp4{animation-delay:1.65s;}\r\n@keyframes mwDot{0%{opacity:0;transform:scale(.5);}70%{transform:scale(1.1);}100%{opacity:1;transform:scale(1);}}\r\n.mw-step h4{font-size:13px;font-weight:700;margin-bottom:4px;}\r\n.mw-step p{font-size:12px;color:var(--g3);line-height:1.5;}\r\n\r\n\/* \u2500\u2500 DOKUMENT UPLOAD \u2500\u2500 *\/\r\n.upload-demo{display:grid;grid-template-columns:1.1fr 1fr;gap:32px;align-items:start;}\r\n.upload-screen{background:#1a0d0f;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.08);}\r\n.uscreen-body{padding:20px;}\r\n.upload-zone{border:2px dashed rgba(209,57,68,.35);border-radius:10px;padding:28px;text-align:center;margin-bottom:16px;transition:border-color .2s;cursor:pointer;}\r\n.upload-zone:hover{border-color:var(--a3);}\r\n.upload-zone i{font-size:32px;color:rgba(255,255,255,.2);display:block;margin-bottom:8px;}\r\n.upload-zone p{font-size:12px;color:rgba(255,255,255,.3);}\r\n.upload-zone span{font-size:11px;color:var(--a3);font-weight:600;}\r\n.ufile-list{display:flex;flex-direction:column;gap:6px;}\r\n.ufile-item{display:flex;align-items:center;gap:10px;padding:8px 12px;background:rgba(255,255,255,.04);border-radius:6px;animation:rowSlideIn .4s ease forwards;opacity:0;}\r\n.uf1{animation-delay:.5s;}.uf2{animation-delay:.8s;}.uf3{animation-delay:1.1s;}\r\n.ufile-ic{width:30px;height:30px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}\r\n.ufile-ic.pdf{background:rgba(239,68,68,.2);}\r\n.ufile-ic.xlsx{background:rgba(34,197,94,.15);}\r\n.ufile-ic i{font-size:14px;}\r\n.ufile-ic.pdf i{color:#ef4444;}\r\n.ufile-ic.xlsx i{color:#4ade80;}\r\n.ufile-name{flex:1;font-size:11px;color:rgba(255,255,255,.7);}\r\n.ufile-size{font-size:10px;color:rgba(255,255,255,.25);}\r\n.ufile-status{font-size:9px;font-weight:700;padding:2px 7px;border-radius:8px;}\r\n.upload-info{display:flex;flex-direction:column;gap:16px;}\r\n\r\n\/* \u2500\u2500 UVI MIETER SCREEN \u2500\u2500 *\/\r\n.uvi-demo{display:grid;grid-template-columns:1.2fr 1fr;gap:32px;align-items:start;}\r\n.uvi-screen{background:#1a0d0f;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.08);}\r\n.uvi-body{padding:20px;}\r\n.uvi-greeting{font-size:13px;font-weight:700;color:#fcfcfc;margin-bottom:4px;}\r\n.uvi-addr{font-size:11px;color:rgba(255,255,255,.35);margin-bottom:18px;}\r\n.uvi-month-pills{display:flex;gap:6px;margin-bottom:16px;flex-wrap:wrap;}\r\n.uvi-pill{font-size:10px;font-weight:600;padding:4px 10px;border-radius:10px;background:rgba(255,255,255,.06);color:rgba(255,255,255,.4);cursor:pointer;}\r\n.uvi-pill.active{background:var(--a3);color:#fff;}\r\n.uvi-kpi-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px;}\r\n.uvi-kpi{background:rgba(255,255,255,.05);border-radius:8px;padding:12px;}\r\n.uvi-kpi .val{font-size:20px;font-weight:900;color:var(--a3);}\r\n.uvi-kpi .lbl{font-size:10px;color:rgba(255,255,255,.3);margin-top:2px;}\r\n.uvi-compare{background:rgba(255,255,255,.04);border-radius:8px;padding:12px;}\r\n.uvi-compare-lbl{font-size:10px;font-weight:600;color:rgba(255,255,255,.3);text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px;}\r\n.uvi-bar-row{display:flex;align-items:center;gap:8px;margin-bottom:6px;}\r\n.uvi-bar-name{font-size:10px;color:rgba(255,255,255,.4);width:40px;flex-shrink:0;}\r\n.uvi-bar-outer{flex:1;height:8px;background:rgba(255,255,255,.07);border-radius:4px;overflow:hidden;}\r\n.uvi-bar-inner{height:100%;border-radius:4px;animation:mbFill .9s ease forwards;width:0;}\r\n.uvi-bar-inner.prev{background:rgba(255,255,255,.2);}\r\n.uvi-bar-inner.curr{background:var(--a3);}\r\n.uvb1{--w:80%;animation-delay:.7s;}.uvb2{--w:62%;animation-delay:.9s;}\r\n.uvi-tip{background:rgba(209,57,68,.08);border:1px solid rgba(209,57,68,.2);border-radius:6px;padding:10px 12px;display:flex;gap:8px;align-items:flex-start;}\r\n.uvi-tip i{font-size:14px;color:var(--a3);flex-shrink:0;margin-top:1px;}\r\n.uvi-tip p{font-size:10px;color:rgba(255,255,255,.5);line-height:1.5;}\r\n.uvi-info{display:flex;flex-direction:column;gap:16px;}\r\n\r\n\/* \u2500\u2500 SICHERHEIT GRID \u2500\u2500 *\/\r\n.sec-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}\r\n.sec-card{background:#fff;border:1.5px solid var(--g2);border-radius:12px;padding:24px 22px;transition:border-color .25s,transform .25s;}\r\n.sec-card:hover{border-color:var(--a3);transform:translateY(-4px);}\r\n.sec-card i.main{font-size:26px;color:var(--a3);display:block;margin-bottom:12px;}\r\n.sec-card h3{font-size:14px;font-weight:700;margin-bottom:7px;}\r\n.sec-card p{font-size:13px;color:var(--g3);line-height:1.6;}\r\n\r\n\/* \u2500\u2500 KONTAKT \u2500\u2500 *\/\r\n.contact-section{padding:72px 56px;background:var(--fg);color:#fcfcfc;}\r\n.contact-wrap{display:grid;grid-template-columns:1fr 1.6fr;gap:56px;align-items:start;}\r\n.contact-info .sec-title{color:#fcfcfc;}\r\n.contact-info p{font-size:15px;color:rgba(252,252,252,.55);line-height:1.72;margin-bottom:28px;}\r\n.contact-details{list-style:none;display:flex;flex-direction:column;gap:13px;margin-bottom:28px;}\r\n.contact-details li{display:flex;align-items:center;gap:12px;font-size:14px;color:rgba(252,252,252,.8);}\r\n.contact-details li i{color:var(--a3);font-size:18px;flex-shrink:0;}\r\n.contact-details a{color:rgba(252,252,252,.8);text-decoration:none;}\r\n.contact-details a:hover{color:var(--a3);}\r\n.contact-promise{padding:20px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:10px;}\r\n.contact-promise .cp-lbl{font-size:11px;color:rgba(252,252,252,.35);text-transform:uppercase;letter-spacing:.07em;margin-bottom:6px;}\r\n.contact-promise .cp-val{font-size:15px;font-weight:700;color:#fcfcfc;}\r\n.contact-promise .cp-sub{font-size:13px;color:rgba(252,252,252,.4);margin-top:3px;}\r\n.form-frame-wrap{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden;}\r\n.form-frame-wrap iframe{display:block;width:100%;height:850px;border:none;}\r\n\r\n\/* \u2500\u2500 FINAL CTA \u2500\u2500 *\/\r\n.final-cta{background:var(--a3);color:#fff;padding:64px 56px;text-align:center;}\r\n.final-cta h2{font-size:clamp(22px,3.2vw,36px);font-weight:900;margin-bottom:12px;}\r\n.final-cta p{font-size:15px;opacity:.85;max-width:460px;margin:0 auto 32px;}\r\n.final-cta-meta{margin-top:16px;font-size:12px;opacity:.6;}\r\n\r\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\r\n@media(max-width:768px){\r\n .hero,.sec,.contact-section,.final-cta{padding:48px 24px;}\r\n .hero-mockup{display:none;}\r\n .feat-band{grid-template-columns:repeat(2,1fr);padding:0 24px;}\r\n .feat-item{border-right:none;border-bottom:1px solid rgba(255,255,255,.1);}\r\n .rollen-grid,.kosten-demo,.upload-demo,.uvi-demo,.contact-wrap{grid-template-columns:1fr;}\r\n .mw-flow{grid-template-columns:repeat(2,1fr);row-gap:32px;}\r\n .mw-flow::before,.mw-fill{display:none;}\r\n .sec-grid{grid-template-columns:1fr;}\r\n .cta-strip{flex-direction:column;padding:24px;}\r\n}\r\n@media(prefers-reduced-motion:reduce){\r\n *,*::before,*::after{animation-duration:.01ms !important;}\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n HERO\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"hero\">\r\n <div class=\"hero-content\">\r\n <div class=\"hero-eyebrow\"><i class=\"ti ti-dashboard\" aria-hidden=\"true\"><\/i> Online Portal<\/div>\r\n <h1>Ihre Liegenschaften.<br>Alles auf <em>einen Blick.<\/em><br>Jederzeit.<\/h1>\r\n <p class=\"hero-sub\">Das Hermann-Portal verbindet Verwalter und Mieter in einer digitalen Plattform \u2014 Kostenerfassung, Mieterwechsel, Dokumenten-Upload und Verbrauchsdaten, alles an einem Ort.<\/p>\r\n <div class=\"hero-btns\">\r\n <a href=\"https:\/\/hes.prohka-cloud.de\/login\" target=\"_blank\" rel=\"noopener\" class=\"btn-r\"><i class=\"ti ti-external-link\" aria-hidden=\"true\"><\/i> Zum Portal<\/a>\r\n <a href=\"#kontakt\" class=\"btn-o\">Zugang anfragen <i class=\"ti ti-arrow-down\" aria-hidden=\"true\"><\/i><\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Animated mock browser -->\r\n <div class=\"hero-mockup\" aria-hidden=\"true\">\r\n <div class=\"mock-browser\">\r\n <div class=\"mock-bar\">\r\n <div class=\"mock-dots\">\r\n <div class=\"mock-dot r\"><\/div><div class=\"mock-dot y\"><\/div><div class=\"mock-dot g\"><\/div>\r\n <\/div>\r\n <div class=\"mock-url\">hes.prohka-cloud.de \u00b7 \u00dcbersicht<\/div>\r\n <\/div>\r\n <div class=\"mock-body\">\r\n <div class=\"mock-nav\">\r\n <div class=\"mock-nav-item active\">\u00dcbersicht<\/div>\r\n <div class=\"mock-nav-item\">Kosten<\/div>\r\n <div class=\"mock-nav-item\">Mieter<\/div>\r\n <div class=\"mock-nav-item\">Dokumente<\/div>\r\n <\/div>\r\n <div class=\"mock-grid\">\r\n <div class=\"mock-card accent\">\r\n <div class=\"mock-card-label\">Liegenschaften<\/div>\r\n <div class=\"mock-card-val\">12<\/div>\r\n <div class=\"mock-card-sub\">aktiv verwaltet<\/div>\r\n <\/div>\r\n <div class=\"mock-card\">\r\n <div class=\"mock-card-label\">Abrechnung<\/div>\r\n <div class=\"mock-card-val\" style=\"color:#4ade80;font-size:14px;\">\u2713 Fertig<\/div>\r\n <div class=\"mock-card-sub\">Musterstr. 12 \u00b7 2025<\/div>\r\n <\/div>\r\n <div class=\"mock-card\">\r\n <div class=\"mock-card-label\">Z\u00e4hlerst\u00e4nde<\/div>\r\n <div class=\"mock-card-val\">48<\/div>\r\n <div class=\"mock-card-sub\">aktuell ausgelesen<\/div>\r\n <\/div>\r\n <div class=\"mock-card accent\">\r\n <div class=\"mock-card-label\">Offene Aktionen<\/div>\r\n <div class=\"mock-card-val\">2<\/div>\r\n <div class=\"mock-card-sub\">Mieterwechsel pr\u00fcfen<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"mock-chart-row\">\r\n <div style=\"font-size:9px;color:rgba(255,255,255,.25);margin-bottom:6px;text-transform:uppercase;letter-spacing:.05em;\">Verbrauch letzte 4 Monate<\/div>\r\n <div class=\"mock-bar-item\"><div class=\"mock-bar-lbl\">M\u00e4r<\/div><div class=\"mock-bar-track\"><div class=\"mock-bar-fill mb1\" style=\"--w:72%\"><\/div><\/div><\/div>\r\n <div class=\"mock-bar-item\"><div class=\"mock-bar-lbl\">Apr<\/div><div class=\"mock-bar-track\"><div class=\"mock-bar-fill mb2\" style=\"--w:58%\"><\/div><\/div><\/div>\r\n <div class=\"mock-bar-item\"><div class=\"mock-bar-lbl\">Mai<\/div><div class=\"mock-bar-track\"><div class=\"mock-bar-fill mb3\" style=\"--w:84%\"><\/div><\/div><\/div>\r\n <div class=\"mock-bar-item\"><div class=\"mock-bar-lbl\">Jun<\/div><div class=\"mock-bar-track\"><div class=\"mock-bar-fill mb4\" style=\"--w:45%\"><\/div><\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- FEATURE BAND -->\r\n<div class=\"feat-band\">\r\n <div class=\"feat-item\">\r\n <i class=\"ti ti-building-skyscraper\" aria-hidden=\"true\"><\/i>\r\n <h3>Verwalter-Portal<\/h3>\r\n <p>Alle Liegenschaften zentral<\/p>\r\n <\/div>\r\n <div class=\"feat-item\">\r\n <i class=\"ti ti-user\" aria-hidden=\"true\"><\/i>\r\n <h3>Mieter-Portal<\/h3>\r\n <p>uVI & Verbrauchsdaten<\/p>\r\n <\/div>\r\n <div class=\"feat-item\">\r\n <i class=\"ti ti-cloud-upload\" aria-hidden=\"true\"><\/i>\r\n <h3>Dokument-Upload<\/h3>\r\n <p>Alles digital & zentral<\/p>\r\n <\/div>\r\n <div class=\"feat-item\">\r\n <i class=\"ti ti-device-mobile\" aria-hidden=\"true\"><\/i>\r\n <h3>Mobil optimiert<\/h3>\r\n <p>Von \u00fcberall erreichbar<\/p>\r\n <\/div>\r\n<\/div>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n ROLLEN-\u00dcBERSICHT\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"sec\" id=\"portal\">\r\n <div class=\"sec-lbl\">Zwei Zug\u00e4nge. Eine Plattform.<\/div>\r\n <h2 class=\"sec-title\">F\u00fcr jeden das richtige Dashboard.<\/h2>\r\n <p class=\"sec-sub\">Das Portal unterscheidet klar zwischen Verwalter- und Mieterzugang \u2014 jeder sieht genau das, was er braucht.<\/p>\r\n <div class=\"rollen-grid\">\r\n <div class=\"rollen-card\">\r\n <div class=\"rollen-header verwalter\">\r\n <div class=\"rollen-ic\"><i class=\"ti ti-building-skyscraper\" aria-hidden=\"true\"><\/i><\/div>\r\n <div>\r\n <h3>Vermieter & Hausverwaltung<\/h3>\r\n <p>Vollzugriff auf alle Liegenschaften, Kosten und Dokumente<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"rollen-features\">\r\n <ul>\r\n <li><i class=\"ti ti-check\" aria-hidden=\"true\"><\/i> Zentraler \u00dcberblick \u00fcber alle Liegenschaften und Z\u00e4hlerst\u00e4nde<\/li>\r\n <li><i class=\"ti ti-check\" aria-hidden=\"true\"><\/i> Kostenerfassung: Heiz- und Betriebskosten direkt eingeben<\/li>\r\n <li><i class=\"ti ti-check\" aria-hidden=\"true\"><\/i> Mieterwechsel schnell und papierlos erfassen<\/li>\r\n <li><i class=\"ti ti-check\" aria-hidden=\"true\"><\/i> Dokumente hochladen (Rechnungen, Vertr\u00e4ge, Wartungsnachweise)<\/li>\r\n <li><i class=\"ti ti-check\" aria-hidden=\"true\"><\/i> Abrechnungsstatus jederzeit einsehen<\/li>\r\n <li><i class=\"ti ti-check\" aria-hidden=\"true\"><\/i> Export als CSV\/XML f\u00fcr Verwaltungssoftware<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <div class=\"rollen-card\">\r\n <div class=\"rollen-header mieter\">\r\n <div class=\"rollen-ic\"><i class=\"ti ti-user\" aria-hidden=\"true\"><\/i><\/div>\r\n <div>\r\n <h3>Mieter & Bewohner<\/h3>\r\n <p>Pers\u00f6nlicher Zugang zu Verbrauch und Verbrauchsinfos<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"rollen-features\">\r\n <ul>\r\n <li><i class=\"ti ti-check\" aria-hidden=\"true\"><\/i> Monatliche Verbrauchsinfos (uVI) gem\u00e4\u00df EED<\/li>\r\n <li><i class=\"ti ti-check\" aria-hidden=\"true\"><\/i> Grafischer Jahresvergleich: aktuell vs. Vorjahr<\/li>\r\n <li><i class=\"ti ti-check\" aria-hidden=\"true\"><\/i> Vergleich mit dem Durchschnittsverbrauch im Haus<\/li>\r\n <li><i class=\"ti ti-check\" aria-hidden=\"true\"><\/i> Einsicht in eigene Heizkosten-\u00dcbersicht<\/li>\r\n <li><i class=\"ti ti-check\" aria-hidden=\"true\"><\/i> Downloadbereich f\u00fcr eigene Dokumente<\/li>\r\n <li><i class=\"ti ti-check\" aria-hidden=\"true\"><\/i> Mobil abrufbar \u2014 ohne App, direkt im Browser<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- CTA STRIP 1 -->\r\n<div class=\"cta-strip\">\r\n <p>Noch kein Portal-Zugang? <span>Wir richten ihn f\u00fcr Sie und Ihre Mieter ein \u2014 kostenlos und schnell.<\/span><\/p>\r\n <a href=\"#kontakt\" class=\"btn-r\"><i class=\"ti ti-key\" aria-hidden=\"true\"><\/i> Zugang anfragen<\/a>\r\n<\/div>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n KOSTENERFASSUNG\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"sec sec-alt\">\r\n <div class=\"sec-lbl\">Kostenerfassung<\/div>\r\n <h2 class=\"sec-title\">Kosten erfassen \u2014 in Minuten, nicht Stunden.<\/h2>\r\n <p class=\"sec-sub\">Heiz- und Betriebskosten direkt im Portal eingeben oder importieren. Kein Hin-und-her per E-Mail, kein Papier.<\/p>\r\n <div class=\"kosten-demo\">\r\n <div class=\"kosten-screen\">\r\n <div class=\"kscreen-bar\">\r\n <div class=\"mock-dots\"><div class=\"mock-dot r\"><\/div><div class=\"mock-dot y\"><\/div><div class=\"mock-dot g\"><\/div><\/div>\r\n <span class=\"kscreen-title\">Kostenerfassung \u00b7 Musterstra\u00dfe 12 \u00b7 2025<\/span>\r\n <\/div>\r\n <div class=\"kscreen-body\">\r\n <div class=\"kscreen-section\">\r\n <div class=\"kscreen-lbl\">Heizkosten<\/div>\r\n <div class=\"kscreen-row kr1\"><span>Gasverbrauch Kessel<\/span><span class=\"amount\">4.820,00 \u20ac<\/span><span class=\"badge badge-ok\">\u2713<\/span><\/div>\r\n <div class=\"kscreen-row kr2\"><span>Wartung Heizanlage<\/span><span class=\"amount\">380,00 \u20ac<\/span><span class=\"badge badge-ok\">\u2713<\/span><\/div>\r\n <div class=\"kscreen-row kr3\"><span>Schornsteinfeger<\/span><span class=\"amount\">95,00 \u20ac<\/span><span class=\"badge badge-new\">Neu<\/span><\/div>\r\n <\/div>\r\n <div class=\"kscreen-section\">\r\n <div class=\"kscreen-lbl\">Betriebskosten<\/div>\r\n <div class=\"kscreen-row kr4\"><span>Frischwasser \/ Abwasser<\/span><span class=\"amount\">1.240,00 \u20ac<\/span><span class=\"badge badge-ok\">\u2713<\/span><\/div>\r\n <div class=\"kscreen-row kr5\"><span>M\u00fcllabfuhr<\/span><span class=\"amount\">620,00 \u20ac<\/span><span class=\"badge badge-ok\">\u2713<\/span><\/div>\r\n <div class=\"kscreen-row kr6\"><span>Geb\u00e4udeversicherung<\/span><span class=\"amount\">890,00 \u20ac<\/span><span class=\"badge badge-new\">Neu<\/span><\/div>\r\n <\/div>\r\n <div class=\"kscreen-total\"><span>Gesamtkosten Umlage<\/span><span>8.045,00 \u20ac<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"kosten-info\">\r\n <div class=\"kosten-info-item\">\r\n <div class=\"ki-icon\"><i class=\"ti ti-keyboard\" aria-hidden=\"true\"><\/i><\/div>\r\n <div class=\"ki-text\"><h4>Direkte Eingabe<\/h4><p>Kostenposten manuell eingeben oder aus einer Vorlage bef\u00fcllen \u2014 schnell und strukturiert.<\/p><\/div>\r\n <\/div>\r\n <div class=\"kosten-info-item\">\r\n <div class=\"ki-icon\"><i class=\"ti ti-file-import\" aria-hidden=\"true\"><\/i><\/div>\r\n <div class=\"ki-text\"><h4>Import per CSV<\/h4><p>Kosten direkt aus Ihrer Buchhaltungs- oder Verwaltungssoftware importieren.<\/p><\/div>\r\n <\/div>\r\n <div class=\"kosten-info-item\">\r\n <div class=\"ki-icon\"><i class=\"ti ti-calculator\" aria-hidden=\"true\"><\/i><\/div>\r\n <div class=\"ki-text\"><h4>Automatische \u00dcbergabe<\/h4><p>Eingegebene Kosten flie\u00dfen direkt in die Abrechnung \u2014 kein zweites Eintippen.<\/p><\/div>\r\n <\/div>\r\n <div class=\"kosten-info-item\">\r\n <div class=\"ki-icon\"><i class=\"ti ti-history\" aria-hidden=\"true\"><\/i><\/div>\r\n <div class=\"ki-text\"><h4>Vorjahresvergleich<\/h4><p>Alle Kostenpositionen werden automatisch mit dem Vorjahr verglichen \u2014 Abweichungen sofort sichtbar.<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n MIETERWECHSEL INFOGRAFIK\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"sec sec-dark\">\r\n <div class=\"sec-lbl\">Mieterwechsel<\/div>\r\n <h2 class=\"sec-title\" style=\"color:#fcfcfc;\">Einzug. Auszug. Erledigt.<\/h2>\r\n <p class=\"sec-sub\">Mieterwechsel direkt im Portal erfassen \u2014 Verbrauch wird automatisch anteilig gesplittet, der neue Mieter bekommt sofort seinen eigenen Portal-Zugang.<\/p>\r\n <div class=\"mw-flow\">\r\n <div class=\"mw-fill\"><\/div>\r\n <div class=\"mw-step\">\r\n <div class=\"mw-dot lit mwp1\"><i class=\"ti ti-door-enter\" aria-hidden=\"true\"><\/i><\/div>\r\n <h4>Wechsel erfassen<\/h4>\r\n <p>Einzugs- und Auszugsdatum, Ablesewert zum Stichtag eintragen<\/p>\r\n <\/div>\r\n <div class=\"mw-step\">\r\n <div class=\"mw-dot lit mwp2\"><i class=\"ti ti-divide\" aria-hidden=\"true\"><\/i><\/div>\r\n <h4>Auto-Splitting<\/h4>\r\n <p>Verbrauch wird taggenau zwischen Alt- und Neumieter aufgeteilt<\/p>\r\n <\/div>\r\n <div class=\"mw-step\">\r\n <div class=\"mw-dot lit mwp3\"><i class=\"ti ti-user-plus\" aria-hidden=\"true\"><\/i><\/div>\r\n <h4>Neuer Zugang<\/h4>\r\n <p>Neuer Mieter erh\u00e4lt automatisch seinen eigenen Portal-Login<\/p>\r\n <\/div>\r\n <div class=\"mw-step\">\r\n <div class=\"mw-dot lit mwp4\"><i class=\"ti ti-file-check\" aria-hidden=\"true\"><\/i><\/div>\r\n <h4>Abrechnung bereit<\/h4>\r\n <p>Separate Abrechnung f\u00fcr beide Parteien \u2014 ohne manuellen Mehraufwand<\/p>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- CTA STRIP 2 -->\r\n<div class=\"cta-strip\">\r\n <p>Mieterwechsel bisher aufwendig? <span>Im Portal dauert es keine 5 Minuten.<\/span><\/p>\r\n <a href=\"#kontakt\" class=\"btn-r\"><i class=\"ti ti-arrows-exchange\" aria-hidden=\"true\"><\/i> Mehr erfahren<\/a>\r\n<\/div>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n DOKUMENT-UPLOAD\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"sec sec-alt\">\r\n <div class=\"sec-lbl\">Dokumenten-Management<\/div>\r\n <h2 class=\"sec-title\">Alle Unterlagen. Ein Ort.<\/h2>\r\n <p class=\"sec-sub\">Rechnungen, Wartungsnachweise, Vertr\u00e4ge \u2014 einfach hochladen, automatisch zugeordnet, jederzeit abrufbar.<\/p>\r\n <div class=\"upload-demo\">\r\n <div class=\"upload-screen\">\r\n <div class=\"kscreen-bar\">\r\n <div class=\"mock-dots\"><div class=\"mock-dot r\"><\/div><div class=\"mock-dot y\"><\/div><div class=\"mock-dot g\"><\/div><\/div>\r\n <span class=\"kscreen-title\">Dokumente \u00b7 Musterstra\u00dfe 12<\/span>\r\n <\/div>\r\n <div class=\"uscreen-body\">\r\n <div class=\"upload-zone\">\r\n <i class=\"ti ti-cloud-upload\" aria-hidden=\"true\"><\/i>\r\n <p>Dateien hier ablegen oder<\/p>\r\n <span>Dateien ausw\u00e4hlen<\/span>\r\n <\/div>\r\n <div class=\"ufile-list\">\r\n <div class=\"ufile-item uf1\">\r\n <div class=\"ufile-ic pdf\"><i class=\"ti ti-file-type-pdf\" aria-hidden=\"true\"><\/i><\/div>\r\n <div class=\"ufile-name\">Gasrechnung_2025_Q1.pdf<\/div>\r\n <div class=\"ufile-size\">1.2 MB<\/div>\r\n <span class=\"ufile-status badge-ok\">\u2713<\/span>\r\n <\/div>\r\n <div class=\"ufile-item uf2\">\r\n <div class=\"ufile-ic xlsx\"><i class=\"ti ti-file-spreadsheet\" aria-hidden=\"true\"><\/i><\/div>\r\n <div class=\"ufile-name\">Betriebskosten_2025.xlsx<\/div>\r\n <div class=\"ufile-size\">84 KB<\/div>\r\n <span class=\"ufile-status badge-ok\">\u2713<\/span>\r\n <\/div>\r\n <div class=\"ufile-item uf3\">\r\n <div class=\"ufile-ic pdf\"><i class=\"ti ti-file-type-pdf\" aria-hidden=\"true\"><\/i><\/div>\r\n <div class=\"ufile-name\">Wartungsprotokoll_Heizung.pdf<\/div>\r\n <div class=\"ufile-size\">540 KB<\/div>\r\n <span class=\"ufile-status badge-new\">Neu<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"upload-info\">\r\n <div class=\"kosten-info-item\">\r\n <div class=\"ki-icon\"><i class=\"ti ti-folder-open\" aria-hidden=\"true\"><\/i><\/div>\r\n <div class=\"ki-text\"><h4>Automatische Zuordnung<\/h4><p>Hochgeladene Dokumente werden der richtigen Liegenschaft und dem richtigen Abrechnungsjahr automatisch zugewiesen.<\/p><\/div>\r\n <\/div>\r\n <div class=\"kosten-info-item\">\r\n <div class=\"ki-icon\"><i class=\"ti ti-search\" aria-hidden=\"true\"><\/i><\/div>\r\n <div class=\"ki-text\"><h4>Schnell auffindbar<\/h4><p>Volltextsuche und Filter nach Kategorie, Liegenschaft und Datum \u2014 kein langes Suchen mehr.<\/p><\/div>\r\n <\/div>\r\n <div class=\"kosten-info-item\">\r\n <div class=\"ki-icon\"><i class=\"ti ti-lock\" aria-hidden=\"true\"><\/i><\/div>\r\n <div class=\"ki-text\"><h4>Sicher gespeichert<\/h4><p>Alle Dokumente werden verschl\u00fcsselt auf deutschen Servern gespeichert \u2014 DSGVO-konform.<\/p><\/div>\r\n <\/div>\r\n <div class=\"kosten-info-item\">\r\n <div class=\"ki-icon\"><i class=\"ti ti-share\" aria-hidden=\"true\"><\/i><\/div>\r\n <div class=\"ki-text\"><h4>Direkt f\u00fcr uns sichtbar<\/h4><p>Hochgeladene Unterlagen sind sofort f\u00fcr Ihr Serviceteam verf\u00fcgbar \u2014 kein E-Mail-Anhang mehr n\u00f6tig.<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n MIETER: UVI-ZUGANG\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"sec sec-dark\">\r\n <div class=\"sec-lbl\">Mieter-Portal \u00b7 uVI<\/div>\r\n <h2 class=\"sec-title\" style=\"color:#fcfcfc;\">Mieter sehen ihren Verbrauch \u2014 Monat f\u00fcr Monat.<\/h2>\r\n <p class=\"sec-sub\">Jeder Mieter bekommt einen eigenen Zugang mit seinen monatlichen Verbrauchsinformationen gem\u00e4\u00df EED. Kein Papier, keine Verz\u00f6gerung.<\/p>\r\n <div class=\"uvi-demo\">\r\n <div class=\"uvi-screen\">\r\n <div class=\"kscreen-bar\">\r\n <div class=\"mock-dots\"><div class=\"mock-dot r\"><\/div><div class=\"mock-dot y\"><\/div><div class=\"mock-dot g\"><\/div><\/div>\r\n <span class=\"kscreen-title\">Mein Verbrauch \u00b7 WE 03 \u00b7 Schmidt<\/span>\r\n <\/div>\r\n <div class=\"uvi-body\">\r\n <div class=\"uvi-greeting\">Guten Morgen, Frau Schmidt \ud83d\udc4b<\/div>\r\n <div class=\"uvi-addr\">Musterstra\u00dfe 12, WE 03 \u00b7 Abrechnungsjahr 2025<\/div>\r\n <div class=\"uvi-month-pills\">\r\n <div class=\"uvi-pill\">Jan<\/div><div class=\"uvi-pill\">Feb<\/div><div class=\"uvi-pill\">M\u00e4r<\/div>\r\n <div class=\"uvi-pill active\">Apr<\/div><div class=\"uvi-pill\">Mai<\/div><div class=\"uvi-pill\">Jun<\/div>\r\n <\/div>\r\n <div class=\"uvi-kpi-row\">\r\n <div class=\"uvi-kpi\"><div class=\"val\">142 kWh<\/div><div class=\"lbl\">Verbrauch April<\/div><\/div>\r\n <div class=\"uvi-kpi\"><div class=\"val\" style=\"color:#4ade80;\">\u201318%<\/div><div class=\"lbl\">vs. Vorjahr<\/div><\/div>\r\n <\/div>\r\n <div class=\"uvi-compare\">\r\n <div class=\"uvi-compare-lbl\">Vergleich April<\/div>\r\n <div class=\"uvi-bar-row\">\r\n <div class=\"uvi-bar-name\">2024<\/div>\r\n <div class=\"uvi-bar-outer\"><div class=\"uvi-bar-inner prev uvb1\" style=\"--w:80%\"><\/div><\/div>\r\n <span style=\"font-size:10px;color:rgba(255,255,255,.3);margin-left:6px;\">173<\/span>\r\n <\/div>\r\n <div class=\"uvi-bar-row\">\r\n <div class=\"uvi-bar-name\">2025<\/div>\r\n <div class=\"uvi-bar-outer\"><div class=\"uvi-bar-inner curr uvb2\" style=\"--w:62%\"><\/div><\/div>\r\n <span style=\"font-size:10px;color:var(--a3);margin-left:6px;\">142<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"uvi-tip\" style=\"margin-top:12px;\">\r\n <i class=\"ti ti-bulb\" aria-hidden=\"true\"><\/i>\r\n <p>Ihr Verbrauch liegt 12% unter dem Haushaltsdurchschnitt im Geb\u00e4ude. Weiter so!<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"uvi-info\">\r\n <div class=\"kosten-info-item\">\r\n <div class=\"ki-icon\"><i class=\"ti ti-calendar-stats\" aria-hidden=\"true\"><\/i><\/div>\r\n <div class=\"ki-text\"><h4>Monatlich automatisch<\/h4><p>Die Verbrauchsdaten werden jeden Monat automatisch aktualisiert \u2014 ohne Zutun des Mieters.<\/p><\/div>\r\n <\/div>\r\n <div class=\"kosten-info-item\">\r\n <div class=\"ki-icon\"><i class=\"ti ti-chart-bar\" aria-hidden=\"true\"><\/i><\/div>\r\n <div class=\"ki-text\"><h4>Grafischer Vergleich<\/h4><p>Vorjahresvergleich und Haushaltsschnitt als klare Grafik \u2014 verst\u00e4ndlich auf den ersten Blick.<\/p><\/div>\r\n <\/div>\r\n <div class=\"kosten-info-item\">\r\n <div class=\"ki-icon\"><i class=\"ti ti-device-mobile\" aria-hidden=\"true\"><\/i><\/div>\r\n <div class=\"ki-text\"><h4>Kein App-Download<\/h4><p>Der Portal-Zugang funktioniert direkt im Browser \u2014 auf dem Handy genauso wie am PC.<\/p><\/div>\r\n <\/div>\r\n <div class=\"kosten-info-item\">\r\n <div class=\"ki-icon\"><i class=\"ti ti-shield\" aria-hidden=\"true\"><\/i><\/div>\r\n <div class=\"ki-text\"><h4>EED-konform<\/h4><p>Die monatliche Bereitstellung erf\u00fcllt die gesetzliche Pflicht zur unterj\u00e4hrigen Verbrauchsinformation nach der Energieeffizienz-Richtlinie.<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- CTA STRIP 3 -->\r\n<div class=\"cta-strip\">\r\n <p>Bereit f\u00fcr das papierlose B\u00fcro? <span>Portal-Zugang jetzt einrichten \u2014 f\u00fcr Sie und alle Ihre Mieter.<\/span><\/p>\r\n <a href=\"#kontakt\" class=\"btn-r\"><i class=\"ti ti-rocket\" aria-hidden=\"true\"><\/i> Loslegen<\/a>\r\n<\/div>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n SICHERHEIT\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"sec\">\r\n <div class=\"sec-lbl\">Sicherheit & Technik<\/div>\r\n <h2 class=\"sec-title\">Ihre Daten sind bei uns sicher.<\/h2>\r\n <p class=\"sec-sub\">Wir setzen auf moderne Sicherheitsstandards \u2014 damit Sie und Ihre Mieter vertrauensvoll mit dem Portal arbeiten k\u00f6nnen.<\/p>\r\n <div class=\"sec-grid\">\r\n <div class=\"sec-card\">\r\n <i class=\"ti ti-lock main\" aria-hidden=\"true\"><\/i>\r\n <h3>SSL-Verschl\u00fcsselung<\/h3>\r\n <p>Alle Verbindungen sind Ende-zu-Ende verschl\u00fcsselt. Kein Datentransfer im Klartext.<\/p>\r\n <\/div>\r\n <div class=\"sec-card\">\r\n <i class=\"ti ti-server main\" aria-hidden=\"true\"><\/i>\r\n <h3>Server in Deutschland<\/h3>\r\n <p>Alle Daten werden ausschlie\u00dflich auf deutschen Servern gespeichert \u2014 DSGVO-konform.<\/p>\r\n <\/div>\r\n <div class=\"sec-card\">\r\n <i class=\"ti ti-key main\" aria-hidden=\"true\"><\/i>\r\n <h3>Rollenbasierter Zugriff<\/h3>\r\n <p>Jeder Nutzer sieht nur seine eigenen Daten. Verwalter und Mieter haben klar getrennte Bereiche.<\/p>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n KONTAKTFORMULAR\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"contact-section\" id=\"kontakt\">\r\n <div class=\"contact-wrap\">\r\n <div class=\"contact-info\">\r\n <div class=\"sec-lbl\">Portal-Zugang<\/div>\r\n <h2 class=\"sec-title\">Jetzt einrichten lassen.<\/h2>\r\n <p>Teilen Sie uns kurz mit, f\u00fcr wie viele Liegenschaften und Wohneinheiten Sie den Portal-Zugang ben\u00f6tigen \u2014 wir k\u00fcmmern uns um den Rest und richten alles ein.<\/p>\r\n <ul class=\"contact-details\">\r\n <li><i class=\"ti ti-world\" aria-hidden=\"true\"><\/i><a href=\"https:\/\/hes.prohka-cloud.de\/login\" target=\"_blank\" rel=\"noopener\">hes.prohka-cloud.de<\/a><\/li>\r\n <li><i class=\"ti ti-map-pin\" aria-hidden=\"true\"><\/i> Einbeck \u00b7 G\u00f6ttingen \u00b7 Kassel \u00b7 Hannover<\/li>\r\n <li><i class=\"ti ti-clock\" aria-hidden=\"true\"><\/i> Mo\u2013Fr 8\u201317 Uhr<\/li>\r\n <\/ul>\r\n <div class=\"contact-promise\">\r\n <div class=\"cp-lbl\">Einrichtung<\/div>\r\n <div class=\"cp-val\">In der Regel innerhalb eines Werktages<\/div>\r\n <div class=\"cp-sub\">Kostenlos \u00b7 Pers\u00f6nliche Einf\u00fchrung m\u00f6glich<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"form-frame-wrap\">\r\n <iframe\r\n src=\"https:\/\/preciselli.com\/forms\/wtl\/a0f8e723d93c4ad5a19e3738d7973c5a\"\r\n frameborder=\"0\"\r\n sandbox=\"allow-top-navigation allow-forms allow-scripts allow-same-origin allow-popups\"\r\n allowfullscreen\r\n title=\"Portal-Zugang anfragen \u2013 Hermann Energy Service\"\r\n style=\"width:100%;height:850px;border:none;display:block;\">\r\n <\/iframe>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- FINAL CTA -->\r\n<section class=\"final-cta\">\r\n <h2>Papierlos. \u00dcbersichtlich. Digital.<\/h2>\r\n <p>Starten Sie noch heute mit dem Hermann-Portal \u2014 f\u00fcr Verwalter und Mieter.<\/p>\r\n <a href=\"https:\/\/hes.prohka-cloud.de\/login\" target=\"_blank\" rel=\"noopener\" class=\"btn-w\"><i class=\"ti ti-external-link\" style=\"color:var(--a2)\" aria-hidden=\"true\"><\/i> Direkt zum Portal<\/a>\r\n <p class=\"final-cta-meta\">Oder Zugang anfragen \u2014 wir richten alles ein.<\/p>\r\n<\/section>\r\n\r\n<script>\r\n\/* \u2500\u2500 SCROLL-IN \u2500\u2500 *\/\r\n(function(){\r\n if(!('IntersectionObserver' in window)) return;\r\n const items = document.querySelectorAll('.rollen-card,.sec-card,.kosten-info-item,.upload-info .kosten-info-item,.uvi-info .kosten-info-item');\r\n const obs = new IntersectionObserver((entries)=>{\r\n entries.forEach(e=>{\r\n if(e.isIntersecting){\r\n e.target.style.opacity='1';\r\n e.target.style.transform='translateY(0)';\r\n obs.unobserve(e.target);\r\n }\r\n });\r\n },{threshold:.1});\r\n items.forEach((el,i)=>{\r\n el.style.opacity='0';\r\n el.style.transform='translateY(18px)';\r\n el.style.transition=`opacity .5s ${i*.07}s ease, transform .5s ${i*.07}s ease, border-color .25s`;\r\n obs.observe(el);\r\n });\r\n})();\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Online Portal \u2013 Hermann Energy Service Online Portal Ihre Liegenschaften.Alles auf einen Blick.Jederzeit. Das Hermann-Portal verbindet Verwalter und Mieter in einer digitalen Plattform \u2014 Kostenerfassung, Mieterwechsel, Dokumenten-Upload und Verbrauchsdaten, alles an einem Ort. Zum Portal Zugang anfragen hes.prohka-cloud.de \u00b7 \u00dcbersicht \u00dcbersicht Kosten Mieter Dokumente Liegenschaften 12 aktiv verwaltet Abrechnung \u2713 Fertig Musterstr. 12 \u00b7 2025 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-430","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hermann-energy-service.de\/index.php?rest_route=\/wp\/v2\/pages\/430","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hermann-energy-service.de\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hermann-energy-service.de\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hermann-energy-service.de\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hermann-energy-service.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=430"}],"version-history":[{"count":4,"href":"https:\/\/hermann-energy-service.de\/index.php?rest_route=\/wp\/v2\/pages\/430\/revisions"}],"predecessor-version":[{"id":441,"href":"https:\/\/hermann-energy-service.de\/index.php?rest_route=\/wp\/v2\/pages\/430\/revisions\/441"}],"wp:attachment":[{"href":"https:\/\/hermann-energy-service.de\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=430"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}