/* =====================================================================
   Magiera Bauphysik GmbH – Website Stylesheet
   Corporate Design v2.0 · Montserrat · Stand Juni 2026
   ===================================================================== */

/* ── Montserrat – lokal eingebunden (DSGVO-konform, SIL OFL) ── */
@font-face{font-family:'Montserrat';font-style:normal;font-weight:300;font-display:swap;src:url('fonts/montserrat-300.woff2') format('woff2');}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/montserrat-400.woff2') format('woff2');}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:500;font-display:swap;src:url('fonts/montserrat-500.woff2') format('woff2');}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:600;font-display:swap;src:url('fonts/montserrat-600.woff2') format('woff2');}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:700;font-display:swap;src:url('fonts/montserrat-700.woff2') format('woff2');}

:root{
  --blau:#1C3A4B;        /* Primär – Schrift/Flächen */
  --gruen:#2E7D32;       /* Akzent – Claim/Icons */
  --stahl:#2D6A9F;       /* Digital – Links/CTA */
  --schiefer:#445A68;    /* Fließtext */
  --stahlgrau:#D5E0E8;   /* Linien */
  --eis:#EDF3F8;         /* Infoboxen */
  --platin:#F3F5F7;      /* Hintergrund */
  --weiss:#FFFFFF;
  --hellblau:#6B8EA0;
  --schatten:0 6px 24px rgba(28,58,75,.08);
  --schatten-stark:0 14px 40px rgba(28,58,75,.16);
  --radius:12px;
  --maxw:1180px;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{
  font-family:'Montserrat',system-ui,-apple-system,'Segoe UI',sans-serif;
  color:var(--blau);
  background:var(--weiss);
  font-size:17px;
  line-height:1.7;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block;}
a{color:var(--stahl);text-decoration:none;transition:color .2s;}
a:hover{color:var(--gruen);}

h1,h2,h3,h4{line-height:1.18;font-weight:700;color:var(--blau);letter-spacing:-.01em;}
h1{font-size:clamp(2rem,4.4vw,3.3rem);}
h2{font-size:clamp(1.6rem,3vw,2.4rem);}
h3{font-size:1.28rem;}
h4{font-size:1.05rem;font-weight:600;}
p{color:var(--schiefer);}
.lead{font-size:1.18rem;color:var(--schiefer);font-weight:400;}

.container{max-width:var(--maxw);margin:0 auto;padding:0 24px;}
.section{padding:92px 0;}
.section--tint{background:var(--platin);}
.section--blau{background:var(--blau);}
.section--blau h2,.section--blau h3,.section--blau p,.section--blau li{color:#fff;}
.eyebrow{
  display:inline-block;font-size:.78rem;font-weight:700;letter-spacing:.18em;
  text-transform:uppercase;color:var(--gruen);margin-bottom:14px;
}
.section--blau .eyebrow{color:#7FC883;}
.section-head{max-width:760px;margin-bottom:52px;}
.section-head.center{margin-left:auto;margin-right:auto;text-align:center;}

/* ── Buttons ── */
.btn{
  display:inline-flex;align-items:center;gap:9px;font-weight:600;font-size:.98rem;
  padding:14px 30px;border-radius:8px;cursor:pointer;border:2px solid transparent;
  transition:transform .15s,box-shadow .2s,background .2s,color .2s;line-height:1;
}
.btn--primary{background:var(--gruen);color:#fff;}
.btn--primary:hover{background:#256628;color:#fff;transform:translateY(-2px);box-shadow:0 10px 24px rgba(46,125,50,.28);}
.btn--ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.5);}
.btn--ghost:hover{background:#fff;color:var(--blau);}
.btn--outline{background:transparent;color:var(--blau);border-color:var(--stahlgrau);}
.btn--outline:hover{border-color:var(--gruen);color:var(--gruen);}

/* ── Header / Nav ── */
.site-header{
  position:sticky;top:0;z-index:60;background:rgba(255,255,255,.94);
  backdrop-filter:blur(10px);border-bottom:1px solid var(--stahlgrau);
}
.nav{display:flex;align-items:center;justify-content:space-between;height:78px;}
.nav__logo img{height:46px;width:auto;}
.nav__links{display:flex;align-items:center;gap:34px;list-style:none;}
.nav__links a{
  color:var(--blau);font-weight:500;font-size:.97rem;position:relative;padding:6px 0;
}
.nav__links a::after{
  content:"";position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--gruen);transition:width .22s;
}
.nav__links a:hover::after,.nav__links a.active::after{width:100%;}
.nav__links a.active{color:var(--blau);font-weight:600;}
.nav__cta{margin-left:8px;}
.nav__cta .btn{padding:11px 22px;}
.nav__toggle{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:8px;}
.nav__toggle span{width:26px;height:2.5px;background:var(--blau);border-radius:2px;transition:.25s;}

/* ── Hero ── */
.hero{position:relative;color:#fff;overflow:hidden;}
.hero__bg{position:absolute;inset:0;z-index:0;}
.hero__bg img{width:100%;height:100%;object-fit:cover;}
.hero__bg::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(105deg,rgba(20,40,52,.93) 0%,rgba(20,40,52,.78) 42%,rgba(28,58,75,.42) 100%);
}
.hero__inner{position:relative;z-index:1;padding:118px 0 110px;max-width:720px;}
.hero h1{color:#fff;margin-bottom:22px;}
.hero h1 .accent{color:#7FC883;}
.hero__claim{
  font-size:.85rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;
  color:#fff;margin-bottom:26px;
}
.hero__claim .dot{color:var(--gruen);}
.hero p{color:rgba(255,255,255,.9);font-size:1.18rem;margin-bottom:34px;max-width:600px;}
.hero__actions{display:flex;gap:14px;flex-wrap:wrap;}

/* ── Trust strip ── */
.trust{background:var(--blau);border-top:1px solid rgba(255,255,255,.08);}
.trust__row{display:flex;flex-wrap:wrap;gap:28px 54px;justify-content:center;align-items:center;padding:30px 0;}
.trust__item{display:flex;align-items:center;gap:11px;color:#cfe0ea;font-size:.92rem;font-weight:500;}
.trust__item svg{flex-shrink:0;color:var(--gruen);}

/* ── Grid helpers ── */
.grid{display:grid;gap:26px;}
.grid--2{grid-template-columns:repeat(2,1fr);}
.grid--3{grid-template-columns:repeat(3,1fr);}
.grid--4{grid-template-columns:repeat(4,1fr);}
.split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;}

/* ── Cards ── */
.card{
  background:#fff;border:1px solid var(--stahlgrau);border-radius:var(--radius);
  padding:34px 30px;transition:transform .2s,box-shadow .2s,border-color .2s;height:100%;
}
.card:hover{transform:translateY(-4px);box-shadow:var(--schatten-stark);border-color:transparent;}
.card__icon{
  width:54px;height:54px;border-radius:12px;background:var(--eis);color:var(--stahl);
  display:flex;align-items:center;justify-content:center;margin-bottom:20px;
}
.card__icon svg{width:28px;height:28px;}
.card h3{margin-bottom:12px;}
.card p{font-size:.97rem;}
.card__more{display:inline-flex;align-items:center;gap:6px;margin-top:16px;font-weight:600;font-size:.92rem;}

/* ── Leistungs-Icons (offizielle Signets) ── */
.card__img-ic{width:74px;height:74px;object-fit:contain;margin-bottom:20px;}

/* ── Service detail blocks ── */
.svc{
  background:#fff;border:1px solid var(--stahlgrau);border-radius:var(--radius);
  padding:40px;border-left:4px solid var(--gruen);
}
.svc__head{display:flex;align-items:center;gap:20px;margin-bottom:6px;}
.svc__ic{width:68px;height:68px;object-fit:contain;flex-shrink:0;}
.svc h3{margin-bottom:8px;}
.svc .svc__tag{font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gruen);}
.svc ul{margin:18px 0 0 0;padding:0;list-style:none;}
.svc li{position:relative;padding-left:28px;margin-bottom:10px;color:var(--schiefer);font-size:.96rem;}
.svc li::before{content:"";position:absolute;left:0;top:.55em;width:8px;height:8px;border-radius:50%;background:var(--gruen);}

/* ── Audience pills ── */
.aud{display:flex;flex-direction:column;gap:14px;padding:26px;background:#fff;border:1px solid var(--stahlgrau);border-radius:var(--radius);text-align:center;align-items:center;transition:.2s;}
.aud:hover{border-color:var(--gruen);box-shadow:var(--schatten);}
.aud__ic{width:52px;height:52px;border-radius:50%;background:var(--eis);display:flex;align-items:center;justify-content:center;color:var(--stahl);}
.aud strong{font-size:1rem;color:var(--blau);}
.aud span{font-size:.88rem;color:var(--schiefer);}

/* ── Reference cards ── */
.ref{
  background:#fff;border:1px solid var(--stahlgrau);border-radius:var(--radius);overflow:hidden;
  transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column;
}
.ref:hover{transform:translateY(-4px);box-shadow:var(--schatten-stark);}
.ref__img{aspect-ratio:3/2;overflow:hidden;background:var(--platin);}
.ref__img img{width:100%;height:100%;object-fit:cover;transition:transform .4s;}
.ref:hover .ref__img img{transform:scale(1.05);}
.ref__body{padding:24px 26px 28px;display:flex;flex-direction:column;gap:8px;flex:1;}
.ref__cat{font-size:.74rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gruen);}
.ref__body h3{font-size:1.12rem;}
.ref__meta{font-size:.9rem;color:var(--hellblau);margin-top:auto;padding-top:10px;}

/* ── Referenzen-Karussell ── */
.carousel{position:relative;}
.carousel__track{
  display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;
  scroll-behavior:smooth;padding:4px 4px 16px;-webkit-overflow-scrolling:touch;
}
.carousel__track::-webkit-scrollbar{height:8px;}
.carousel__track::-webkit-scrollbar-track{background:transparent;}
.carousel__track::-webkit-scrollbar-thumb{background:var(--stahlgrau);border-radius:5px;}
.carousel__track > .ref{scroll-snap-align:start;flex:0 0 350px;max-width:350px;}
.carousel__btn{
  position:absolute;top:34%;transform:translateY(-50%);z-index:5;
  width:48px;height:48px;border-radius:50%;border:1px solid var(--stahlgrau);
  background:#fff;color:var(--blau);cursor:pointer;box-shadow:var(--schatten);
  display:flex;align-items:center;justify-content:center;transition:.2s;
}
.carousel__btn:hover{background:var(--gruen);color:#fff;border-color:var(--gruen);}
.carousel__btn--prev{left:-22px;}
.carousel__btn--next{right:-22px;}
.carousel__btn svg{width:22px;height:22px;}
.carousel__hint{text-align:center;font-size:.82rem;color:var(--hellblau);margin-top:14px;}
@media(max-width:1180px){.carousel__btn--prev{left:6px;}.carousel__btn--next{right:6px;}}
@media(max-width:760px){
  .carousel__track > .ref{flex:0 0 82%;max-width:82%;}
  .carousel__btn{display:none;}
}

/* ── Stats ── */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;text-align:center;}
.stat__num{font-size:2.6rem;font-weight:700;color:#fff;line-height:1;}
.stat__num .u{color:var(--gruen);}
.stat__lbl{margin-top:10px;font-size:.92rem;color:#aec3d0;}

/* ── Publikationen ── */
.pub{display:flex;gap:26px;background:#fff;border:1px solid var(--stahlgrau);border-radius:var(--radius);padding:30px 32px;transition:box-shadow .2s,transform .2s;}
.pub:hover{box-shadow:var(--schatten);transform:translateY(-3px);}
.pub__year{flex-shrink:0;font-size:1.5rem;font-weight:700;color:var(--gruen);min-width:64px;line-height:1.2;}
.pub__body h3{font-size:1.15rem;margin-bottom:10px;}
.pub__src{font-size:.82rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--hellblau);margin-bottom:12px;}
.pub__tags{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 4px;}
.pub__tag{font-size:.78rem;background:var(--eis);color:var(--stahl);padding:5px 12px;border-radius:20px;font-weight:500;}

/* ── Logo-Siegel (Zertifikate) ── */
.seals{display:flex;flex-wrap:wrap;gap:30px;align-items:center;justify-content:center;}
.seal-img{height:96px;width:auto;object-fit:contain;}
.seal-card{display:flex;flex-direction:column;align-items:center;gap:14px;background:#fff;border:1px solid var(--stahlgrau);border-radius:var(--radius);padding:26px 30px;text-align:center;min-width:180px;}
.seal-card span{font-size:.85rem;color:var(--schiefer);font-weight:500;}

/* ── Tag-Liste (Gebäudetypen) ── */
.taglist{display:flex;flex-wrap:wrap;gap:12px;}
.taglist span{background:#fff;border:1px solid var(--stahlgrau);border-radius:30px;padding:10px 22px;font-size:.95rem;font-weight:500;color:var(--blau);}

/* ── Certificates ── */
.cert-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.cert{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid var(--stahlgrau);border-radius:10px;padding:20px 22px;}
.cert__ic{flex-shrink:0;width:42px;height:42px;border-radius:9px;background:var(--eis);color:var(--gruen);display:flex;align-items:center;justify-content:center;}
.cert strong{display:block;font-size:.96rem;color:var(--blau);margin-bottom:3px;}
.cert span{font-size:.85rem;color:var(--schiefer);}

/* ── Profile ── */
.profile{display:grid;grid-template-columns:0.8fr 1.2fr;gap:54px;align-items:center;}
.profile__img{border-radius:var(--radius);overflow:hidden;box-shadow:var(--schatten);background:var(--platin);}
.profile__img img{width:100%;aspect-ratio:4/5;object-fit:cover;}

/* ── CTA band ── */
.cta-band{background:var(--blau);color:#fff;border-radius:18px;padding:62px 56px;text-align:center;}
.cta-band h2{color:#fff;margin-bottom:14px;}
.cta-band p{color:#bcd0dc;max-width:560px;margin:0 auto 30px;}

/* ── Contact ── */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;}
.cinfo{display:flex;flex-direction:column;gap:22px;}
.cinfo__item{display:flex;gap:16px;align-items:flex-start;}
.cinfo__ic{flex-shrink:0;width:46px;height:46px;border-radius:10px;background:var(--eis);color:var(--stahl);display:flex;align-items:center;justify-content:center;}
.cinfo__item strong{display:block;color:var(--blau);font-size:1rem;margin-bottom:2px;}
.cinfo__item span,.cinfo__item a{color:var(--schiefer);font-size:.96rem;}
.map{border-radius:var(--radius);overflow:hidden;border:1px solid var(--stahlgrau);min-height:340px;}
.map iframe{width:100%;height:100%;min-height:340px;border:0;display:block;}

/* ── Form ── */
form .field{margin-bottom:18px;}
form label{display:block;font-size:.9rem;font-weight:600;color:var(--blau);margin-bottom:7px;}
form input,form textarea,form select{
  width:100%;padding:13px 15px;border:1px solid var(--stahlgrau);border-radius:8px;
  font-family:inherit;font-size:.97rem;color:var(--blau);background:#fff;transition:border .2s,box-shadow .2s;
}
form input:focus,form textarea:focus,form select:focus{outline:none;border-color:var(--stahl);box-shadow:0 0 0 3px rgba(45,106,159,.15);}
form textarea{min-height:140px;resize:vertical;}
.form-note{font-size:.82rem;color:var(--hellblau);margin-top:6px;}

/* ── Prose (Impressum/Datenschutz) ── */
.prose{max-width:820px;}
.prose h2{margin:38px 0 14px;}
.prose h3{margin:26px 0 10px;}
.prose p{margin-bottom:14px;}
.prose ul{margin:0 0 16px 22px;color:var(--schiefer);}
.prose li{margin-bottom:7px;}

/* ── Footer ── */
.site-footer{background:#15303E;color:#aec3d0;padding:64px 0 28px;}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:40px;margin-bottom:44px;}
.site-footer h4{color:#fff;font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;margin-bottom:18px;font-weight:700;}
.site-footer a{color:#aec3d0;font-size:.94rem;}
.site-footer a:hover{color:#fff;}
.footer-links{list-style:none;display:flex;flex-direction:column;gap:10px;}
.footer-logo img{height:42px;margin-bottom:18px;filter:brightness(0) invert(1);}
.footer-claim{font-size:.78rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#fff;}
.footer-claim .dot{color:var(--gruen);}
.footer-bottom{border-top:1px solid rgba(255,255,255,.12);padding-top:24px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:.85rem;color:#7d99a8;}
.footer-bottom a{color:#7d99a8;}

/* ── Page hero (inner pages) ── */
.page-hero{background:var(--blau);color:#fff;padding:84px 0 70px;position:relative;}
.page-hero .eyebrow{color:#7FC883;}
.page-hero h1{color:#fff;margin-bottom:16px;}
.page-hero p{color:#bcd0dc;max-width:680px;font-size:1.12rem;}
.breadcrumb{font-size:.84rem;color:#8FAEBE;margin-bottom:22px;}
.breadcrumb a{color:#8FAEBE;}
.breadcrumb a:hover{color:#fff;}

/* ── Utilities ── */
.text-center{text-align:center;}
.mt-0{margin-top:0;}
.mb-l{margin-bottom:40px;}
.img-rounded{border-radius:var(--radius);box-shadow:var(--schatten);overflow:hidden;}
.img-rounded img{width:100%;object-fit:cover;}

/* ══ Premium-Komponenten (Multi-Page v3) ══ */

/* Hero-Subtitle */
.hero__subtitle{font-size:1.02rem;color:rgba(255,255,255,.8);font-weight:500;margin:-8px 0 26px;max-width:560px;}

/* Leistungs-Kürzel-Badges */
.lbadges{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px;}
.lbadge{font-size:.7rem;font-weight:700;letter-spacing:.04em;background:var(--eis);color:var(--stahl);padding:4px 9px;border-radius:5px;}

/* Auftraggeber-Band */
.clients{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;}
.client{background:#fff;border:1px solid var(--stahlgrau);border-radius:10px;padding:18px 14px;text-align:center;font-size:.86rem;font-weight:600;color:var(--blau);display:flex;align-items:center;justify-content:center;min-height:78px;line-height:1.35;}

/* Testimonial */
.quote{background:#fff;border:1px solid var(--stahlgrau);border-radius:var(--radius);padding:34px 32px 28px;position:relative;height:100%;}
.quote::before{content:"\201C";position:absolute;top:8px;left:20px;font-size:62px;color:var(--gruen);opacity:.16;font-family:Georgia,serif;line-height:1;}
.quote p{font-size:1.05rem;color:var(--blau);font-style:italic;margin-bottom:18px;position:relative;}
.quote__author{font-size:.92rem;color:var(--blau);font-weight:700;}
.quote__author span{display:block;font-weight:400;color:var(--hellblau);font-size:.85rem;margin-top:2px;}
.quote--placeholder{border:1.5px dashed var(--stahlgrau);background:var(--platin);}
.quote--placeholder p{color:var(--hellblau);font-weight:500;}

/* Projekt-Tabelle */
.ptable-wrap{overflow-x:auto;border:1px solid var(--stahlgrau);border-radius:var(--radius);}
table.ptable{width:100%;border-collapse:collapse;font-size:.92rem;min-width:720px;}
table.ptable th{background:var(--blau);color:#fff;text-align:left;padding:13px 16px;font-weight:600;font-size:.76rem;letter-spacing:.06em;text-transform:uppercase;}
table.ptable td{padding:12px 16px;border-bottom:1px solid var(--stahlgrau);color:var(--schiefer);}
table.ptable tr:last-child td{border-bottom:none;}
table.ptable tr:nth-child(even) td{background:var(--platin);}
table.ptable td strong{color:var(--blau);font-weight:600;}

/* CV-Timeline */
.cv{list-style:none;}
.cv li{display:grid;grid-template-columns:148px 1fr;gap:20px;padding:16px 0;border-bottom:1px solid var(--stahlgrau);}
.cv li:last-child{border-bottom:none;}
.cv__date{font-weight:700;color:var(--gruen);font-size:.9rem;}
.cv__role strong{display:block;color:var(--blau);}
.cv__role span{font-size:.92rem;color:var(--schiefer);}
@media(max-width:560px){.cv li{grid-template-columns:1fr;gap:4px;}}

/* Methodik-Schritte */
.steps{counter-reset:step;display:grid;gap:16px;}
.step{display:flex;gap:18px;align-items:flex-start;background:#fff;border:1px solid var(--stahlgrau);border-radius:10px;padding:20px 22px;}
.step__n{counter-increment:step;flex-shrink:0;width:40px;height:40px;border-radius:50%;background:var(--gruen);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;}
.step__n::before{content:counter(step);}
.step h4{margin-bottom:5px;}
.step p{font-size:.95rem;}

/* Fakten-Liste (Über uns) */
.facts{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;}
.fact{background:var(--eis);border-radius:10px;padding:16px 18px;}
.fact strong{display:block;color:var(--blau);font-size:1.15rem;}
.fact span{font-size:.85rem;color:var(--schiefer);}

/* Sektor-Block (Branchen) */
.sector{display:grid;grid-template-columns:1.1fr 1fr;gap:0;border:1px solid var(--stahlgrau);border-radius:var(--radius);overflow:hidden;margin-bottom:26px;}
.sector__img{background:var(--platin);}
.sector__img img{width:100%;height:100%;object-fit:cover;min-height:300px;}
.sector__body{padding:42px;}
.sector__body .lbadges{margin-top:18px;}
.sector--rev .sector__img{order:2;}
@media(max-width:860px){.sector,.sector--rev{grid-template-columns:1fr;}.sector--rev .sector__img{order:0;}.sector__img img{min-height:220px;}.sector__body{padding:30px;}}

/* Responsive Premium */
@media(max-width:980px){.clients{grid-template-columns:repeat(3,1fr);}.facts{grid-template-columns:repeat(2,1fr);}}
@media(max-width:560px){.clients{grid-template-columns:repeat(2,1fr);}}

/* ── Responsive ── */
@media(max-width:980px){
  .grid--4{grid-template-columns:repeat(2,1fr);}
  .grid--3{grid-template-columns:repeat(2,1fr);}
  .cert-grid{grid-template-columns:repeat(2,1fr);}
  .stats{grid-template-columns:repeat(2,1fr);gap:34px;}
  .split,.profile,.contact-grid{grid-template-columns:1fr;gap:40px;}
  .profile__img{max-width:420px;}
  .footer-grid{grid-template-columns:1fr 1fr;gap:32px;}
}
@media(max-width:760px){
  body{font-size:16px;}
  .section{padding:64px 0;}
  .nav__links{
    position:fixed;inset:78px 0 auto 0;background:#fff;flex-direction:column;
    align-items:flex-start;gap:0;padding:10px 24px 22px;border-bottom:1px solid var(--stahlgrau);
    box-shadow:var(--schatten);transform:translateY(-130%);transition:transform .3s;
  }
  .nav__links.open{transform:translateY(0);}
  .nav__links li{width:100%;}
  .nav__links a{display:block;padding:14px 0;border-bottom:1px solid var(--platin);width:100%;}
  .nav__cta{margin:14px 0 0;}
  .nav__toggle{display:flex;}
  .grid--2,.grid--3,.grid--4,.cert-grid{grid-template-columns:1fr;}
  .stats{grid-template-columns:repeat(2,1fr);}
  .cta-band{padding:44px 26px;}
  .hero__inner{padding:80px 0 72px;}
}