/* Event-Paket · tomo.aivantum.com · gebaut von Sales HQ/strecke/build-strecke.py, nie von Hand ändern */
:root{--cream:#FCF6EA;--card:#FFFDF7;--line:#E7DAC0;--line-soft:#EFE6D4;--navy:#1D4477;--navy-deep:#16345d;
--ink:#243650;--muted:#6B6350;--teal:#00A19F;--teal-deep:#007C7A;--teal-wash:#E3F1EF;--amber:#EF9C36;
--amber-deep:#D9851C;--amber-ink:#3A2400;--amber-wash:#FBE6C6;--coral-deep:#B5432A;--coral-wash:#F7E3DA;--ok:#2F7A54;
--display:'Cormorant Garamond',Georgia,'Times New Roman',serif;--body:'Hanken Grotesk','Helvetica Neue',Arial,sans-serif;
--shadow-s:0 2px 10px rgba(60,40,15,.05);--shadow-m:0 14px 40px rgba(60,40,15,.10);--shadow-l:0 28px 70px rgba(40,30,12,.16);
--ease:cubic-bezier(.22,.61,.36,1);color-scheme:light}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:80px}
body{margin:0;background:var(--cream);color:var(--ink);font:400 17px/1.62 var(--body);-webkit-font-smoothing:antialiased;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;
background:radial-gradient(900px 520px at 92% -10%,rgba(0,161,159,.11),transparent 62%),
radial-gradient(760px 520px at -12% 108%,rgba(239,156,54,.11),transparent 62%)}
a{color:var(--teal-deep);text-underline-offset:3px}
img{max-width:100%}
.huelle{max-width:1160px;margin:0 auto;padding:0 20px}
.schmal{max-width:760px}
.mittel{max-width:900px}
.nw{white-space:nowrap}
.versteckt{display:none!important}
/* Kopfleiste */
.nav{position:sticky;top:0;z-index:20;background:rgba(252,246,234,.88);-webkit-backdrop-filter:saturate(1.4) blur(10px);
backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line-soft)}
.nav .huelle{display:flex;align-items:center;justify-content:space-between;height:64px;gap:12px}
.marke{display:flex;align-items:baseline;gap:8px;color:var(--navy);white-space:nowrap}
.marke .kanji{font-family:var(--display);font-size:1.6rem;line-height:1;color:var(--teal-deep)}
.marke b{font-family:var(--display);font-weight:600;font-size:1.4rem;letter-spacing:-.01em}
.marke small{font-size:.76rem;color:var(--muted);font-weight:500;letter-spacing:.02em}
.nav-pille{font-size:.8rem;font-weight:600;color:var(--navy);border:1px solid var(--line);border-radius:999px;padding:6px 12px;
background:var(--card);white-space:nowrap;text-decoration:none;overflow:hidden;text-overflow:ellipsis;max-width:56vw}
a.nav-pille:hover{border-color:var(--navy)}
.nav-rechts{display:flex;align-items:center;gap:8px;min-width:0}
.lang-switch{display:inline-flex;align-items:center;gap:2px;font-size:.8rem;font-weight:700;letter-spacing:.04em;white-space:nowrap}
.lang-switch a{padding:5px 7px;border-radius:7px;text-decoration:none}
.lang-switch a{color:var(--muted)}
.lang-switch a:hover{color:var(--navy);background:rgba(231,218,192,.5)}
.lang-switch a.is-active{color:var(--navy);background:var(--card);box-shadow:var(--shadow-s)}
.lang-switch span{color:var(--muted)}
@media(max-width:440px){.marke small{display:none}.nav-pille{max-width:40vw}}
.eingeladen{background:var(--teal-wash);color:var(--navy);border-radius:12px;padding:12px 14px;margin:0 0 14px;
font-size:.94rem;line-height:1.45}
.folgt-karte h2{margin-top:0}
.folgt-karte p{margin:10px 0 18px}
/* Hero */
.hero{padding:48px 0 36px}
.hero .huelle{display:grid;gap:36px;align-items:start}
@media(min-width:960px){.hero{padding:76px 0 64px}.hero .huelle{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:56px}}
.kicker{font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;font-weight:700;color:var(--teal-deep);margin:0 0 18px;
display:flex;align-items:center;gap:10px}
.kicker::before{content:"";width:28px;height:2px;background:var(--teal);border-radius:2px;flex:0 0 auto}
h1{font-family:var(--display);font-weight:500;font-size:clamp(2.45rem,6.2vw,4.4rem);line-height:1.03;letter-spacing:-.02em;
color:var(--navy);margin:0 0 22px;text-wrap:balance}
h2{font-family:var(--display);font-weight:500;font-size:clamp(1.85rem,3.6vw,2.6rem);line-height:1.1;letter-spacing:-.015em;
color:var(--navy);margin:0 0 14px;text-wrap:balance}
h3{line-height:1.25}
.lead{font-size:1.12rem;line-height:1.62;max-width:36em;margin:0 0 26px}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 28px;padding:0;list-style:none}
.chips li{font-size:.84rem;font-weight:600;color:var(--navy);background:var(--card);border:1px solid var(--line);border-radius:999px;padding:7px 13px}
.datum-liste{display:grid;gap:10px;max-width:470px}
.datum{display:flex;align-items:stretch;gap:16px;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:14px 16px;box-shadow:var(--shadow-s)}
.blatt{flex:0 0 70px;border-radius:12px;background:var(--navy);color:#fff;text-align:center;padding:8px 0;display:flex;flex-direction:column;justify-content:center}
.blatt b{font-family:var(--display);font-size:2.2rem;font-weight:500;line-height:1}
.blatt span{font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;opacity:.85}
.datum .text{display:flex;flex-direction:column;justify-content:center;min-width:0}
.datum .text b{color:var(--navy);font-size:1.04rem}
.datum .text span{color:var(--muted);font-size:.9rem}
a.datum{text-decoration:none;color:inherit}
a.datum:hover,a.datum:focus-visible{border-color:var(--navy)}
.datum .text .weiter{color:var(--navy);font-weight:600;margin-top:4px}
.bald{display:inline-block;margin-top:6px;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--amber-ink);
background:var(--amber-wash);border-radius:6px;padding:2px 8px;width:max-content}
/* Karte, Formular */
.karte{background:var(--card);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow-l);padding:28px 24px;position:relative;overflow:hidden}
.karte::before{content:"";position:absolute;inset:0 0 auto 0;height:5px;background:linear-gradient(90deg,var(--teal),var(--navy))}
@media(min-width:960px){.hero .karte{position:sticky;top:88px;padding:32px 30px}}
.karte h2{font-size:clamp(1.7rem,3vw,2.2rem);margin:6px 0 4px}
label{display:block;font-weight:600;font-size:.92rem;color:var(--navy);margin:16px 0 6px}
.pflicht{font-weight:500;color:var(--muted);font-size:.8rem}
.hilfe{font-size:.84rem;color:var(--muted);margin:6px 0 8px;line-height:1.5}
input[type=text],input[type=email],input[type=number],textarea{width:100%;font:inherit;font-size:1rem;color:var(--ink);background:#FFFEFA;
border:1.5px solid var(--line);border-radius:12px;padding:12px 14px;transition:border-color .15s,box-shadow .15s;-webkit-appearance:none;appearance:none}
input:focus,textarea:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 4px rgba(0,161,159,.16)}
textarea{min-height:112px;resize:vertical}
.wahl-termin{display:grid;gap:8px;margin-top:4px}
.wahl-termin label{margin:0;display:flex;gap:12px;align-items:center;border:1.5px solid var(--line);border-radius:12px;padding:11px 14px;cursor:pointer;
font-weight:500;color:var(--ink);background:#FFFEFA}
.wahl-termin label b{color:var(--navy)}
.wahl-termin input{accent-color:var(--navy);width:18px;height:18px;flex:0 0 auto;margin:0}
.wahl-termin label:has(input:checked){border-color:var(--navy);box-shadow:0 0 0 3px rgba(29,68,119,.12)}
.wahl-termin label.vorbei{opacity:.45;cursor:default}
.haken{display:flex;gap:12px;align-items:flex-start;font-weight:400;font-size:.86rem;color:var(--ink);line-height:1.5;margin-top:16px}
.haken input{margin-top:3px;width:18px;height:18px;flex:0 0 auto;accent-color:var(--navy)}
.knopf{display:inline-flex;align-items:center;justify-content:center;gap:10px;font:inherit;font-weight:700;font-size:1.02rem;border:0;border-radius:14px;
padding:15px 24px;cursor:pointer;text-decoration:none;transition:transform .15s var(--ease),box-shadow .15s,background .15s;text-align:center}
.knopf-haupt{background:var(--amber);color:var(--amber-ink);box-shadow:0 10px 24px rgba(217,133,28,.26)}
.knopf-haupt:hover{background:var(--amber-deep);transform:translateY(-1px)}
.knopf-ruhig{background:transparent;color:var(--navy);border:1.5px solid var(--navy)}
.knopf-ruhig:hover{background:rgba(29,68,119,.06)}
.knopf-hell{background:#fff;color:var(--navy)}
.knopf-hell:hover{transform:translateY(-1px)}
form .knopf{width:100%;margin-top:20px}
.knopf[disabled]{opacity:.6;cursor:default;transform:none}
.honig{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.meldung{margin:12px 0 0;font-size:.92rem;color:var(--coral-deep)}
.meldung:empty{display:none}
.klein{font-size:.8rem;color:var(--muted);margin:14px 0 0;line-height:1.5}
.ok{display:none}.ok.zeigen{display:block;animation:auf .35s var(--ease)}
.ok h3{font-family:var(--display);font-size:1.7rem;font-weight:500;color:var(--ok);margin:4px 0 6px}
/* Abschnitte */
.abschnitt{padding:60px 0;border-top:1px solid var(--line-soft)}
@media(min-width:960px){.abschnitt{padding:84px 0}}
.unter{color:var(--muted);max-width:40em;margin:0 0 30px}
.drei{display:grid;gap:18px}
@media(min-width:760px){.drei{grid-template-columns:repeat(3,1fr)}}
.punkt{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:26px 24px;box-shadow:var(--shadow-s)}
.punkt .nr{font-family:var(--display);font-size:2.6rem;line-height:1;color:var(--teal-deep);font-weight:500}
.punkt h3{font-family:var(--display);font-size:1.5rem;font-weight:500;color:var(--navy);margin:12px 0 6px;line-height:1.15}
.punkt p{margin:0}
.zeitleiste{list-style:none;margin:0;padding:0;position:relative;max-width:760px}
.zeitleiste::before{content:"";position:absolute;left:31px;top:14px;bottom:14px;width:2px;background:linear-gradient(var(--teal),var(--navy));opacity:.3}
.zeitleiste li{display:grid;grid-template-columns:64px minmax(0,1fr);gap:16px;padding:12px 0}
.zeitleiste .zeit{position:relative;z-index:1;align-self:start;justify-self:center;font-weight:700;font-size:.8rem;color:#fff;background:var(--navy);
border-radius:999px;padding:5px 10px;font-variant-numeric:tabular-nums}
.zeitleiste li.hebt .zeit{background:var(--amber);color:var(--amber-ink)}
.zeitleiste h3{margin:2px 0 4px;font-family:var(--display);font-weight:600;font-size:1.32rem;color:var(--navy)}
.zeitleiste p{margin:0}
.mehr{display:inline-block;margin-top:22px;font-weight:700;text-decoration:none}
.zwei{display:grid;gap:18px}
@media(min-width:760px){.zwei{grid-template-columns:1fr 1fr;gap:26px}}
.spalte{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:24px}
.spalte h3{margin:0 0 6px;font-size:1rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.liste{list-style:none;margin:0;padding:0}
.liste li{position:relative;padding:11px 0 11px 36px;border-bottom:1px solid var(--line-soft)}
.liste li:last-child{border-bottom:0}
.liste li::before{content:"✓";position:absolute;left:0;top:10px;width:24px;height:24px;border-radius:50%;background:var(--teal-wash);color:var(--teal-deep);
font-weight:700;display:flex;align-items:center;justify-content:center;font-size:.8rem}
.liste.nein li::before{content:"–";background:var(--coral-wash);color:var(--coral-deep)}
.jay{display:grid;gap:24px;align-items:center}
@media(min-width:760px){.jay{grid-template-columns:200px minmax(0,1fr);gap:40px}}
.zeichen{width:200px;max-width:100%;aspect-ratio:1;border-radius:24px;background:var(--navy-deep);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.zeichen b{font-family:var(--display);font-size:6.6rem;line-height:1;color:#fff;font-weight:500}
.zeichen span{position:absolute;bottom:14px;left:0;right:0;text-align:center;font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;color:#C9D7E6}
.jay-bild{width:200px;max-width:100%;aspect-ratio:1;position:relative}
.jay-bild img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 0;border-radius:24px}
.jay-marke{position:absolute;right:-10px;bottom:-10px;width:52px;height:52px;border-radius:16px;background:var(--navy-deep);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--display);font-size:1.7rem;line-height:1;box-shadow:0 0 0 3px var(--paper,#FCF6EA)}
.kurzprofil{margin:12px 0 0;color:var(--muted);max-width:60ch}
.jay blockquote{font-family:var(--display);font-size:clamp(1.3rem,2.4vw,1.75rem);line-height:1.34;color:var(--navy);margin:0 0 16px}
.jay .name{font-weight:700;color:var(--navy);margin:0}
.jay .rolle{color:var(--muted);font-size:.9rem;margin:2px 0 0}
.band{background:var(--navy-deep);color:#E4ECF4;border-radius:28px;padding:44px 30px;position:relative;overflow:hidden;display:grid;gap:22px;align-items:center}
@media(min-width:860px){.band{grid-template-columns:minmax(0,1fr) auto;padding:56px 52px}}
.band::after{content:"友";position:absolute;right:-24px;bottom:-84px;font-family:var(--display);font-size:19rem;line-height:1;color:rgba(255,255,255,.05);pointer-events:none}
.band h2{color:#fff}
.band p{color:#D2DEEA;max-width:34em;margin:0}
.band .kicker{color:#7FD3D0}.band .kicker::before{background:#7FD3D0}
.band .knopf{position:relative;z-index:1}
.preise{display:grid;gap:10px;max-width:820px}
.stufe{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 18px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px 20px}
.stufe b{color:var(--navy);font-size:1.02rem}
.stufe span{grid-column:1;color:var(--muted);font-size:.88rem}
.stufe .betrag{grid-row:1/span 2;grid-column:2;font-family:var(--display);font-size:1.9rem;color:var(--navy);font-weight:500;white-space:nowrap}
.stufe.erste{border-color:var(--teal);box-shadow:0 0 0 3px rgba(0,161,159,.1)}
.fussnote{font-size:.84rem;color:var(--muted);margin:14px 0 0}
.faq{max-width:820px}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;list-style:none;padding:18px 44px 18px 0;font-weight:600;color:var(--navy);position:relative;font-size:1.04rem}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:8px;top:12px;font-size:1.6rem;line-height:1.2;color:var(--teal-deep);font-weight:400;transition:transform .2s var(--ease)}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{margin:0 0 18px;max-width:44em}
.schluss{text-align:center}
.schluss .lead{margin:0 auto 24px}
/* Unterseiten */
.kopf{padding:52px 0 20px}
@media(min-width:960px){.kopf{padding:72px 0 28px}}
.kopf h1{font-size:clamp(2.2rem,5vw,3.5rem)}
.termin-zeile{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--navy);background:var(--card);border:1px solid var(--line);
border-radius:999px;padding:7px 14px;font-size:.9rem;margin:0 0 20px}
.termin-zeile::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--teal)}
.frage-label{font-family:var(--display);font-size:1.6rem;font-weight:500;line-height:1.2;margin:6px 0 4px}
.intake{border:0;margin:0 0 26px;padding:0;min-width:0}
.intake legend{padding:0;color:var(--navy)}
.intake .haken{margin-top:10px}
.intake-wahl{display:grid;gap:0 18px}
@media(min-width:620px){.intake-wahl{grid-template-columns:1fr 1fr}}
.intake .unter-frage{margin-top:24px}
.schritte-liste{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.schritte-liste li{display:grid;grid-template-columns:9.5em minmax(0,1fr);gap:14px;align-items:start;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px 18px}
.schritte-liste .wann{font-weight:700;font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;color:var(--teal-deep);padding-top:3px;line-height:1.4}
.kacheln-link{display:grid;gap:14px}
@media(min-width:700px){.kacheln-link{grid-template-columns:1fr 1fr}}
.videos{display:grid;gap:22px}
.video{margin:0;background:var(--card);border:1px solid var(--line);border-radius:18px;overflow:hidden}
.video video{display:block;width:100%;max-width:100%;aspect-ratio:16/9;background:var(--navy-deep)}
.video figcaption{padding:14px 18px;font-size:.92rem;color:var(--muted);line-height:1.5}
.video figcaption b{color:var(--ink)}
.kachel-link{display:block;text-decoration:none;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px;
transition:transform .15s var(--ease),box-shadow .15s}
.kachel-link:hover{transform:translateY(-2px);box-shadow:var(--shadow-m)}
.kachel-link h3{font-family:var(--display);font-weight:500;font-size:1.45rem;color:var(--navy);margin:0 0 6px}
.kachel-link p{margin:0}
.kachel-link span{display:inline-block;margin-top:12px;font-weight:700;color:var(--teal-deep)}
/* Rechner */
.rechner{padding-bottom:40px}
.leiste{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 28px;padding:0;list-style:none;counter-reset:l}
.leiste li{counter-increment:l;font-size:.74rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding-top:10px;
border-top:4px solid var(--line);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.leiste li::before{content:counter(l) " · "}
.leiste li.aktiv,.leiste li.fertig{color:var(--navy);border-top-color:var(--teal)}
.schritt{display:none}.schritt.aktiv{display:block;animation:auf .35s var(--ease)}
@keyframes auf{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.schritt h2{font-size:clamp(1.6rem,3.2vw,2.2rem)}
.wahl-kacheln{display:grid;gap:12px}
@media(min-width:700px){.wahl-kacheln{grid-template-columns:1fr 1fr}}
.wahl-kachel{position:relative;display:block;margin:0;cursor:pointer;background:var(--card);border:1.5px solid var(--line);border-radius:18px;padding:20px 18px 20px 54px;
font-weight:400;color:var(--ink);transition:border-color .15s,box-shadow .15s}
.wahl-kachel input{position:absolute;left:20px;top:24px;width:20px;height:20px;accent-color:var(--navy);margin:0}
.wahl-kachel b{display:block;font-family:var(--display);font-size:1.35rem;font-weight:600;color:var(--navy);line-height:1.2;margin-bottom:4px}
.wahl-kachel span{color:var(--muted);font-size:.9rem}
.wahl-kachel:has(input:checked){border-color:var(--navy);box-shadow:0 0 0 4px rgba(29,68,119,.1);background:#fff}
.felder{display:grid;gap:0 18px}
@media(min-width:700px){.felder{grid-template-columns:1fr 1fr}}
.annahmen{margin-top:24px;background:var(--teal-wash);border-radius:16px;padding:18px 20px}
.annahmen h3{margin:0 0 8px;font-size:1rem;color:var(--navy)}
.annahmen ol{margin:0;padding-left:1.2em;font-size:.86rem}
.annahmen li{margin:6px 0}
.annahmen b{color:var(--navy)}
.vorschau{margin-top:22px;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;color:var(--muted)}
.vorschau b{font-family:var(--display);font-size:2.4rem;color:var(--navy);font-weight:500;line-height:1}
.knopf-reihe{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.ergebnis{display:grid;gap:14px}
@media(min-width:760px){.ergebnis{grid-template-columns:1.25fr 1fr}}
.gross{background:var(--navy-deep);color:#fff;border-radius:24px;padding:30px 28px;position:relative;overflow:hidden}
.gross::after{content:"友";position:absolute;right:-18px;bottom:-60px;font-family:var(--display);font-size:13rem;line-height:1;color:rgba(255,255,255,.06);pointer-events:none}
.gross .zahl{font-family:var(--display);font-size:clamp(4rem,12vw,6.4rem);line-height:.9;font-weight:500;letter-spacing:-.02em}
.gross .was{font-size:1.05rem;margin-top:10px;color:#D2DEEA}
.gross .band-text{font-size:.88rem;color:#A9BED3;margin-top:6px;max-width:26em}
.kennzahlen{display:grid;gap:12px;grid-template-columns:1fr 1fr;align-content:start}
.kennzahl{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px}
.kennzahl b{display:block;font-family:var(--display);font-size:2.1rem;color:var(--navy);font-weight:500;line-height:1.05}
.kennzahl span{font-size:.84rem;color:var(--muted)}
.szenarien{grid-column:1/-1;display:grid;gap:10px;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px 20px}
.szenario{display:grid;grid-template-columns:84px minmax(0,1fr) 72px;gap:12px;align-items:center;font-size:.86rem}
.szenario .bahn{height:12px;background:var(--line-soft);border-radius:6px;overflow:hidden}
.szenario .bahn i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--teal),var(--navy));border-radius:6px;transition:width .4s var(--ease)}
.szenario .wert{text-align:right;font-weight:700;color:var(--navy);font-variant-numeric:tabular-nums}
.amort{grid-column:1/-1;background:var(--amber-wash);color:var(--amber-ink);border-radius:14px;padding:14px 18px;font-weight:600}
.chat-satz{grid-column:1/-1;background:var(--card);border:1.5px dashed var(--teal);border-radius:14px;padding:14px 16px;display:flex;gap:12px;align-items:center;
justify-content:space-between;flex-wrap:wrap}
.chat-satz small{display:block;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--teal-deep);font-weight:700}
.chat-satz .knopf{padding:9px 16px;font-size:.9rem}
.hinweis{font-size:.82rem;color:var(--muted);line-height:1.55;margin:18px 0 0}
/* Fuß */
.fuss{padding:36px 0 112px;color:var(--muted);font-size:.84rem;border-top:1px solid var(--line-soft)}
.fuss .huelle{display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:space-between}
.fuss a{color:var(--muted)}
.sticky{position:fixed;left:12px;right:12px;bottom:12px;z-index:30;display:flex;transition:opacity .2s,transform .2s}
.sticky .knopf{width:100%;box-shadow:0 14px 34px rgba(40,30,12,.24)}
.sticky.weg{opacity:0;transform:translateY(20px);pointer-events:none}
@media(min-width:960px){.sticky{display:none}.fuss{padding-bottom:40px}}
.ohne-sticky .fuss{padding-bottom:40px}
@media print{.nav,.sticky{display:none}}