
:root{
  --navy:#071c2d;--navy2:#0b2b45;--navy3:#123a56;--orange:#ef6908;--orange-dark:#c95300;
  --orange-soft:#fff2e8;--ink:#162531;--muted:#5c6973;--warm:#f2f0eb;--soft:#e9eef1;
  --white:#fff;--green:#3b8d5a;--line:#d7dee3;--max:1540px;--shadow:0 18px 45px rgba(4,27,44,.14)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:auto}button,input,select,textarea{font:inherit}.wrap{width:min(var(--max),calc(100% - 48px));margin:auto}
.topbar{background:#061622;color:#d7e1e7;font-size:.82rem}.topbar .wrap{display:flex;justify-content:space-between;gap:20px;padding:7px 0}
.nav{position:sticky;top:0;z-index:80;background:rgba(255,255,255,.985);border-bottom:1px solid #e3e8eb;backdrop-filter:blur(10px)}.navin{height:76px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand img{width:150px}.menu{display:flex;align-items:center;gap:8px;font-size:.92rem;font-weight:800;color:#314454}.menu>a:not(.btn){position:relative;padding:12px 10px 11px;border-radius:4px;transition:background .18s,color .18s}.menu>a:not(.btn)::after{content:"";position:absolute;left:10px;right:10px;bottom:5px;height:2px;background:var(--orange);transform:scaleX(0);transform-origin:left;transition:transform .18s}.menu>a:not(.btn):hover{color:var(--navy);background:#f6f8f9}.menu>a:not(.btn):hover::after{transform:scaleX(1)}.menu>a[aria-current="page"]:not(.btn){color:var(--orange);background:var(--orange-soft)}.menu>a[aria-current="page"]:not(.btn)::after{transform:scaleX(1);height:3px}.menu>a.was-visited:not([aria-current="page"]):not(.btn){color:#536674}.menu>a.was-visited:not([aria-current="page"]):not(.btn)::after{transform:scaleX(.34);background:#e5a171}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:6px;padding:12px 19px;border:1px solid transparent;font-weight:850;cursor:pointer;transition:background .18s,border-color .18s,color .18s,transform .12s,box-shadow .18s;letter-spacing:.005em}.btn:focus-visible{outline:3px solid rgba(239,105,8,.28);outline-offset:3px}a.btn::after{content:"›";font-size:1.18em;line-height:1;transition:transform .18s}a.btn:hover::after{transform:translateX(3px)}.btn.primary{background:var(--orange);border-color:var(--orange);color:#fff;box-shadow:inset 4px 0 0 rgba(255,255,255,.15),0 7px 18px rgba(239,105,8,.18)}.btn.primary:hover{background:var(--navy2);border-color:var(--navy2);color:#fff;box-shadow:inset 4px 0 0 var(--orange),0 9px 22px rgba(7,28,45,.20)}.btn.primary:active{background:#04131f;transform:translateY(1px);box-shadow:inset 4px 0 0 var(--orange)}.btn.primary:visited{color:#fff}.btn.ghost{border-color:rgba(255,255,255,.65);background:rgba(5,25,40,.18);color:#fff}.btn.ghost:hover{background:#fff;border-color:#fff;color:var(--navy)}.btn.ghost:active{background:#e8edf0;transform:translateY(1px)}.btn.ghost:visited{color:#fff}.btn.light{border-color:#b8c6ce;background:#fff;color:var(--navy)}.btn.light:hover{background:var(--navy);border-color:var(--navy);color:#fff}.menu .btn[aria-current="page"]{background:var(--navy)!important;border-color:var(--navy)!important;box-shadow:inset 4px 0 0 var(--orange),0 0 0 2px rgba(239,105,8,.18)}
.mobilebtn,.mobile-menu{display:none}.subnav{background:#f7f8f9;border-bottom:1px solid #e3e7e9}.subnav .wrap{display:flex;justify-content:flex-end;gap:8px;padding:7px 0;font-size:.82rem;font-weight:750;color:#52616c}.subnav a{position:relative;padding:7px 10px;border-radius:4px;transition:.18s}.subnav a:hover{color:var(--navy);background:#edf1f3}.subnav a[aria-current="page"]{color:var(--orange);background:#fff;border-bottom:2px solid var(--orange)}.subnav a.was-visited:not([aria-current="page"]){color:#74818a}
.hero,.hero.compact{position:relative;height:clamp(610px,36.98vw,710px);min-height:610px;display:flex;align-items:flex-end;overflow:hidden;background:var(--navy)}.hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,19,31,.45) 0%,rgba(3,19,31,.43) 27%,rgba(3,19,31,.35) 43%,rgba(3,19,31,.20) 56%,rgba(3,19,31,.08) 67%,rgba(3,19,31,0) 76%)}.hero .wrap{position:relative;z-index:2;width:min(2100px,calc(100% - 72px));max-width:none;margin:auto;padding:82px 0 72px}.eyebrow,.kicker{font-size:.78rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.eyebrow{display:inline-flex;gap:8px;align-items:center;color:#fff;background:rgba(7,28,45,.34);border:1px solid rgba(255,255,255,.24);padding:7px 11px;border-radius:4px}.dot{width:8px;height:8px;border-radius:50%;background:#63c985}h1{font-size:clamp(2.8rem,5vw,5rem);line-height:.98;letter-spacing:-.055em;color:#fff;margin:14px 0 18px;max-width:850px}.hero.compact h1{font-size:clamp(2.8rem,5vw,5rem)}h1 span{color:#ff8128}.lead{font-size:clamp(1.06rem,1.7vw,1.28rem);max-width:770px;color:#e6edf1;margin:0 0 27px}.hero-actions{display:flex;gap:11px;flex-wrap:wrap}.hero h1,.hero .lead,.hero .eyebrow{text-shadow:0 2px 9px rgba(0,0,0,.50)}
.factbar{background:var(--navy);color:#fff}.factbar .wrap{display:grid;grid-template-columns:repeat(4,1fr)}.fact{padding:19px 24px;border-right:1px solid rgba(255,255,255,.11)}.fact:last-child{border-right:0}.fact strong{display:block;font-size:1.05rem}.fact span{font-size:.88rem;color:#b9cad4}
.section{padding:58px 0}.section.warm{background:var(--warm)}.section.soft{background:var(--soft)}.section.dark{background:var(--navy);color:#fff}.kicker{color:var(--orange);display:block;margin-bottom:6px}.section.dark .kicker{color:#ff923f}.section h2{font-size:clamp(2rem,3.6vw,3.55rem);line-height:1.05;letter-spacing:-.045em;color:var(--navy);margin:5px 0 15px;max-width:1050px}.section.dark h2{color:#fff}.section h3{color:var(--navy);line-height:1.18}.section.dark h3{color:#fff}.intro{font-size:1.1rem;color:var(--muted);max-width:920px;margin:0}.section.dark .intro,.section.dark p{color:#c5d2da}
.split{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;gap:0;min-height:480px}.split .media{min-height:480px;overflow:hidden;background:#dfe5e8}.split .media img{height:100%;object-fit:cover;aspect-ratio:2/1}.split .copy{padding:58px clamp(30px,5vw,78px);display:flex;flex-direction:column;justify-content:center}.split.dark .copy{background:var(--navy);color:#fff}.split.dark .copy h2{color:#fff}.split.dark .copy p{color:#c7d3db}.split.warm .copy{background:var(--warm)}.split.soft .copy{background:var(--soft)}.split.reverse .media{order:2}.split.reverse .copy{order:1}
.checklist{display:grid;gap:13px;margin-top:22px}.check{display:flex;gap:12px}.check i{flex:0 0 25px;width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#e4f3e8;color:var(--green);font-style:normal;font-weight:900}.section.dark .check i{background:rgba(99,201,133,.14);color:#7ce09e}.check b{display:block;margin-bottom:2px}.check span{color:var(--muted)}.section.dark .check span{color:#b8c7d1}.textlink{display:inline-block;margin-top:20px;color:var(--orange);font-weight:850}.textlink:hover{text-decoration:underline;text-underline-offset:4px}
.panelgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}.panelgrid.four{grid-template-columns:repeat(4,1fr)}.panel{background:#fff;border:1px solid var(--line);padding:24px;border-radius:12px;box-shadow:0 6px 18px rgba(7,28,45,.05)}.warm .panel{background:#fff}.panel .num{font-weight:950;color:var(--orange);font-size:1.1rem}.panel h3{margin:8px 0 7px;font-size:1.15rem}.panel p{margin:0;color:var(--muted)}.section.dark .panel{background:#0c2b45;border-color:rgba(255,255,255,.1)}.section.dark .panel p{color:#bdcad2}
.media-band{height:480px;position:relative;overflow:hidden;background:var(--navy)}.media-band img{width:100%;height:100%;object-fit:cover}.media-band:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,23,37,.70),rgba(4,23,37,.12) 66%)}.media-band .wrap{position:absolute;z-index:2;inset:0;margin:auto;display:flex;align-items:center}.media-band .overlaycopy{max-width:730px;color:#fff}.media-band h2{color:#fff;font-size:clamp(2.15rem,4vw,4rem);line-height:1.03;letter-spacing:-.045em;margin:6px 0 12px}.media-band p{color:#d7e1e7;font-size:1.08rem}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px}.step{background:#fff;border-left:4px solid var(--orange);padding:22px;border-radius:4px 12px 12px 4px;box-shadow:0 6px 20px rgba(8,30,47,.06)}.step .n{font-weight:900;color:var(--orange)}.step h3{margin:6px 0 7px}.step p{margin:0;color:var(--muted)}
.banner{background:linear-gradient(125deg,#08253b,#0d3b5a);color:#fff;padding:36px 0}.banner .wrap{display:flex;align-items:center;justify-content:space-between;gap:28px}.banner h2{color:#fff;margin:0;font-size:clamp(1.8rem,3vw,3rem)}.banner p{margin:6px 0 0;color:#c7d5de}.note-strip{max-width:1060px}.note-strip .btn{margin-top:20px}
.formsection{background:var(--navy);color:#fff;padding:58px 0}.formwrap{display:grid;grid-template-columns:.75fr 1.25fr;gap:42px;align-items:start}.formwrap h2{color:#fff}.formwrap p{color:#c8d4dc}.contactbox{background:#0d2e48;border:1px solid rgba(255,255,255,.10);border-radius:12px;padding:22px;margin-top:20px}.leadform{background:#fff;color:var(--ink);padding:28px;border-radius:14px;box-shadow:var(--shadow)}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:grid;gap:6px}.field.full{grid-column:1/-1}label{font-weight:800;font-size:.88rem;color:#344653}input,select,textarea{width:100%;border:1px solid #cbd5db;border-radius:7px;padding:11px 12px;background:#fff;outline:none}textarea{min-height:110px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(239,105,8,.1)}.consent{display:flex;gap:10px;align-items:flex-start;font-size:.86rem;font-weight:500}.consent input{width:auto;margin-top:4px}.formhint{font-size:.84rem;color:#697781!important;margin:8px 0 0!important}
.faqgrid{display:grid;grid-template-columns:.7fr 1.3fr;gap:44px}.faqs details{border-bottom:1px solid #cfd9df;padding:15px 0}.faqs summary{cursor:pointer;list-style:none;font-weight:850;color:var(--navy)}.faqs summary::-webkit-details-marker{display:none}.faqs summary:after{content:"+";float:right;color:var(--orange)}.faqs details[open] summary:after{content:"−"}.faqs p{color:var(--muted);margin:8px 30px 0 0}
.footer{background:#051521;color:#aebcc6;padding:46px 0 24px}.footergrid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:36px}.footer .brand img{width:170px}.footer h4{color:#fff;margin:0 0 10px}.footer a{display:block;margin:7px 0}.footer a:hover{color:#fff}.footer a[aria-current="page"]{color:#ff9a52}.footer-contact{margin-top:12px}.legal{border-top:1px solid rgba(255,255,255,.1);margin-top:30px;padding-top:18px;display:flex;justify-content:space-between;font-size:.85rem}.legal-page{max-width:1080px;margin:0 auto;padding:54px 24px 72px}.legal-page h1{color:var(--navy);font-size:3.2rem;margin:0 0 25px}.legal-page h2{color:var(--navy);margin-top:30px}.legal-box{background:var(--warm);padding:22px;border-left:4px solid var(--orange)}.mobile-cta{display:none}
.hero.people-right img{object-position:70% 22%}.hero.people-top img{object-position:center 18%}.hero.storage-right img{object-position:76% center}.hero.hall-right img{object-position:68% center}.hero.substation-center img{object-position:center center}.hero.index-pos img{object-position:72% center}.hero.flaechen-pos img{object-position:72% center}.hero.gewerbe-pos img{object-position:78% center}.hero.gross-pos img{object-position:72% center}.hero.ablauf-pos img{object-position:76% 34%}.hero.ueberuns-pos img{object-position:68% center}.hero.faq-pos img{object-position:70% center}.hero.sicherheit-pos img{object-position:74% center}
@media(max-width:980px){.menu,.subnav,.topbar{display:none}.mobilebtn{display:inline-flex}.mobile-menu.open{display:grid;background:#fff;padding:12px 24px;border-bottom:1px solid var(--line)}.mobile-menu a{padding:11px 10px;border-bottom:1px solid #edf0f2;font-weight:800;border-left:3px solid transparent}.mobile-menu a[aria-current="page"]{color:var(--orange);background:var(--orange-soft);border-left-color:var(--orange)}.mobile-menu a.was-visited:not([aria-current="page"]){color:#72808a}.navin{height:68px}.brand img{width:132px}.hero,.hero.compact{height:540px;min-height:540px}.hero .wrap{width:calc(100% - 44px);padding:58px 0 48px}.factbar .wrap{grid-template-columns:1fr 1fr}.fact:nth-child(2){border-right:0}.split,.split.reverse{grid-template-columns:1fr;min-height:0}.split .media,.split.reverse .media{order:0;min-height:0;height:auto;aspect-ratio:2/1}.split .copy,.split.reverse .copy{order:1;padding:44px 28px}.panelgrid,.panelgrid.four,.steps{grid-template-columns:1fr 1fr}.formwrap,.faqgrid{grid-template-columns:1fr}.footergrid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.wrap{width:calc(100% - 28px)}.hero,.hero.compact{height:520px;min-height:520px}.hero .wrap{width:calc(100% - 28px);padding:48px 0 36px}.hero:after{background:linear-gradient(90deg,rgba(3,19,31,.56) 0%,rgba(3,19,31,.48) 60%,rgba(3,19,31,.20) 100%)}.hero-actions{gap:8px}.btn{padding:11px 15px}.factbar .wrap{grid-template-columns:1fr}.fact{border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}.section{padding:42px 0}.panelgrid,.panelgrid.four,.steps{grid-template-columns:1fr}.media-band{height:360px}.banner .wrap{align-items:flex-start;flex-direction:column}.formgrid{grid-template-columns:1fr}.footergrid{grid-template-columns:1fr}.legal{display:grid;gap:6px}.mobile-cta{position:fixed;display:grid;grid-template-columns:1fr 1fr;left:0;right:0;bottom:0;z-index:90;background:#fff;border-top:1px solid #dbe2e7}.mobile-cta a{padding:12px;text-align:center;font-weight:850}.mobile-cta a:first-child{color:var(--navy)}.mobile-cta a:last-child{background:var(--orange);color:#fff}body{padding-bottom:48px}}

.media-band.ablauf-media{height:auto;aspect-ratio:1920/800}
.media-band.ablauf-media img{width:100%;height:100%;object-fit:cover;object-position:center}
