@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&display=swap');
:root{--ink:#15262e;--muted:#68777d;--green:#a5e66b;--line:#e3e9e9;--soft:#f5f8f6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:'DM Sans',system-ui,-apple-system,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.wrap{max-width:1160px;margin:auto;padding:0 24px}.top{background:white;position:sticky;top:0;z-index:10;border-bottom:1px solid var(--line)}.nav{display:flex;align-items:center;gap:32px;min-height:78px}.logo{font-size:28px;font-weight:800;letter-spacing:-1.3px;line-height:1}.logo span{color:#6ab52c}.logo small{display:block;letter-spacing:2px;font-size:8px;color:#82908b}.nav nav{display:flex;align-items:center;gap:24px;margin-left:auto;font-size:14px;font-weight:600}.navright{display:flex;align-items:center;gap:12px}.dropdown{position:relative}.dropdown button{background:none;border:0;cursor:pointer;font-weight:600;padding:10px}.menu{display:none;position:absolute;top:100%;left:0;min-width:245px;padding:10px;background:white;box-shadow:0 15px 40px #15262e20;border:1px solid var(--line);border-radius:12px}.menu a{display:block;padding:9px 12px;border-radius:8px}.menu a:hover{background:var(--soft)}.dropdown:hover .menu,.dropdown:focus-within .menu,.dropdown button[aria-expanded=true]+.menu{display:block}.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--green);color:#18301a;border:0;border-radius:9px;padding:13px 22px;font-weight:800;cursor:pointer;white-space:nowrap}.btn:hover{filter:brightness(.95)}.btn.small{font-size:13px;padding:10px 14px}.btn.ghost{background:white;border:1px solid #cbd7d3}.btn.ghost.light{background:transparent;border-color:#7d9094;color:white}.smalllink{font-size:13px}.hero{background:#10222c;color:white;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;min-height:540px;gap:45px}.eyebrow{color:#b5d3c6;letter-spacing:2px;font-weight:800;font-size:11px}.eyebrow.green{color:#629b36}.hero h1{font-size:clamp(40px,5vw,66px);line-height:1.08;letter-spacing:-2.6px;margin:22px 0}.hero h1 em{font-style:normal;color:var(--green)}.hero p{color:#c2d1d3;max-width:570px;font-size:18px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.hero-tags{display:flex;gap:16px;flex-wrap:wrap;margin-top:36px;font-size:12px;color:#c2d1d3}.hero-art img{width:100%;filter:drop-shadow(0 30px 30px #0004)}.section{padding-top:80px;padding-bottom:80px}.section h2,.cta h2{font-size:clamp(30px,3vw,43px);letter-spacing:-1.3px;line-height:1.2;margin:12px 0}.intro{max-width:650px;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:35px}.tile{border:1px solid var(--line);border-radius:16px;padding:24px;transition:.2s}.tile:hover{transform:translateY(-4px);box-shadow:0 14px 30px #122f2612}.tile-art{font-size:36px;color:#6bb638;background:#eef9e6;width:64px;height:64px;display:grid;place-items:center;border-radius:15px}.tile h3{margin:20px 0 8px}.tile p{font-size:14px;color:var(--muted);min-height:110px}.tile strong{font-size:13px;color:#4c902b}.muted{background:var(--soft)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:36px}.steps>div{padding:24px;background:white;border:1px solid var(--line);border-radius:14px}.steps b{color:#69ad3d;font-size:28px}.steps p{color:var(--muted)}.split{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.split p{color:var(--muted)}.mock{background:#f7faf9;border:1px solid #dbe7df;border-radius:18px;padding:25px;box-shadow:0 25px 50px #10222c13}.mockhead{font-weight:800;padding-bottom:22px}.mockrow{display:flex;justify-content:space-between;gap:10px;background:white;border:1px solid var(--line);padding:16px;margin-bottom:12px;border-radius:10px;font-size:13px}.mockrow span:last-child{color:var(--muted)}.cta{text-align:center;background:#172d36;color:white;padding:68px 0}.cta p{color:#b5c7cc}.subhero{background:#142a34;color:white;padding:75px 0}.subhero h1{font-size:clamp(38px,4vw,58px);letter-spacing:-2px;max-width:760px}.subhero p{color:#c4d4d7;max-width:680px;font-size:18px}.back{display:inline-block;margin-bottom:24px;color:#6fb548;font-weight:700;font-size:14px}.subhero .back{color:#b2e88c}.illustration{background:#edf5f0;border-radius:22px;padding:20px}.illustration img{width:100%;max-height:330px}details{border-bottom:1px solid var(--line);padding:16px 0}summary{cursor:pointer;font-weight:700}footer{background:#101f29;color:white;padding:45px 0}.foot{display:flex;align-items:start;justify-content:space-between;gap:30px}.foot strong{font-size:25px}.foot p,.foot small{color:#aebfc4;font-size:13px}.foot>div:nth-child(2){display:flex;gap:20px;font-size:13px}.narrow{max-width:750px}.panel{padding:28px;border:1px solid var(--line);border-radius:16px;background:white}.panel h1{margin-top:0}.panel h2{font-size:21px;margin-top:0}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px;font-size:13px;font-weight:700}.field input,.field textarea,.field select{border:1px solid #cfdad7;border-radius:9px;padding:12px;width:100%;background:white;color:var(--ink);font-weight:400}.field input:focus,.field textarea:focus{outline:2px solid #b4e98b}.check{display:block;margin-bottom:18px;font-size:13px}.fine{font-size:12px;color:var(--muted)}.fine a,.legal a{color:#468b24;text-decoration:underline}.alert{margin-top:20px;background:#eaf8df;padding:15px;border-radius:10px}.error,.warning{background:#fff1d9;border:1px solid #efcf9a;border-radius:10px;padding:14px;margin-bottom:25px}.legal h2{margin-top:35px}.hidden{position:absolute;left:-9999px}.dashhead{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:25px}.dashhead h1{font-size:38px;letter-spacing:-1px;margin:8px 0}.dashhead p{color:var(--muted)}.twocol{display:grid;grid-template-columns:1.2fr .8fr;gap:24px}.statgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:25px 0}.stat{border:1px solid var(--line);border-radius:12px;padding:20px}.stat strong{display:block;font-size:32px}.stat span{color:var(--muted);font-size:13px}.objectcard{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid var(--line);border-radius:12px;padding:17px;margin-bottom:10px}.objectcard:hover{border-color:#8cbf6a}.objectcard small{display:block;color:var(--muted);margin-top:5px}.objectcard>span{color:#589a31;font-size:13px}.topgap{margin-top:22px}.listline{border-bottom:1px solid var(--line);padding:14px 0}.listline p,.listline span,.listline small{display:block;color:var(--muted);font-size:13px;margin:6px 0}.listline a{color:#4a9232}.event{border-left:2px solid #a5e66b;padding:0 0 22px 18px;margin-left:8px}.event small{color:var(--muted)}.event p{margin:4px 0}.empty{padding:30px;border:1px dashed #c9d7d0;border-radius:10px;color:var(--muted)}@media(max-width:900px){.cards{grid-template-columns:repeat(2,1fr)}.hero-grid{grid-template-columns:1fr}.hero-grid{padding-top:70px;padding-bottom:40px}.hero-art{display:none}.nav nav{gap:10px}.split{gap:25px}}@media(max-width:650px){.wrap{padding-left:17px;padding-right:17px}.nav{flex-wrap:wrap;gap:8px;padding-top:12px;padding-bottom:12px}.nav nav{order:3;width:100%;justify-content:center;gap:20px}.navright{margin-left:auto}.smalllink{display:none}.navright .btn.small{padding:8px}.hero h1{letter-spacing:-1.5px}.section{padding-top:55px;padding-bottom:55px}.cards,.steps,.split,.twocol{grid-template-columns:1fr}.tile p{min-height:0}.statgrid{grid-template-columns:repeat(2,1fr)}.foot{flex-direction:column}.foot>div:nth-child(2){flex-wrap:wrap}.dashhead{align-items:start;flex-direction:column}.mockrow{flex-direction:column}.panel{padding:19px}}
/* WashVolt B2B design refresh – additive overrides, preserving application screens */
:root{--ink:#10242b;--muted:#61727b;--green:#a4e65d;--line:#dfe8e6;--soft:#f3f7f5}
body{font-feature-settings:"ss01" on;-webkit-font-smoothing:antialiased}
.wrap{max-width:1220px}
.top{box-shadow:0 3px 22px rgba(12,34,40,.055)}
.nav{min-height:84px}
.logo{font-size:30px;letter-spacing:-1.65px}.logo span{color:#78bf3b}
.btn{border-radius:10px;padding:14px 23px;transition:transform .2s,background .2s,box-shadow .2s}
.btn:hover{filter:none;transform:translateY(-2px);box-shadow:0 8px 22px rgba(80,146,35,.19)}
.btn.ghost:hover{box-shadow:0 8px 22px rgba(15,39,48,.09)}
.hero-premium{background:#0c2028;color:#fff}
.hero-banner{width:100%;height:auto;display:block;object-fit:contain;max-height:none}
.hero-cta-bar{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:25px;padding-bottom:28px}
.hero-cta-bar>div:first-child{display:flex;flex-direction:column;gap:4px}
.hero-cta-bar strong{font-size:20px;letter-spacing:-.5px}
.hero-cta-bar span{color:#c2d4d4;font-size:14px}
.hero-cta-bar .actions{margin:0;flex-shrink:0}.hero-cta-bar .btn span{color:inherit}
.section{padding-top:94px;padding-bottom:94px}
.section h2{font-size:clamp(31px,3.5vw,46px);font-weight:800;letter-spacing:-1.7px}
.eyebrow.green{color:#4b9634}.intro{font-size:16px;line-height:1.75}
.cards{gap:19px;margin-top:39px}.tile{background:#fff;border-radius:19px;padding:28px;box-shadow:0 7px 28px rgba(20,49,49,.035)}
.tile:hover{transform:translateY(-6px);border-color:#b9d6b0;box-shadow:0 18px 40px rgba(20,49,49,.1)}
.tile-art{width:70px;height:70px;border-radius:16px;background:#edf7e7;padding:12px}.tile-art img{width:100%;height:100%;object-fit:contain}
.tile h3{font-size:20px;letter-spacing:-.6px;margin:22px 0 10px}.tile p{line-height:1.7;min-height:125px}.tile strong{color:#39852c}
.muted{background:#f2f6f4}.steps>div{padding:30px;border-radius:18px;box-shadow:0 6px 24px rgba(15,38,38,.025)}
.steps b{font-size:36px;color:#67ae3d}.steps h3{font-size:19px;letter-spacing:-.4px}.steps p{line-height:1.75}
.split{gap:75px}.split p{line-height:1.8}.mock{background:#fff;border-radius:22px;padding:32px;box-shadow:0 25px 70px rgba(12,35,45,.1)}
.mockhead{display:flex;align-items:center;gap:10px}.mockhead small{margin-left:auto;font-size:9px;letter-spacing:1px;color:#7c8e93}
.mock-dot{width:10px;height:10px;border-radius:50%;background:#9bdf63;box-shadow:0 0 0 5px #edf8e7}
.mockrow{padding:19px 16px;border-radius:12px}.cta{padding:85px 0;background:linear-gradient(120deg,#10262e,#1a3d3c)}
.subhero{background:linear-gradient(120deg,#0e242d,#183c3a)}.illustration{background:#f0f7ef}
.panel{box-shadow:0 7px 35px rgba(10,35,40,.035)}.stat{background:#fff}
footer{padding:54px 0}
@media(max-width:900px){.hero-cta-bar{flex-wrap:wrap}.hero-cta-bar .actions{margin:0}.section{padding-top:72px;padding-bottom:72px}}
@media(max-width:650px){.nav{min-height:auto}.hero-cta-bar{padding-top:22px;padding-bottom:25px;gap:16px}.hero-cta-bar strong{font-size:18px}.hero-cta-bar .actions{width:100%}.hero-cta-bar .btn{font-size:12px;padding:12px}.hero-banner{min-height:0}.section{padding-top:58px;padding-bottom:58px}.tile p{min-height:0}.mockhead small{font-size:8px}.cards{gap:12px}}


/* WashVolt B2B 2026 – landing page design */
:root{--green:#a4e65d;--ink:#0d242c;--soft:#eef5f1}
.wv-hero{color:#fff;background:linear-gradient(90deg,#081c24 0%,#0b222beF 35%,#0c2428a8 56%,#0c24281c 100%),url('hero-photo.webp') right center/auto 100% no-repeat,#0c242c;min-height:525px;display:flex;align-items:center;overflow:hidden}
.wv-hero-inner{width:100%;padding-top:64px;padding-bottom:54px}
.wv-hero-copy{max-width:665px}
.wv-hero .eyebrow,.wv-final-cta .eyebrow{color:#a5e66b;letter-spacing:1.6px}
.wv-hero h1{font-size:clamp(39px,4.65vw,65px);line-height:1.08;letter-spacing:-2.5px;margin:20px 0;font-weight:800}
.wv-hero h1 em{font-style:normal;color:var(--green)}
.wv-hero p{font-size:17px;line-height:1.65;color:#e2e9e8;max-width:590px;margin:0}
.wv-trust{display:flex;flex-wrap:wrap;gap:20px;margin-top:31px;font-size:12px;color:#e0ebe5;font-weight:700}
.wv-trust span:first-letter{color:#a5e66b}
.wv-section-top{display:flex;align-items:center;justify-content:space-between;gap:30px}
.wv-section-top h2{margin-bottom:14px}
.wv-section-top .intro{margin:0;max-width:710px}
.wv-branch-link{flex-shrink:0}
.wv-cards{gap:18px;margin-top:35px}
.wv-industry-card{position:relative;padding:0!important;overflow:hidden;border-radius:15px!important;display:block;background:#fff;box-shadow:0 12px 32px #142d2710}
.wv-card-photo{height:145px;overflow:hidden;background:#dce7e4}
.wv-card-photo img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.wv-industry-card:hover .wv-card-photo img{transform:scale(1.05)}
.wv-card-icon{position:absolute;top:116px;left:18px;width:54px;height:54px;display:grid;place-items:center;background:#dff5d0;border:4px solid white;border-radius:14px;font-size:29px;color:#338324;font-weight:800}
.wv-card-content{padding:29px 19px 20px}
.wv-card-content h3{font-size:19px;margin:5px 0 9px;letter-spacing:-.5px}
.wv-card-content p{min-height:117px!important;font-size:13px;line-height:1.65;margin:0 0 16px}
.wv-card-content strong{font-size:13px}
.wv-process{background:linear-gradient(110deg,#eaf3ee,#f5f8f6)}
.wv-process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:23px;margin-top:36px}
.wv-step{background:#fff;border:1px solid #e2eae5;border-radius:17px;padding:26px;box-shadow:0 10px 28px #17362a08}
.wv-step-top{display:flex;justify-content:space-between;align-items:center}
.wv-number{background:linear-gradient(130deg,#15922c,#83d942);color:white;font-size:17px;font-weight:800;padding:12px 11px;border-radius:50%}
.wv-step-icon{font-size:34px;font-weight:700;color:#1e3840}
.wv-step h3{margin:16px 0 8px;font-size:18px}
.wv-step p{margin:0;color:var(--muted);font-size:14px;line-height:1.7}
.wv-portal-section{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:70px}
.wv-portal-copy p{color:var(--muted);line-height:1.75}
.wv-checks{list-style:none;padding:0;margin:20px 0 26px}
.wv-checks li{padding:5px 0;font-size:14px}
.wv-checks li:before{content:"✓";display:inline-grid;place-items:center;background:#a4e65d;color:#174220;width:20px;height:20px;border-radius:50%;font-size:12px;font-weight:800;margin-right:10px}
.wv-portal-preview{border:1px solid #dce8e2;background:#fff;border-radius:18px;padding:24px;box-shadow:0 24px 55px #17382b16}
.wv-preview-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;font-size:15px}
.wv-preview-head span{font-size:9px;letter-spacing:1px;color:#83948b}
.wv-location{display:flex;align-items:center;gap:13px;border:1px solid #e5ede9;padding:12px;border-radius:10px;margin-bottom:9px}
.wv-location-icon{width:36px;height:36px;border-radius:9px;display:grid;place-items:center;background:#eff6ef;color:#347d2b;font-size:20px}
.wv-location div{flex:1;min-width:0}.wv-location strong{display:block;font-size:13px}.wv-location small{display:block;color:#7a8b8c;font-size:11px}
.wv-pill{font-size:10px;font-weight:800;color:#386e2a;background:#e6f6d7;padding:5px 8px;border-radius:7px}
.wv-preview-note{color:#8a9b99;font-size:10px;margin:12px 0 0}
.wv-final-cta{background:linear-gradient(110deg,#0a2029,#163d34);color:#fff;padding:68px 0}
.wv-final-inner{display:flex;align-items:center;justify-content:space-between;gap:35px}
.wv-final-cta h2{font-size:clamp(30px,3.4vw,44px);letter-spacing:-1.4px;margin:10px 0}
.wv-final-cta p{color:#d1e0dc;max-width:630px}
.wv-final-inner .actions{margin:0;flex-shrink:0}
.illustration{padding:0;overflow:hidden}.illustration img{max-height:400px;object-fit:cover;display:block;aspect-ratio:4/3}
@media(max-width:900px){.wv-portal-section{gap:30px}.wv-card-content p{min-height:160px!important}.wv-final-inner{align-items:start;flex-direction:column}}
@media(max-width:650px){.wv-hero{background:linear-gradient(90deg,#081c24f5,#081c24c7),url('hero-photo.webp') center/cover no-repeat;min-height:auto}.wv-hero-inner{padding-top:58px;padding-bottom:54px}.wv-hero h1{font-size:39px;letter-spacing:-1.5px}.wv-hero p{font-size:15px}.wv-trust{gap:11px;font-size:11px}.wv-section-top{align-items:start;flex-direction:column}.wv-cards{grid-template-columns:1fr 1fr}.wv-card-photo{height:115px}.wv-card-icon{top:91px;width:44px;height:44px;font-size:23px}.wv-card-content{padding:26px 13px 15px}.wv-card-content h3{font-size:16px}.wv-card-content p{font-size:12px;min-height:0!important}.wv-process-grid,.wv-portal-section{grid-template-columns:1fr}.wv-final-inner .actions{width:100%}.wv-final-inner .btn{font-size:12px}.wv-preview-head{font-size:12px}}
@media(max-width:370px){.wv-cards{grid-template-columns:1fr}.wv-card-photo{height:150px}.wv-card-icon{top:125px}.wv-card-content p{font-size:13px}}

/* Energieanfrage mit optionalem Rechnungsupload */
.wv-contact-form .wv-upload-box{border:1px solid #d8e8dc;background:#f5faf5;border-radius:16px;padding:22px;margin:20px 0}
.wv-upload-box h3{margin:0 0 7px;font-size:19px}.wv-upload-box h3 small{font-size:12px;font-weight:500;color:#667c74}
.wv-upload-box p{font-size:13px;color:#536e67;line-height:1.65}.wv-upload-box input[type=file]{background:#fff;padding:12px;border-radius:9px;max-width:100%;box-sizing:border-box}
.wv-math{max-width:340px;margin:18px 0}.wv-contact-form .check{margin:20px 0 10px;line-height:1.6}

/* Final hero override – 26.10.2026 */
/* WashVolt Header Fix: separate photo panel, no embedded cards or text */
.wv-hero{position:relative;isolation:isolate;min-height:525px;background:#0a2029!important;overflow:hidden}
.wv-hero::before{content:"";position:absolute;z-index:-2;right:0;top:0;bottom:0;width:51%;background-image:url('hero-clean.webp');background-size:cover;background-position:center center;background-repeat:no-repeat}
.wv-hero::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#0a2029 0%,#0a2029 37%,rgba(10,32,41,.95) 47%,rgba(10,32,41,.48) 66%,rgba(10,32,41,.06) 100%)}
.wv-hero-copy{position:relative;z-index:1}
@media(max-width:650px){.wv-hero::before{width:100%;opacity:.26;background-position:center}.wv-hero::after{background:linear-gradient(90deg,rgba(10,32,41,.97),rgba(10,32,41,.78))}.wv-hero{min-height:auto}}


/* WashVolt Kundenportal – Erweiterung */
.portal-nav{display:flex;gap:22px;align-items:center}.portal-nav a{font-weight:650;color:#193344}.wv-object{border-left:4px solid #a3e650!important}.wv-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.wv-chip{display:inline-flex;align-items:center;border-radius:99px;padding:5px 10px;font-size:12px;font-weight:700;background:#eaf8df;color:#39651b}.wv-chip.soon{background:#fff1d9;color:#9c5a00}.wv-chip.urgent{background:#ffe3e3;color:#a32525}.form-subtitle{font-size:16px;margin:18px 0 10px;color:#17303b}@media(max-width:760px){.portal-nav{gap:10px}.portal-nav a{font-size:12px}}

/* WashVolt Kundenportal 4 */
.wv-detail .wv-back{display:inline-flex;margin-bottom:22px;border:1px solid #cbdcd4;background:#f7fbf7;color:#1d4331;font-weight:700;padding:12px 17px}
.wv-detail-hero{display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap;background:linear-gradient(115deg,#effbe8,#f8fcfa 65%,#fff);border:1px solid #d8e9d3;border-radius:18px;padding:28px;margin-bottom:16px}
.wv-detail-hero h1{margin:8px 0}.wv-detail-actions{display:flex;gap:10px;flex-wrap:wrap}
.wv-detail-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:22px}
.wv-info-stat{background:#fff;border:1px solid #d8e5e0;border-left:4px solid #a2e65e;border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:9px;min-width:0}
.wv-info-stat small{font-size:11px;letter-spacing:.09em;color:#678276;font-weight:800}.wv-info-stat strong{font-size:22px;overflow-wrap:anywhere;color:#0c2933}.wv-info-stat span{color:#59776a;font-size:13px;overflow-wrap:anywhere}
.wv-detail .panel{border-radius:14px}.wv-meter{padding:14px 0;border-bottom:1px solid #e3eae6}.wv-meter:last-child{border-bottom:0}.wv-meter-top{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.wv-meter p{line-height:1.7;color:#536b68}.wv-chip.warn{background:#fff1dc;color:#9b510c}.wv-support{background:#f5fbea;border-color:#cde5bd}.wv-checkbox{display:flex;align-items:center;gap:9px;margin:18px 0;font-size:14px;font-weight:700;cursor:pointer}.wv-checkbox input{width:18px;height:18px;accent-color:#74bc38}.wv-danger{margin-top:24px;border-top:1px solid #e4eae6;padding-top:15px}.wv-danger summary{cursor:pointer;color:#9a4b43;font-weight:600}.wv-danger p{font-size:13px}.wv-detail [hidden],#new-billing-fields[hidden],#edit-billing-fields[hidden]{display:none!important}
@media(max-width:760px){.wv-detail-stats{grid-template-columns:1fr}.wv-detail-hero{padding:20px}.wv-detail-actions{width:100%}.wv-detail-actions .btn{flex:1;text-align:center}}

/* WashVolt: Zusatzfunktionen in der Objektansicht platzsparend aufklappen */
.wv-detail .wv-fold { padding:0; overflow:hidden; }
.wv-detail .wv-fold > summary { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:19px 20px; cursor:pointer; font-weight:750; font-size:1.03rem; list-style:none; color:#102b36; }
.wv-detail .wv-fold > summary::-webkit-details-marker {display:none;}
.wv-detail .wv-fold > summary span {font-size:.75rem; font-weight:700; color:#397c19; background:#effbdc; padding:7px 11px; border-radius:20px;}
.wv-detail .wv-fold[open] > summary {border-bottom:1px solid #e2eae8; background:#f7fbf4;}
.wv-detail .wv-fold[open] > summary span {background:#e5f3d2;}
.wv-detail .wv-fold-body {padding:20px;}
.wv-detail .wv-fold:focus-within {outline:2px solid #b4df7b;outline-offset:2px;}
.wv-detail .wv-fold[open] {scroll-margin-top:110px;}
@media(max-width:700px){.wv-detail .wv-fold > summary {padding:15px;font-size:.95rem}.wv-detail .wv-fold-body {padding:15px}}

/* WashVolt: kompakte zweispaltige Objektübersicht */
.wv-detail .twocol{align-items:start;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:18px}
.wv-detail .twocol>div{min-width:0}
.wv-detail .twocol .panel h2{font-size:clamp(1.25rem,2vw,1.7rem)}
.wv-contact-panel p{margin:8px 0;overflow-wrap:anywhere}
.wv-edit-contact{display:inline-block;margin-top:6px;font-weight:700;color:#287c35}
.wv-unread{display:inline-flex;align-items:center;justify-content:center;min-width:21px;height:21px;padding:0 6px;border-radius:999px;background:#df3039;color:white;font-size:12px;font-weight:800;line-height:1;vertical-align:middle;margin-left:5px}
@media(max-width:760px){.wv-detail .twocol{grid-template-columns:1fr}}

/* WashVolt Admin CRM */
.wv-admin-nav{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0 28px}.wv-admin-nav a{border:1px solid #d9e4e1;border-radius:10px;padding:10px 14px;text-decoration:none;color:#16303a;font-weight:700;font-size:14px}.wv-admin-nav a.active{background:#e8f9df;border-color:#9bdd63}.wv-admin-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(250px,1fr);gap:18px;margin-top:22px}.wv-admin-grid .panel{min-width:0}.wv-quick{display:grid;gap:12px}.wv-quick a{display:block;padding:14px;border:1px solid #e0e8e6;border-radius:9px;text-decoration:none}.wv-search{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.wv-search input{flex:1;min-width:180px}.wv-search select{min-width:140px}.wv-search input,.wv-search select{border:1px solid #cbdad6;border-radius:8px;padding:10px}.wv-table-wrap{overflow-x:auto}.wv-table{width:100%;border-collapse:collapse}.wv-table th,.wv-table td{text-align:left;padding:12px;border-bottom:1px solid #e5ece9}.wv-table th{font-size:13px;color:#55716d}.wv-pager{display:flex;justify-content:space-between;margin-top:18px}.wv-admin details.panel summary{cursor:pointer;padding:6px 0}.wv-admin details.panel form{max-width:650px;margin-top:18px}@media(max-width:780px){.wv-admin-grid{grid-template-columns:1fr}.wv-admin-nav a{font-size:12px;padding:8px 10px}}

/* WashVolt: responsive account menu, customer / delivery point hierarchy */
.wv-mobile-profile{display:none;position:relative}.wv-mobile-profile summary{list-style:none;cursor:pointer;border:1px solid #d6e2de;border-radius:10px;padding:9px 12px;font-weight:700;white-space:nowrap}.wv-mobile-profile summary::-webkit-details-marker{display:none}.wv-mobile-profile-menu{position:absolute;right:0;top:calc(100% + 7px);width:min(280px,calc(100vw - 35px));z-index:100;background:white;border:1px solid #dbe6e2;border-radius:12px;box-shadow:0 12px 30px #0b282a25;padding:8px}.wv-mobile-profile-menu a{display:block;padding:11px 12px;font-size:14px;border-radius:8px}.wv-mobile-profile-menu a:hover{background:#f1f8ee}.wv-mobile-profile-menu .wv-mobile-logout{border-top:1px solid #e1e8e5;color:#a32626;font-weight:800;margin-top:4px;border-radius:0}
.wv-customer-group{border:1px solid #dce7e3;border-radius:12px;margin:11px 0;overflow:visible}.wv-customer-group>summary{display:flex;align-items:center;gap:12px;cursor:pointer;padding:16px;list-style:none}.wv-customer-group>summary::-webkit-details-marker{display:none}.wv-customer-main{display:flex;flex-direction:column;min-width:0;flex:1}.wv-customer-main small,.wv-customer-object small{display:block;color:#6b7c7b;font-size:12px;overflow-wrap:anywhere}.wv-customer-count{font-size:12px;color:#567067}.wv-customer-arrow{font-size:18px;color:#548f2f}.wv-customer-group[open] .wv-customer-arrow{transform:rotate(180deg)}.wv-customer-objects{padding:6px 16px 16px;border-top:1px solid #e3ece8}.wv-customer-object{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border-bottom:1px solid #e7eeea}.wv-customer-object>span:last-child,.wv-customer-all{font-size:12px;color:#4a902b;white-space:nowrap}.wv-customer-all{display:inline-block;margin:14px 12px 3px;font-weight:800}
@media(max-width:760px){.nav .portal-nav,.navright>.smalllink,.navright>.btn.small{display:none!important}.nav{flex-wrap:nowrap;justify-content:space-between}.navright{margin-left:auto}.wv-mobile-profile{display:block}.wv-customer-group>summary{flex-wrap:wrap}.wv-customer-count{order:3;width:100%}.wv-customer-arrow{margin-left:auto}.wv-customer-object{align-items:flex-start}}

/* WashVolt: Zählerbearbeitung und kompakte Kontaktpflege */
.wv-meter-edit{margin-top:12px;border-top:1px solid #e1e9e5;padding-top:10px}
.wv-meter-edit summary{cursor:pointer;color:#237b31;font-weight:700;font-size:13px;list-style-position:inside}
.wv-meter-edit-form{padding:15px 0 4px;display:block}
.wv-meter-edit-form .field{margin-bottom:12px}
.wv-contact-panel p{margin-bottom:5px}
.wv-detail-stats:has(.wv-info-stat:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:650px){.wv-detail-stats:has(.wv-info-stat:nth-child(2):last-child){grid-template-columns:1fr}}

/* WashVolt: compact 3-column overview and customer completion */
.wv-detail-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.wv-contact-stat a{display:block;font-size:12px;overflow-wrap:anywhere;margin-top:5px;color:#24543a;text-decoration:none}
.wv-contact-stat strong{overflow-wrap:anywhere}
.wv-customer-done{border-left:4px solid #8edc51;background:#f3fbe9}
@media(max-width:650px){.wv-detail-stats{grid-template-columns:1fr}.wv-contact-stat a{font-size:13px}}

/* WashVolt: responsive public navigation, nationwide B2B offers, structured footer */
.wv-public-mobile{display:none}.wv-public-nav{min-width:0}.wv-offers h2{max-width:850px}.wv-offer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px}.wv-offer{border:1px solid #dbe5df;border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:12px}.wv-offer-icon{font-size:28px;color:#5f9c31}.wv-offer h3{font-size:21px;line-height:1.25;margin:0}.wv-offer p{font-size:14px;color:#60737b;margin:0 0 8px;flex:1}.wv-offer a{font-weight:750;color:#478d25}.wv-footer{padding:55px 0 25px}.wv-footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:45px}.wv-footer-logo{font-size:27px}.wv-footer-logo span{color:#9de36c}.wv-footer-grid p{max-width:380px;color:#b4c5c9}.wv-footer-grid h3{font-size:15px;margin:0 0 18px;color:white}.wv-footer-grid a{display:block;color:#d4e0e3;font-size:14px;margin:0 0 12px}.wv-footer-grid a:hover,.wv-footer-bottom a:hover{color:#9de36c}.wv-footer-bottom{border-top:1px solid #34464c;padding-top:22px;margin-top:34px;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}.wv-footer-bottom div{display:flex;gap:20px;flex-wrap:wrap}.wv-footer-bottom a,.wv-footer-bottom small{font-size:12px;color:#b4c5c9}
@media(max-width:950px){.wv-public-nav,.navright>.btn.small{display:none!important}.wv-public-mobile{display:block;position:relative}.nav{flex-wrap:nowrap!important;justify-content:space-between;gap:12px}.navright{margin-left:auto}.wv-public-mobile>summary{display:flex;gap:8px;align-items:center;list-style:none;cursor:pointer;border:1px solid #d4dfdc;border-radius:10px;padding:10px 13px;font-weight:750;white-space:nowrap}.wv-public-mobile>summary::-webkit-details-marker{display:none}.wv-public-mobile-links{position:absolute;right:0;top:calc(100% + 10px);background:white;z-index:100;box-shadow:0 18px 40px #10222c25;border:1px solid #d4dfdc;border-radius:12px;padding:8px;width:min(310px,calc(100vw - 32px));max-height:75vh;overflow:auto}.wv-public-mobile-links a{display:block;padding:11px 13px;font-size:14px;border-radius:7px}.wv-public-mobile-links a:hover{background:#eff8e9}.wv-offer-grid{grid-template-columns:1fr 1fr}.wv-footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.wv-offer-grid,.wv-footer-grid{grid-template-columns:1fr}.wv-footer-grid{gap:25px}.wv-offers{padding-top:45px;padding-bottom:45px}.wv-offer{padding:19px}.wv-hero-inner{padding-top:42px;padding-bottom:38px}.wv-hero h1{font-size:clamp(31px,8vw,39px)}.wv-hero .actions .btn{max-width:100%;white-space:normal;text-align:center}.wv-footer{padding-top:40px}.nav .logo{font-size:25px}.wv-public-mobile>summary{font-size:14px}}

/* WashVolt: neue Energiebereiche Ladestrom / Waermepumpenstrom */
.wv-cards{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.wv-cards .wv-card-content{padding:29px 14px 19px}
.wv-cards .wv-card-content h3{font-size:17px;overflow-wrap:anywhere}
.wv-cards .wv-card-content p{font-size:12px;min-height:140px!important}
.wv-photo-ladestrom{background:linear-gradient(145deg,#0a343a,#158978 58%,#b1e9d4)}
.wv-photo-waermepumpenstrom{background:linear-gradient(145deg,#234a64,#62a7bc 57%,#d7eee8)}
.wv-card-photo-symbol{display:grid;place-items:center;width:100%;height:100%;font-size:74px;color:#fff;filter:drop-shadow(0 8px 10px #102d3944)}
.wv-branch-art{height:300px;display:grid;place-items:center;border-radius:17px;font-size:110px;color:white}
@media(max-width:1050px){.wv-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.wv-cards .wv-card-content p{min-height:100px!important}}
@media(max-width:650px){.wv-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.wv-cards .wv-card-content p{min-height:0!important}.wv-card-photo-symbol{font-size:58px}}
@media(max-width:370px){.wv-cards{grid-template-columns:1fr}}

/* Fünf Karten auf großen Displays; harmonische Umbrüche auf kleineren Geräten */
@media(min-width:1051px){.wv-cards{grid-template-columns:repeat(5,minmax(0,1fr))}.wv-cards .wv-card-content p{min-height:125px!important}}
@media(min-width:1051px) and (max-width:1200px){.wv-cards{gap:10px}.wv-cards .wv-card-content{padding:26px 11px 16px}.wv-cards .wv-card-content h3{font-size:15px}.wv-cards .wv-card-content p{font-size:11.5px}}

/* 2026-10-29: asymmetrische 2+3 Branchen-Komposition */
.wv-cards{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:16px!important;align-items:stretch}
.wv-cards>.wv-industry-card:nth-child(1){grid-column:span 5}
.wv-cards>.wv-industry-card:nth-child(2){grid-column:span 7}
.wv-cards>.wv-industry-card:nth-child(3){grid-column:span 4}
.wv-cards>.wv-industry-card:nth-child(4){grid-column:span 3}
.wv-cards>.wv-industry-card:nth-child(5){grid-column:span 5}
.wv-cards>.wv-industry-card{display:flex;flex-direction:column;min-width:0}
.wv-cards .wv-card-content{display:flex;flex-direction:column;flex:1;padding:29px 19px 19px}
.wv-cards .wv-card-content p{min-height:0!important;flex:1;margin-bottom:22px;font-size:13px}
.wv-cards .wv-card-content strong{margin-top:auto}
.wv-cards .wv-card-content h3{font-size:19px}
@media(max-width:950px){
 .wv-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:13px!important}
 .wv-cards>.wv-industry-card:nth-child(n){grid-column:span 1}
 .wv-cards .wv-card-content{padding:27px 13px 16px}
 .wv-cards .wv-card-content h3{font-size:15px}
 .wv-cards .wv-card-content p{font-size:12px}
}
@media(max-width:370px){
 .wv-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
 .wv-cards .wv-card-content{padding:24px 10px 12px}
 .wv-cards .wv-card-content h3{font-size:14px}
 .wv-cards .wv-card-content p{font-size:11px}
 .wv-cards .wv-card-photo{height:100px}
 .wv-cards .wv-card-icon{top:77px;left:9px;width:40px;height:40px;font-size:20px}
}

/* Sechs Angebote in zwei asymmetrischen Dreierreihen: 35/45/20 und 35/25/40 */
@media(min-width:951px){
 .wv-cards{grid-template-columns:repeat(20,minmax(0,1fr))!important;}
 .wv-cards>.wv-industry-card:nth-child(1){grid-column:span 7!important}
 .wv-cards>.wv-industry-card:nth-child(2){grid-column:span 9!important}
 .wv-cards>.wv-industry-card:nth-child(3){grid-column:span 4!important}
 .wv-cards>.wv-industry-card:nth-child(4){grid-column:span 7!important}
 .wv-cards>.wv-industry-card:nth-child(5){grid-column:span 5!important}
 .wv-cards>.wv-industry-card:nth-child(6){grid-column:span 8!important}
 .wv-cards>.wv-industry-card:nth-child(3) .wv-card-content{padding-left:12px;padding-right:12px}
 .wv-cards>.wv-industry-card:nth-child(3) h3{font-size:16px}
}
@media(max-width:950px){.wv-cards>.wv-industry-card:nth-child(n){grid-column:span 1!important}}
.wv-photo-privatstrom{background:linear-gradient(135deg,#d9e9e4,#b9d6c7)}

/* WashVolt mobile menu: fixed within viewport, not clipped by header/hero */
@media(max-width:950px){
 .top{position:relative;z-index:1000}
 .wv-public-mobile{position:static!important}
 .wv-public-mobile-links{position:fixed!important;top:105px!important;left:12px!important;right:12px!important;width:auto!important;max-width:none!important;max-height:calc(100dvh - 118px)!important;overflow-y:auto!important;box-sizing:border-box;z-index:1002!important;background:#fff!important;box-shadow:0 18px 48px #081c24a0!important}
 .wv-public-mobile:not([open]) .wv-public-mobile-links{display:none!important}
 .wv-public-mobile-links a{font-size:15px!important;padding:13px 15px!important;border-bottom:1px solid #edf1ee}
}
@media(max-width:650px){.wv-public-mobile-links{top:106px!important}}

/* Conditional meter controls */
.wv-meter-extras{border:1px solid #e0e9e4;border-radius:10px;padding:12px;margin:12px 0;background:#fbfdfb}
.wv-meter-extras .fine{margin:3px 0 10px}

/* WashVolt navigation refresh: colored industry links and clear sections */
.wv-public-mobile-links .wv-menu-caption,.wv-branch-dropdown .wv-menu-caption{display:block;color:#56893d;font-size:10px;font-weight:850;letter-spacing:.13em;padding:13px 13px 6px;background:#fff;border:0}
.wv-public-mobile-links a.wv-menu-category{background:#f2f9ee;color:#173a2b;border-left:3px solid #9be35c;margin:3px 4px;border-bottom:1px solid #e2eddd;border-radius:7px;font-weight:650}
.wv-public-mobile-links a.wv-menu-general{color:#16313c;font-weight:650}
.wv-public-mobile-links a:hover,.wv-branch-dropdown a:hover{background:#e4f5d9!important}
.wv-branch-dropdown{min-width:250px;max-height:70vh;overflow-y:auto}
.wv-branch-dropdown a{display:block;white-space:nowrap}
@media(max-width:950px){.wv-public-mobile-links{overscroll-behavior:contain}.wv-public-mobile-links a{line-height:1.3}}

/* Ausgeblendete Felder bei Gas und Eintarif */
[data-strom-fields][hidden],[data-htnt-fields][hidden]{display:none!important}

/* Branchenkarten: sechs gleichmaessig auf zwei Reihen verteilt */
@media(min-width:951px){
 .wv-cards{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
 .wv-cards>.wv-industry-card:nth-child(n){grid-column:auto!important;min-width:0!important;}
}
@media(max-width:950px){.wv-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}.wv-cards>.wv-industry-card:nth-child(n){grid-column:auto!important;min-width:0!important}}
@media(max-width:420px){.wv-cards{grid-template-columns:1fr!important}}

/* Hinweis Vertretungsberechtigung */
.wv-management-note{padding:14px 16px;margin:10px 0 16px;border:1px solid #b9d8b2;border-left:4px solid #91dc54;border-radius:10px;background:#f1faec;color:#153127;font-size:14px;line-height:1.55}
.wv-management-note p{margin:6px 0 0}
.wv-management-note[hidden]{display:none!important}

/* HeiVolt – Gelb als Hauptakzent, Leuchtgrün nur dezent */
:root{--heivolt-yellow:#FACC15;--heivolt-green:#22A477}
.logo span,.wv-footer-logo span{color:var(--heivolt-yellow)!important}
.btn:not(.ghost){background:var(--heivolt-yellow)!important;border-color:var(--heivolt-yellow)!important;color:#18252b!important}
.btn:not(.ghost):hover{background:#f2c20d!important}
.eyebrow.green,.wv-step-icon,.wv-card-icon{color:var(--heivolt-green)!important}
.wv-card-icon{background:#effaf3!important}
.wv-industry-card:hover{border-color:var(--heivolt-yellow)!important}
/* Desktop: zwei Zeilen, 30/35/35 und 15/35/25/25 Prozent */
@media(min-width:1051px){
 .wv-cards{display:grid!important;grid-template-columns:repeat(20,minmax(0,1fr))!important;gap:12px!important}
 .wv-cards>.wv-industry-card:nth-child(1){grid-column:span 6!important}
 .wv-cards>.wv-industry-card:nth-child(2){grid-column:span 7!important}
 .wv-cards>.wv-industry-card:nth-child(3){grid-column:span 7!important}
 .wv-cards>.wv-industry-card:nth-child(4){grid-column:span 3!important}
 .wv-cards>.wv-industry-card:nth-child(5){grid-column:span 7!important}
 .wv-cards>.wv-industry-card:nth-child(6){grid-column:span 5!important}
 .wv-cards>.wv-industry-card:nth-child(7){grid-column:span 5!important}
 .wv-cards .wv-card-content h3{font-size:clamp(14px,1.3vw,19px)!important}
 .wv-cards .wv-card-content{padding:27px 13px 18px!important}
 .wv-cards .wv-card-content p{font-size:12px!important;overflow-wrap:anywhere}
}
@media(min-width:651px) and (max-width:1050px){.wv-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}.wv-cards>.wv-industry-card:nth-child(n){grid-column:span 1!important}}
@media(max-width:650px){.wv-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}.wv-cards>.wv-industry-card:nth-child(n){grid-column:span 1!important}}
@media(max-width:370px){.wv-cards{grid-template-columns:1fr!important}}

/* HeiVolt Bildlogo Header und Footer */
.nav .heivolt-logo-image{display:inline-flex;align-items:center;flex-shrink:0;line-height:1}
.nav .heivolt-logo-image img{display:block;width:145px;height:auto;max-width:100%}
.wv-footer-logo.heivolt-footer-image{display:inline-flex;background:#fff;border-radius:7px;padding:8px 10px;align-items:center}
.wv-footer-logo.heivolt-footer-image img{display:block;width:155px;height:auto}
@media(max-width:650px){.nav .heivolt-logo-image img{width:122px}}