{"id":428,"date":"2026-06-24T14:07:35","date_gmt":"2026-06-24T14:07:35","guid":{"rendered":"https:\/\/hermann-energy-service.de\/?page_id=428"},"modified":"2026-06-24T14:10:11","modified_gmt":"2026-06-24T14:10:11","slug":"abrechnungsservice-2","status":"publish","type":"page","link":"https:\/\/hermann-energy-service.de\/?page_id=428","title":{"rendered":"Abrechnungsservice"},"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\nAbrechnungsservice \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 HERO \u2500\u2500 *\/\r\n.hero{background:var(--fg);color:#fcfcfc;padding:80px 56px 72px;position:relative;overflow:hidden;display:flex;align-items:center;min-height:440px;}\r\n.hero::before{content:'';position:absolute;top:-120px;right:-80px;width:500px;height:500px;border-radius:50%;background:var(--a2);opacity:.09;pointer-events:none;}\r\n.hero::after{content:'';position:absolute;bottom:-80px;left:18%;width:280px;height:280px;border-radius:50%;background:var(--a3);opacity:.07;pointer-events:none;}\r\n.hero-content{position:relative;z-index:2;max-width:580px;}\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,52px);font-weight:900;line-height:1.07;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:38px;}\r\n.hero-btns{display:flex;gap:12px;flex-wrap:wrap;}\r\n\r\n\/* animated document stack on hero right *\/\r\n.hero-visual{position:absolute;right:72px;top:50%;transform:translateY(-50%);width:200px;height:200px;z-index:1;}\r\n.doc{position:absolute;width:120px;height:150px;border-radius:8px;display:flex;flex-direction:column;padding:14px 12px;gap:7px;}\r\n.doc-line{height:6px;border-radius:3px;background:rgba(255,255,255,.15);}\r\n.doc-line.short{width:60%;}\r\n.doc-line.accent{background:var(--a3);opacity:.7;width:40%;}\r\n.doc1{background:var(--a1);left:50px;top:10px;animation:docFloat1 4s ease-in-out infinite;box-shadow:0 8px 32px rgba(0,0,0,.3);}\r\n.doc2{background:#1a0d0f;left:20px;top:30px;animation:docFloat2 4s ease-in-out infinite;animation-delay:.6s;box-shadow:0 8px 32px rgba(0,0,0,.2);}\r\n.doc3{background:#2a1014;left:70px;top:20px;animation:docFloat3 4s ease-in-out infinite;animation-delay:1.2s;box-shadow:0 8px 32px rgba(0,0,0,.15);}\r\n@keyframes docFloat1{0%,100%{transform:translateY(0) rotate(-4deg);}50%{transform:translateY(-10px) rotate(-4deg);}}\r\n@keyframes docFloat2{0%,100%{transform:translateY(0) rotate(3deg);}50%{transform:translateY(-14px) rotate(3deg);}}\r\n@keyframes docFloat3{0%,100%{transform:translateY(0) rotate(8deg);}50%{transform:translateY(-8px) rotate(8deg);}}\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\r\n\/* \u2500\u2500 STAT BAND \u2500\u2500 *\/\r\n.stat-band{background:var(--a2);color:#fff;padding:0 56px;display:grid;grid-template-columns:repeat(4,1fr);}\r\n.stat-item{padding:28px 16px;text-align:center;border-right:1px solid rgba(255,255,255,.15);}\r\n.stat-item:last-child{border-right:none;}\r\n.stat-num{font-size:32px;font-weight:900;line-height:1;}\r\n.stat-lbl{font-size:11px;font-weight:500;opacity:.72;margin-top:5px;text-transform:uppercase;letter-spacing:.06em;}\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:48px;}\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 ABRECHNUNG ARTEN: 2-SPALTEN \u2500\u2500 *\/\r\n.arten-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;}\r\n.art-card{border-radius:12px;overflow:hidden;border:1.5px solid var(--g2);background:#fff;transition:border-color .25s,transform .25s;}\r\n.art-card:hover{border-color:var(--a3);transform:translateY(-4px);}\r\n.art-card-header{padding:28px 28px 20px;display:flex;align-items:flex-start;gap:16px;}\r\n.art-icon{width:52px;height:52px;border-radius:10px;background:var(--a1);display:flex;align-items:center;justify-content:center;flex-shrink:0;}\r\n.art-icon i{font-size:24px;color:var(--a3);}\r\n.art-card-header h3{font-size:17px;font-weight:800;margin-bottom:6px;}\r\n.art-card-header p{font-size:13px;color:var(--g3);line-height:1.6;}\r\n.art-card-features{background:var(--g1);padding:18px 28px;border-top:1px solid var(--g2);}\r\n.art-card-features ul{list-style:none;display:flex;flex-direction:column;gap:8px;}\r\n.art-card-features ul li{display:flex;align-items:flex-start;gap:9px;font-size:13px;line-height:1.5;}\r\n.art-card-features ul li i{color:var(--a3);font-size:15px;margin-top:1px;flex-shrink:0;}\r\n\r\n\/* \u2500\u2500 PROZESS INFOGRAFIK (animiert) \u2500\u2500 *\/\r\n.prozess-track{position:relative;padding:0 0 40px;}\r\n.prozess-steps{display:grid;grid-template-columns:repeat(5,1fr);position:relative;z-index:2;}\r\n.prozess-step{display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 8px;}\r\n.pstep-circle{width:60px;height:60px;border-radius:50%;border:3px solid var(--g2);background:#fff;display:flex;align-items:center;justify-content:center;position:relative;z-index:2;margin-bottom:16px;opacity:0;animation:pstepIn .5s ease forwards;}\r\n.pstep-circle i{font-size:22px;color:var(--g3);transition:color .4s;}\r\n.pstep-circle.active{border-color:var(--a3);background:var(--a1);}\r\n.pstep-circle.active i{color:var(--a3);}\r\n.ps1{animation-delay:.2s;} .ps2{animation-delay:.55s;} .ps3{animation-delay:.9s;} .ps4{animation-delay:1.25s;} .ps5{animation-delay:1.6s;}\r\n@keyframes pstepIn{\r\n 0%{opacity:0;transform:scale(.4);}\r\n 70%{transform:scale(1.15);}\r\n 100%{opacity:1;transform:scale(1);}\r\n}\r\n.pstep-label{font-size:12px;font-weight:700;margin-bottom:4px;}\r\n.pstep-sub{font-size:11px;color:var(--g3);line-height:1.4;}\r\n.prozess-line{position:absolute;top:30px;left:10%;right:10%;height:3px;background:var(--g2);border-radius:2px;z-index:1;overflow:hidden;}\r\n.prozess-line-fill{height:100%;background:var(--a3);border-radius:2px;width:0;animation:prozessFill 2s .3s ease forwards;}\r\n@keyframes prozessFill{to{width:100%;}}\r\n\r\n\/* \u2500\u2500 CO2 INFOGRAFIK \u2500\u2500 *\/\r\n.co2-split{display:grid;grid-template-columns:1fr 1fr;gap:0;}\r\n.co2-text{padding:64px 56px;background:var(--g1);}\r\n.co2-visual{background:var(--a1);padding:48px 40px;display:flex;flex-direction:column;justify-content:center;gap:16px;position:relative;overflow:hidden;}\r\n.co2-visual::before{content:'';position:absolute;bottom:-50px;right:-50px;width:200px;height:200px;border-radius:50%;background:var(--a3);opacity:.12;pointer-events:none;}\r\n.co2-bar-wrap{display:flex;flex-direction:column;gap:6px;}\r\n.co2-bar-label{display:flex;justify-content:space-between;font-size:12px;font-weight:600;color:rgba(252,252,252,.7);}\r\n.co2-bar-label span.pct{color:var(--a3);}\r\n.co2-bar-track{height:12px;background:rgba(255,255,255,.1);border-radius:6px;overflow:hidden;}\r\n.co2-bar-fill{height:100%;border-radius:6px;background:var(--a3);width:0;animation:barFillUp .9s ease forwards;}\r\n.bf1{animation-delay:.3s;} .bf2{animation-delay:.6s;} .bf3{animation-delay:.9s;} .bf4{animation-delay:1.2s;} .bf5{animation-delay:1.5s;}\r\n@keyframes barFillUp{to{width:var(--target-width);}}\r\n.co2-note{margin-top:8px;font-size:11px;color:rgba(252,252,252,.35);line-height:1.5;}\r\n.split-ul{list-style:none;display:flex;flex-direction:column;gap:10px;margin-bottom:28px;}\r\n.split-ul li{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.55;}\r\n.split-ul li i{color:var(--a3);font-size:16px;margin-top:1px;flex-shrink:0;}\r\n\r\n\/* \u2500\u2500 PLAUSIBILITAETS ANIMATION \u2500\u2500 *\/\r\n.plaus-demo{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:28px;overflow:hidden;}\r\n.plaus-header{display:flex;align-items:center;gap:10px;margin-bottom:20px;}\r\n.plaus-header i{font-size:18px;color:var(--a3);}\r\n.plaus-header span{font-size:13px;font-weight:700;color:#fcfcfc;}\r\n.plaus-rows{display:flex;flex-direction:column;gap:10px;}\r\n.plaus-row{display:grid;grid-template-columns:1fr 80px 80px 80px;gap:8px;align-items:center;font-size:12px;padding:8px 12px;border-radius:6px;background:rgba(255,255,255,.03);opacity:0;animation:rowIn .4s ease forwards;}\r\n.pr1r{animation-delay:.5s;}.pr2r{animation-delay:.9s;}.pr3r{animation-delay:1.3s;}.pr4r{animation-delay:1.7s;}.pr5r{animation-delay:2.1s;}\r\n@keyframes rowIn{from{opacity:0;transform:translateX(-10px);}to{opacity:1;transform:translateX(0);}}\r\n.plaus-row .unit-label{color:rgba(252,252,252,.4);font-size:11px;}\r\n.plaus-row .val{text-align:right;font-weight:600;color:rgba(252,252,252,.8);}\r\n.plaus-row .status{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;padding:3px 8px;border-radius:10px;justify-content:center;}\r\n.status.ok{background:rgba(34,197,94,.15);color:#4ade80;}\r\n.status.warn{background:rgba(251,191,36,.15);color:#fbbf24;}\r\n.plaus-col-header{display:grid;grid-template-columns:1fr 80px 80px 80px;gap:8px;font-size:10px;font-weight:600;color:rgba(252,252,252,.3);padding:0 12px;margin-bottom:4px;text-transform:uppercase;letter-spacing:.06em;}\r\n\r\n\/* \u2500\u2500 WARUM WIR \u2500\u2500 *\/\r\n.warum-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}\r\n.warum-card{background:#fff;border:1.5px solid var(--g2);border-radius:12px;padding:28px 24px;text-align:center;transition:border-color .25s,transform .25s;}\r\n.warum-card:hover{border-color:var(--a3);transform:translateY(-4px);}\r\n.warum-icon{width:56px;height:56px;border-radius:50%;background:var(--a1);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;}\r\n.warum-icon i{font-size:24px;color:var(--a3);}\r\n.warum-card h3{font-size:15px;font-weight:800;margin-bottom:8px;}\r\n.warum-card p{font-size:13px;color:var(--g3);line-height:1.6;}\r\n\r\n\/* \u2500\u2500 TIMELINE: ABLAUF \u2500\u2500 *\/\r\n.ablauf-list{display:flex;flex-direction:column;gap:0;position:relative;padding-left:32px;}\r\n.ablauf-list::before{content:'';position:absolute;left:11px;top:8px;bottom:8px;width:2px;background:var(--g2);}\r\n.ablauf-item{position:relative;padding:0 0 32px 28px;opacity:0;animation:ablaufIn .4s ease forwards;}\r\n.ai1{animation-delay:.2s;}.ai2{animation-delay:.5s;}.ai3{animation-delay:.8s;}.ai4{animation-delay:1.1s;}.ai5{animation-delay:1.4s;}\r\n@keyframes ablaufIn{from{opacity:0;transform:translateX(-8px);}to{opacity:1;transform:translateX(0);}}\r\n.ablauf-item:last-child{padding-bottom:0;}\r\n.ablauf-dot{position:absolute;left:-32px;top:3px;width:22px;height:22px;border-radius:50%;background:var(--a1);border:2px solid var(--a3);display:flex;align-items:center;justify-content:center;}\r\n.ablauf-dot i{font-size:11px;color:var(--a3);}\r\n.ablauf-item h4{font-size:14px;font-weight:700;margin-bottom:4px;color:#fcfcfc;}\r\n.ablauf-item p{font-size:13px;color:rgba(252,252,252,.5);line-height:1.55;}\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,.co2-text,.contact-section,.final-cta{padding:48px 24px;}\r\n .hero-visual{display:none;}\r\n .stat-band{grid-template-columns:repeat(2,1fr);padding:0 24px;}\r\n .arten-grid,.co2-split,.warum-grid,.contact-wrap{grid-template-columns:1fr;}\r\n .prozess-steps{grid-template-columns:repeat(2,1fr);gap:24px;}\r\n .prozess-line{display:none;}\r\n .cta-strip{flex-direction:column;padding:24px;}\r\n .co2-visual{padding:40px 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-file-invoice\" aria-hidden=\"true\"><\/i> Abrechnungsservice<\/div>\r\n <h1>Ihre Abrechnung.<br><em>Fertig in Tagen,<\/em><br>nicht Monaten.<\/h1>\r\n <p class=\"hero-sub\">Von der Heizkostenabrechnung bis zur vollst\u00e4ndigen Betriebskostenabrechnung \u2014 wir nehmen Ihnen den kompletten Aufwand ab. Pr\u00e4zise, schnell und aus einer Hand.<\/p>\r\n <div class=\"hero-btns\">\r\n <a href=\"#kontakt\" class=\"btn-r\"><i class=\"ti ti-calendar\" aria-hidden=\"true\"><\/i> Erstgespr\u00e4ch vereinbaren<\/a>\r\n <a href=\"#leistungen\" class=\"btn-o\">Leistungen ansehen <i class=\"ti ti-arrow-down\" aria-hidden=\"true\"><\/i><\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"hero-visual\" aria-hidden=\"true\">\r\n <div class=\"doc doc3\">\r\n <div class=\"doc-line accent\"><\/div>\r\n <div class=\"doc-line\"><\/div><div class=\"doc-line short\"><\/div>\r\n <div class=\"doc-line\"><\/div><div class=\"doc-line short\"><\/div>\r\n <div class=\"doc-line\"><\/div>\r\n <\/div>\r\n <div class=\"doc doc2\">\r\n <div class=\"doc-line accent\"><\/div>\r\n <div class=\"doc-line\"><\/div><div class=\"doc-line short\"><\/div>\r\n <div class=\"doc-line\"><\/div><div class=\"doc-line short\"><\/div>\r\n <\/div>\r\n <div class=\"doc doc1\">\r\n <div class=\"doc-line accent\"><\/div>\r\n <div class=\"doc-line\"><\/div><div class=\"doc-line short\"><\/div>\r\n <div class=\"doc-line\"><\/div><div class=\"doc-line short\"><\/div>\r\n <div class=\"doc-line\"><\/div><div class=\"doc-line\"><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- STAT BAND -->\r\n<div class=\"stat-band\">\r\n <div class=\"stat-item\"><div class=\"stat-num\" id=\"cDays\">\u2014<\/div><div class=\"stat-lbl\">Tage bis zur Abrechnung<\/div><\/div>\r\n <div class=\"stat-item\"><div class=\"stat-num\">2<\/div><div class=\"stat-lbl\">Abrechnungsarten<\/div><\/div>\r\n <div class=\"stat-item\"><div class=\"stat-num\">100%<\/div><div class=\"stat-lbl\">HKVO-konform<\/div><\/div>\r\n <div class=\"stat-item\"><div class=\"stat-num\">1<\/div><div class=\"stat-lbl\">Ansprechpartner<\/div><\/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 LEISTUNGSARTEN\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=\"leistungen\">\r\n <div class=\"sec-lbl\">Was wir abrechnen<\/div>\r\n <h2 class=\"sec-title\">Heizkosten & Betriebskosten \u2014 alles aus einer Hand.<\/h2>\r\n <p class=\"sec-sub\">Zwei Abrechnungsarten, ein Dienstleister. Sie sparen Koordinationsaufwand und erhalten alles aus einem System.<\/p>\r\n <div class=\"arten-grid\">\r\n <div class=\"art-card\">\r\n <div class=\"art-card-header\">\r\n <div class=\"art-icon\"><i class=\"ti ti-flame\" aria-hidden=\"true\"><\/i><\/div>\r\n <div>\r\n <h3>Heizkostenabrechnung<\/h3>\r\n <p>Verbrauchsabh\u00e4ngige Abrechnung f\u00fcr Heizung und Warmwasser auf Basis Ihrer Funk-Messdaten. Pr\u00e4zise nach HKVO, inklusive CO\u2082-Umlage.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"art-card-features\">\r\n <ul>\r\n <li><i class=\"ti ti-check\" aria-hidden=\"true\"><\/i> Verbrauchsbasiert nach HKVO<\/li>\r\n <li><i class=\"ti ti-check\" aria-hidden=\"true\"><\/i> CO\u2082-Kostenaufteilung nach gesetzlichem Stufenmodell<\/li>\r\n <li><i class=\"ti ti-check\" aria-hidden=\"true\"><\/i> Grund- und Verbrauchskosten getrennt ausgewiesen<\/li>\r\n <li><i class=\"ti ti-check\" aria-hidden=\"true\"><\/i> Unterj\u00e4hrige Verbrauchsinfos (uVI) nach EED<\/li>\r\n <li><i class=\"ti ti-check\" aria-hidden=\"true\"><\/i> Direkt verst\u00e4ndliche Einzelabrechnungen<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <div class=\"art-card\">\r\n <div class=\"art-card-header\">\r\n <div class=\"art-icon\"><i class=\"ti ti-building\" aria-hidden=\"true\"><\/i><\/div>\r\n <div>\r\n <h3>Betriebskostenabrechnung<\/h3>\r\n <p>Die vollst\u00e4ndige Nebenkostenabrechnung aller umlagef\u00e4higen Kosten \u2014 von Wasser \u00fcber M\u00fcll bis zur Versicherung. Fertig zum Versand.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"art-card-features\">\r\n <ul>\r\n <li><i class=\"ti ti-check\" aria-hidden=\"true\"><\/i> Alle kalten Betriebskosten (\u00a7 2 BetrKV)<\/li>\r\n <li><i class=\"ti ti-check\" aria-hidden=\"true\"><\/i> Mieterwechsel und Vorauszahlungen ber\u00fccksichtigt<\/li>\r\n <li><i class=\"ti ti-check\" aria-hidden=\"true\"><\/i> Versandfertiges PDF f\u00fcr jeden Mieter<\/li>\r\n <li><i class=\"ti ti-check\" aria-hidden=\"true\"><\/i> Export f\u00fcr Ihre Verwaltungssoftware (CSV\/XML)<\/li>\r\n <li><i class=\"ti ti-check\" aria-hidden=\"true\"><\/i> Kombinierbar mit der Heizkostenabrechnung<\/li>\r\n <\/ul>\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 PROZESS 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-alt\">\r\n <div class=\"sec-lbl\">Infografik \u00b7 Ablauf<\/div>\r\n <h2 class=\"sec-title\">Von den Rohdaten zur fertigen Abrechnung.<\/h2>\r\n <p class=\"sec-sub\">Vollautomatisiert, l\u00fcckenlos gepr\u00fcft \u2014 Ihre Abrechnung ist in wenigen Tagen fertig.<\/p>\r\n <div class=\"prozess-track\">\r\n <div class=\"prozess-line\"><div class=\"prozess-line-fill\"><\/div><\/div>\r\n <div class=\"prozess-steps\">\r\n <div class=\"prozess-step\">\r\n <div class=\"pstep-circle active ps1\"><i class=\"ti ti-wifi\" aria-hidden=\"true\"><\/i><\/div>\r\n <div class=\"pstep-label\">Dateneingang<\/div>\r\n <div class=\"pstep-sub\">Automatische Fernauslesung der Z\u00e4hler<\/div>\r\n <\/div>\r\n <div class=\"prozess-step\">\r\n <div class=\"pstep-circle active ps2\"><i class=\"ti ti-checks\" aria-hidden=\"true\"><\/i><\/div>\r\n <div class=\"pstep-label\">Plausibilit\u00e4ts-Check<\/div>\r\n <div class=\"pstep-sub\">Software pr\u00fcft alle Werte auf Abweichungen<\/div>\r\n <\/div>\r\n <div class=\"prozess-step\">\r\n <div class=\"pstep-circle active ps3\"><i class=\"ti ti-calculator\" aria-hidden=\"true\"><\/i><\/div>\r\n <div class=\"pstep-label\">Berechnung<\/div>\r\n <div class=\"pstep-sub\">HKVO, CO\u2082-Umlage, Betriebskosten<\/div>\r\n <\/div>\r\n <div class=\"prozess-step\">\r\n <div class=\"pstep-circle active ps4\"><i class=\"ti ti-file-check\" aria-hidden=\"true\"><\/i><\/div>\r\n <div class=\"pstep-label\">Erstellung<\/div>\r\n <div class=\"pstep-sub\">Versandfertiges PDF je Mieter<\/div>\r\n <\/div>\r\n <div class=\"prozess-step\">\r\n <div class=\"pstep-circle active ps5\"><i class=\"ti ti-send\" aria-hidden=\"true\"><\/i><\/div>\r\n <div class=\"pstep-label\">\u00dcbergabe<\/div>\r\n <div class=\"pstep-sub\">Download im Portal oder Export<\/div>\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>Nur die Heizkosten, oder gleich alles? <span>Wir erstellen Ihnen ein Angebot f\u00fcr beide Abrechnungsarten.<\/span><\/p>\r\n <a href=\"#kontakt\" class=\"btn-r\"><i class=\"ti ti-file-text\" aria-hidden=\"true\"><\/i> Angebot anfordern<\/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 CO2 KOSTENAUFTEILUNG + PLAUSIBILIT\u00c4T\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=\"co2-split\">\r\n <div class=\"co2-text\">\r\n <div class=\"sec-lbl\">CO\u2082-Kostenaufteilung<\/div>\r\n <h2 class=\"sec-title\" style=\"font-size:clamp(20px,2.8vw,28px);margin-bottom:14px;\">Gesetzliches Stufenmodell \u2014 automatisch berechnet.<\/h2>\r\n <p style=\"font-size:14px;color:var(--g3);line-height:1.7;max-width:400px;margin-bottom:24px;\">Die CO\u2082-Abgabe wird je nach Geb\u00e4ude-Effizienzklasse zwischen Vermieter und Mieter aufgeteilt. Wir berechnen das vollautomatisch \u2014 kein manuelles Nachschlagen, kein Fehlerrisiko.<\/p>\r\n <ul class=\"split-ul\">\r\n <li><i class=\"ti ti-circle-check\" aria-hidden=\"true\"><\/i> Berechnung nach aktuellem CO\u2082KostAufG<\/li>\r\n <li><i class=\"ti ti-circle-check\" aria-hidden=\"true\"><\/i> Automatische Zuordnung der Effizienzklasse<\/li>\r\n <li><i class=\"ti ti-circle-check\" aria-hidden=\"true\"><\/i> Transparente Ausweisung in der Abrechnung<\/li>\r\n <li><i class=\"ti ti-circle-check\" aria-hidden=\"true\"><\/i> Aktualisierung bei Gesetzes\u00e4nderungen inklusive<\/li>\r\n <\/ul>\r\n <a href=\"#kontakt\" class=\"btn-r\" style=\"margin-top:8px;\">Mehr erfahren <i class=\"ti ti-arrow-right\" aria-hidden=\"true\"><\/i><\/a>\r\n <\/div>\r\n <div class=\"co2-visual\">\r\n <div style=\"font-size:12px;font-weight:700;color:rgba(252,252,252,.5);text-transform:uppercase;letter-spacing:.07em;margin-bottom:20px;\">CO\u2082-Anteil Vermieter nach Effizienzklasse<\/div>\r\n <div class=\"co2-bar-wrap\">\r\n <div class=\"co2-bar-label\"><span>Klasse A+<\/span><span class=\"pct\">0%<\/span><\/div>\r\n <div class=\"co2-bar-track\"><div class=\"co2-bar-fill bf1\" style=\"--target-width:0%;\"><\/div><\/div>\r\n <\/div>\r\n <div class=\"co2-bar-wrap\">\r\n <div class=\"co2-bar-label\"><span>Klasse C<\/span><span class=\"pct\">25%<\/span><\/div>\r\n <div class=\"co2-bar-track\"><div class=\"co2-bar-fill bf2\" style=\"--target-width:25%;\"><\/div><\/div>\r\n <\/div>\r\n <div class=\"co2-bar-wrap\">\r\n <div class=\"co2-bar-label\"><span>Klasse E<\/span><span class=\"pct\">50%<\/span><\/div>\r\n <div class=\"co2-bar-track\"><div class=\"co2-bar-fill bf3\" style=\"--target-width:50%;\"><\/div><\/div>\r\n <\/div>\r\n <div class=\"co2-bar-wrap\">\r\n <div class=\"co2-bar-label\"><span>Klasse F<\/span><span class=\"pct\">65%<\/span><\/div>\r\n <div class=\"co2-bar-track\"><div class=\"co2-bar-fill bf4\" style=\"--target-width:65%;\"><\/div><\/div>\r\n <\/div>\r\n <div class=\"co2-bar-wrap\">\r\n <div class=\"co2-bar-label\"><span>Klasse H<\/span><span class=\"pct\">90%<\/span><\/div>\r\n <div class=\"co2-bar-track\"><div class=\"co2-bar-fill bf5\" style=\"--target-width:90%;\"><\/div><\/div>\r\n <\/div>\r\n <div class=\"co2-note\">Je schlechter die Geb\u00e4udeeffizienz, desto h\u00f6her der Vermieteranteil \u2014 gesetzlich festgelegt.<\/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 PLAUSIBILIT\u00c4TS-CHECK 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\">Qualit\u00e4tssicherung<\/div>\r\n <h2 class=\"sec-title\" style=\"color:#fcfcfc;\">Jeder Wert wird gepr\u00fcft \u2014 bevor er abgerechnet wird.<\/h2>\r\n <p class=\"sec-sub\">Unser automatischer Plausibilit\u00e4ts-Check erkennt Nullverbr\u00e4uche, un\u00fcbliche Ausrei\u00dfer und Datenl\u00fccken, bevor die Abrechnung erstellt wird.<\/p>\r\n <div class=\"plaus-demo\">\r\n <div class=\"plaus-header\">\r\n <i class=\"ti ti-shield-check\" aria-hidden=\"true\"><\/i>\r\n <span>Plausibilit\u00e4ts-Check \u00b7 Musterstra\u00dfe 12 \u00b7 Abrechnungszeitraum 2025<\/span>\r\n <\/div>\r\n <div class=\"plaus-col-header\">\r\n <span>Wohneinheit<\/span><span style=\"text-align:right\">Vorjahr<\/span><span style=\"text-align:right\">Aktuell<\/span><span style=\"text-align:center\">Status<\/span>\r\n <\/div>\r\n <div class=\"plaus-rows\">\r\n <div class=\"plaus-row pr1r\">\r\n <span>WE 01 \u00b7 M\u00fcller<\/span>\r\n <span class=\"val\">1.842 <span class=\"unit-label\">kWh<\/span><\/span>\r\n <span class=\"val\">1.690 <span class=\"unit-label\">kWh<\/span><\/span>\r\n <span class=\"status ok\"><i class=\"ti ti-check\"><\/i> OK<\/span>\r\n <\/div>\r\n <div class=\"plaus-row pr2r\">\r\n <span>WE 02 \u00b7 Schmidt<\/span>\r\n <span class=\"val\">2.105 <span class=\"unit-label\">kWh<\/span><\/span>\r\n <span class=\"val\">1.980 <span class=\"unit-label\">kWh<\/span><\/span>\r\n <span class=\"status ok\"><i class=\"ti ti-check\"><\/i> OK<\/span>\r\n <\/div>\r\n <div class=\"plaus-row pr3r\">\r\n <span>WE 03 \u00b7 Weber<\/span>\r\n <span class=\"val\">1.620 <span class=\"unit-label\">kWh<\/span><\/span>\r\n <span class=\"val\">298 <span class=\"unit-label\">kWh<\/span><\/span>\r\n <span class=\"status warn\"><i class=\"ti ti-alert-triangle\"><\/i> Pr\u00fcfen<\/span>\r\n <\/div>\r\n <div class=\"plaus-row pr4r\">\r\n <span>WE 04 \u00b7 Fischer<\/span>\r\n <span class=\"val\">1.910 <span class=\"unit-label\">kWh<\/span><\/span>\r\n <span class=\"val\">1.855 <span class=\"unit-label\">kWh<\/span><\/span>\r\n <span class=\"status ok\"><i class=\"ti ti-check\"><\/i> OK<\/span>\r\n <\/div>\r\n <div class=\"plaus-row pr5r\">\r\n <span>WE 05 \u00b7 Wagner<\/span>\r\n <span class=\"val\">1.740 <span class=\"unit-label\">kWh<\/span><\/span>\r\n <span class=\"val\">1.612 <span class=\"unit-label\">kWh<\/span><\/span>\r\n <span class=\"status ok\"><i class=\"ti ti-check\"><\/i> OK<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Ablauf-Timeline -->\r\n <div style=\"margin-top:52px;display:grid;grid-template-columns:1fr 1fr;gap:40px;\">\r\n <div>\r\n <div class=\"sec-lbl\" style=\"margin-bottom:20px;\">Was gepr\u00fcft wird<\/div>\r\n <div class=\"ablauf-list\">\r\n <div class=\"ablauf-item ai1\">\r\n <div class=\"ablauf-dot\"><i class=\"ti ti-check\" aria-hidden=\"true\"><\/i><\/div>\r\n <h4>Nullverbr\u00e4uche<\/h4>\r\n <p>Wohneinheiten mit 0 kWh werden automatisch markiert \u2014 Ger\u00e4t defekt oder Leerstand?<\/p>\r\n <\/div>\r\n <div class=\"ablauf-item ai2\">\r\n <div class=\"ablauf-dot\"><i class=\"ti ti-check\" aria-hidden=\"true\"><\/i><\/div>\r\n <h4>Starke Ausrei\u00dfer<\/h4>\r\n <p>Abweichungen \u00fcber 40% zum Vorjahr l\u00f6sen eine manuelle Pr\u00fcfung aus.<\/p>\r\n <\/div>\r\n <div class=\"ablauf-item ai3\">\r\n <div class=\"ablauf-dot\"><i class=\"ti ti-check\" aria-hidden=\"true\"><\/i><\/div>\r\n <h4>Datenvollst\u00e4ndigkeit<\/h4>\r\n <p>Fehlende Auslesungen werden identifiziert, bevor sie zur Abrechnung gelangen.<\/p>\r\n <\/div>\r\n <div class=\"ablauf-item ai4\">\r\n <div class=\"ablauf-dot\"><i class=\"ti ti-check\" aria-hidden=\"true\"><\/i><\/div>\r\n <h4>Mieterwechsel<\/h4>\r\n <p>Anteilige Verbr\u00e4uche bei Einzug\/Auszug werden korrekt splittet und zugeordnet.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div>\r\n <div class=\"sec-lbl\" style=\"margin-bottom:20px;\">Was Sie bekommen<\/div>\r\n <div class=\"ablauf-list\">\r\n <div class=\"ablauf-item ai1\">\r\n <div class=\"ablauf-dot\"><i class=\"ti ti-check\" aria-hidden=\"true\"><\/i><\/div>\r\n <h4>Fehlerfreie Abrechnung<\/h4>\r\n <p>Keine teuren Korrekturen nachtr\u00e4glich \u2014 die Abrechnung stimmt beim ersten Versand.<\/p>\r\n <\/div>\r\n <div class=\"ablauf-item ai2\">\r\n <div class=\"ablauf-dot\"><i class=\"ti ti-check\" aria-hidden=\"true\"><\/i><\/div>\r\n <h4>PDF pro Mieter<\/h4>\r\n <p>Klar gegliederte Einzelabrechnungen \u2014 direkt verst\u00e4ndlich, versandfertig.<\/p>\r\n <\/div>\r\n <div class=\"ablauf-item ai3\">\r\n <div class=\"ablauf-dot\"><i class=\"ti ti-check\" aria-hidden=\"true\"><\/i><\/div>\r\n <h4>Verwalter-Export<\/h4>\r\n <p>CSV oder XML f\u00fcr die direkte Weiterverarbeitung in Ihrer Software.<\/p>\r\n <\/div>\r\n <div class=\"ablauf-item ai4\">\r\n <div class=\"ablauf-dot\"><i class=\"ti ti-check\" aria-hidden=\"true\"><\/i><\/div>\r\n <h4>Portalzugriff<\/h4>\r\n <p>Bearbeitungsstatus jederzeit einsehbar \u2014 Sie wissen immer, wo Ihre Abrechnung steht.<\/p>\r\n <\/div>\r\n <\/div>\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>Ihre Kostendaten liegen bereit? <span>Schicken Sie uns die Unterlagen \u2014 wir erledigen den Rest.<\/span><\/p>\r\n <a href=\"#kontakt\" class=\"btn-r\"><i class=\"ti ti-upload\" aria-hidden=\"true\"><\/i> Daten \u00fcbermitteln<\/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 WARUM WIR\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\">Warum Hermann Energy Service<\/div>\r\n <h2 class=\"sec-title\">Pers\u00f6nlich. Digital. Lokal.<\/h2>\r\n <p class=\"sec-sub\">Wir kombinieren die Geschwindigkeit moderner Software mit dem pers\u00f6nlichen Service eines regionalen Anbieters.<\/p>\r\n <div class=\"warum-grid\">\r\n <div class=\"warum-card\">\r\n <div class=\"warum-icon\"><i class=\"ti ti-user-check\" aria-hidden=\"true\"><\/i><\/div>\r\n <h3>Fester Ansprechpartner<\/h3>\r\n <p>Kein Callcenter, keine Ticket-Hotline. Sie sprechen direkt mit der Person, die Ihre Abrechnung kennt.<\/p>\r\n <\/div>\r\n <div class=\"warum-card\">\r\n <div class=\"warum-icon\"><i class=\"ti ti-dashboard\" aria-hidden=\"true\"><\/i><\/div>\r\n <h3>Alles im Portal<\/h3>\r\n <p>Bearbeitungsstatus, fertige Abrechnungen, Exportfunktionen \u2014 alles zentral auf einen Blick.<\/p>\r\n <\/div>\r\n <div class=\"warum-card\">\r\n <div class=\"warum-icon\"><i class=\"ti ti-map-pin\" aria-hidden=\"true\"><\/i><\/div>\r\n <h3>Regional verwurzelt<\/h3>\r\n <p>Einbeck, G\u00f6ttingen, Kassel, Hannover \u2014 wir kennen die Region und sind schnell erreichbar.<\/p>\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>Schluss mit dem Abrechnungsstress? <span>Wir sortieren die Zahlen \u2014 Sie konzentrieren sich auf Ihre Liegenschaften.<\/span><\/p>\r\n <a href=\"#kontakt\" class=\"btn-r\"><i class=\"ti ti-calendar\" aria-hidden=\"true\"><\/i> Jetzt Erstgespr\u00e4ch vereinbaren<\/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 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\">Kontakt<\/div>\r\n <h2 class=\"sec-title\">Senden Sie uns Ihre Kostendaten \u2014 wir erledigen den Rest.<\/h2>\r\n <p>Egal ob nur Heizkosten, nur Betriebskosten oder beides \u2014 wir erstellen Ihnen ein passendes Angebot. Schnell, unkompliziert und transparent.<\/p>\r\n <ul class=\"contact-details\">\r\n <li><i class=\"ti ti-world\" aria-hidden=\"true\"><\/i><a href=\"https:\/\/hermann-energy-service.de\" target=\"_blank\" rel=\"noopener\">hermann-energy-service.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\">Unsere Zusage<\/div>\r\n <div class=\"cp-val\">Antwort innerhalb von 24 Stunden<\/div>\r\n <div class=\"cp-sub\">Unverbindlich \u00b7 Kostenlos \u00b7 Kein Risiko<\/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=\"Kontaktformular Abrechnungsservice 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>Ihre Abrechnung in wenigen Tagen.<\/h2>\r\n <p>Unverbindliches Erstgespr\u00e4ch vereinbaren \u2014 wir melden uns innerhalb von 24 Stunden und zeigen Ihnen, wie es konkret funktioniert.<\/p>\r\n <a href=\"#kontakt\" class=\"btn-w\"><i class=\"ti ti-arrow-up\" style=\"color:var(--a2)\" aria-hidden=\"true\"><\/i> Zum Kontaktformular<\/a>\r\n <p class=\"final-cta-meta\">Unverbindlich \u00b7 Kostenlos \u00b7 Schnelle R\u00fcckmeldung<\/p>\r\n<\/section>\r\n\r\n<script>\r\n\/* \u2500\u2500 COUNTER: Tage \u2500\u2500 *\/\r\n(function(){\r\n const el = document.getElementById('cDays');\r\n if(!el) return;\r\n let n = 0, target = 3;\r\n const interval = setInterval(()=>{\r\n n++;\r\n el.textContent = n;\r\n if(n >= target) clearInterval(interval);\r\n }, 200);\r\n})();\r\n\r\n\/* \u2500\u2500 SCROLL-IN \u2500\u2500 *\/\r\n(function(){\r\n if(!('IntersectionObserver' in window)) return;\r\n const items = document.querySelectorAll('.art-card,.warum-card,.sorglos-card');\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(20px)';\r\n el.style.transition=`opacity .5s ${i*.08}s ease, transform .5s ${i*.08}s ease, border-color .25s, background .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>Abrechnungsservice \u2013 Hermann Energy Service Abrechnungsservice Ihre Abrechnung.Fertig in Tagen,nicht Monaten. Von der Heizkostenabrechnung bis zur vollst\u00e4ndigen Betriebskostenabrechnung \u2014 wir nehmen Ihnen den kompletten Aufwand ab. Pr\u00e4zise, schnell und aus einer Hand. Erstgespr\u00e4ch vereinbaren Leistungen ansehen \u2014Tage bis zur Abrechnung 2Abrechnungsarten 100%HKVO-konform 1Ansprechpartner Was wir abrechnen Heizkosten & Betriebskosten \u2014 alles aus einer Hand. Zwei […]<\/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-428","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hermann-energy-service.de\/index.php?rest_route=\/wp\/v2\/pages\/428","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=428"}],"version-history":[{"count":4,"href":"https:\/\/hermann-energy-service.de\/index.php?rest_route=\/wp\/v2\/pages\/428\/revisions"}],"predecessor-version":[{"id":438,"href":"https:\/\/hermann-energy-service.de\/index.php?rest_route=\/wp\/v2\/pages\/428\/revisions\/438"}],"wp:attachment":[{"href":"https:\/\/hermann-energy-service.de\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=428"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}