/* ============================================
   Flavour Union Service GmbH — Premium Stylesheet
   Million-Dollar Upgrade
   ============================================ */
:root {
  --cream:#FAF8F4; --warm:#F2EDE4; --charcoal:#1C1C1E; --ink:#2D2D2F;
  --stone:#6B6B70; --gold:#C9A84C; --gold-lt:#E8D5A3; --gold-dk:#A8872E;
  --sage:#7A9E87; --line:rgba(28,28,30,.08); --line2:rgba(28,28,30,.14);
  --ease:cubic-bezier(.16,1,.3,1); --ease2:cubic-bezier(.4,0,.2,1);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:'Inter',sans-serif;background:var(--cream);color:var(--charcoal);-webkit-font-smoothing:antialiased;overflow-x:hidden;}

/* ── SCROLL PROGRESS ── */
.scroll-progress{position:fixed;top:0;left:0;height:2px;width:0%;background:linear-gradient(90deg,var(--gold),var(--gold-lt),var(--gold));z-index:9998;transition:width .04s linear;box-shadow:0 0 10px rgba(201,168,76,.6);}

/* ── SCROLL ANIMATIONS ── */
.reveal{opacity:0;transform:translateY(36px);transition:opacity .9s var(--ease),transform .9s var(--ease);}
.reveal.on{opacity:1;transform:translateY(0);}
.rev-l{opacity:0;transform:translateX(-36px);transition:opacity .9s var(--ease),transform .9s var(--ease);}
.rev-r{opacity:0;transform:translateX(36px);transition:opacity .9s var(--ease),transform .9s var(--ease);}
.rev-l.on,.rev-r.on{opacity:1;transform:translate(0);}
.d1{transition-delay:.1s!important}.d2{transition-delay:.2s!important}
.d3{transition-delay:.3s!important}.d4{transition-delay:.4s!important}
.d5{transition-delay:.5s!important}.d6{transition-delay:.6s!important}

/* ── HERO ── */
#hero{position:relative;height:100vh;min-height:680px;overflow:hidden;margin-top:-76px;}
.hslide{position:absolute;inset:0;opacity:0;transform:scale(1.05);transition:opacity 1.8s var(--ease2),transform 2s var(--ease2);z-index:0;}
.hslide.active{opacity:1;transform:scale(1);z-index:1;}
.hslide.leaving{opacity:0;transform:scale(.97);z-index:2;}
.hslide.leaving .hslide-body{opacity:0;}
.hslide::before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(110deg,rgba(8,6,4,.93) 0%,rgba(8,6,4,.58) 45%,rgba(8,6,4,.12) 100%),linear-gradient(to top,rgba(8,6,4,.72) 0%,transparent 55%);}
.hslide-bg{position:absolute;inset:-8%;background-size:cover;background-position:center;}
.hslide.active .hslide-bg{animation:kenBurns 18s ease-in-out infinite alternate;}
@keyframes kenBurns{0%{transform:scale(1) translate(0%,0%)}100%{transform:scale(1.1) translate(-1.5%,-1%)}}
.hs-hr .hslide-bg{background-image:url('hr.jpg');background-position:center 30%;}
.hs-fin .hslide-bg{background-image:url('Finance.jpg');}
.hs-it .hslide-bg{background-image:url('IT.jpg');}
.hs-ek .hslide-bg{background-image:url('Einkauf.jpg');}
.hs-log .hslide-bg{background-image:url('logistik.jpg');}
.hslide-body{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;justify-content:center;padding:0 8% 6rem;}
.hslide-tag{display:inline-flex;align-items:center;gap:.8rem;font-size:.6rem;letter-spacing:.5em;text-transform:uppercase;color:var(--gold);margin-bottom:2rem;opacity:0;transform:translateY(18px);transition:opacity .6s .22s,transform .6s .22s;}
.hslide-tag::before{content:'';width:40px;height:1px;background:linear-gradient(90deg,var(--gold),transparent);}
.hslide.active .hslide-tag{opacity:1;transform:translateY(0);}
.hslide-title{font-family:'Playfair Display',Georgia,serif;font-size:clamp(3.2rem,8vw,7.5rem);color:#fff;line-height:.95;letter-spacing:-.03em;margin-bottom:2rem;max-width:780px;}
.hslide-title .t-light{display:block;font-weight:300;font-style:italic;font-size:.52em;color:rgba(255,255,255,.55);letter-spacing:.04em;margin-bottom:.2em;opacity:0;transform:translateX(-24px);transition:opacity .7s .32s,transform .7s .32s;}
.hslide-title .t-bold{display:block;font-weight:700;opacity:0;transform:translateY(32px);transition:opacity .9s .48s,transform .9s .48s;}
.hslide-title .t-bold em{font-style:italic;color:var(--gold);}
.hslide.active .hslide-title .t-light{opacity:1;transform:translateX(0);}
.hslide.active .hslide-title .t-bold{opacity:1;transform:translateY(0);}
.hslide-sub{font-size:1.05rem;color:rgba(255,255,255,.6);line-height:1.82;font-weight:300;max-width:480px;margin-bottom:2.8rem;opacity:0;transform:translateY(24px);transition:opacity .8s .65s,transform .8s .65s;}
.hslide.active .hslide-sub{opacity:1;transform:translateY(0);}
.hslide-btn{display:inline-flex;align-items:center;gap:.7rem;background:var(--gold);color:var(--charcoal);padding:1rem 2.5rem;border-radius:50px;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;width:fit-content;box-shadow:0 8px 40px rgba(201,168,76,.45);opacity:0;transform:translateY(18px);transition:opacity .7s .82s,transform .7s .82s,background .3s,box-shadow .3s,transform .3s;position:relative;overflow:hidden;}
.hslide.active .hslide-btn{opacity:1;transform:translateY(0);}
.hslide-btn::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transform:translateX(-100%);}
.hslide-btn:hover{background:#D4B060;box-shadow:0 16px 50px rgba(201,168,76,.55);}
.hslide-btn:hover::after{animation:shimmer .65s ease forwards;}
@keyframes shimmer{to{transform:translateX(100%)}}
.hslide-btn svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2.5;}
/* Hero badge - floating stat */
.hero-badge{position:absolute;top:32%;right:8%;z-index:20;background:rgba(255,255,255,.07);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(201,168,76,.2);border-radius:16px;padding:1.4rem 1.8rem;text-align:center;opacity:0;transform:translateY(20px) scale(.96);transition:opacity 1s 1.1s,transform 1s 1.1s;}
.hslide.active .hero-badge{opacity:1;transform:translateY(0) scale(1);}
.hero-badge-num{font-family:'Playfair Display',serif;font-size:2.5rem;font-weight:700;color:var(--gold);line-height:1;}
.hero-badge-lbl{font-size:.58rem;color:rgba(255,255,255,.45);letter-spacing:.18em;text-transform:uppercase;margin-top:.4rem;}
/* Hero controls */
.hero-progress{position:absolute;bottom:0;left:0;height:2px;background:linear-gradient(90deg,var(--gold),var(--gold-lt));z-index:20;width:0%;transition:width linear;}
.hero-counter{position:absolute;bottom:3rem;left:8%;display:flex;align-items:baseline;gap:.5rem;z-index:20;}
.hero-counter strong{font-family:'Playfair Display',serif;font-size:2rem;font-weight:700;color:#fff;line-height:1;}
.hero-counter .cnt-sep{font-size:.65rem;color:rgba(255,255,255,.2);letter-spacing:.12em;}
.hero-counter .cnt-total{font-size:.65rem;color:rgba(255,255,255,.25);}
.hero-dots{position:absolute;bottom:2.8rem;right:5%;display:flex;gap:8px;z-index:20;}
.hdot{width:24px;height:2px;border-radius:2px;background:rgba(255,255,255,.18);border:none;cursor:pointer;padding:0;transition:all .5s var(--ease);}
.hdot.active{background:var(--gold);width:48px;box-shadow:0 0 10px rgba(201,168,76,.5);}
.harrow{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:52px;border-radius:50%;z-index:20;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(10px);transition:background .3s,border-color .3s,transform .3s;}
.harrow:hover{background:rgba(201,168,76,.22);border-color:rgba(201,168,76,.55);transform:translateY(-50%) scale(1.08);}
.harrow svg{width:16px;height:16px;stroke:#fff;fill:none;stroke-width:2;}
.harrow-prev{left:2.5rem;}.harrow-next{right:2.5rem;}
.hpause{position:absolute;top:calc(76px + 2rem);right:2.5rem;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);color:#fff;font-size:.7rem;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:20;transition:background .2s;backdrop-filter:blur(8px);}
.hpause:hover{background:rgba(201,168,76,.28);}
.scroll-hint{position:absolute;bottom:2.5rem;left:50%;transform:translateX(-50%);z-index:20;display:flex;flex-direction:column;align-items:center;gap:.5rem;color:rgba(255,255,255,.3);font-size:.58rem;letter-spacing:.25em;text-transform:uppercase;animation:scrollBob 2.5s ease-in-out infinite;}
.scroll-hint svg{width:18px;height:18px;stroke:rgba(255,255,255,.4);fill:none;stroke-width:1.5;}
@keyframes scrollBob{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(8px)}}

/* ── MARQUEE ── */
.marquee-strip{background:var(--charcoal);overflow:hidden;padding:1.1rem 0;border-bottom:1px solid rgba(201,168,76,.1);}
.marquee-inner{display:flex;animation:marquee 28s linear infinite;width:max-content;}
.marquee-inner:hover{animation-play-state:paused;}
.marquee-item{display:flex;align-items:center;gap:1rem;padding:0 3.5rem;white-space:nowrap;font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,.32);}
.marquee-dot{width:4px;height:4px;border-radius:50%;background:var(--gold);flex-shrink:0;}
@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* ── FEATURE CARDS ── */
#features{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line);}
.fcard{padding:3.5rem 2.8rem;background:var(--cream);border-right:1px solid var(--line);transition:background .3s;position:relative;overflow:hidden;}
.fcard:last-child{border-right:none;}
.fcard::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--gold),var(--sage));transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease);}
.fcard:hover{background:var(--warm);}
.fcard:hover::before{transform:scaleX(1);}
.fcard-ico{width:52px;height:52px;border-radius:12px;background:var(--warm);display:flex;align-items:center;justify-content:center;margin-bottom:1.8rem;transition:background .3s;}
.fcard:hover .fcard-ico{background:rgba(201,168,76,.14);}
.fcard-ico svg{width:22px;height:22px;stroke:var(--gold);fill:none;stroke-width:1.8;}
.fcard-num{font-size:.55rem;letter-spacing:.35em;color:var(--gold);margin-bottom:.8rem;font-weight:700;opacity:.6;}
.fcard-title{font-family:'Playfair Display',Georgia,serif;font-size:1.25rem;font-weight:700;color:var(--charcoal);margin-bottom:.9rem;line-height:1.2;}
.fcard-text{font-size:.85rem;color:var(--stone);line-height:1.88;font-weight:300;}
.fcard-link{display:inline-flex;align-items:center;gap:.45rem;margin-top:1.5rem;font-size:.7rem;font-weight:700;color:var(--charcoal);text-decoration:none;letter-spacing:.08em;text-transform:uppercase;transition:color .2s,gap .2s;}
.fcard-link::after{content:'→';transition:transform .2s;}
.fcard-link:hover{color:var(--gold);gap:.6rem;}

/* ── IMPACT NUMBERS ── */
.impact-section{background:var(--charcoal);border-bottom:1px solid rgba(255,255,255,.04);padding:5rem 5%;position:relative;overflow:hidden;}
.impact-section::before{content:'';position:absolute;bottom:-40%;left:50%;transform:translateX(-50%);width:80%;height:80%;background:radial-gradient(ellipse,rgba(201,168,76,.08) 0%,transparent 70%);pointer-events:none;}
.impact-grid{display:grid;grid-template-columns:repeat(4,1fr);position:relative;z-index:1;}
.impact-stat{text-align:center;padding:2.5rem 2rem;border-right:1px solid rgba(255,255,255,.05);}
.impact-stat:last-child{border-right:none;}
.impact-value{display:flex;align-items:baseline;justify-content:center;gap:.2rem;margin-bottom:1rem;}
.impact-num{font-family:'Playfair Display',serif;font-size:clamp(3rem,5vw,5.5rem);font-weight:700;color:var(--gold);line-height:1;}
.impact-suf{font-family:'Playfair Display',serif;font-size:clamp(1.5rem,2.5vw,2.8rem);font-weight:700;color:rgba(201,168,76,.45);line-height:1;}
.impact-label{font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.28);font-weight:400;}

/* ── LEISTUNGEN ── */
#leistungen{padding:8rem 5%;background:var(--cream);border-bottom:1px solid var(--line);}
.sec-ey{font-size:.6rem;letter-spacing:.45em;text-transform:uppercase;color:var(--gold);margin-bottom:.7rem;display:block;}
.sec-h{font-family:'Playfair Display',Georgia,serif;font-size:clamp(2.2rem,4.5vw,3.8rem);font-weight:700;letter-spacing:-.02em;line-height:1.0;margin-bottom:3rem;color:var(--charcoal);}
.sec-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:3.5rem;}
.sec-all{font-size:.7rem;font-weight:700;color:var(--charcoal);text-decoration:none;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid var(--gold);padding-bottom:2px;white-space:nowrap;transition:color .2s;}
.sec-all:hover{color:var(--gold);}
.lst-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;}
.lst-card{overflow:hidden;border-radius:14px;border:1px solid var(--line);text-decoration:none;color:inherit;display:block;transition:transform .4s var(--ease),box-shadow .4s var(--ease);background:#fff;box-shadow:0 2px 12px rgba(28,28,30,.04);}
.lst-card:hover{transform:translateY(-10px);box-shadow:0 28px 64px rgba(28,28,30,.13);}
.lst-img{height:220px;overflow:hidden;background:var(--warm);position:relative;}
.lst-img::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(28,28,30,.5) 0%,transparent 60%);opacity:0;transition:opacity .4s;}
.lst-card:hover .lst-img::after{opacity:1;}
.lst-img img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease);}
.lst-card:hover .lst-img img{transform:scale(1.1);}
.lst-body{padding:1.8rem 1.5rem;}
.lst-cat{font-size:.58rem;letter-spacing:.28em;text-transform:uppercase;color:var(--gold);margin-bottom:.6rem;font-weight:700;}
.lst-title{font-family:'Playfair Display',Georgia,serif;font-size:1.05rem;font-weight:700;margin-bottom:.6rem;color:var(--charcoal);line-height:1.2;}
.lst-text{font-size:.8rem;color:var(--stone);line-height:1.7;font-weight:300;}
.lst-more{display:inline-flex;align-items:center;gap:.4rem;margin-top:1.2rem;font-size:.7rem;font-weight:700;color:var(--charcoal);letter-spacing:.06em;text-transform:uppercase;transition:color .2s,gap .2s;}
.lst-card:hover .lst-more{color:var(--gold);gap:.6rem;}

/* ── ÜBER UNS ── */
#ueber{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line);min-height:620px;}
.ueber-vis{background:var(--warm);overflow:hidden;position:relative;}
.ueber-vis img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease);}
#ueber:hover .ueber-vis img{transform:scale(1.04);}
.ueber-vis::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(28,28,30,.2) 0%,rgba(201,168,76,.06) 100%);z-index:1;}
.ueber-txt{padding:7rem 5%;display:flex;flex-direction:column;justify-content:center;background:var(--cream);}
.ueber-txt p{font-size:.93rem;color:var(--stone);line-height:1.95;font-weight:300;}
.ueber-txt p+p{margin-top:1rem;}
.ueber-quote{margin-top:2.2rem;padding:1.6rem 2rem;background:var(--warm);border-radius:12px;border-left:3px solid var(--gold);font-family:'Playfair Display',serif;font-style:italic;font-size:1rem;color:var(--ink);line-height:1.75;font-weight:600;position:relative;}
.ueber-quote::before{content:'"';position:absolute;top:-.6rem;left:1.2rem;font-size:4.5rem;color:var(--gold-lt);line-height:1;font-style:normal;font-weight:700;}
.ueber-stats{display:grid;grid-template-columns:repeat(3,1fr);margin-top:2.5rem;padding-top:2rem;border-top:1px solid var(--line);}
.ueber-stat-item{text-align:center;padding:.5rem;}
.stat-num{font-family:'Playfair Display',Georgia,serif;font-size:2.8rem;font-weight:700;color:var(--charcoal);line-height:1;}
.stat-lbl{font-size:.62rem;color:var(--stone);margin-top:.4rem;letter-spacing:.1em;text-transform:uppercase;}

/* ── TEAM ── */
#team{padding:8rem 5%;background:var(--charcoal);border-bottom:1px solid rgba(255,255,255,.06);}
.team-head{text-align:center;margin-bottom:5rem;}
.team-head .sec-ey{color:var(--gold);}
.team-head .sec-h{color:#fff;}
.team-sub{font-size:.93rem;color:rgba(255,255,255,.32);max-width:500px;margin:1.2rem auto 0;line-height:1.82;font-weight:300;}
.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;}
.team-card{position:relative;overflow:hidden;border-radius:16px;background:#161616;border:1px solid rgba(255,255,255,.05);transition:transform .4s var(--ease),box-shadow .4s var(--ease),border-color .4s;cursor:default;}
.team-card:hover{transform:translateY(-10px);box-shadow:0 36px 80px rgba(0,0,0,.55);border-color:rgba(201,168,76,.22);}
.team-photo{height:380px;overflow:hidden;position:relative;background:#222;}
.team-photo img{width:100%;height:100%;object-fit:cover;object-position:center 20%;transition:transform .7s var(--ease),filter .5s ease;filter:grayscale(18%);}
.team-card:hover .team-photo img{transform:scale(1.07);filter:grayscale(0%);}

.team-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;z-index:5;background:linear-gradient(90deg,var(--gold),transparent);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease);}
.team-card:hover::before{transform:scaleX(1);}
/* Hover overlay */
.team-overlay{position:absolute;inset:0;z-index:4;background:linear-gradient(to top,rgba(10,8,6,.97) 0%,rgba(10,8,6,.65) 45%,transparent 100%);opacity:0;transition:opacity .4s var(--ease);display:flex;flex-direction:column;justify-content:flex-end;padding:2rem;}
.team-card:hover .team-overlay{opacity:1;}
.team-overlay-name{font-family:'Playfair Display',serif;font-size:1.3rem;font-weight:700;color:#fff;margin-bottom:.3rem;}
.team-overlay-title{font-size:.58rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin-bottom:1rem;}
.team-overlay-bio{font-size:.8rem;color:rgba(255,255,255,.55);line-height:1.72;font-weight:300;}
.team-body{padding:1.5rem 1.8rem 2rem;}
.team-name{font-family:'Playfair Display',Georgia,serif;font-size:1.2rem;font-weight:700;color:#fff;margin-bottom:.25rem;}
.team-title{font-size:.62rem;font-weight:700;color:var(--gold);letter-spacing:.2em;text-transform:uppercase;margin-bottom:.25rem;}
.team-company{font-size:.72rem;color:rgba(255,255,255,.22);font-weight:300;}

/* ── GRUPPE ── */
#gruppe{padding:8rem 5%;background:linear-gradient(180deg,#161616 0%,var(--charcoal) 100%);border-bottom:1px solid rgba(255,255,255,.04);}
.gruppe-head{text-align:center;margin-bottom:5rem;}
.gruppe-head .sec-ey{color:rgba(201,168,76,.65);}
.gruppe-head .sec-h{color:#fff;margin-bottom:1rem;}
.gruppe-sub{font-size:.9rem;color:rgba(255,255,255,.32);max-width:520px;margin:0 auto;line-height:1.82;font-weight:300;}
.gruppe-grid{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:4rem;}
.gk{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:18px;padding:2.2rem 1.5rem;width:180px;text-align:center;transition:transform .35s var(--ease),border-color .35s,background .35s,box-shadow .35s;position:relative;}
.gk:hover{transform:translateY(-8px);border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.06);box-shadow:0 20px 50px rgba(0,0,0,.3);}
.gk-active{background:rgba(201,168,76,.08);border-color:rgba(201,168,76,.35);box-shadow:0 0 48px rgba(201,168,76,.1);}
.gk-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:linear-gradient(90deg,var(--gold),var(--gold-lt));color:var(--charcoal);font-size:.55rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;padding:.25rem .9rem;border-radius:20px;white-space:nowrap;}
.gk-ico{font-size:1.9rem;margin-bottom:.9rem;}
.gk-name{font-size:.78rem;font-weight:600;color:#fff;line-height:1.4;margin-bottom:.4rem;}
.gk-active .gk-name{color:var(--gold-lt);}
.gk-role{font-size:.6rem;color:rgba(255,255,255,.22);letter-spacing:.1em;text-transform:uppercase;}
.gruppe-cta-wrap{text-align:center;}
.gruppe-cta-wrap p{font-size:.88rem;color:rgba(255,255,255,.3);margin-bottom:1.5rem;font-weight:300;}
.btn-gold{display:inline-flex;align-items:center;gap:.5rem;background:var(--gold);color:var(--charcoal);padding:1rem 2.4rem;border-radius:50px;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;transition:background .2s,transform .2s,box-shadow .2s;box-shadow:0 8px 32px rgba(201,168,76,.32);}
.btn-gold:hover{background:#D4B060;transform:translateY(-3px);box-shadow:0 16px 48px rgba(201,168,76,.45);}

/* ── CTA BAND ── */
.cta-band{background:var(--gold);padding:6rem 5%;position:relative;overflow:hidden;}
.cta-band::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;border-radius:50%;background:rgba(255,255,255,.08);pointer-events:none;}
.cta-band::after{content:'';position:absolute;bottom:-40%;left:-5%;width:400px;height:400px;border-radius:50%;background:rgba(0,0,0,.06);pointer-events:none;}
.cta-band-inner{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:3rem;flex-wrap:wrap;}
.cta-band-text h2{font-family:'Playfair Display',serif;font-size:clamp(1.8rem,3.5vw,3rem);font-weight:700;color:var(--charcoal);letter-spacing:-.02em;line-height:1.1;margin-bottom:.7rem;}
.cta-band-text p{font-size:.93rem;color:rgba(28,28,30,.6);font-weight:300;}
.cta-band-btn{display:inline-flex;align-items:center;gap:.6rem;background:var(--charcoal);color:#fff;padding:1.1rem 2.6rem;border-radius:50px;font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;white-space:nowrap;transition:background .2s,transform .2s,box-shadow .2s;box-shadow:0 8px 32px rgba(28,28,30,.25);}
.cta-band-btn:hover{background:#111;transform:translateY(-3px);box-shadow:0 16px 48px rgba(28,28,30,.4);}

/* ── TESTIMONIALS ── */
#testimonial{padding:8rem 5%;background:var(--warm);border-bottom:1px solid var(--line);overflow:hidden;}
.testi-header{text-align:center;margin-bottom:4rem;}
.testi-carousel{position:relative;}
.testi-track{display:flex;transition:transform .6s var(--ease);}
.testi-slide{min-width:100%;padding:0 2rem;}
.testi-q{font-family:'Playfair Display',Georgia,serif;font-size:7rem;line-height:.7;color:var(--gold-lt);}
.testi-body{font-family:'Playfair Display',Georgia,serif;font-size:1.25rem;font-style:italic;color:var(--charcoal);line-height:1.75;margin-bottom:2.5rem;font-weight:600;padding-left:2rem;border-left:3px solid var(--gold);max-width:760px;}
.testi-who{display:flex;align-items:center;gap:1.2rem;padding-left:2rem;}
.testi-av{width:48px;height:48px;border-radius:50%;background:var(--charcoal);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0;}
.testi-name{font-size:.9rem;font-weight:600;color:var(--charcoal);}
.testi-role{font-size:.75rem;color:var(--stone);margin-top:.15rem;font-style:italic;}
.testi-nav{display:flex;justify-content:center;gap:1rem;margin-top:3rem;}
.testi-dot{width:8px;height:8px;border-radius:50%;background:rgba(28,28,30,.15);border:none;cursor:pointer;padding:0;transition:all .3s var(--ease);}
.testi-dot.active{background:var(--gold);width:28px;border-radius:4px;}
.testi-arrows{display:flex;gap:.8rem;justify-content:center;margin-top:1.5rem;}
.testi-arrow{width:44px;height:44px;border-radius:50%;border:1px solid rgba(28,28,30,.15);background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .25s var(--ease);}
.testi-arrow:hover{background:var(--charcoal);border-color:var(--charcoal);}
.testi-arrow:hover svg{stroke:#fff;}
.testi-arrow svg{width:16px;height:16px;stroke:var(--charcoal);fill:none;stroke-width:2;}

/* ── KONTAKT ── */
#kontakt{display:grid;grid-template-columns:5fr 7fr;border-bottom:1px solid var(--line);}
.k-left{padding:7rem 5%;background:var(--charcoal);}
.k-left .sec-ey{color:rgba(201,168,76,.6);}
.k-left .sec-h{color:#fff;margin-bottom:2.5rem;}
.info-list{display:flex;flex-direction:column;gap:1.6rem;}
.irow{display:flex;gap:1rem;align-items:flex-start;}
.iico{width:40px;height:40px;flex-shrink:0;border:1px solid rgba(201,168,76,.18);border-radius:10px;display:flex;align-items:center;justify-content:center;transition:border-color .2s,background .2s;}
.irow:hover .iico{border-color:rgba(201,168,76,.45);background:rgba(201,168,76,.08);}
.iico svg{width:16px;height:16px;fill:var(--gold);opacity:.8;}
.ilbl{font-size:.58rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.28);margin-bottom:.2rem;}
.ival{font-size:.9rem;color:#fff;}
.ival a{color:#fff;text-decoration:none;transition:color .2s;}
.ival a:hover{color:var(--gold-lt);}
.k-right{padding:7rem 5%;background:var(--cream);}
.k-right .sec-h{margin-bottom:2rem;}
.form{display:flex;flex-direction:column;gap:1rem;}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;}
/* Floating label inputs */
.fg{position:relative;display:flex;flex-direction:column;}
.fg label{font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--stone);font-weight:500;margin-bottom:.3rem;}
.fg input,.fg textarea,.fg select{border:1px solid var(--line2);padding:.85rem 1rem;font-size:.88rem;font-family:'Inter',sans-serif;width:100%;outline:none;color:var(--charcoal);background:#fff;border-radius:10px;transition:border-color .25s,box-shadow .25s;-webkit-appearance:none;appearance:none;}
.fg input:focus,.fg textarea:focus,.fg select:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(201,168,76,.1);}
.fg textarea{min-height:120px;resize:vertical;}
.form-submit{background:var(--charcoal);color:#fff;border:none;padding:1rem 2.4rem;font-size:.78rem;border-radius:50px;font-family:'Inter',sans-serif;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;width:fit-content;transition:background .25s,transform .25s,box-shadow .25s;box-shadow:0 4px 20px rgba(28,28,30,.15);}
.form-submit:hover{background:var(--gold);color:var(--charcoal);transform:translateY(-2px);box-shadow:0 8px 32px rgba(201,168,76,.35);}

/* ── RESPONSIVE ── */
@media(max-width:1100px){.lst-grid{grid-template-columns:repeat(2,1fr);}.impact-grid{grid-template-columns:repeat(2,1fr);}.impact-stat{border-bottom:1px solid rgba(255,255,255,.05);}}
@media(max-width:900px){
  #features{grid-template-columns:1fr;}.fcard{border-right:none;border-bottom:1px solid var(--line);}
  #ueber,#kontakt{grid-template-columns:1fr;}.ueber-vis{min-height:300px;}
  .lst-grid{grid-template-columns:1fr;}.gruppe-grid{gap:.8rem;}.gk{width:145px;}
  #kontakt{grid-template-columns:1fr;}.form-row{grid-template-columns:1fr;}
  .team-grid{grid-template-columns:1fr;}.cta-band-inner{flex-direction:column;}
  .hero-badge{display:none;}.harrow-prev{left:1rem;}.harrow-next{right:1rem;}
}
@media(max-width:600px){
  .impact-grid{grid-template-columns:repeat(2,1fr);}
  .ueber-stats{grid-template-columns:repeat(3,1fr);}
}