/* Female Business Hub Dresden – Designsystem nach der CI vom 17.10.2026
   (Markenakte „Female Business Hub Dresden“: Farben, Schriften, Logo A „Die Kuppel“).
   Layout: Creme-Grund, abgesetzte Abschnitte in Blush, Kernaussagen auf Espresso-Kapiteln.
   Text links, Bild rechts; mobil „Text im Himmel“: Überschrift oben, Gesicht Mitte, Knöpfe unten. */
@font-face{font-family:"Cormorant Garamond";src:url(/schriften/cormorant-garamond-500.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Outfit";src:url(/schriften/outfit.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
:root{
  /* CI-Farben */
  --creme:#F7F2ED;      /* Grund */
  --blush:#E8D5D0;      /* helle Flächen – Text darauf Espresso */
  --champagner:#D4B896; /* Logo und Kleinzeilen auf Dunkel, Knopf-Hover */
  --karamell:#B8956C;   /* Knöpfe, Akzente – nie als Textfarbe auf Creme */
  --bronze:#A6845C;     /* Logozeichen auf Creme */
  --taupe:#6B5E56;      /* Fließtext */
  --espresso:#2C2420;   /* Titel, dunkle Flächen */
  --karte:#FBF8F4;      /* Karten und Formulare (aus dem Board) */
  --kartenrand:#E6DCD2; /* Kartenrahmen (aus dem Board) */
  /* abgeleitet für Linien und Text je Grund */
  --linie:rgba(107,94,86,.22); --linie-dunkel:rgba(247,242,237,.16);
  --titel:var(--espresso); --text:var(--taupe); --text-leise:var(--taupe);
  --auf-dunkel:var(--creme); --auf-dunkel-leise:var(--blush);
  --schrift-titel:"Cormorant Garamond",Georgia,"Times New Roman",serif;
  --schrift-text:"Outfit",system-ui,-apple-system,"Segoe UI",sans-serif;
  --h1:clamp(2.6rem,1.75rem + 3.9vw,4.9rem);
  --h2:clamp(2.05rem,1.55rem + 2.1vw,3.35rem);
  --h3:clamp(1.42rem,1.28rem + .5vw,1.72rem);
  --lead:clamp(1.08rem,1rem + .35vw,1.25rem);
  --breite:1180px; --schmal:760px;
  --seite-l:max(20px,env(safe-area-inset-left,0px)); --seite-r:max(20px,env(safe-area-inset-right,0px));
  --abschnitt:clamp(64px,8vw,112px);
  color-scheme:light;
}

*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;scroll-padding-top:96px;background:var(--creme)}
body{margin:0;overflow-wrap:break-word;background:var(--creme);color:var(--text);font-family:var(--schrift-text);font-weight:400;font-size:1.0625rem;line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:60;background:var(--creme)}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-underline-offset:3px}
h1,h2,h3,h4{font-family:var(--schrift-titel);font-weight:500;line-height:1.08;margin:0;color:var(--titel);text-wrap:balance}
h1{font-size:var(--h1)}
h2{font-size:var(--h2)}
h3{font-size:var(--h3);line-height:1.15}
h4{font-size:1.32rem;line-height:1.2}
p,ul{margin:0}
strong{font-weight:500;color:var(--titel)}
:focus-visible{outline:2px solid var(--fokus,var(--espresso));outline-offset:3px}
.skip{position:absolute;left:-9999px;top:8px;z-index:100;background:var(--espresso);color:var(--creme);padding:10px 16px}
.skip:focus{left:16px}

.container{width:100%;max-width:calc(var(--breite) + 40px);margin-inline:auto;padding-left:var(--seite-l);padding-right:var(--seite-r)}
.container-narrow{max-width:calc(var(--schmal) + 40px)}
.text-center{text-align:center}
.text-center .hero-ctas{justify-content:center}
.mt-1{margin-top:16px}
.mt-2{margin-top:30px}
.leise{color:var(--text-leise);font-size:.95rem}

/* Blush-Flächen: Taupe hat dort nur 4,4 : 1, deshalb Espresso */
.ton-hell,.offer-strip{--text:var(--espresso);--text-leise:var(--espresso);color:var(--espresso)}

/* Dunkle Flächen: Kleinzeilen Champagner, Text Creme, Umriss-Knöpfe hell */
.hero,.page-hero,.highlight-box,.final-cta,.m-card.featured,.contact-grid>.contact-card:nth-child(2),.dresden,.gruender,.fuss,.feature-grid.paar>.feature-card:first-child{
  --titel:var(--creme);--text:var(--blush);--text-leise:var(--blush);
  --btn-s-fg:var(--creme);--btn-s-rand:var(--champagner);--btn-s-hover-bg:var(--champagner);--btn-s-hover-fg:var(--espresso);
  --label:var(--champagner);--fokus:var(--champagner);
  color:var(--blush);
}

/* Kleinzeilen: Versalien mit weiter Laufweite (CI) */
.eyebrow,.hero-badge,.m-card .label,.footer-nav-title{font-family:var(--schrift-text);font-size:.82rem;font-weight:500;letter-spacing:.24em;text-transform:uppercase;line-height:1.5;color:var(--label,var(--taupe))}
.ton-hell .eyebrow,.offer-strip .eyebrow{color:var(--label,var(--espresso))}

/* Knöpfe: immer Pille, gefüllt Karamell mit Espresso-Schrift, sonst Umriss */
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border-radius:999px;border:1px solid transparent;font:500 .97rem/1.2 var(--schrift-text);text-decoration:none;text-align:center;cursor:pointer;transition:background-color .2s,color .2s,border-color .2s}
.btn-sm{min-height:44px;padding:0 20px;font-size:.95rem}
.btn-primary,.btn-gold{background:var(--karamell);color:var(--espresso)}
.btn-primary:hover,.btn-gold:hover{background:var(--champagner)}
.btn-secondary,.btn-ghost{background:transparent;color:var(--btn-s-fg,var(--espresso));border-color:var(--btn-s-rand,var(--espresso))}
.btn-secondary:hover,.btn-ghost:hover{background:var(--btn-s-hover-bg,var(--espresso));color:var(--btn-s-hover-fg,var(--creme));border-color:transparent}
.hero-ctas{display:flex;flex-wrap:wrap;gap:12px}

/* Kopf */
.nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:var(--creme);border-bottom:1px solid var(--linie)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:80px}
.logo{display:flex;align-items:center;flex:none;padding-block:10px}
.logo img{height:54px;width:auto}
@media (max-width:420px){.logo img{height:46px}}
.nav-links{display:none;gap:clamp(18px,2.2vw,32px)}
.nav-links a{position:relative;text-decoration:none;font-size:.97rem;padding-block:10px;color:var(--espresso)}
.nav-links a[aria-current="page"]::after,.nav-links a:hover::after{content:"";position:absolute;left:0;right:0;bottom:4px;height:1px;background:var(--bronze)}
.nav-ctas{display:flex;align-items:center;gap:8px}
.nav-toggle{display:inline-flex;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:0 11px;border:0;background:transparent;cursor:pointer}
.nav-toggle span{display:block;height:1.5px;background:var(--espresso);transition:transform .2s,opacity .2s}
.nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
.mobile-menu{display:grid;padding:8px var(--seite-r) 24px var(--seite-l);border-top:1px solid var(--linie);background:var(--creme);max-height:calc(100vh - 80px);overflow-y:auto}
.mobile-menu>a{padding:14px 0;border-bottom:1px solid var(--linie);text-decoration:none;font-size:1.05rem;color:var(--espresso)}
.mobile-menu>a[aria-current="page"]{font-weight:500}
.mobile-ctas{display:grid;gap:10px;margin-top:20px}
@media (min-width:1080px){.nav-links{display:flex}.nav-toggle,.mobile-menu{display:none!important}}
@media (max-width:369px){.nav-ctas .btn-sm{display:none}}

/* Abschnitte */
.section{padding-block:var(--abschnitt);background:var(--creme)}
.ton-hell{background:var(--blush)}
.ton-papier{background:var(--creme)}
.eyebrow{display:block;margin-bottom:16px}
h2+.lead,h1+.lead,.hub-intro .lead{margin-top:18px}
.lead{font-size:var(--lead);font-weight:300;line-height:1.6;color:var(--text);max-width:64ch}
.hub-intro,.faq-intro,.forms-intro{max-width:740px;margin-bottom:clamp(36px,5vw,56px)}
.prose{max-width:64ch}
main p,main li{hyphens:auto;-webkit-hyphens:auto}
main h1,main h2{hyphens:manual}
.prose p+p{margin-top:16px}
main p a:not(.btn){color:var(--titel);text-decoration-color:var(--karamell);text-decoration-thickness:1.5px}
main h3{margin-block:0 10px}

/* Startseiten-Hero und Gründungs-Hero */
.hero{position:relative;background:var(--espresso);overflow:hidden}
.hero-content{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"badge" "titel" "bild" "ctas" "lead";padding-block:30px 52px}
.hero-badge,.hero h1{position:relative;z-index:2}
.hero-badge{grid-area:badge}
.hero h1{grid-area:titel;margin-top:16px}
.hero .lead{grid-area:lead;margin-top:26px}
.hero .hero-ctas{grid-area:ctas;position:relative;z-index:2;margin-top:-104px;padding-bottom:4px}
.hero .hero-ctas .btn{flex:1 1 220px}
.hero-bild{position:relative;margin:0}
.hero .hero-bild{grid-area:bild;margin:-36px calc(-1*var(--seite-r)) 0 calc(-1*var(--seite-l));aspect-ratio:4/5;max-height:620px}
.hero-bild img{width:100%;height:100%;object-fit:cover;object-position:50% 0}
.hero-bild::before,.hero-bild::after{content:"";position:absolute;left:0;right:0;pointer-events:none}
.hero-bild::before{top:0;height:30%;background:linear-gradient(var(--espresso),transparent)}
.hero-bild::after{bottom:0;height:46%;background:linear-gradient(transparent,var(--espresso) 92%)}
@media (min-width:960px){
  .hero-content{grid-template-areas:"badge" "titel" "lead" "ctas";align-content:center;min-height:clamp(600px,72vh,760px);padding-block:clamp(72px,8vw,112px)}
  .hero-content>:not(.hero-bild){max-width:min(620px,calc(54vw - 60px))}
  .hero .hero-ctas{margin-top:34px}
  .hero .hero-ctas .btn{flex:0 0 auto}
  .hero .hero-bild{position:absolute;top:0;right:0;bottom:0;width:46vw;max-height:none;margin:0;aspect-ratio:auto}
  .hero-bild img{object-position:50% 22%}
  .hero-bild::before{top:0;bottom:0;left:0;right:auto;width:32%;height:auto;background:linear-gradient(90deg,var(--espresso),transparent)}
  .hero-bild::after{height:22%}
}

/* Der runde Tisch: Scroll-Hero der Startseite. Bühne bleibt stehen, die Kamera kreist: scharfe Standbilder an den
   Haltepunkten, dazwischen echte Videos, die der Scroll-Position nachlaufen. Über den Köpfen erscheinen Etiketten.
   Ohne Skript: erstes Standbild. Reduzierte Bewegung: nur weiche Überblendungen der Standbilder. */
.tisch{--kopf:81px;position:relative;background:var(--creme)}
.tisch-buehne{position:relative;height:calc(100vh - var(--kopf));height:calc(100svh - var(--kopf));min-height:540px;overflow:hidden;background:#EAE1D8;isolation:isolate}
.js .tisch.laeuft .tisch-buehne{position:sticky;top:var(--kopf)}
.tisch-bild,.tisch-ebenen{position:absolute;inset:0;width:100%;height:100%;margin:0}
.tisch-bild img,.tisch-still,.tisch-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 35%}
.tisch-ebenen{z-index:1}
.tisch-still{z-index:1;opacity:0;transition:opacity .45s ease}
.tisch-still.vorn{z-index:2}
.tisch-still.an{opacity:1}
.tisch-still.sofort{transition:none}
.tisch-video{z-index:3;opacity:0;background:transparent;pointer-events:none}
.tisch-video.an{opacity:1}
.tisch-intro{position:absolute;z-index:5;left:max(4vw,var(--seite-l));top:50%;width:min(540px,38vw);padding:clamp(26px,2.8vw,42px);background:rgba(247,242,237,.88);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(230,220,210,.9);border-radius:2px;box-shadow:0 24px 60px rgba(44,36,32,.12);transform:translateY(-50%);transition:opacity .5s,transform .5s}
.tisch-intro h1{margin-top:14px;font-size:clamp(2.3rem,1.5rem + 2.3vw,3.9rem);color:var(--espresso)}
.tisch-intro .lead{margin-top:16px;font-size:clamp(1rem,.94rem + .3vw,1.16rem);color:var(--taupe)}
.tisch-intro .hero-ctas{margin-top:24px}
.tisch-hinweis-scroll{margin-top:22px;font-size:.82rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--taupe);display:flex;align-items:center;gap:10px}
.tisch-hinweis-scroll::after{content:"";width:9px;height:9px;border-right:1.5px solid var(--bronze);border-bottom:1.5px solid var(--bronze);transform:rotate(45deg);animation:tisch-nicken 1.8s ease-in-out infinite}
@keyframes tisch-nicken{50%{transform:translateY(5px) rotate(45deg)}}
.tisch:not(.laeuft) .tisch-hinweis-scroll{display:none}
.tisch.weg .tisch-intro{opacity:0;transform:translateY(calc(-50% - 28px));pointer-events:none}
/* Etiketten über den Köpfen */
.tisch-etiketten,.tisch-namen,.tisch-punkte{list-style:none;margin:0;padding:0}
.etikett,.namenschild{position:absolute;left:0;top:0;z-index:4;opacity:0;pointer-events:none;transform:translate3d(var(--x,0),var(--y,0),0) scale(.9);transform-origin:var(--ursprung,50% 100%);transition:opacity .3s ease,transform .45s cubic-bezier(.2,1.5,.35,1)}
.etikett{width:max-content;max-width:min(300px,56vw);padding:12px 16px 14px;background:rgba(251,248,244,.96);border:1px solid var(--kartenrand);border-radius:2px;box-shadow:0 14px 36px rgba(44,36,32,.18)}
.etikett.an,.namenschild.an{opacity:1;transform:translate3d(var(--x,0),var(--y,0),0) scale(1)}
.etikett-wer{display:block;font-size:.76rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--taupe);line-height:1.4}
.etikett-was{display:block;margin-top:4px;font-family:var(--schrift-titel);font-weight:500;font-size:clamp(1.3rem,1.1rem + .6vw,1.7rem);line-height:1.12;color:var(--espresso)}
.etikett::after,.namenschild::after{content:"";position:absolute;width:12px;height:12px;background:inherit;border:inherit;border-width:0 1px 1px 0;border-style:solid;border-color:var(--kartenrand)}
.etikett[data-lage="oben"]::after,.namenschild::after{left:calc(var(--spitze,50%) - 6px);bottom:-7px;transform:rotate(45deg)}
.etikett[data-lage="links"]::after{right:-7px;top:calc(var(--spitze,50%) - 6px);transform:rotate(-45deg)}
.etikett[data-lage="rechts"]::after{left:-7px;top:calc(var(--spitze,50%) - 6px);transform:rotate(135deg)}
.namenschild{padding:5px 12px 6px;background:rgba(251,248,244,.95);border:1px solid var(--kartenrand);border-radius:999px;font-size:.85rem;font-weight:500;color:var(--espresso);white-space:nowrap;box-shadow:0 8px 20px rgba(44,36,32,.14)}
/* Schluss, Fortschritt, Überspringen */
.tisch-schluss{position:absolute;z-index:5;left:50%;bottom:clamp(20px,5vh,56px);width:min(780px,calc(100% - 32px));padding:22px 28px 26px;text-align:center;background:rgba(44,36,32,.88);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:2px;opacity:0;pointer-events:none;transform:translate(-50%,18px);transition:opacity .5s,transform .5s;--fokus:var(--champagner)}
.tisch-schluss-titel{font-family:var(--schrift-titel);font-weight:500;font-size:clamp(1.65rem,1.25rem + 1.4vw,2.6rem);line-height:1.1;color:var(--creme);margin-bottom:16px}
.tisch.ende .tisch-schluss{opacity:1;pointer-events:auto;transform:translate(-50%,0)}
.tisch-punkte{position:absolute;z-index:5;right:clamp(16px,2.4vw,32px);top:50%;transform:translateY(-50%);display:grid;gap:12px}
.tisch-punkte li{width:9px;height:9px;border-radius:50%;border:1.5px solid rgba(44,36,32,.55);background:rgba(247,242,237,.7);transition:background-color .3s,transform .3s}
.tisch-punkte li.an{background:var(--karamell);border-color:var(--karamell);transform:scale(1.25)}
.tisch:not(.laeuft) .tisch-punkte,.tisch:not(.laeuft) .tisch-weiter{display:none}
.tisch-weiter{position:absolute;z-index:5;right:clamp(16px,2.4vw,32px);bottom:clamp(16px,3vh,28px);padding:8px 16px;border-radius:999px;background:rgba(247,242,237,.86);border:1px solid var(--kartenrand);font-size:.86rem;color:var(--espresso);text-decoration:none}
.tisch-weiter:hover{background:var(--creme)}
.tisch.ende .tisch-weiter{opacity:0;pointer-events:none}
.tisch .tisch-visualisierung{left:clamp(16px,2.4vw,32px);bottom:clamp(16px,3vh,28px);z-index:5}
@media (max-width:760px),(max-aspect-ratio:4/5){
  .tisch-intro{left:var(--seite-l);right:var(--seite-r);top:auto;bottom:16px;width:auto;padding:22px 20px 20px;transform:none}
  .tisch.weg .tisch-intro{transform:translateY(24px)}
  .tisch-intro h1{font-size:clamp(2rem,1.5rem + 2.6vw,2.6rem)}
  .tisch-intro .lead{font-size:1rem;margin-top:12px}
  .tisch-intro .hero-ctas{margin-top:18px}
  .tisch-intro .hero-ctas .btn{flex:1 1 150px}
  .tisch-hinweis-scroll{display:none}
  .tisch-punkte{top:14px;right:auto;left:50%;transform:translateX(-50%);display:flex;gap:10px}
  .tisch-weiter{top:10px;bottom:auto;right:var(--seite-r);padding:6px 12px;font-size:.8rem}
  .tisch .tisch-visualisierung{top:10px;bottom:auto;left:var(--seite-l)}
  .tisch .lang{display:none}
  .tisch-schluss{bottom:16px;padding:18px 18px 20px}
  .etikett{padding:10px 13px 12px}
  .etikett-wer{font-size:.7rem;letter-spacing:.16em}
  .namenschild{font-size:.78rem;padding:4px 10px 5px}
}
@media (prefers-reduced-motion:reduce){.etikett,.namenschild{transition:opacity .2s}}

/* Sechs Plätze */
.plaetze{display:grid;gap:16px}
@media (min-width:720px){.plaetze{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1080px){.plaetze{grid-template-columns:repeat(3,minmax(0,1fr))}}
.platz{display:flex;flex-direction:column;gap:18px;padding:clamp(22px,2.4vw,30px);background:var(--karte);border:1px solid var(--kartenrand);border-radius:2px;min-width:0}
.platz img{width:84px;height:84px;border-radius:50%;object-fit:cover;object-position:50% 30%}
.platz-wer{font-size:.78rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--taupe);margin-bottom:8px}
.platz h3{font-size:clamp(1.5rem,1.35rem + .4vw,1.7rem);margin:0 0 10px}
.platz p{font-size:.98rem}
.platz-loesung{margin-top:14px;padding-top:14px;border-top:1px solid var(--kartenrand)}
.plaetze-hinweis{margin-top:22px;font-size:.92rem;color:var(--taupe)}
.hub-intro.mitte{margin-inline:auto;text-align:center}
.hub-intro.mitte .lead{margin-inline:auto}
.mitte-knoepfe{justify-content:center}

/* Unterseiten-Kopf */
.page-hero{position:relative;background:var(--espresso);padding-block:clamp(64px,9vw,120px) clamp(52px,7vw,92px);overflow:hidden}
.page-hero h1{max-width:20ch}
.page-hero .lead{margin-top:22px}
.page-hero.mit-bild{padding-bottom:0}
.page-hero .hero-bild{margin:34px calc(-1*var(--seite-r)) 0 calc(-1*var(--seite-l));aspect-ratio:4/5;max-height:560px}
.page-hero .hero-bild img{object-position:50% 18%}
.page-hero .hero-bild::after{display:none}
.page-hero .hero-bild::before{height:26%}
@media (min-width:960px){
  .page-hero.mit-bild{display:flex;align-items:center;min-height:clamp(500px,58vh,640px);padding-bottom:clamp(64px,8vw,104px)}
  .page-hero.mit-bild .container>:not(.hero-bild){max-width:min(620px,calc(56vw - 60px))}
  .page-hero .hero-bild{position:absolute;top:0;right:0;bottom:0;width:42vw;margin:0;aspect-ratio:auto;max-height:none}
  .page-hero .hero-bild img{object-position:50% 20%}
  .page-hero .hero-bild::before{top:0;bottom:0;left:0;right:auto;width:34%;height:auto;background:linear-gradient(90deg,var(--espresso),transparent)}
}

/* Unterseiten-Kopf „Karte“ (18.10.2026, nach Nicoletts Vorlage): Espresso-Karte mit runden Ecken auf Creme,
   Foto von Nicolett leicht gekippt, ragt oben und unten über den Kartenrand. Rechts große Creme-Headline,
   feine Linie, Text, Fakten-Chips (Creme · Karamell · Taupe), Knöpfe, Zeile „Gastgeberin“. Handy: Foto oben, Text darunter. */
.page-hero.kopf{background:var(--creme);padding:clamp(60px,6vw,80px) 0 clamp(56px,6vw,88px);overflow:visible}
.kopf-rahmen{width:min(100% - 24px,1360px);margin-inline:auto}
.kopf-karte{position:relative;isolation:isolate;display:grid;background:var(--espresso);border-radius:22px;padding:0 clamp(22px,4vw,40px) clamp(30px,4vw,44px);box-shadow:0 40px 80px -48px rgba(44,36,32,.6)}
/* weicher heller Kreis hinter dem Foto wie in der Vorlage */
.kopf-karte::before{content:"";position:absolute;z-index:-1;left:50%;top:-10px;width:min(118vw,560px);aspect-ratio:1;transform:translateX(-50%);border-radius:50%;background:radial-gradient(closest-side,rgba(247,242,237,.075),rgba(247,242,237,.045) 70%,rgba(247,242,237,0) 71%)}
.kopf-foto{position:relative;margin:-44px auto 0;width:min(66vw,340px);transform:rotate(-4deg) translate3d(0,var(--hub,0px),0);transform-origin:50% 60%;z-index:1}
.kopf-foto-innen{position:relative;aspect-ratio:4/5;border-radius:18px;overflow:hidden;background:var(--taupe);box-shadow:0 0 0 6px var(--karte),0 0 0 7px rgba(166,132,92,.35),0 30px 60px -20px rgba(0,0,0,.55)}
.kopf-foto img{width:100%;height:100%;object-fit:cover;object-position:50% 26%}
.kopf-hinweis{position:absolute;left:12px;bottom:12px;padding:4px 11px;border-radius:999px;background:rgba(44,36,32,.72);color:var(--creme);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;line-height:1.5}
.kopf-text{position:relative;padding-top:clamp(30px,6vw,40px);color:var(--blush)}
.kopf-text .eyebrow{margin-bottom:14px}
.kopf-text h1{font-size:clamp(2.5rem,1.5rem + 3vw,4.25rem);line-height:1.03;letter-spacing:-.005em;max-width:18ch}
.kopf-text h1 .satz{display:block}
.kopf-linie{border:0;height:1px;margin:clamp(20px,2.6vw,30px) 0;background:rgba(212,184,150,.38)}
.kopf-text .lead{margin:0;color:rgba(247,242,237,.86);max-width:34em}
.kopf-chips{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:22px 0 0;padding:0}
.kopf-chips li{display:inline-flex;align-items:center;min-height:40px;padding:0 18px;border-radius:999px;font:400 .95rem/1.2 var(--schrift-text);background:var(--creme);color:var(--espresso)}
.kopf-chips li:nth-child(2){background:var(--karamell);color:var(--espresso)}
.kopf-chips li:nth-child(3){background:var(--taupe);color:var(--creme)}
.kopf-text .hero-ctas{margin-top:26px}
.kopf-meta{display:flex;flex-wrap:wrap;gap:16px 48px;margin:28px 0 0;padding-top:22px;border-top:1px solid rgba(212,184,150,.18)}
.kopf-meta dt{font:500 .78rem/1.4 var(--schrift-text);letter-spacing:.2em;text-transform:uppercase;color:var(--champagner)}
.kopf-meta dd{margin:4px 0 0;font-family:var(--schrift-titel);font-size:1.32rem;line-height:1.2;color:var(--creme)}
.kopf-meta a{color:inherit;text-decoration:none;border-bottom:1px solid rgba(212,184,150,.5)}
.kopf-meta a:hover{border-bottom-color:var(--champagner)}
@media (min-width:960px){
  .kopf-rahmen{width:min(100% - 48px,1360px)}
  .kopf-karte{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);column-gap:clamp(40px,5vw,88px);align-items:center;border-radius:28px;padding:0 clamp(48px,5.5vw,96px) 0 clamp(40px,4.5vw,72px);min-height:min(calc(100svh - 260px),600px)}
  .kopf-karte::before{left:clamp(40px,4.5vw,72px);top:50%;width:min(44vw,640px);transform:translate(-14%,-50%)}
  .kopf-foto{align-self:stretch;width:auto;margin:-56px 0 -44px;transform:rotate(-5deg) translate3d(0,var(--hub,0px),0)}
  .kopf-foto-innen{position:absolute;inset:0;aspect-ratio:auto;border-radius:22px;box-shadow:0 0 0 8px var(--karte),0 0 0 9px rgba(166,132,92,.35),0 40px 80px -24px rgba(0,0,0,.55)}
  .kopf-text{padding-block:clamp(48px,4.6vw,72px)}
  .kopf-hinweis{left:16px;bottom:16px}
  /* Rechtliches: kompakter */
  .kopf-klein .kopf-karte{grid-template-columns:minmax(0,.55fr) minmax(0,1.45fr);min-height:300px}
  .kopf-klein .kopf-text{padding-block:64px}
  .kopf-klein .kopf-foto{margin:-40px 0 -32px}
}
@media (max-width:959px){
  .kopf-klein .kopf-foto{width:min(46vw,200px)}
  .kopf-text h1{max-width:none}
  .kopf-meta{gap:14px 32px}
}
/* Auftritt: Karte blendet auf, Foto dreht sich in Position, Text folgt gestaffelt */
@media (prefers-reduced-motion:no-preference){
  .kopf-karte{animation:kopf-karte .8s cubic-bezier(.2,.7,.2,1) both}
  .kopf-foto-innen{animation:kopf-foto 1.1s .1s cubic-bezier(.2,.8,.2,1) both}
  .kopf-foto img{animation:kopf-zoom 2s .1s cubic-bezier(.2,.7,.2,1) both}
  .kopf-text>*{animation:kopf-text .8s cubic-bezier(.2,.7,.2,1) both}
  .kopf-text>:nth-child(1){animation-delay:.18s}.kopf-text>:nth-child(2){animation-delay:.26s}.kopf-text>:nth-child(3){animation-delay:.34s}
  .kopf-text>:nth-child(4){animation-delay:.42s}.kopf-text>:nth-child(5){animation-delay:.5s}.kopf-text>:nth-child(n+6){animation-delay:.58s}
  .kopf-chips li{animation:kopf-chip .5s cubic-bezier(.2,1.4,.4,1) both}
  .kopf-chips li:nth-child(1){animation-delay:.62s}.kopf-chips li:nth-child(2){animation-delay:.7s}.kopf-chips li:nth-child(3){animation-delay:.78s}
}
/* ---------- Coming-Soon-Phase (18.10.2026): Startseite mit Warteliste ---------- */
.nav-bald .nav-inner{min-height:76px}
@media (max-width:479px){.nav-bald .lang{display:none}}
.kopf-text h2{font-size:clamp(2.3rem,1.5rem + 2.6vw,3.8rem);line-height:1.04;max-width:18ch}
.kopf-text h2 .satz{display:block}
.bald-warteliste{background:var(--creme);padding:clamp(80px,9vw,128px) 0 clamp(64px,7vw,104px);scroll-margin-top:40px}
.bald-warteliste .kopf-karte{--titel:var(--creme);--text:var(--blush);--label:var(--champagner);--fokus:var(--champagner)}
.bald-warteliste .kopf-karte,.bald-warteliste .kopf-foto-innen,.bald-warteliste .kopf-foto img,.bald-warteliste .kopf-text>*{animation:none}
.bald-idee .bald-fuer{max-width:62ch;margin:36px auto 0;text-align:center;color:var(--taupe);font-size:1.02rem;line-height:1.65}
.bald-form{margin-top:26px}
.honig{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0}
.bald-felder{display:grid;gap:14px}
@media (min-width:600px){.bald-felder{grid-template-columns:repeat(2,minmax(0,1fr))}.bald-feld.voll{grid-column:1/-1}}
.bald-feld label{display:block;margin-bottom:6px;font:500 .78rem/1.4 var(--schrift-text);letter-spacing:.2em;text-transform:uppercase;color:var(--champagner)}
.bald-feld input,.bald-feld select{width:100%;min-height:52px;padding:12px 16px;border:1px solid rgba(212,184,150,.45);border-radius:12px;background:var(--karte);color:var(--espresso);font:400 1rem/1.3 var(--schrift-text)}
.bald-feld select{appearance:none;-webkit-appearance:none;padding-right:44px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%232C2420' stroke-width='1.6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center}
.bald-feld select:invalid{color:var(--taupe)}
.bald-feld input:focus,.bald-feld select:focus{outline:2px solid var(--champagner);outline-offset:2px;border-color:var(--champagner)}
.bald-check{display:flex;gap:12px;align-items:flex-start;margin-top:18px;font-size:.92rem;line-height:1.55;color:rgba(247,242,237,.86);cursor:pointer}
.bald-check input{flex:none;width:20px;height:20px;margin-top:2px;accent-color:var(--karamell)}
.bald-check a{color:var(--creme)}
.bald-senden{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:22px}
.bald-senden .btn{min-width:220px}
.bald-klein{font-size:.88rem;color:rgba(247,242,237,.7)}
.bald-status{margin-top:12px;font-size:.95rem;color:var(--champagner)}
.bald-status:empty{display:none}
.bald-form.sendet .btn{opacity:.7;pointer-events:none}
.fuss-bald{padding-block:56px 28px}
.fuss-bald .footer-bottom{margin-top:36px}
@media (max-width:599px){.bald-senden .btn{width:100%}}

@keyframes kopf-karte{from{opacity:0;transform:translateY(16px)}}
@keyframes kopf-foto{from{opacity:0;transform:translateY(40px) rotate(-6deg)}}
@keyframes kopf-zoom{from{scale:1.1}}
@keyframes kopf-text{from{opacity:0;transform:translateY(16px)}}
@keyframes kopf-chip{from{opacity:0;transform:scale(.85)}}

/* Leiste unter dem Hero */
.offer-strip{background:var(--blush)}
.offer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px}
.offer-item{display:flex;flex-direction:column;gap:4px;padding-block:22px;border-top:1px solid var(--linie);min-width:0}
.offer-item:nth-child(-n+2){border-top:0}
.offer-item strong{font-family:var(--schrift-titel);font-weight:500;font-size:1.42rem;line-height:1.15;color:var(--espresso)}
.offer-item span{font-size:.95rem;line-height:1.45}
@media (min-width:900px){
  .offer-grid{grid-template-columns:repeat(4,minmax(0,1fr));column-gap:0}
  .offer-item{border-top:0;padding:34px 28px;border-left:1px solid var(--linie)}
  .offer-item:first-child{border-left:0;padding-left:0}
}

/* Zwei-Spalten-Bausteine */
.fuer-wen-inner{display:grid;gap:clamp(36px,5vw,72px)}
@media (min-width:960px){.fuer-wen-inner{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start}}
.check-list{list-style:none;padding:0;margin-top:26px}
.check-list li{position:relative;padding:10px 0 10px 32px}
.check-list li::before{content:"";position:absolute;left:3px;top:calc(10px + .45em);width:12px;height:6px;border-left:1.5px solid var(--karamell);border-bottom:1.5px solid var(--karamell);transform:rotate(-45deg)}
.check-list.pain-list li{padding-block:15px;border-top:1px solid var(--linie)}
.check-list.pain-list li:last-child{border-bottom:1px solid var(--linie)}
.check-list.pain-list li::before{top:calc(15px + .8em);width:14px;height:0;border-left:0;border-bottom-width:1.5px;transform:none}
.highlight-box{background:var(--espresso);padding:clamp(28px,4vw,46px);border-radius:2px}
.highlight-box h3{font-size:clamp(1.65rem,1.4rem + .9vw,2.15rem);margin-bottom:16px}
.highlight-box p+p{margin-top:14px}
.highlight-box .check-list li::before{border-color:var(--champagner)}
.problem-spalte{display:grid;gap:20px}
@media (min-width:960px){.problem-spalte,.fuer-wen-inner>.highlight-box{position:sticky;top:100px}}

/* Kalenderwoche (Zeit gegen Geld) */
.woche{margin:0;background:var(--karte);border:1px solid var(--kartenrand);border-radius:2px;padding:18px 18px 16px}
.woche-raster{display:grid;grid-template-columns:34px repeat(6,minmax(0,1fr));column-gap:5px}
.woche-tag{font-size:.78rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--taupe);text-align:center;padding-bottom:8px}
.woche-zeiten{display:grid;grid-template-rows:repeat(22,11px);font-size:.66rem;color:var(--taupe);font-variant-numeric:tabular-nums;line-height:1}
.woche-zeiten span{grid-row:span 4}
.woche-spalte{display:grid;grid-template-rows:repeat(22,11px);row-gap:0}
.woche-spalte i{display:block;margin-bottom:2px;border-radius:2px;background:var(--karamell)}
.woche-spalte i.t2{background:var(--blush)}
.woche-spalte i.t3{background:var(--bronze)}
.woche figcaption{margin-top:14px;padding-top:12px;border-top:1px solid var(--kartenrand);font-size:.95rem}

/* Raster aus Hebeln, Kriterien, Abläufen */
.feature-grid{display:grid;grid-template-columns:minmax(0,1fr);border-top:1px solid var(--linie)}
.feature-card{padding-block:28px;border-bottom:1px solid var(--linie);min-width:0}
.feature-card .eyebrow{margin-bottom:10px}
.feature-card p+p{margin-top:12px}
@media (min-width:720px){.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(32px,4vw,56px)}}
@media (min-width:1024px){.feature-grid.drei{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* genau zwei Karten: zwei Tafeln, die erste dunkel */
.feature-grid.paar{border-top:0;gap:16px}
.feature-grid.paar>.feature-card{padding:clamp(28px,4vw,46px);border:1px solid var(--kartenrand);background:var(--karte);border-radius:2px;--text:var(--taupe);--text-leise:var(--taupe);color:var(--taupe)}
.feature-grid.paar>.feature-card:first-child{background:var(--espresso);border-color:var(--espresso);color:var(--blush)}
.feature-grid.paar h3{font-size:clamp(1.6rem,1.4rem + .8vw,2.1rem)}

/* Nutzen mit Porträt */
.benefits-grid{display:grid;gap:clamp(36px,5vw,72px)}
.benefits-img img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:2px}
@media (min-width:960px){.benefits-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start}.benefits-img{position:sticky;top:100px}}
.benefit-list{list-style:none;padding:0;margin-top:28px;border-top:1px solid var(--linie)}
.benefit-item{display:grid;grid-template-columns:26px minmax(0,1fr);gap:14px;padding-block:18px;border-bottom:1px solid var(--linie)}
.benefit-icon{color:var(--bronze);font-size:1rem;line-height:1.9}
.benefit-item h4{margin-bottom:4px}

/* Wer den Hub baut (Entwurf) */
.gruender{background:var(--espresso);padding-block:var(--abschnitt)}
.gruender-raster{display:grid;gap:clamp(32px,5vw,72px)}
@media (min-width:960px){.gruender-raster{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:start}}
.gruender blockquote{margin:30px 0 0;padding-top:24px;border-top:1px solid var(--linie-dunkel);font-family:var(--schrift-titel);font-weight:500;font-size:clamp(1.5rem,1.3rem + .7vw,1.9rem);line-height:1.3;color:var(--champagner)}
.gruender blockquote footer{margin-top:12px;font-family:var(--schrift-text);font-size:.95rem;color:var(--blush)}
.gruender .prose strong{color:var(--creme)}
.entwurf-hinweis{display:inline-block;margin-bottom:22px;padding:5px 12px;border:1px dashed var(--champagner);border-radius:999px;font-size:.82rem;color:var(--champagner)}

/* Raum-Karten */
.cards{display:grid;gap:20px}
@media (min-width:760px){.cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
.card{background:var(--karte);border:1px solid var(--kartenrand);border-radius:2px;overflow:hidden;min-width:0}
.card-img{position:relative;aspect-ratio:4/3}
.card-img img{width:100%;height:100%;object-fit:cover}
.card-body{padding:22px 22px 26px}
.card-body p{font-size:.98rem}
.bildhinweis{position:absolute;left:12px;bottom:12px;z-index:1;padding:4px 12px;border-radius:999px;background:color-mix(in srgb,var(--espresso) 76%,transparent);color:var(--creme);font-size:.74rem;letter-spacing:.08em}

/* Bild + Text */
.split{display:grid;gap:clamp(32px,5vw,72px);align-items:center}
@media (min-width:960px){.split{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}.split>.split-img:last-child{order:0}}
.split-img{position:relative}
.split.ohne-bild{display:block}
.split.ohne-bild>div{max-width:var(--schmal)}
@media (min-width:960px){.split.ohne-bild>div{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);grid-template-rows:min-content 1fr;align-items:start;column-gap:72px;max-width:none}.split.ohne-bild>div>.prose{grid-column:2;grid-row:1/span 2;margin-top:0}}
.split-img img{width:100%;aspect-ratio:4/5;max-height:680px;object-fit:cover;border-radius:2px}
.split-img img.split-dresden{object-position:90% 30%}   /* Querformat im Hochformat-Rahmen: Nicolett steht rechts */

/* Dresden (18.10.2026): Foto hell und unverdeckt, Text auf Creme-Glas wie im Start-Hero, kein Espresso-Verlauf.
   Mobil Bild oben, Glaskarte greift unten ins Bild; ab 960 px liegt die Karte links auf dem Bild. */
.dresden{position:relative;overflow:hidden;background:var(--creme);color:var(--taupe);
  --titel:var(--espresso);--text:var(--taupe);--text-leise:var(--taupe);--label:var(--bronze);--fokus:var(--bronze);
  --btn-s-fg:var(--espresso);--btn-s-rand:var(--espresso);--btn-s-hover-bg:var(--espresso);--btn-s-hover-fg:var(--creme)}
.dresden-bild{display:block;width:100%;height:clamp(300px,82vw,520px);object-fit:cover;object-position:62% 30%}
.dresden-content{position:relative;z-index:2;margin-top:-56px;padding-block:0 56px}
.dresden-glas{max-width:600px;padding:clamp(24px,3vw,40px);background:rgba(247,242,237,.93);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(230,220,210,.9);border-radius:2px;box-shadow:0 24px 60px rgba(44,36,32,.12)}
.dresden p{margin-top:16px}
@media (min-width:960px){
  .dresden{display:flex;align-items:flex-end;min-height:clamp(560px,48vw,700px)}
  .dresden-bild{position:absolute;inset:0;height:100%;object-position:50% 12%}
  .dresden-content{margin-top:0;padding-block:56px}
  .dresden-glas{max-width:520px}
}

/* Mitgliedschaft */
.membership-grid{display:grid;gap:16px}
@media (min-width:860px){.membership-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.m-card{background:var(--karte);border:1px solid var(--kartenrand);border-radius:2px;padding:30px 28px 32px;min-width:0}
.m-card.featured{background:var(--espresso);border-color:var(--espresso)}
.m-card .price{margin:12px 0 12px;font-family:var(--schrift-titel);font-weight:500;font-size:clamp(2.5rem,2.1rem + 1.2vw,3.1rem);line-height:1;color:var(--titel);font-variant-numeric:lining-nums}
.m-card p{font-size:.98rem}
.ton-hell .m-card:not(.featured){--text:var(--taupe);color:var(--taupe)}
.price-list{max-width:var(--schmal);margin:40px auto 0;border-top:1px solid var(--linie)}
.price-row{display:flex;justify-content:space-between;align-items:baseline;gap:20px;padding-block:18px;border-bottom:1px solid var(--linie)}
.price-row .name{display:block;font-weight:500;color:var(--titel)}
.price-row .hint{display:block;font-size:.95rem}
.price-row .amount{flex:none;font-family:var(--schrift-titel);font-weight:500;font-size:1.6rem;color:var(--titel);font-variant-numeric:lining-nums}
.note-box{max-width:var(--schmal);margin-inline:auto;padding:20px 24px;border-radius:2px;background:var(--blush);color:var(--espresso);font-size:.98rem}
.ton-hell .note-box{background:var(--karte);border:1px solid var(--kartenrand)}
.container-narrow .note-box{margin-inline:0}

/* Themen */
.theme-tags{display:flex;flex-wrap:wrap;gap:10px}
.theme-tag{padding:9px 18px;border:1px solid var(--kartenrand);border-radius:999px;background:var(--karte);color:var(--espresso);font-size:.95rem}

/* FAQ */
.faq .container{display:grid;gap:8px}
@media (min-width:960px){.faq .container{grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:64px}}
.accordion{border-top:1px solid var(--linie)}
.acc-item{border-bottom:1px solid var(--linie)}
.acc-item summary{position:relative;display:block;list-style:none;cursor:pointer;padding:20px 44px 20px 0;font-family:var(--schrift-titel);font-weight:500;font-size:1.38rem;line-height:1.3;color:var(--titel)}
.acc-item summary::-webkit-details-marker{display:none}
.acc-item summary::after{content:"";position:absolute;right:6px;top:50%;width:11px;height:11px;margin-top:-8px;border-right:1.5px solid var(--bronze);border-bottom:1.5px solid var(--bronze);transform:rotate(45deg);transition:transform .2s}
.acc-item[open] summary::after{transform:rotate(-135deg);margin-top:-2px}
.acc-panel-inner{padding:0 0 22px;max-width:64ch}

/* Schluss */
.final-cta{background:var(--espresso);padding-block:clamp(72px,9vw,124px)}
.final-cta .container{display:grid;gap:22px}
.final-cta p{max-width:56ch}
@media (min-width:960px){.final-cta .container{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:72px;align-items:end}.final-cta h2{grid-row:1/span 3}.final-cta .container>:not(h2){grid-column:2}}
.soft-campaign-link{font-size:.96rem}
.soft-campaign-link a{color:var(--champagner);text-decoration:underline;text-decoration-thickness:1px}
.section .soft-campaign-link a{color:var(--espresso);text-decoration-color:var(--karamell)}

/* Kontakt */
.contact-grid{display:grid;gap:16px}
@media (min-width:860px){.contact-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
.contact-card{background:var(--karte);border:1px solid var(--kartenrand);border-radius:2px;padding:clamp(28px,4vw,44px);min-width:0;--text:var(--taupe);color:var(--taupe)}
.contact-grid>.contact-card:nth-child(2){background:var(--espresso);border-color:var(--espresso);color:var(--blush)}
.contact-card p{margin-top:10px}
.contact-card .prose p{color:inherit}
.email-link{font-family:var(--schrift-titel);font-weight:500;font-size:1.5rem;color:var(--titel);overflow-wrap:anywhere}

/* Formulare */
.tabs{display:grid;grid-template-columns:repeat(2,minmax(0,auto));justify-content:start;gap:4px;padding:4px;margin-bottom:20px;border:1px solid var(--kartenrand);border-radius:999px;background:var(--karte)}
.tab-btn{min-height:44px;padding:0 clamp(12px,3vw,20px);border:0;border-radius:999px;background:transparent;font:500 .95rem var(--schrift-text);color:var(--taupe);cursor:pointer}
.tab-btn.active{background:var(--espresso);color:var(--creme)}
.form-panel{max-width:880px;padding:clamp(24px,4vw,46px);background:var(--karte);border:1px solid var(--kartenrand);border-radius:2px}
.form-sub{margin:6px 0 26px}
.form-grid{display:grid;gap:18px}
@media (min-width:720px){.form-grid.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.field.full{grid-column:1/-1}}
.field label{display:block;margin-bottom:6px;font-size:.96rem;font-weight:500;color:var(--espresso)}
.field input:not([type="checkbox"]),.field select,.field textarea{width:100%;min-height:50px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--taupe) 40%,transparent);border-radius:2px;background:var(--creme);font:inherit;font-size:1rem;color:var(--espresso)}
.field textarea{min-height:132px;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--espresso);outline-offset:1px;border-color:var(--espresso)}
.field label.checkbox-field{display:flex;gap:12px;align-items:flex-start;font-weight:400;font-size:.95rem;line-height:1.5;color:var(--taupe);cursor:pointer}
.checkbox-field input{flex:none;width:22px;height:22px;margin:1px 0 0;accent-color:var(--espresso)}
.form-submit .btn{width:100%}
@media (min-width:720px){.form-submit .btn{width:auto}}
.form-status{margin-top:14px;font-size:.95rem;color:var(--espresso)}
.form-status:empty{display:none}

/* Fuß */
.fuss{background:var(--espresso);border-top:1px solid var(--linie-dunkel);padding-block:64px 32px}
.footer-top{display:grid;gap:40px}
@media (min-width:860px){.footer-top{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}}
.fuss-logo img{height:66px;width:auto}
.fuss .brand{margin-top:18px;font-size:.95rem;color:var(--champagner)}
.footer-desc{margin-top:10px;max-width:46ch}
.footer-nav-title{margin-bottom:10px}
.footer-links{display:grid}
.footer-links a{padding-block:7px;text-decoration:none;color:var(--creme);overflow-wrap:anywhere}
.footer-links a:hover,.footer-bottom a:hover{color:var(--champagner)}
.footer-bottom{display:flex;flex-wrap:wrap;gap:8px 24px;align-items:center;margin-top:48px;padding-top:24px;border-top:1px solid var(--linie-dunkel);font-size:.95rem}
.footer-bottom p{margin-right:auto}
.footer-bottom a{padding-block:8px;color:var(--creme)}

/* feste Leiste am Handy */
.sticky-cta{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;padding:10px var(--seite-r) calc(10px + env(safe-area-inset-bottom,0px)) var(--seite-l);background:var(--creme);border-top:1px solid var(--linie)}
.sticky-cta .btn{flex:1}
@media (min-width:1080px){.sticky-cta{display:none!important}}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}