/* ============================================================
   site.css — gemeinsames Stylesheet fuer die WAM-Unterseiten
   (/leistungen, /branchen, /referenzen, /unternehmen, /faq, /kontakt)
   Spiegelt die Design-Tokens + Nav/Footer/Komponenten der Startseite
   (index.html, dortiger <style>-Block). Aendert sich das Design der
   Startseite, hier nachziehen. Startseite selbst bleibt unangetastet.
   ============================================================ */

:root{
  --bg:#0d0b09; --bg2:#15110d; --cream:#f7f4ef; --panel:#ffffff; --panel2:#faf6f0;
  --ink:#1c1813; --muted:#6f665c; --faint:#a89e92;
  --accent:#e8821e; --accent2:#f59b3c; --accent-d:#c96a10; --glow:rgba(232,130,30,.55);
  --line:rgba(28,20,12,.10); --line2:rgba(255,255,255,.10);
  --shadow:0 10px 40px rgba(40,28,12,.10); --shadow-l:0 24px 70px rgba(40,28,12,.16);
  --r:18px; --maxw:1180px; --ease:cubic-bezier(.22,1,.36,1);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--cream);color:var(--ink);font-family:'Manrope',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased;line-height:1.55;overflow-x:hidden}
h1,h2,h3,.disp{font-family:'Sora','Manrope',sans-serif;letter-spacing:-.02em;line-height:1.05}
a{color:inherit;text-decoration:none}
img{max-width:100%}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}
.ey{display:inline-flex;align-items:center;gap:8px;color:var(--accent-d);font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:12.5px}
.ey::before{content:"";width:22px;height:2px;background:var(--accent);border-radius:2px}
.btn{position:relative;display:inline-flex;align-items:center;gap:9px;background:var(--accent);color:#fff;border:none;padding:13px 24px;border-radius:12px;font-family:inherit;font-weight:700;font-size:15px;cursor:pointer;transition:transform .25s var(--ease),box-shadow .25s var(--ease),background .2s;box-shadow:0 6px 20px rgba(232,130,30,.32)}
.btn:hover{background:var(--accent-d);transform:translateY(-2px);box-shadow:0 12px 30px rgba(232,130,30,.42)}
.btn:active{transform:translateY(0)}
.btn.big{padding:16px 30px;font-size:16.5px}
.btn.ghost{background:rgba(255,255,255,.06);color:#fff;border:1px solid rgba(255,255,255,.22);box-shadow:none;backdrop-filter:blur(6px)}
.btn.ghost:hover{background:rgba(255,255,255,.14)}
.btn.dark{background:var(--ink);box-shadow:0 6px 20px rgba(28,20,12,.25)}
.btn.dark:hover{background:#000}
.btn svg{width:17px;height:17px}
.btn:not(.ghost):not(.dark){background:linear-gradient(180deg,#f0913a,var(--accent) 55%,#dd7614);box-shadow:0 6px 20px rgba(232,130,30,.32),inset 0 1px 0 rgba(255,255,255,.32)}
.btn:not(.ghost):not(.dark):hover{background:linear-gradient(180deg,#ee8c30,var(--accent-d))}
::selection{background:rgba(232,130,30,.28)}

/* NAV (identisch zur Startseite) */
header{position:fixed;top:0;left:0;right:0;z-index:50;transition:all .35s var(--ease)}
.nav{display:flex;align-items:center;justify-content:space-between;margin:14px auto;max-width:var(--maxw);padding:11px 18px 11px 22px;border-radius:16px;background:rgba(20,15,11,.55);backdrop-filter:blur(16px) saturate(140%);border:1px solid rgba(255,255,255,.10);transition:all .35s var(--ease)}
header.scrolled .nav{background:rgba(255,255,255,.82);border-color:var(--line);box-shadow:var(--shadow)}
.brand{display:flex;align-items:center;gap:11px;font-weight:800}
.logo{width:40px;height:40px;border-radius:11px;background:linear-gradient(135deg,var(--accent),var(--accent-d));display:grid;place-items:center;color:#fff;font-family:'Sora';font-weight:800;font-size:20px;box-shadow:0 4px 14px rgba(232,130,30,.45)}
.brand b{font-family:'Sora';font-size:19px;letter-spacing:.02em;color:#fff;line-height:1}
.brand small{display:block;font-size:8.5px;font-weight:700;letter-spacing:.16em;color:var(--accent2);margin-top:3px}
header.scrolled .brand b{color:var(--ink)}
/* Neues WAM-Logo oben links: oranger Rahmen + Text, kein W-Kaestchen */
.nav .brand{gap:0;border:2.5px solid var(--accent);border-radius:11px;padding:6px 17px 7px}
.nav .brand .logo{display:none}
.nav .brand>span{text-align:center}
.nav .brand b{display:block;font-family:'Sora';font-size:23px;font-weight:800;letter-spacing:.08em;color:var(--accent);line-height:1}
.nav .brand small{display:block;font-size:8px;font-weight:700;letter-spacing:.2em;color:var(--accent);margin-top:3px}
header.scrolled .nav .brand b{color:var(--accent)}
.nav-links{display:flex;align-items:center;gap:4px}
.nav-links a{padding:9px 14px;border-radius:9px;font-size:14.5px;font-weight:600;color:rgba(255,255,255,.78);transition:.2s}
.nav-links a:hover,.nav-links a.active{color:#fff;background:rgba(255,255,255,.10)}
header.scrolled .nav-links a{color:var(--muted)}
header.scrolled .nav-links a:hover,header.scrolled .nav-links a.active{color:var(--ink);background:rgba(232,130,30,.10)}
.nav-cta{margin-left:8px}
.burger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px}
.burger span{width:24px;height:2.5px;background:#fff;border-radius:2px;transition:.3s}
header.scrolled .burger span{background:var(--ink)}
.mobile-menu{position:fixed;inset:0;z-index:49;background:rgba(13,11,9,.97);backdrop-filter:blur(14px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;opacity:0;pointer-events:none;transition:.4s var(--ease)}
.mobile-menu.open{opacity:1;pointer-events:auto}
.mobile-menu a{color:#fff;font-family:'Sora';font-size:26px;font-weight:700;padding:10px}
.mobile-menu .btn{margin-top:16px}

/* PAGE-HERO (kompakter dunkler Kopf je Unterseite) */
.phero{position:relative;padding:150px 0 68px;background:radial-gradient(120% 130% at 78% 0%,#20170e 0%,#0d0b09 58%,#0a0806 100%);color:#fff;overflow:hidden}
.phero::before{content:"";position:absolute;width:460px;height:460px;border-radius:50%;filter:blur(85px);opacity:.42;top:-150px;right:-90px;background:radial-gradient(circle,rgba(232,130,30,.5),transparent 65%);pointer-events:none}
.phero .wrap{position:relative;z-index:2}
.crumb{display:flex;align-items:center;gap:9px;font-size:13px;color:#a89e92;margin-bottom:20px;flex-wrap:wrap}
.crumb a{color:#cabfb1;transition:.2s}
.crumb a:hover{color:var(--accent2)}
.crumb .sep{color:#6f665c}
.crumb .cur{color:var(--accent2);font-weight:600}
.phero h1{font-size:clamp(32px,5.4vw,60px);font-weight:800;color:#fff;max-width:17ch}
.phero h1 .grad{background:linear-gradient(110deg,var(--accent2),var(--accent) 50%,#ffd9a8);-webkit-background-clip:text;background-clip:text;color:transparent}
.phero p.lead{color:#cabfb1;font-size:clamp(16px,2vw,20px);max-width:62ch;margin-top:20px;line-height:1.6}
.phero .pk{display:flex;flex-wrap:wrap;gap:9px;margin-top:26px}
.phero .pk span{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);color:#f3ece2;padding:7px 14px;border-radius:100px;font-size:13px;font-weight:600}

/* SECTIONS */
section.blk{padding:96px 0;position:relative}
section.blk.tight{padding:72px 0}
.sec-head{max-width:660px;margin-bottom:48px}
.sec-head.center{margin-left:auto;margin-right:auto;text-align:center}
.sec-head h2{font-size:clamp(28px,4.4vw,46px);font-weight:800;margin-top:14px}
.sec-head p{color:var(--muted);font-size:18px;margin-top:18px;line-height:1.6}
.lead-p{color:var(--muted);font-size:17px;line-height:1.65;max-width:70ch}
.lead-p+.lead-p{margin-top:16px}

/* STATS */
.stats{background:linear-gradient(180deg,var(--bg2),var(--bg));color:#fff;border-radius:24px;overflow:hidden;box-shadow:var(--shadow-l)}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.stat{padding:48px 30px;border-right:1px solid var(--line2);position:relative}
.stat:last-child{border-right:none}
.stat .num{font-family:'Sora';font-size:clamp(34px,4.4vw,50px);font-weight:800;background:linear-gradient(120deg,#fff,var(--accent2));-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:-.02em}
.stat .lbl{color:#b3a89a;font-size:15px;margin-top:8px;font-weight:500}
.stat .sub{color:var(--faint);font-size:13px;margin-top:4px}

/* BENTO / CARDS */
.bento{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:minmax(160px,auto);gap:18px}
.card{background:linear-gradient(180deg,#fff 60%,#fdfaf5);border:1px solid var(--line);border-radius:var(--r);padding:30px;box-shadow:var(--shadow);transition:transform .4s var(--ease),box-shadow .4s var(--ease),border-color .3s;position:relative;overflow:hidden}
.card:hover{transform:translateY(-6px);box-shadow:var(--shadow-l);border-color:rgba(232,130,30,.4)}
.card .ic{width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,rgba(232,130,30,.14),rgba(232,130,30,.05));display:grid;place-items:center;font-size:26px;margin-bottom:18px;border:1px solid rgba(232,130,30,.18)}
.card h3{font-size:21px;font-weight:700;margin-bottom:10px}
.card p{color:var(--muted);font-size:15.5px;line-height:1.6}
.card.span3{grid-column:span 3}.card.span2{grid-column:span 2}.card.span4{grid-column:span 4}
.card.feat{grid-column:span 4;grid-row:span 2;background:linear-gradient(150deg,var(--ink),#2a2118);color:#fff;display:flex;flex-direction:column;justify-content:space-between}
.card.feat h3{font-size:30px;line-height:1.15;max-width:18ch}
.card.feat p{color:#c9beb0;font-size:16.5px;max-width:46ch}
.card.feat .flow{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.card.feat .flow b{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);padding:9px 16px;border-radius:10px;font-size:14.5px;font-weight:600;color:#fff;display:flex;align-items:center;gap:8px}
.card.feat .flow b span{color:var(--accent2)}
.card .tag{display:inline-block;margin-top:14px;font-size:13px;font-weight:700;color:var(--accent-d);background:rgba(232,130,30,.1);padding:5px 12px;border-radius:8px}

/* SPLIT / NETZWERK */
.split{display:grid;grid-template-columns:1.05fr 1fr;gap:60px;align-items:center}
.split .visual{position:relative;height:440px;border-radius:26px;overflow:hidden;background:radial-gradient(120% 120% at 30% 20%,#211913,#0d0b09);border:1px solid var(--line2)}
.netviz{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:76px;background:linear-gradient(150deg,var(--accent),var(--accent-d));border:none}
.netviz::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.20) 1px,transparent 1px);background-size:22px 22px;opacity:.45}
.netviz::after{content:"W";position:absolute;right:-28px;bottom:-58px;font-family:'Sora';font-weight:800;font-size:270px;color:rgba(255,255,255,.10);line-height:.8}
.nv-big{position:relative;z-index:2;font-family:'Sora';font-weight:800;font-size:clamp(64px,7.5vw,104px);color:#fff;letter-spacing:-.03em;line-height:1}
.nv-big span{color:rgba(255,255,255,.65)}
.nv-lbl{position:relative;z-index:2;color:rgba(255,255,255,.94);font-size:17px;font-weight:600;margin-top:8px}
.split .visual .badge{position:absolute;left:22px;bottom:22px;z-index:3;background:rgba(20,15,11,.7);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.14);color:#fff;padding:13px 18px;border-radius:13px;font-size:14px;max-width:230px}
.split .visual .badge b{display:block;color:var(--accent2);font-family:'Sora';font-size:17px;margin-bottom:3px}
/* Fakten-Rotator: eine Kachel, die durch die WAM-Kennzahlen slidet */
.nv-rotator{overflow:hidden}
.nv-slide{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:76px 30px 30px;opacity:0;transition:opacity .8s var(--ease);pointer-events:none}
.nv-slide.is-active{opacity:1;pointer-events:auto}
.nv-dots{position:absolute;bottom:18px;right:20px;z-index:5;display:flex;gap:7px}
.nv-dot{width:7px;height:7px;border:none;padding:0;border-radius:50%;background:rgba(255,255,255,.4);cursor:pointer;transition:.35s var(--ease)}
.nv-dot:hover{background:rgba(255,255,255,.75)}
.nv-dot.on{background:#fff;width:22px;border-radius:4px}
.nv-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:6;width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:rgba(20,15,11,.4);color:#fff;font-family:'Sora';font-size:20px;line-height:1;cursor:pointer;display:grid;place-items:center;opacity:.6;transition:.2s var(--ease)}
.nv-arrow:hover{opacity:1;background:rgba(20,15,11,.72)}
.nv-arrow.prev{left:14px}.nv-arrow.next{right:14px}
.ulist{list-style:none;margin-top:26px;display:flex;flex-direction:column;gap:16px}
.ulist li{display:flex;gap:14px;align-items:flex-start;font-size:16px}
.ulist li .chk{flex:none;width:26px;height:26px;border-radius:8px;background:rgba(232,130,30,.12);display:grid;place-items:center;color:var(--accent-d);font-weight:800;margin-top:1px}
.ulist li b{font-weight:700}.ulist li span{color:var(--muted)}
.partner-card{display:flex;align-items:center;gap:24px;margin-top:28px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px 26px;box-shadow:0 2px 10px rgba(40,28,12,.05)}
.partner-card .plogo{height:76px;width:auto;flex:none;display:block}
.partner-card .ptext{flex:1;text-align:center}
.partner-card b{display:block;font-family:'Sora';font-weight:700;font-size:15.5px}
.partner-card span{color:var(--muted);font-size:14.5px;line-height:1.5}

/* BRANCHEN */
.branchen{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.br{background:var(--panel);border:1px solid var(--line);border-radius:15px;padding:24px;display:flex;align-items:flex-start;gap:16px;transition:.3s var(--ease)}
.br:hover{border-color:var(--accent);transform:translateX(4px)}
.br .e{font-size:30px;flex:none}
.br b{display:block;font-size:17px;font-weight:700;margin-bottom:4px}
.br small{color:var(--muted);font-size:13.5px;line-height:1.5;display:block}
.br-go{margin-left:auto;align-self:center;color:var(--accent-d);font-family:'Sora';font-weight:800;font-size:22px;line-height:1;flex:none;transition:transform .3s var(--ease)}
.br:hover .br-go{transform:translateX(3px)}

/* STORY / UNTERNEHMEN */
.story{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.story .imgwrap{height:400px;border-radius:24px;background:linear-gradient(150deg,var(--accent),var(--accent-d));position:relative;overflow:hidden;box-shadow:var(--shadow-l)}
.story .imgwrap .quote{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:44px;color:#fff}
.story .imgwrap .quote .q{font-family:'Sora';font-size:27px;font-weight:700;line-height:1.25}
.story .imgwrap .quote .who{margin-top:20px;font-size:14.5px;opacity:.9}
.story .imgwrap::after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.18) 1px,transparent 1px);background-size:22px 22px;opacity:.4}
.story .imgwrap .big-w{position:absolute;right:-30px;bottom:-50px;font-family:'Sora';font-weight:800;font-size:280px;color:rgba(255,255,255,.10);line-height:.8}
.team-row{display:flex;gap:16px;margin-top:26px;flex-wrap:wrap}
.team-c{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px 20px;box-shadow:var(--shadow);flex:1 1 200px;position:relative;cursor:pointer;transition:border-color .2s,box-shadow .2s}
.team-c:hover{border-color:var(--accent2)}
.team-c[open]{border-color:var(--accent);box-shadow:var(--shadow-l)}
.team-c summary{list-style:none;outline:none}
.team-c summary::-webkit-details-marker{display:none}
.team-c summary::after{content:'+';position:absolute;top:14px;right:16px;color:var(--accent-d);font-weight:700;font-size:19px;line-height:1}
.team-c[open] summary::after{content:'–'}
.team-c b{display:block;font-size:15px}.team-c small{color:var(--muted);font-size:13px}
.team-c .tc-detail{margin-top:13px;padding-top:13px;border-top:1px solid var(--line);display:grid;gap:8px;font-size:14px;color:var(--muted)}
.team-c .tc-detail a{color:var(--accent-d);font-weight:600}

/* REFERENZEN Laufbaender */
.ref-row{overflow:hidden;position:relative;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.ref-track{display:flex;gap:16px;width:max-content}
@keyframes scrollx{to{transform:translateX(-50%)}}
.ref-track.r1{animation:scrollx 38s linear infinite}
.ref-track.r2{animation:scrollx 44s linear infinite reverse}
.ref-chip{display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px 38px;font-family:'Sora';font-weight:700;font-size:21px;color:#5a5249;white-space:nowrap;box-shadow:0 2px 10px rgba(40,28,12,.05);transition:.3s}
.ref-chip:hover{color:var(--accent-d);border-color:rgba(232,130,30,.4);transform:translateY(-3px)}
.ref-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.ref-grid .ref-chip{padding:26px 16px;font-size:19px}

/* FAQ */
.faq-list{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:12px}
.faq-list details{background:var(--panel);border:1px solid var(--line);border-radius:15px;padding:0 24px;box-shadow:var(--shadow);transition:border-color .25s}
.faq-list details[open]{border-color:rgba(232,130,30,.45)}
.faq-list summary{cursor:pointer;font-weight:700;font-size:16.5px;padding:19px 0;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary::after{content:"+";color:var(--accent);font-family:'Sora';font-size:22px;font-weight:800;transition:transform .25s var(--ease);flex:none}
.faq-list details[open] summary::after{transform:rotate(45deg)}
.faq-list details p{color:var(--muted);padding:0 0 19px;font-size:15px;line-height:1.65}

/* KONTAKT */
.kontakt{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.k-card{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:34px;box-shadow:var(--shadow)}
.k-card h3{font-size:21px;margin-bottom:20px}
.k-line{display:flex;gap:14px;align-items:flex-start;padding:13px 0;border-bottom:1px solid var(--line)}
.k-line:last-child{border-bottom:none}
.k-line .ic{width:42px;height:42px;border-radius:11px;background:rgba(232,130,30,.1);display:grid;place-items:center;color:var(--accent-d);flex:none}
.k-line .ic svg{width:19px;height:19px}
.k-line b{display:block;font-size:15px}.k-line span{color:var(--muted);font-size:14.5px}
.k-line a{color:var(--accent-d);font-weight:600}
.hours{display:grid;grid-template-columns:1fr auto;gap:8px 20px;font-size:14.5px;margin-top:4px}
.hours .d{color:var(--muted)}.hours .t{font-weight:600}
.spon{display:flex;flex-wrap:wrap;gap:11px;margin-top:8px}
.spon span{background:var(--panel);border:1px solid var(--line);border-radius:100px;padding:10px 18px;font-size:14.5px;font-weight:600;color:#5a5249;transition:.2s}
.spon span:hover{border-color:var(--accent);color:var(--accent-d)}

/* CTA-BAND */
.band{background:linear-gradient(120deg,var(--accent),var(--accent-d));color:#fff;border-radius:28px;padding:56px;display:grid;grid-template-columns:1.4fr 1fr;gap:34px;align-items:center;position:relative;overflow:hidden}
.band::after{content:"";position:absolute;right:-60px;top:-60px;width:300px;height:300px;border-radius:50%;background:rgba(255,255,255,.12)}
.band h2{color:#fff;font-size:clamp(26px,3.4vw,38px);font-weight:800;position:relative;z-index:2}
.band p{color:rgba(255,255,255,.92);font-size:17px;margin-top:14px;position:relative;z-index:2;max-width:48ch}
.band .actions{display:flex;gap:14px;flex-wrap:wrap;position:relative;z-index:2;justify-content:flex-end}
.band .btn.ghost{border-color:rgba(255,255,255,.6);background:rgba(255,255,255,.12)}

/* verwandte Seiten (interne Verlinkung) */
.morelinks{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:8px}
.morelink{background:var(--panel);border:1px solid var(--line);border-radius:15px;padding:22px 24px;box-shadow:var(--shadow);transition:.3s var(--ease);display:block}
.morelink:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:var(--shadow-l)}
.morelink b{display:block;font-family:'Sora';font-size:17px;font-weight:700;margin-bottom:6px}
.morelink span{color:var(--muted);font-size:14px;line-height:1.5}
.morelink .go{display:inline-block;margin-top:12px;color:var(--accent-d);font-weight:700;font-size:14px}

/* FOOTER */
footer{background:var(--bg);color:#cfc6ba;padding:72px 0 32px;position:relative;overflow:hidden}
.foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr;gap:36px}
footer h5{color:#fff;font-size:13px;text-transform:uppercase;letter-spacing:.1em;margin-bottom:18px;font-weight:700}
footer a,footer p{color:#9c9286;font-size:14px;line-height:1.9;transition:.2s}
footer a:hover{color:var(--accent2)}
.foot-brand p{max-width:34ch;margin-top:16px}
.socials{display:flex;gap:11px;margin-top:20px}
.socials a{width:42px;height:42px;border-radius:11px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);display:grid;place-items:center;color:#cfc6ba;transition:.25s var(--ease)}
.socials a:hover{background:var(--accent);color:#fff;transform:translateY(-3px);border-color:var(--accent)}
.socials a svg{width:19px;height:19px}
.foot-fine{border-top:1px solid rgba(255,255,255,.1);margin-top:50px;padding-top:24px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;font-size:12.5px;color:#7d7468}
.foot-fine a{color:#9c9286}

/* back to top */
.totop{position:fixed;right:24px;bottom:24px;z-index:40;width:48px;height:48px;border-radius:14px;background:var(--ink);color:#fff;display:grid;place-items:center;cursor:pointer;opacity:0;pointer-events:none;transform:translateY(14px);transition:.35s var(--ease);box-shadow:var(--shadow-l);border:none}
.totop.show{opacity:1;pointer-events:auto;transform:none}

/* reveal */
.rv{opacity:0;transform:translateY(34px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.rv.in{opacity:1;transform:none}
.rv.d1{transition-delay:.08s}.rv.d2{transition-delay:.16s}.rv.d3{transition-delay:.24s}.rv.d4{transition-delay:.32s}

/* scrollbar */
::-webkit-scrollbar{width:12px;height:12px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:rgba(150,135,115,.45);border-radius:10px;background-clip:padding-box;border:3px solid transparent}
::-webkit-scrollbar-thumb:hover{background:rgba(150,135,115,.7);background-clip:padding-box;border:3px solid transparent}

@media(max-width:980px){
  .bento{grid-template-columns:repeat(2,1fr)}
  .card.feat,.card.span4,.card.span3,.card.span2{grid-column:span 2}
  .card.feat{grid-row:auto}
  .split,.story,.band,.kontakt{grid-template-columns:1fr;gap:34px}
  .band .actions{justify-content:flex-start}
  .branchen,.ref-grid,.morelinks{grid-template-columns:1fr 1fr}
  .stats-grid{grid-template-columns:1fr 1fr}.stat{border-bottom:1px solid var(--line2)}
  .foot-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:680px){
  .nav-links{display:none}.burger{display:flex}.nav-cta{display:none}
  .branchen,.ref-grid,.stats-grid,.foot-grid,.morelinks{grid-template-columns:1fr}
  section.blk{padding:66px 0}
  .stat{border-right:none}
  .band{padding:36px 26px}
  .story .imgwrap .big-w{font-size:180px}
  .phero{padding:130px 0 54px}
}
@media(prefers-reduced-motion:reduce){
  *{animation-duration:.001s!important;animation-iteration-count:1!important}
  .rv{opacity:1;transform:none}
}