/* ================================================================
   RHEINKOMPASS — HOME 2026 (light edition)
   Award-style Startseite: Cormorant-Display, Rheinblau + Gold,
   Lenis + GSAP. Nur auf der Front Page geladen (functions.php).
   Struktur-Root: main.rkh  ·  Body-Flag: body.rkh-on
   ================================================================ */

/* ---- Fonts (safe duplicate of theme.css — browsers dedupe) ---- */
@font-face{font-family:'Cormorant Garamond';src:url('fonts/CormorantGaramond-VariableFont_wght.woff2') format('woff2-variations');font-weight:300 700;font-style:normal;font-display:swap}
@font-face{font-family:'Cormorant Garamond';src:url('fonts/CormorantGaramond-Italic-VariableFont_wght.woff2') format('woff2-variations');font-weight:300 700;font-style:italic;font-display:swap}

.rkh{
  /* palette — light */
  --pp:#FBF8F1; --pp2:#F3EDDE; --card:#ffffff;
  --navy:#1B3A5F; --navy2:#0f2540; --navy3:#2c5283;
  --tx:#152A44; --bd:#44536a; --mut:#71809a; --dim:#9aa5b8;
  --gold:#D3A24A; --gold2:#b8894a; --goldL:#E8B86A;
  --ln:rgba(15,37,64,.13); --lnS:rgba(15,37,64,.07);
  --grad:linear-gradient(92deg,#c99a3e,#a87834);
  --gradN:linear-gradient(92deg,#1B3A5F,#0f2540);
  --disp:'Cormorant Garamond',Georgia,serif;
  --ui:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
  --ease:cubic-bezier(.65,.05,0,1); --ease2:cubic-bezier(.22,.68,.12,1);
}

/* Full-bleed root.
   ACHTUNG: NICHT 100vw + negative Margin verwenden — 100vw enthält die
   Scrollbar-Breite, dadurch rutschte die ganze Seite ~5px nach links und
   erzeugte horizontalen Überlauf. Das Elternelement (body) ist bereits
   volle Breite OHNE Scrollbar, also reicht width:100%. */
main.rkh{position:relative;width:100%;margin-left:0;background:var(--pp);color:var(--tx);font-family:var(--ui);overflow:clip}
.rkh *,.rkh *::before,.rkh *::after{box-sizing:border-box}
.rkh a{text-decoration:none;color:inherit}
.rkh img{max-width:100%;display:block}
.rkh .srf{font-family:var(--disp);font-style:italic;font-weight:500}
.rkh .goldtx{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}

html{overflow-x:clip;scroll-behavior:smooth}
.rkh [id]{scroll-margin-top:96px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body.rkh-on{overflow-x:clip;background:var(--pp)}
body.rkh-on ::selection{background:#1B3A5F;color:#FBF8F1}

/* ambient light washes over the whole page */
body.rkh-on{background:
  radial-gradient(1100px 720px at 84% 0%,rgba(232,184,106,.20),transparent 60%),
  radial-gradient(900px 620px at 0% 18%,rgba(27,58,95,.07),transparent 60%),
  radial-gradient(1000px 700px at 100% 52%,rgba(232,184,106,.12),transparent 60%),
  radial-gradient(900px 650px at 0% 84%,rgba(232,184,106,.10),transparent 60%),
  #FBF8F1!important}

/* grain */
body.rkh-on::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:2000;opacity:.04;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

/* ============ PRELOADER ============ */
#rkh-ldr{position:fixed;inset:0;z-index:3000;background:#F6F1E4;display:flex;align-items:center;justify-content:center;transition:transform .9s var(--ease)}
#rkh-ldr.done{transform:translateY(-101%)}
#rkh-ldr .wrap{text-align:center}
#rkh-ldr .wm{font-family:var(--disp);font-weight:600;font-size:clamp(30px,6vw,64px);letter-spacing:.1em;display:flex;justify-content:center;color:var(--navy2)}
#rkh-ldr .wm span{display:inline-block;opacity:0;transform:translateY(.6em) rotate(4deg);animation:rkhLin .7s var(--ease2) forwards}
@keyframes rkhLin{to{opacity:1;transform:none}}
#rkh-ldr .pct{margin-top:16px;font-family:var(--ui);font-weight:600;font-size:14px;letter-spacing:.3em;color:var(--gold2)}
#rkh-ldr .tag{margin-top:8px;font-family:var(--ui);font-size:10.5px;letter-spacing:.34em;color:var(--dim);text-transform:uppercase}
html.rkh-no-ldr #rkh-ldr{display:none}

/* ============ CURSOR ============ */
#rkh-cur{position:fixed;left:0;top:0;z-index:2500;pointer-events:none;display:none;opacity:0;transition:opacity .3s}
#rkh-cur.live{opacity:1}
@media(pointer:fine){#rkh-cur{display:block}}
#rkh-cur .dot{position:absolute;width:8px;height:8px;border-radius:50%;background:#1B3A5F;transform:translate(-50%,-50%)}
#rkh-cur .ring{position:absolute;width:38px;height:38px;border-radius:50%;border:1px solid rgba(27,58,95,.5);transform:translate(-50%,-50%);transition:transform .25s var(--ease2)}
#rkh-cur.on .ring{transform:translate(-50%,-50%) scale(1.9)}

/* ============ HEADER RESTYLE (front page only) ============ */
body.rkh-on .rk-header{position:fixed!important;top:0;left:0;right:0;z-index:1500;background:transparent;border:0;box-shadow:none;transition:background .4s,backdrop-filter .4s,transform .45s var(--ease2),box-shadow .4s}
body.rkh-on .rk-header.rkh-scr{background:rgba(251,248,241,.82);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);box-shadow:0 1px 0 rgba(15,37,64,.10)}
body.rkh-on .rk-header.rkh-hide{transform:translateY(-110%)}
/* Logo, Nav-Farben und CTA leben jetzt in site.css (gilt für ALLE Seiten).
   Hier bleibt nur das Homepage-Verhalten: transparent über dem Hero,
   beim Scrollen milchiges Creme, Auto-Hide beim Runterscrollen. */

/* ============ COMMON ============ */
.rkh .sec{position:relative;padding:clamp(90px,12vh,150px) clamp(20px,4vw,54px)}
.rkh .inner{max-width:1440px;margin:0 auto}
.rkh .eb{font-family:var(--ui);font-weight:600;font-size:11.5px;letter-spacing:.34em;text-transform:uppercase;color:var(--gold2);display:flex;align-items:center;gap:14px;margin:0 0 26px}
.rkh .eb::before{content:"";width:38px;height:1px;background:var(--gold);display:inline-block}
.rkh .eb i{font-style:normal;color:var(--dim)}
.rkh .h2{font-family:var(--disp);font-weight:600;font-size:clamp(40px,6.2vw,92px);line-height:.98;letter-spacing:-.015em;margin:0 0 22px;color:var(--navy2)}
.rkh .lead{color:var(--bd);font-size:clamp(15px,1.6vw,18px);line-height:1.65;max-width:580px;margin:0}

/* reveals */
html.rkh-anim .rv{opacity:0;transform:translateY(40px);transition:opacity .8s ease,transform .9s var(--ease2)}
html.rkh-anim .rv.in{opacity:1;transform:none}
html.rkh-anim .lrv .ln{display:block;overflow:clip}
html.rkh-anim .lrv .w{display:inline-block;transform:translateY(115%);filter:blur(10px);opacity:.4;transition:transform 1s var(--ease),filter 1.1s ease,opacity .9s ease;transition-delay:calc(var(--d,0)*.07s)}
html.rkh-anim .lrv.in .w{transform:none;filter:blur(0);opacity:1}

/* buttons */
.rkh .btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--ui);font-weight:600;font-size:14px;letter-spacing:.04em;padding:14px 28px;border-radius:100px;border:1px solid rgba(15,37,64,.25);color:var(--navy2);position:relative;overflow:hidden;transition:color .35s,border-color .35s,translate .4s var(--ease2);cursor:pointer;background:none}
.rkh .btn::before{content:"";position:absolute;inset:0;background:var(--gradN);border-radius:inherit;transform:translateY(102%);transition:transform .45s var(--ease2)}
.rkh .btn span{position:relative;z-index:1}.rkh .btn svg{position:relative;z-index:1;transition:transform .35s var(--ease2)}
.rkh .btn:hover{color:#FBF8F1;border-color:transparent}.rkh .btn:hover::before{transform:none}.rkh .btn:hover svg{transform:translateX(4px)}
.rkh .btn.solid{background:var(--gradN);color:#FBF8F1;border-color:transparent}
.rkh .btn.solid::before{background:linear-gradient(92deg,#E8B86A,#c99a3e)}
/* beim Hover liegt Gold unter der Schrift → dunkle Schrift, nicht weiß */
.rkh .btn.solid:hover{color:#241a04}

/* ============ HERO ============ */
#rkh-hero{min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding-top:130px;overflow:clip}
#rkh-hero .glow{position:absolute;width:58vw;height:58vw;max-width:880px;max-height:880px;border-radius:50%;filter:blur(70px);opacity:.34;background:radial-gradient(circle,#E8B86A 0%,#d4a554 40%,transparent 70%);top:-18%;right:-10%;pointer-events:none}
#rkh-hero .glow2{position:absolute;width:34vw;height:34vw;border-radius:50%;filter:blur(60px);opacity:.11;background:#1B3A5F;bottom:-8%;left:-8%;pointer-events:none}
#rkh-fx{position:absolute;inset:0;pointer-events:none;opacity:.75}
#rkh-hero h1{font-family:var(--disp);font-weight:600;font-size:clamp(54px,9.6vw,158px);line-height:.96;letter-spacing:-.02em;margin:14px 0 30px;color:var(--navy2)}
#rkh-hero h1 .srf{font-size:1em}
#rkh-hero .lead{margin-bottom:40px}
#rkh-hero .cta{display:flex;gap:16px;flex-wrap:wrap;align-items:center}
#rkh-hero .meta{position:absolute;bottom:32px;left:clamp(20px,4vw,54px);right:clamp(20px,4vw,54px);display:flex;justify-content:space-between;align-items:flex-end;color:var(--dim);font-family:var(--ui);font-weight:600;font-size:11px;letter-spacing:.22em;text-transform:uppercase}
#rkh-hero .cue{display:flex;align-items:center;gap:10px}
#rkh-hero .cue .bar{width:1px;height:44px;background:var(--ln);position:relative;overflow:hidden}
#rkh-hero .cue .bar::after{content:"";position:absolute;left:0;top:-50%;width:100%;height:50%;background:var(--gold);animation:rkhCue 1.8s var(--ease) infinite}
@keyframes rkhCue{0%{top:-50%}60%,100%{top:110%}}
#rkh-badge{position:absolute;right:clamp(24px,6vw,90px);bottom:104px;width:clamp(110px,12vw,160px);height:clamp(110px,12vw,160px);pointer-events:none;opacity:.95}
#rkh-badge svg{width:100%;height:100%;animation:rkhSpin 20s linear infinite}
#rkh-badge text{font-family:var(--ui);font-weight:600;font-size:10px;letter-spacing:.3em;fill:var(--mut);text-transform:uppercase}
#rkh-badge .c{fill:none;stroke:var(--ln)}
#rkh-badge .n{fill:var(--gold2)}
@keyframes rkhSpin{to{transform:rotate(360deg)}}
@media(max-width:900px){#rkh-badge{display:none}}
@media(max-width:640px){#rkh-hero .meta>span:first-child,#rkh-hero .meta>span:last-child{display:none}#rkh-hero .meta{justify-content:center}}

/* ============ MARQUEE ============ */
#rkh-mq{padding:24px 0;border-top:1px solid var(--ln);border-bottom:1px solid var(--ln);overflow:clip;transform:rotate(-1.2deg) scale(1.04);background:var(--pp);width:100%}
#rkh-mq .track{display:flex;white-space:nowrap;will-change:transform}
#rkh-mq .chunk{display:flex;align-items:center;animation:rkhMq 28s linear infinite}
#rkh-mq span{font-family:var(--disp);font-weight:600;font-size:clamp(30px,4.6vw,60px);letter-spacing:.03em;padding:0 .42em;color:transparent;-webkit-text-stroke:1px rgba(15,37,64,.4)}
#rkh-mq span.f{color:var(--gold2);-webkit-text-stroke:0}
#rkh-mq i{font-style:normal;color:var(--gold);font-size:.5em;padding:0 .2em}
@keyframes rkhMq{to{transform:translateX(-50%)}}

/* ============ LEISTUNGEN (index rows + img preview) ============ */
#leistungen .list{border-top:1px solid var(--ln);margin-top:54px}
.rkh .srv{display:grid;grid-template-columns:110px 1fr 1.05fr 60px;gap:24px;align-items:center;padding:40px 10px;border-bottom:1px solid var(--ln);position:relative;cursor:pointer;transition:padding .4s var(--ease2)}
.rkh .srv::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(232,184,106,.16),transparent 60%);opacity:0;transition:opacity .4s}
.rkh .srv:hover::before{opacity:1}
.rkh .srv:hover{padding-left:26px}
.rkh .srv .no{font-family:var(--ui);font-weight:600;font-size:13px;letter-spacing:.18em;color:var(--dim);transition:color .3s,transform .45s var(--ease2);transform-origin:left center}
.rkh .srv:hover .no{color:var(--gold2);transform:scale(1.4)}
.rkh .srv h3{font-family:var(--disp);font-weight:600;font-size:clamp(30px,3.6vw,54px);letter-spacing:-.01em;line-height:1;margin:0;color:var(--navy2);transition:transform .4s var(--ease2),color .35s}
.rkh .srv:hover h3{transform:translateX(6px);color:var(--navy)}
.rkh .srv p{color:var(--bd);font-size:14.5px;line-height:1.6;max-width:470px;margin:0}
.rkh .srv .ar{width:46px;height:46px;border-radius:50%;border:1px solid var(--ln);display:flex;align-items:center;justify-content:center;justify-self:end;transition:background .35s,transform .45s var(--ease2),border-color .35s}
.rkh .srv .ar svg{stroke:var(--navy2);transition:stroke .3s}
.rkh .srv:hover .ar{background:var(--gradN);border-color:transparent;transform:rotate(-45deg)}
.rkh .srv:hover .ar svg{stroke:#FBF8F1}
@media(max-width:820px){.rkh .srv{grid-template-columns:44px 1fr;gap:8px 16px;padding:28px 4px}.rkh .srv p{grid-column:2;max-width:none}.rkh .srv .ar{display:none}}
/* floating image preview */
#rkh-pv{position:fixed;left:0;top:0;z-index:900;width:min(360px,30vw);aspect-ratio:4/3;border-radius:16px;overflow:hidden;pointer-events:none;opacity:0;transform:scale(.86) rotate(3deg);transition:opacity .3s,transform .45s var(--ease2);box-shadow:0 30px 70px rgba(15,37,64,.35);display:none}
@media(pointer:fine){#rkh-pv{display:block}}
#rkh-pv.on{opacity:1;transform:scale(1) rotate(0)}
#rkh-pv img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .25s}
#rkh-pv img.on{opacity:1}
#rkh-pv .cap{position:absolute;left:12px;bottom:12px;z-index:2;background:rgba(15,37,64,.85);color:#FBF8F1;font-family:var(--ui);font-weight:600;font-size:11px;letter-spacing:.18em;text-transform:uppercase;padding:7px 12px;border-radius:100px}

/* ============ PERSONAS ============ */
#zielgruppen{background:var(--pp2)}
.rkh .pgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin-top:50px}
.rkh .pcard{background:var(--card);border:1px solid var(--lnS);border-radius:18px;padding:30px 26px;position:relative;overflow:hidden;transition:transform .35s var(--ease2),box-shadow .35s;box-shadow:0 6px 24px rgba(15,37,64,.05)}
.rkh .pcard:hover{transform:translateY(-6px);box-shadow:0 24px 48px rgba(15,37,64,.12)}
.rkh .pcard .ic{width:50px;height:50px;border-radius:14px;background:rgba(232,184,106,.18);border:1px solid rgba(211,162,74,.3);display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:18px}
.rkh .pcard h4{font-family:var(--disp);font-weight:600;font-size:24px;margin:0 0 8px;color:var(--navy2)}
.rkh .pcard p{color:var(--bd);font-size:14px;line-height:1.55;margin:0 0 14px}
.rkh .pcard .go{font-family:var(--ui);font-weight:600;font-size:12.5px;letter-spacing:.08em;color:var(--gold2)}
.rkh .pcard::after{content:"";position:absolute;right:-30px;top:-30px;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle,rgba(232,184,106,.22),transparent 70%);transition:transform .4s var(--ease2)}
.rkh .pcard:hover::after{transform:scale(1.5)}

/* ============ ZITAT (navy moment) ============ */
#zitat{background:linear-gradient(rgba(15,37,64,.78),rgba(15,37,64,.85)),var(--zbg,#0f2540) center/cover no-repeat;background-attachment:scroll;text-align:center;padding:clamp(110px,16vh,180px) clamp(20px,4vw,54px)}
#zitat blockquote{margin:0 auto;max-width:1000px}
#zitat .q{font-family:var(--disp);font-style:italic;font-weight:500;font-size:clamp(30px,4.6vw,64px);line-height:1.15;color:#FBF8F1;margin:0 0 26px}
#zitat .q em{color:var(--goldL);font-style:italic}
#zitat cite{font-family:var(--ui);font-weight:600;font-style:normal;font-size:12px;letter-spacing:.3em;text-transform:uppercase;color:rgba(251,248,241,.6)}

/* ============ ABLAUF (horizontal pin) ============ */
#ablauf{overflow:clip;padding-left:0;padding-right:0}
#ablauf .head{padding:0 clamp(20px,4vw,54px)}
#rkh-abpin{margin-top:60px}
#rkh-abtrack{display:flex;gap:clamp(18px,2.5vw,34px);padding:0 clamp(20px,4vw,54px);will-change:transform}
.rkh .step{flex:0 0 clamp(300px,38vw,520px);background:var(--card);border:1px solid var(--lnS);border-radius:24px;padding:clamp(28px,3vw,46px);position:relative;overflow:hidden;box-shadow:0 10px 34px rgba(15,37,64,.06)}
.rkh .step .big{position:absolute;right:14px;top:-12px;font-family:var(--disp);font-weight:600;font-size:clamp(90px,10vw,150px);line-height:1;color:transparent;-webkit-text-stroke:1px rgba(211,162,74,.4)}
.rkh .step .k{font-family:var(--ui);font-weight:600;font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--gold2)}
.rkh .step h4{font-family:var(--disp);font-weight:600;font-size:clamp(26px,2.6vw,38px);margin:clamp(46px,6vw,84px) 0 10px;color:var(--navy2)}
.rkh .step p{color:var(--bd);font-size:14.5px;line-height:1.6;max-width:380px;margin:0}
@media(max-width:820px){#rkh-abtrack{flex-direction:column;transform:none!important}.rkh .step{flex:1 1 auto}}

/* ============ ÜBER UNS (sticky split) ============ */
#ueber .split{display:grid;grid-template-columns:1fr 1.15fr;gap:clamp(30px,6vw,100px);margin-top:16px}
#ueber .sticky{position:sticky;top:120px;align-self:start}
#ueber .item{padding:34px 0;border-bottom:1px solid var(--ln);display:grid;grid-template-columns:56px 1fr;gap:20px}
#ueber .item:first-child{border-top:1px solid var(--ln)}
#ueber .item .ic{width:50px;height:50px;border-radius:14px;background:rgba(27,58,95,.07);border:1px solid rgba(27,58,95,.14);display:flex;align-items:center;justify-content:center}
#ueber .item .ic svg{stroke:var(--navy)}
#ueber .item h4{font-family:var(--disp);font-weight:600;font-size:22px;margin:0 0 6px;color:var(--navy2)}
#ueber .item p{color:var(--bd);font-size:14.5px;line-height:1.6;max-width:460px;margin:0}
#ueber .trust{display:inline-flex;align-items:center;gap:10px;margin-top:26px;font-family:var(--ui);font-weight:600;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--navy);background:rgba(27,58,95,.06);border:1px solid rgba(27,58,95,.14);padding:10px 18px;border-radius:100px}
@media(max-width:820px){#ueber .split{grid-template-columns:1fr}#ueber .sticky{position:static}}

/* ============ MITMACH-BAND (Ehrenamt / DSEE) ============ */
#mitmach-cta .band{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(26px,4vw,64px);align-items:center;
  background:linear-gradient(135deg,#FAEFD8 0%,#fff 62%);border:1px solid rgba(211,162,74,.30);border-radius:30px;
  padding:clamp(30px,4vw,62px);overflow:hidden;box-shadow:0 20px 48px rgba(15,37,64,.08)}
#mitmach-cta .band::after{content:'';position:absolute;right:-90px;top:-90px;width:300px;height:300px;border-radius:50%;
  background:radial-gradient(circle,rgba(232,184,106,.30),transparent 68%);pointer-events:none}
#mitmach-cta .band>*{position:relative;z-index:1}
#mitmach-cta .h2{font-size:clamp(34px,4.6vw,62px);margin-bottom:16px}
#mitmach-cta .lead{margin-bottom:26px}
#mitmach-cta .meta{margin:0 0 26px;font-family:var(--ui);font-size:12.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--mut)}
/* Deck-Vorschau: gestapelte Mini-Karten */
.rkh-deckmini{position:relative;height:clamp(210px,26vw,280px);perspective:900px}
.rkh-deckmini i{position:absolute;left:50%;top:50%;width:min(210px,62%);aspect-ratio:3/4;border-radius:20px;background:#fff;
  border:1px solid rgba(15,37,64,.10);box-shadow:0 16px 38px rgba(15,37,64,.14);display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:10px;font-style:normal;font-size:38px;
  transition:transform .55s cubic-bezier(.22,.68,.12,1),box-shadow .45s}
.rkh-deckmini i b{font-family:var(--disp);font-weight:600;font-size:16px;color:var(--navy2);letter-spacing:.01em}
.rkh-deckmini i:nth-child(1){transform:translate(-50%,-50%) rotate(-9deg) translateX(-38px) scale(.94);background:linear-gradient(180deg,#DFF3E8,#fff 72%)}
.rkh-deckmini i:nth-child(2){transform:translate(-50%,-50%) rotate(4deg) translateX(30px) scale(.97);background:linear-gradient(180deg,#E2EEFB,#fff 72%)}
.rkh-deckmini i:nth-child(3){transform:translate(-50%,-50%) rotate(-2deg);background:linear-gradient(180deg,#FAEFD8,#fff 72%)}
#mitmach-cta .band:hover .rkh-deckmini i:nth-child(1){transform:translate(-50%,-50%) rotate(-13deg) translateX(-58px) scale(.94)}
#mitmach-cta .band:hover .rkh-deckmini i:nth-child(2){transform:translate(-50%,-50%) rotate(8deg) translateX(52px) scale(.97)}
#mitmach-cta .band:hover .rkh-deckmini i:nth-child(3){transform:translate(-50%,-50%) rotate(-2deg) translateY(-8px)}
#mitmach-cta .foerder{margin-top:18px;font-size:11.5px;line-height:1.5;color:var(--dim)}
@media(max-width:860px){
  #mitmach-cta .band{grid-template-columns:1fr}
  .rkh-deckmini{height:200px;order:-1}
}

/* ============ ZAHLEN ============ */
#zahlen{padding-top:0}
#zahlen .stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;border-top:1px solid var(--ln);border-bottom:1px solid var(--ln);padding:56px 0}
.rkh .stat{text-align:center}
.rkh .stat .n{font-family:var(--disp);font-weight:600;font-size:clamp(44px,6vw,92px);line-height:1;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;display:block}
.rkh .stat .l{display:block;margin-top:10px;font-family:var(--ui);font-weight:600;font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:var(--mut)}

/* ============ KONTAKT ============ */
#kontakt{text-align:center;background:var(--pp2)}
#kontakt .h2{font-size:clamp(46px,7.6vw,116px)}
#kontakt .lead{margin:0 auto 44px}
#kontakt .eb{justify-content:center}
.rkh .mail{font-family:var(--disp);font-weight:600;font-size:clamp(24px,3.8vw,52px);letter-spacing:0;display:inline-block;position:relative;padding-bottom:6px;color:var(--navy2);transition:translate .4s var(--ease2)}
.rkh .mail::after{content:"";position:absolute;left:0;bottom:0;height:2px;width:100%;background:var(--grad);transition:transform .45s var(--ease2);transform-origin:left}
.rkh .mail:hover::after{transform:scaleX(.2)}
#kontakt .sub{margin-top:26px;color:var(--mut);font-size:14.5px}
#kontakt .sub a{color:var(--gold2);font-weight:600}

/* ============ WORDMARK BAND + FOOTER RESTYLE ============ */
#rkh-wmband{background:var(--gradN);padding:70px clamp(20px,4vw,54px) 30px;overflow:clip}
#rkh-wmband .wm{font-family:var(--disp);font-weight:600;font-size:clamp(40px,8.9vw,158px);line-height:.95;letter-spacing:.04em;text-align:center;user-select:none;white-space:nowrap}
#rkh-wmband .wm span{display:inline-block;color:transparent;-webkit-text-stroke:1px rgba(251,248,241,.32);transition:color .4s ease,-webkit-text-stroke .4s ease,transform .5s var(--ease2);transition-delay:calc(var(--i,0)*.03s)}
#rkh-wmband .wm:hover span{color:var(--goldL);-webkit-text-stroke:0}
#rkh-wmband .wm span:hover{transform:translateY(-8px)}
#rkh-wmband .sl{margin-top:18px;text-align:center;font-family:var(--ui);font-weight:600;font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:rgba(251,248,241,.5)}
/* existing rk-footer → navy continuation on front page */
body.rkh-on .rk-footer{background:#0f2540!important;border-top:1px solid rgba(251,248,241,.1)}

/* reduced motion */
@media(prefers-reduced-motion:reduce){
 .rkh *,.rkh *::before,.rkh *::after{animation-duration:.001s!important;transition-duration:.001s!important}
 body.rkh-on::after{display:none}
}