/* Innova Group — innovation by phone. Schwarz/Weiss, Pink #E61E73, Bordeaux #960A37. */
:root{
  --ink:#0B0B0C;--ink-2:#151517;--ink-3:#232326;--paper:#FFFFFF;--paper-2:#F6F5F7;--linie:#E8E6EA;--linie-d:rgba(255,255,255,.12);
  --grau:#6B6B73;--grau-2:#9A9AA3;--pink:#E61E73;--pink-2:#FF3D8A;--bordeaux:#960A37;
  --schrift:"Geist",-apple-system,"Segoe UI",Helvetica,Arial,sans-serif;--mono:"Geist Mono",ui-monospace,SFMono-Regular,Menlo,monospace;--serif:"Instrument Serif",Georgia,"Times New Roman",serif;
  --r:20px;--r-s:12px;--wrap:76rem;--kopf:4.5rem;
  --ease:cubic-bezier(.2,.7,.2,1);
}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:5rem}
body{margin:0;font-family:var(--schrift);font-size:1.0625rem;line-height:1.6;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
body.menue-offen{overflow:hidden}
img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
h1,h2,h3,h4{margin:0;font-weight:600;letter-spacing:-.02em;line-height:1.1}p{margin:0}ul,ol{margin:0;padding:0;list-style:none}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wrap{width:min(100% - 2.5rem,var(--wrap));margin-inline:auto}
.mono{font-family:var(--mono);font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;color:var(--grau)}
em{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--pink);letter-spacing:0}
.h1{font-size:clamp(2.5rem,6.2vw,5.25rem);line-height:.98;letter-spacing:-.035em;max-width:16ch;text-wrap:balance}
.h2{font-size:clamp(1.9rem,3.6vw,3rem);letter-spacing:-.03em;max-width:22ch;text-wrap:balance}
.h3{font-size:1.35rem;letter-spacing:-.015em}
.ueber{font-family:var(--mono);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--pink);margin-bottom:1.1rem;display:flex;align-items:center;gap:.6rem}
.ueber::before{content:"";width:1.4rem;height:2px;background:var(--pink);border-radius:2px}
.ueber--hell{color:rgba(255,255,255,.75)}.ueber--hell::before{background:currentColor}
.ico{width:1.2em;height:1.2em;flex:none}
.num{font-family:var(--mono);font-size:.8rem;color:var(--pink);letter-spacing:.08em}
.abstand{margin-top:2.5rem}.mitte{text-align:center;margin-top:2.5rem}
.fliess p{margin-bottom:1em;color:#2b2b30}.fliess.gross p{font-size:1.2rem;line-height:1.55}.fliess.schmal{max-width:46rem}.sek--dunkel .fliess p{color:rgba(255,255,255,.78)}
.leer{color:var(--grau);padding:2rem;border:1px dashed var(--linie);border-radius:var(--r);text-align:center}

/* Buttons */
.btn{display:inline-flex;align-items:center;gap:.55rem;padding:.85rem 1.35rem;border-radius:999px;font-weight:600;font-size:.95rem;line-height:1;border:1.5px solid transparent;transition:transform .35s var(--ease),background .25s,color .25s,border-color .25s,box-shadow .35s;white-space:nowrap}
.btn .ico{width:1.05em;height:1.05em;transition:transform .35s var(--ease)}.btn:hover .ico{transform:translateX(3px)}
.btn--pink{background:linear-gradient(135deg,var(--pink),var(--bordeaux) 140%);color:#fff;box-shadow:0 10px 30px -12px rgba(230,30,115,.7)}.btn--pink:hover{transform:translateY(-2px);box-shadow:0 16px 36px -12px rgba(230,30,115,.8)}
.btn--ghost{border-color:currentColor;color:var(--ink)}.btn--ghost:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
.sek--dunkel .btn--ghost,.held--karriere .btn--ghost,.held--stelle .btn--ghost{color:#fff}.sek--dunkel .btn--ghost:hover{background:#fff;color:var(--ink);border-color:#fff}
.btn--weiss{background:#fff;color:var(--ink)}.btn--weiss:hover{transform:translateY(-2px)}
.btn--s{padding:.6rem 1rem;font-size:.85rem}.btn--l{padding:1.05rem 1.6rem;font-size:1.02rem}.btn--voll{width:100%;justify-content:center}

/* Kopf */
.kopf{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.82);backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid transparent;transition:border-color .3s,box-shadow .3s}
.kopf.ist-fest{border-color:var(--linie);box-shadow:0 8px 30px -20px rgba(0,0,0,.25)}
.kopf-in{display:flex;align-items:center;gap:2rem;height:var(--kopf)}
.marke{display:inline-flex;align-items:center;gap:.6rem}.marke-zeichen{width:1.65rem;height:1.65rem;fill:var(--pink)}
.marke-wort{font-weight:700;letter-spacing:-.04em;font-size:1.25rem;line-height:1}.marke-wort b{font-weight:400;color:var(--grau);margin-left:.3em;letter-spacing:-.02em}
.logo-bild{height:2rem;width:auto}
.nav{display:flex;gap:1.75rem;margin-inline:auto}.nav a{font-size:.92rem;font-weight:500;color:var(--grau);position:relative;padding:.4rem 0;transition:color .2s}
.nav a::after{content:"";position:absolute;left:0;right:100%;bottom:0;height:2px;background:var(--pink);transition:right .35s var(--ease)}.nav a:hover,.nav a.ist-aktiv{color:var(--ink)}.nav a.ist-aktiv::after,.nav a:hover::after{right:0}
.kopf-cta{display:flex;align-items:center;gap:.6rem}.sprache{font-family:var(--mono);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--grau);margin-right:.5rem}
.burger{display:none;width:2.6rem;height:2.6rem;border-radius:50%;position:relative;margin-left:auto}.burger span{position:absolute;left:.7rem;right:.7rem;height:2px;background:var(--ink);border-radius:2px;transition:transform .35s var(--ease),top .35s}.burger span:first-child{top:1rem}.burger span:last-child{top:1.55rem}
.burger[aria-expanded="true"] span:first-child{top:1.28rem;transform:rotate(45deg)}.burger[aria-expanded="true"] span:last-child{top:1.28rem;transform:rotate(-45deg)}
.menue{position:fixed;inset:var(--kopf) 0 0;background:var(--ink);color:#fff;padding:2rem 0;overflow:auto;z-index:49}.menue .wrap{display:flex;flex-direction:column;gap:.25rem}
.menue a{font-size:2rem;font-weight:600;letter-spacing:-.03em;padding:.5rem 0;border-bottom:1px solid var(--linie-d)}.menue a.ist-aktiv{color:var(--pink)}
.menue-cta{display:flex;flex-direction:column;gap:.75rem;margin-top:2rem}.menue-cta a{font-size:1rem;border:0;justify-content:center;letter-spacing:0}.menue-cta .sprache{text-align:center;padding-top:1rem;color:var(--grau-2)}

/* Held */
.held{position:relative;padding:clamp(4rem,9vw,8rem) 0 clamp(5rem,10vw,9rem);overflow:hidden}
.held .h1{margin-top:.2rem}
.held-text{font-size:clamp(1.1rem,1.6vw,1.35rem);line-height:1.5;max-width:40rem;color:#3a3a40;margin-top:1.6rem}
.held-cta{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2.2rem}
.held-claim{margin-top:3rem}.held-claim em{font-size:1.1rem;text-transform:none;letter-spacing:0}
.signal{position:absolute;left:0;right:0;bottom:0;width:100%;height:clamp(60px,10vw,140px);opacity:.95;pointer-events:none}
.signal path{fill:none;stroke:url(#sg);stroke:var(--pink);stroke-width:2.2;stroke-linecap:round;stroke-dasharray:3000;stroke-dashoffset:3000;animation:zeichnen 2.6s var(--ease) .2s forwards}
@keyframes zeichnen{to{stroke-dashoffset:0}}
.held--klein{padding-bottom:clamp(2.5rem,5vw,4rem)}
.held--karriere,.held--stelle{background:var(--ink);color:#fff}.held--karriere .held-text,.held--stelle .held-text{color:rgba(255,255,255,.75)}.held--karriere .signal,.held--stelle .signal{opacity:.6}
.held--stelle .h1{font-size:clamp(2.2rem,5vw,4rem)}.held--stelle .chips{margin-bottom:1.4rem}
.zurueck{display:inline-block;margin-bottom:1.5rem;color:var(--grau-2)}.zurueck:hover{color:#fff}
.hinweis{margin-top:1.5rem;padding:1rem 1.2rem;border-radius:var(--r-s);background:rgba(255,255,255,.08);display:inline-block}

/* Sektionen & Raster */
.sek{padding:clamp(3.5rem,7vw,6.5rem) 0}.sek--eng{padding-top:0}.sek--dunkel{background:var(--ink);color:#fff}.sek--dunkel + .sek--eng{padding-top:clamp(3.5rem,7vw,6.5rem)}
.sek-kopf{margin-bottom:clamp(2rem,4vw,3.5rem)}.sek-kopf--zeile{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;flex-wrap:wrap}
.raster{display:grid;gap:1.25rem}.raster--2{grid-template-columns:repeat(2,1fr)}.raster--3{grid-template-columns:repeat(3,1fr)}.raster--4{grid-template-columns:repeat(4,1fr)}.raster--mitte{align-items:center;gap:clamp(2rem,5vw,5rem)}.raster--oben{align-items:start;gap:clamp(2rem,5vw,5rem)}
.auf{opacity:0;transform:translateY(18px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.auf.ist-da{opacity:1;transform:none}
.held.auf{opacity:1;transform:none}

/* Karten */
.karte{display:block;padding:2rem;border-radius:var(--r);border:1px solid var(--linie);background:#fff;transition:transform .45s var(--ease),box-shadow .45s var(--ease),border-color .3s}
.karte:hover{transform:translateY(-4px);box-shadow:0 30px 60px -30px rgba(0,0,0,.35)}
.karte h2{font-size:clamp(1.5rem,2.4vw,2.1rem);margin-bottom:.8rem;text-wrap:balance}.karte p{color:var(--grau)}
.karte--gross{padding:clamp(2rem,4vw,3.2rem);min-height:22rem;display:flex;flex-direction:column}.karte--gross .karte-link{margin-top:auto;padding-top:2rem}
.karte--dunkel{background:var(--ink);color:#fff;border-color:var(--ink)}.karte--dunkel p{color:rgba(255,255,255,.7)}
.karte--pink{background:linear-gradient(140deg,var(--pink) 0%,var(--bordeaux) 100%);color:#fff;border-color:transparent;position:relative;overflow:hidden}.karte--pink p{color:rgba(255,255,255,.85)}
.karte--pink::after{content:"";position:absolute;right:-20%;top:-30%;width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.28),transparent 60%);pointer-events:none}
.karte-link{display:inline-flex;align-items:center;gap:.5rem;font-weight:600;font-size:.95rem}.karte-link .ico{transition:transform .35s var(--ease)}.karte:hover .karte-link .ico{transform:translateX(4px)}
.karte--wahl{text-align:left;width:100%}.karte--wahl.ist-aktiv{border-color:var(--pink);box-shadow:0 0 0 3px rgba(230,30,115,.15)}

/* Zahlen */
.zahlen{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--linie);border-bottom:1px solid var(--linie)}
.zahl{padding:2rem 1.5rem;border-right:1px solid var(--linie)}.zahl:last-child{border-right:0}.zahl b{display:block;font-size:clamp(1.8rem,3vw,2.6rem);font-weight:600;letter-spacing:-.03em;line-height:1;margin-bottom:.6rem}.zahl span{color:var(--grau);font-size:.95rem}

/* Leistungen */
.leistungen{gap:1rem}.leistung{display:block;padding:1.8rem;border-radius:var(--r);background:var(--ink-2);border:1px solid var(--linie-d);transition:transform .45s var(--ease),background .3s,border-color .3s}
.leistung:hover{transform:translateY(-4px);background:var(--ink-3);border-color:rgba(230,30,115,.5)}
.leistung-ico{width:2rem;height:2rem;color:var(--pink);margin-bottom:1.4rem}.leistung h3,.leistung h2{font-size:1.2rem;margin-bottom:.6rem}.leistung p{color:rgba(255,255,255,.65);font-size:.98rem}
.leistungen--detail .leistung{background:var(--paper-2);border-color:var(--linie);color:var(--ink);padding:2.4rem}.leistungen--detail .leistung p{color:var(--grau)}.leistungen--detail .leistung h2{font-size:1.5rem}.leistungen--detail .leistung:hover{background:#fff;box-shadow:0 30px 60px -30px rgba(0,0,0,.25)}

/* Prinzipien / Werte / Schritte */
.prinzipien{display:grid;gap:1.6rem;margin-top:2.4rem}.prinzip{display:flex;gap:1.2rem;align-items:flex-start}.prinzip .num{padding-top:.35rem}.prinzip h3{font-size:1.12rem;margin-bottom:.3rem}.prinzip p{color:var(--grau);font-size:.98rem}
.prinzip--karte{padding:1.6rem;border-radius:var(--r);border:1px solid var(--linie);flex-direction:column;gap:.8rem}
.werte{display:grid;gap:1rem}.wert{padding:1.5rem;border-radius:var(--r);background:var(--paper-2)}.wert .num{display:block;margin-bottom:.6rem}.wert h3{font-size:1.1rem;margin-bottom:.3rem}.wert p{color:var(--grau);font-size:.96rem}
.schritte{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;counter-reset:s}.schritte li{padding:1.8rem;border-radius:var(--r);background:var(--ink-2);border:1px solid var(--linie-d);position:relative}
.schritte .num{display:block;margin-bottom:1.2rem}.schritte h3{font-size:1.15rem;margin-bottom:.5rem}.schritte p{color:rgba(255,255,255,.65);font-size:.96rem}

/* Netzwerk */
.netz-wrap{position:relative}.netz{width:100%;height:auto;display:block}
.netz-raster{fill:currentColor;opacity:.16}.sek--dunkel .netz-raster{opacity:.22}
.netz-linie{fill:none;stroke:var(--pink);stroke-width:1.4;stroke-dasharray:900;stroke-dashoffset:900;opacity:.85;animation:zeichnen 1.8s var(--ease) forwards;animation-delay:calc(.25s + var(--i)*.12s)}
.netz-stadt circle{fill:var(--ink)}.sek--dunkel .netz-stadt circle{fill:#fff}.netz-stadt.ist-hub circle{fill:var(--pink)}
.netz-stadt text{font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;fill:currentColor}.netz-stadt.ist-hub text{font-weight:500;fill:var(--pink);font-size:12px}
.puls{fill:none!important;stroke:var(--pink);stroke-width:1.5;transform-origin:center;animation:puls 2.6s ease-out infinite}@keyframes puls{0%{transform:scale(1);opacity:.9}100%{transform:scale(3.2);opacity:0}}
.netz-legende{margin-top:.8rem;text-align:center}

/* Projekt-Highlight */
.projekt-haupt{display:grid;grid-template-columns:1.2fr .8fr;gap:2rem;align-items:center;padding:clamp(2rem,4vw,3.5rem);border-radius:var(--r);background:var(--ink);color:#fff;position:relative;overflow:hidden}
.projekt-haupt::before{content:"";position:absolute;left:-10%;bottom:-60%;width:60%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(230,30,115,.35),transparent 65%)}
.projekt-haupt-text{position:relative}.projekt-haupt-text p{color:rgba(255,255,255,.72);margin:1rem 0 1.8rem;max-width:36rem}.projekt-haupt .h2 em{color:var(--pink-2)}
.projekt-haupt-logo{display:flex;justify-content:center;align-items:center;position:relative}.projekt-haupt-logo img{width:min(100%,22rem)}
.projekt-initial{font-size:7rem;font-weight:700;letter-spacing:-.06em;color:rgba(255,255,255,.15)}
.projekte{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.projekt{padding:2.2rem;border-radius:var(--r);border:1px solid var(--linie);background:#fff}
.projekt.ist-haupt{grid-column:1/-1;background:var(--ink);color:#fff;border-color:var(--ink)}.projekt.ist-haupt p{color:rgba(255,255,255,.72)}
.projekt-kopf{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.2rem}.projekt-logo{height:2.4rem;width:auto}.projekt h2{font-size:1.6rem}
.projekt-kurz{font-size:1.2rem;font-weight:500;letter-spacing:-.01em;margin-bottom:.8rem}.projekt p{color:var(--grau)}.projekt-rolle{margin:1.4rem 0 1rem;text-transform:none;letter-spacing:.02em}
.projekt--offen{background:var(--paper-2);border-style:dashed}.projekt--offen h2{margin-bottom:.8rem}.projekt--offen p{margin-bottom:1.5rem}

/* Karriere */
.chips{display:flex;flex-wrap:wrap;gap:.45rem}.chip{display:inline-flex;align-items:center;gap:.35rem;padding:.38rem .75rem;border-radius:999px;font-size:.8rem;font-weight:500;background:var(--paper-2);border:1px solid var(--linie);color:var(--ink);line-height:1}
.chip .ico{width:.95em;height:.95em}.chip--pink{background:var(--pink);border-color:var(--pink);color:#fff}
.held--stelle .chip,.held--karriere .chip{background:rgba(255,255,255,.08);border-color:var(--linie-d);color:#fff}.held--stelle .chip--pink{background:var(--pink);border-color:var(--pink)}
.filter{display:flex;flex-wrap:wrap;gap:.45rem}.filter .chip.ist-aktiv{background:var(--ink);border-color:var(--ink);color:#fff}
.stelle{display:flex;flex-direction:column;gap:1rem;padding:1.8rem;border-radius:var(--r);border:1px solid var(--linie);background:#fff;height:100%;transition:transform .45s var(--ease),box-shadow .45s var(--ease),border-color .3s}
.stelle:hover{transform:translateY(-4px);box-shadow:0 30px 60px -30px rgba(0,0,0,.3);border-color:var(--pink)}
.stelle-kopf{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.stelle h3{font-size:1.25rem}.stelle-pfeil{width:1.5rem;height:1.5rem;color:var(--pink);flex:none;transition:transform .35s var(--ease)}.stelle:hover .stelle-pfeil{transform:translate(3px,-3px) rotate(-45deg)}
.stelle-kurz{color:var(--grau);font-size:.98rem;flex:1}
.stelle-raster{display:grid;grid-template-columns:1.4fr .8fr;gap:clamp(2rem,5vw,4rem);align-items:start}
.block{margin-bottom:2.6rem}.block .h3{margin-bottom:1rem}
.haken{display:grid;gap:.6rem}.haken li{display:flex;gap:.8rem;align-items:flex-start;padding:.85rem 1rem;border-radius:var(--r-s);background:var(--paper-2)}.haken .ico{color:var(--pink);margin-top:.2rem}
.stelle-seite{position:sticky;top:5.5rem;display:grid;gap:.9rem}.fakt{padding:1.3rem 1.4rem;border-radius:var(--r);border:1px solid var(--linie)}.fakt h3{margin-bottom:.5rem;color:var(--grau)}.fakt p{font-weight:500}
.fakt--lohn{background:var(--ink);color:#fff;border-color:var(--ink)}.fakt--lohn h3{color:var(--pink-2)}.fakt--lohn .klein{font-size:.88rem;color:rgba(255,255,255,.65);font-weight:400;margin-top:.6rem}
dl{margin:0;display:grid;gap:.5rem}dl div{display:flex;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--linie-d);padding-bottom:.5rem}dt{color:var(--grau-2);font-size:.9rem}dd{margin:0;font-weight:600;text-align:right}
.modelle{display:grid;gap:1rem;margin-top:1.5rem}.modell{padding:1.5rem;border-radius:var(--r);border:1px solid var(--linie)}.modell h3{font-size:1.1rem;margin-bottom:.4rem}.modell p{color:var(--grau);margin-bottom:1rem;font-size:.96rem}.modell dl div{border-color:var(--linie)}
.schichten{display:grid;gap:.75rem;margin-top:1rem}.schicht{display:flex;gap:.9rem;align-items:flex-start;padding:1rem 1.2rem;border-radius:var(--r-s);background:var(--paper-2)}.schicht .ico{color:var(--pink);margin-top:.2rem}.schicht b{display:block}.schicht span{color:var(--grau);font-size:.95rem}.schicht small{display:block;color:var(--grau-2);font-size:.85rem}
.benefits{display:grid;gap:1rem;margin-top:.5rem}.benefit{display:flex;gap:1rem;align-items:flex-start;padding:1.4rem;border-radius:var(--r);border:1px solid var(--linie)}.benefit .ico{color:var(--pink);width:1.5rem;height:1.5rem;margin-top:.1rem}.benefit h3{font-size:1.08rem;margin-bottom:.3rem}.benefit p{color:var(--grau);font-size:.96rem}
.faq{max-width:52rem}.frage{border-bottom:1px solid var(--linie);padding:1.2rem 0}.frage summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1rem;font-weight:600;font-size:1.1rem;cursor:pointer}.frage summary::-webkit-details-marker{display:none}.frage summary .ico{color:var(--pink);transform:rotate(90deg);transition:transform .3s}.frage[open] summary .ico{transform:rotate(-90deg)}.frage p{margin-top:.8rem;color:var(--grau);max-width:44rem}
.sticky-luna{display:none}

/* Luna-Band */
.sek--luna{background:linear-gradient(140deg,#14060C,var(--ink) 40%,var(--ink) 100%);color:#fff;overflow:hidden}
.luna-band{display:grid;grid-template-columns:1.3fr .7fr;gap:2rem;align-items:center}.luna-band-text p{color:rgba(255,255,255,.72);max-width:38rem;margin:1.2rem 0 2rem}
.luna-orb{position:relative;display:flex;justify-content:center;align-items:center;aspect-ratio:1;max-width:20rem;margin-inline:auto;width:100%}
.luna-orb::before{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 40% 35%,rgba(230,30,115,.55),rgba(150,10,55,.25) 45%,transparent 70%);filter:blur(10px)}
.luna-orb::after{content:"";position:absolute;inset:12%;border-radius:50%;border:1px solid rgba(255,255,255,.14)}
.luna-orb img{position:relative;width:42%;height:auto}

/* CTA-Band, Formulare, Galerie */
.cta-band{display:flex;justify-content:space-between;align-items:center;gap:2rem;flex-wrap:wrap;padding:clamp(2rem,4vw,3.5rem);border-radius:var(--r);background:var(--paper-2)}.cta-band p{color:var(--grau);margin-top:.8rem;max-width:36rem}.cta-band-btn{display:flex;gap:.8rem;flex-wrap:wrap}
.formular-wrap{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(2rem,5vw,5rem);align-items:start}.formular-wrap > div > p{color:var(--grau);margin-top:1rem;max-width:34rem}
.formular{display:grid;gap:1rem;padding:2rem;border-radius:var(--r);border:1px solid var(--linie);background:#fff}.formular label{display:grid;gap:.4rem;font-size:.85rem;font-weight:500;color:var(--grau)}
.formular input,.formular textarea,.formular select{font:inherit;font-size:1rem;color:var(--ink);padding:.8rem 1rem;border-radius:var(--r-s);border:1.5px solid var(--linie);background:var(--paper-2);width:100%;transition:border-color .2s,background .2s}.formular input:focus,.formular textarea:focus,.formular select:focus{outline:0;border-color:var(--pink);background:#fff}
.formular button{justify-self:start;margin-top:.5rem}.formular-status{font-size:.92rem;color:var(--grau);min-height:1.4em}.formular-status.ist-ok{color:#1a8a4a}.formular-status.ist-fehler{color:var(--bordeaux)}
.kontakt-adresse{font-style:normal;margin:1.5rem 0 2rem;line-height:1.7;color:#2b2b30}.kontakt-adresse a{color:var(--pink);font-weight:500}
.galerie{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.galerie figure{margin:0;border-radius:var(--r);overflow:hidden;background:var(--paper-2)}.galerie img{width:100%;aspect-ratio:4/3;object-fit:cover}.galerie figcaption{padding:.7rem 1rem;font-size:.85rem;color:var(--grau)}

/* Fuss */
.fuss{background:var(--ink);color:#fff;padding:4rem 0 2rem;margin-top:0}
.fuss-oben{display:grid;grid-template-columns:1.2fr 2fr;gap:3rem;padding-bottom:3rem;border-bottom:1px solid var(--linie-d)}
.fuss .marke-zeichen{fill:var(--pink)}.fuss .marke-wort b{color:var(--grau-2)}.fuss .logo-bild{height:2.2rem}.fuss-claim{margin-top:1rem;font-size:1.4rem;letter-spacing:-.02em}.fuss-claim em{color:var(--pink-2)}
.fuss-spalten{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.fuss-spalten h4{font-family:var(--mono);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--grau-2);margin-bottom:1rem;font-weight:500}
.fuss-spalten a{display:block;color:rgba(255,255,255,.8);padding:.25rem 0;font-size:.95rem}.fuss-spalten a:hover{color:var(--pink-2)}.fuss address{font-style:normal;color:rgba(255,255,255,.8);font-size:.95rem;line-height:1.7}.fuss-kontakt,.fuss-social{margin-top:.8rem}.fuss-social a{display:inline-block;margin-right:1rem}
.fuss-unten{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;flex-wrap:wrap;padding-top:1.5rem;font-size:.85rem;color:var(--grau-2)}.fuss-links a{margin-left:1.2rem;color:rgba(255,255,255,.7)}.fuss-luna{display:inline-flex;align-items:center;gap:.5rem}.fuss-luna-logo{height:1.1rem;width:auto;opacity:.85}

@media (max-width:64rem){
  .nav,.kopf-cta{display:none}.burger{display:block}
  .raster--3,.raster--4,.schritte{grid-template-columns:repeat(2,1fr)}.zahlen{grid-template-columns:repeat(2,1fr)}.zahl:nth-child(2){border-right:0}.zahl:nth-child(-n+2){border-bottom:1px solid var(--linie)}
  .projekt-haupt{grid-template-columns:1fr}.projekt-haupt-logo img{width:min(60%,16rem)}
}
@media (max-width:46rem){
  :root{--kopf:4rem}body{font-size:1rem}
  .raster--2,.raster--3,.raster--4,.schritte,.projekte,.stelle-raster,.formular-wrap,.luna-band,.fuss-oben,.fuss-spalten,.galerie{grid-template-columns:1fr}
  .held{padding:3rem 0 5rem}.held-cta .btn{width:100%;justify-content:center}.held-claim{margin-top:2rem;font-size:.7rem}
  .karte--gross{min-height:0}.karte,.leistung,.stelle,.projekt,.formular{padding:1.5rem}
  .zahlen{grid-template-columns:1fr 1fr}.zahl{padding:1.4rem 1rem}
  .stelle-seite{position:static}.sek-kopf--zeile .btn{width:100%;justify-content:center}
  .sticky-luna{display:block;position:fixed;left:1rem;right:5.5rem;bottom:1rem;z-index:40}.sticky-luna .btn{box-shadow:0 12px 30px -8px rgba(230,30,115,.7)}
  .luna-orb{max-width:12rem;order:-1}.luna-band-text .btn{width:100%;justify-content:center}
  .cta-band-btn{width:100%}.cta-band-btn .btn{flex:1;justify-content:center}
  .fuss-unten{flex-direction:column;align-items:flex-start}.fuss-links a{margin:0 1.2rem 0 0}
}
@media (prefers-reduced-motion:reduce){.auf{opacity:1;transform:none;transition:none}.signal path,.netz-linie{animation:none;stroke-dashoffset:0}.puls{animation:none;display:none}}

/* Feinschliff 1 */
.held--karriere + .sek,.held--stelle + .sek{padding-top:clamp(3.5rem,7vw,6.5rem)}
.faq{max-width:none}.frage{max-width:52rem}
.projekt--offen{grid-column:1/-1;display:flex;align-items:center;gap:2rem;flex-wrap:wrap}.projekt--offen > div{flex:1 1 24rem}.projekt--offen h2{margin-bottom:.5rem}.projekt--offen p{margin:0;max-width:40rem}.projekt--offen .btn{margin-left:auto}

/* Sprachwahl */
.sprachen{display:inline-flex;gap:.1rem;margin-right:.6rem;border:1px solid var(--linie);border-radius:999px;padding:.15rem}.sprachen a{font-family:var(--mono);font-size:.7rem;letter-spacing:.08em;padding:.3rem .55rem;border-radius:999px;color:var(--grau)}.sprachen a.ist-aktiv{background:var(--ink);color:#fff}
.menue .sprachen{margin:1rem 0 0;border-color:var(--linie-d);align-self:flex-start}.menue .sprachen a{font-size:.8rem;border-bottom:0;padding:.4rem .8rem;letter-spacing:.08em;font-weight:500}.menue .sprachen a.ist-aktiv{background:#fff;color:var(--ink)}

/* Hero mit Umschalter + Live-Beispielgespräch */
.held--split{padding-top:clamp(2.5rem,6vw,5rem)}
.held-raster{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(2rem,5vw,5rem);align-items:center}
.umschalter{display:inline-flex;gap:.25rem;padding:.25rem;border-radius:999px;background:var(--paper-2);border:1px solid var(--linie);margin-bottom:2rem}
.umschalter button{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem 1rem;border-radius:999px;font-size:.88rem;font-weight:600;color:var(--grau);transition:background .25s,color .25s,box-shadow .25s}.umschalter button .ico{width:1em;height:1em}
.umschalter button[aria-selected="true"]{background:var(--ink);color:#fff;box-shadow:0 6px 18px -8px rgba(0,0,0,.5)}
.held-variante{animation:einblenden .5s var(--ease)}@keyframes einblenden{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.sprachen-hinweis{display:inline-flex;align-items:center;gap:.5rem;margin-top:1.4rem;font-size:.9rem;color:var(--grau);flex-wrap:wrap}.sprachen-hinweis .ico{color:var(--pink)}
.sprachen-hinweis--hell{color:rgba(255,255,255,.7)}.sprachen-hinweis-links a{margin-left:.6rem;text-decoration:underline;text-underline-offset:3px;color:#fff}
.held-rechts{position:relative}
.demo{position:relative;border-radius:calc(var(--r) + 6px);background:var(--ink);color:#fff;padding:1.1rem;box-shadow:0 40px 80px -40px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.06) inset;max-width:26rem;margin-left:auto}
.demo::before{content:"";position:absolute;inset:-2px;border-radius:inherit;background:linear-gradient(140deg,rgba(230,30,115,.7),transparent 45%,rgba(150,10,55,.5));z-index:-1;filter:blur(14px);opacity:.7}
.demo-kopf{display:flex;align-items:center;gap:.6rem;padding:.2rem .3rem .9rem;border-bottom:1px solid var(--linie-d)}.demo-punkt{width:.55rem;height:.55rem;border-radius:50%;background:#2ecc71;box-shadow:0 0 0 4px rgba(46,204,113,.18)}.demo-name{font-weight:600}.demo-status{margin-left:auto;color:var(--grau-2)}
.demo-verlauf{display:flex;flex-direction:column;gap:.55rem;height:19rem;overflow:hidden;padding:1rem .2rem;mask-image:linear-gradient(to bottom,transparent,#000 8%,#000 100%)}
.demo-msg{max-width:88%;padding:.7rem .9rem;border-radius:16px;font-size:.92rem;line-height:1.45;animation:einblenden .4s var(--ease)}
.demo-msg--user{align-self:flex-end;background:linear-gradient(135deg,var(--pink),var(--bordeaux) 140%);color:#fff;border-bottom-right-radius:6px}
.demo-msg--luna{align-self:flex-start;background:rgba(255,255,255,.09);border-bottom-left-radius:6px}
.demo-tippt{display:flex;gap:.3rem;padding:.85rem 1rem}.demo-tippt span{width:.45rem;height:.45rem;border-radius:50%;background:rgba(255,255,255,.6);animation:tipp 1.1s infinite}.demo-tippt span:nth-child(2){animation-delay:.18s}.demo-tippt span:nth-child(3){animation-delay:.36s}@keyframes tipp{0%,60%,100%{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}
.demo-fuss{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem .3rem .2rem;border-top:1px solid var(--linie-d)}.demo-titel{font-size:.8rem;color:var(--grau-2)}
.schritte--hell li{background:var(--paper-2);border-color:var(--linie)}.schritte--hell p{color:var(--grau)}.schritte--3{grid-template-columns:repeat(3,1fr)}
@media (max-width:64rem){.held-raster{grid-template-columns:1fr}.demo{margin:1rem auto 0;max-width:30rem}.schritte--3{grid-template-columns:1fr}}
@media (max-width:46rem){.umschalter{width:100%;display:flex}.umschalter button{flex:1;justify-content:center;padding:.6rem .5rem;font-size:.82rem}.demo-verlauf{height:16rem}.held--split{padding-bottom:4.5rem}}

.held--klein.held--karriere{padding-bottom:clamp(5rem,10vw,8rem)}

/* Mobilmenü ausserhalb des Headers (Backdrop-Filter fängt fixed ein) + Projektkarte mobil */
.menue{top:var(--kopf);z-index:49}.menue a{color:#fff}
@media (max-width:46rem){
  .projekt-kopf{flex-wrap:wrap;gap:.8rem}.projekt-logo{height:1.7rem}.projekt.ist-haupt .projekt-kopf .chip{order:-1;width:auto}
  .menue{padding:1.5rem 0 3rem}.menue a{font-size:1.75rem;padding:.7rem 0}
}

.menue .btn--weiss{color:var(--ink)}.menue .btn--pink{color:#fff}

.nur-mobil{display:none}
@media (max-width:46rem){.nur-desktop{display:none}.nur-mobil{display:block}.projekt.ist-haupt .projekt-kopf .chip{order:0}.projekt-kopf{flex-wrap:nowrap;align-items:center}}

/* WhatsApp + echtes Logo */
.btn--wa{background:#25D366;color:#0B0B0C;border-color:#25D366}.btn--wa:hover{transform:translateY(-2px);background:#1ebe5b}
.logo-bild{height:2.6rem;width:auto}.fuss .logo-bild{height:3.4rem}
@media (max-width:46rem){.logo-bild{height:2.2rem}}

.logo-bild{height:3rem}.kopf-in{--kopf:4.75rem}@media (max-width:46rem){.logo-bild{height:2.3rem}}