/* headcount-zero.co
   Look: warm paper, black, yellow pills with a black arrow circle, Satoshi for text,
   italic serif (Gambetta) for headlines, blue wordmark, operator photo in a phone
   frame, peach gradient, black accordion rows, grey process cards, black rounded
   footer. Centered. Fonts self-hosted, no external connection. Class names stay
   from the fork so the section shell is shared with the sibling site. */

@import url("/schriften/fonts.css");

:root{
  --papier:   #F5F4F3;
  --papier-2: #ECEAE7;
  --karte:    #D9D4D0;
  --weiss:    #FFFFFF;
  --tinte:    #1E1E1E;
  --schwarz:  #080808;
  --neben:    #5C5955;
  --linie:    rgba(30,30,30,.14);
  --gelb:     #F9B039;
  --gelb-tief:#E9A02B;
  --blau:     #2B4EAE;
  --gruen:    #ADF5A4;
  --rot:      #E5322D;
  --pfirsich-1:#F9D3BC;
  --pfirsich-2:#F6A97A;
  --pfirsich-3:#F0834F;

  --breit: 1152px;
  --spalte: 720px;
  --rand: clamp(18px,5vw,40px);
  --s2: 12px; --s3: 20px; --s4: 32px; --s5: 48px; --s6: 80px;

  --sans:  "Satoshi","Helvetica Neue",Arial,sans-serif;
  --serif: "Gambetta","Instrument Serif","Iowan Old Style",Georgia,serif;
}

*{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--papier);color:var(--tinte);font-family:var(--sans);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
:where(a,button,summary,input,textarea,select):focus-visible{outline:2px solid var(--blau);outline-offset:2px}
.skip{position:absolute;left:var(--rand);top:12px;z-index:100;background:var(--tinte);color:#fff;padding:10px 14px;border-radius:999px;text-decoration:none;transform:translateY(-220%);transition:transform .15s}
.skip:focus{transform:none}

.in{max-width:var(--breit);margin:0 auto;padding:0 var(--rand)}
.mess{max-width:var(--spalte);margin-left:auto;margin-right:auto}
.abschnitt{padding:clamp(56px,8vw,100px) 0}
.mitte{text-align:center}

h1,h2,h3{margin:0;color:var(--tinte);font-weight:500}
h1{font-family:var(--serif);font-style:italic;font-weight:400;font-size:clamp(36px,5.6vw,68px);line-height:1.06;letter-spacing:-.01em}
h1 b,h1 em{font-weight:600;font-style:italic}
h2{font-family:var(--serif);font-style:italic;font-weight:400;font-size:clamp(32px,4.6vw,56px);line-height:1.08;letter-spacing:-.01em}
h2 .sans{font-family:var(--sans);font-style:normal;font-weight:500;letter-spacing:-.025em}
h3{font-family:var(--sans);font-weight:700;font-size:clamp(19px,2.2vw,22px);line-height:1.3;letter-spacing:-.01em}
p{margin:0 0 var(--s3)}
h1+p,h2+p,h3+p{margin-top:var(--s3)}
.lead{font-size:clamp(17px,2vw,19px);line-height:1.55}
.lead--blau{color:var(--blau)}
.neben{color:var(--neben)}
.klein{font-size:15px}
b,strong{font-weight:700}
.vor{font-family:var(--sans);font-size:15.5px;color:var(--tinte);margin:0 0 var(--s2)}
.kursiv{font-family:var(--serif);font-style:italic;font-weight:400}

/* Pills */
.pille{display:inline-flex;align-items:center;gap:14px;text-decoration:none;font-family:var(--sans);font-weight:500;font-size:16px;line-height:1.2;
  padding:8px 26px 8px 8px;border-radius:999px;cursor:pointer;border:1px solid transparent;
  transition:background-color .12s,border-color .12s,color .12s,box-shadow .12s,transform .12s}
.pille__kreis{width:44px;height:44px;border-radius:50%;background:var(--schwarz);color:#fff;display:inline-flex;align-items:center;justify-content:center;flex:none}
.pille__kreis svg{width:18px;height:18px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.pille--gelb{background:var(--gelb);color:var(--tinte);box-shadow:0 6px 24px rgba(249,176,57,.35)}
.pille--gelb:hover{background:var(--gelb-tief);transform:translateY(-1px);box-shadow:0 10px 30px rgba(249,176,57,.45)}
.pille--klein{padding:10px 18px;font-size:15px;gap:8px;box-shadow:none}
.pille--klein svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.pille--linie{background:transparent;color:inherit;border-color:currentColor;padding:12px 20px;font-size:15px;gap:8px}
.pille--linie svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.pille--linie:hover{background:rgba(255,255,255,.08)}
.cta{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:var(--s4)}
.cta .klein{margin:0;color:var(--neben)}

/* Header */
.kopf{position:sticky;top:0;z-index:60;background:rgba(245,244,243,.94);backdrop-filter:saturate(1.2) blur(8px);border-bottom:1px solid var(--tinte)}
.kopf .in{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:112px;gap:16px}
.kopf__links{display:flex;gap:2px}
.kopf__links a{text-decoration:none;font-size:15.5px;padding:8px 12px;border-radius:999px;color:var(--tinte)}
.kopf__links a:hover{background:var(--papier-2)}
.kopf__rechts{justify-self:end}
.marke{text-decoration:none;color:var(--blau);font-family:var(--sans);font-weight:700;font-size:30px;letter-spacing:-.025em;line-height:1;display:inline-flex;align-items:baseline;gap:5px;white-space:nowrap}
.marke i{font-family:var(--serif);font-style:italic;font-weight:400;font-size:1.08em;letter-spacing:0}
@media (max-width:820px){.kopf .in{grid-template-columns:auto 1fr;min-height:84px}.kopf__links{display:none}.marke{font-size:24px}}

/* Hero */
.hero{padding:clamp(40px,6vw,72px) 0 0;text-align:center;overflow:hidden}
.hero h1{max-width:920px;margin:10px auto 0}
.hero .lead{max-width:640px;margin:22px auto 0}
.faecher{position:relative;height:clamp(230px,30vw,330px);margin:clamp(28px,5vw,52px) auto 0;max-width:640px;overflow:hidden}
.karte-ad{position:absolute;top:12%;width:36%;aspect-ratio:4/5.4;border-radius:10px;padding:16px 14px;display:flex;flex-direction:column;justify-content:flex-end;gap:10px;text-align:left;
  box-shadow:0 20px 50px rgba(0,0,0,.22);color:#fff;overflow:hidden}
.karte-ad b{font-family:var(--serif);font-style:italic;font-weight:400;font-size:clamp(15px,2.6vw,27px);line-height:1.1}
.karte-ad i{font-style:normal;font-size:clamp(10px,1.2vw,13px);opacity:.85}
.karte-ad span{align-self:flex-start;background:var(--gelb);color:var(--tinte);font-size:clamp(9px,1vw,12px);font-weight:700;border-radius:999px;padding:5px 10px}
.karte-ad--1{left:2%;top:16%;background:linear-gradient(180deg,#5b6d64 0%,#2f3d36 100%);transform:rotate(-2deg)}
.karte-ad--2{left:50%;transform:translateX(-50%);top:0;width:40%;background:linear-gradient(180deg,#3a3a3d 0%,#141416 100%);z-index:2}
.karte-ad--3{right:2%;top:16%;background:linear-gradient(180deg,#b79a7f 0%,#6e5a48 100%);transform:rotate(2deg)}
.faecher::after{content:"";position:absolute;left:-10px;right:-10px;bottom:-1px;height:34%;background:linear-gradient(180deg,rgba(245,244,243,0),var(--papier) 90%);pointer-events:none;z-index:3}

/* Promise under the fan */
.versprechen{padding:0 0 clamp(56px,8vw,96px);text-align:center}
.versprechen h3{font-size:clamp(20px,2.4vw,23px)}
.versprechen .lead{max-width:760px;margin:6px auto 0}
.haken{list-style:none;padding:0;margin:var(--s4) auto 0;max-width:580px;display:grid;gap:18px;text-align:left}
.haken li{display:grid;grid-template-columns:36px 1fr;gap:14px;align-items:start}
.haken li b{display:block}
.haken li::before{content:"";width:36px;height:36px;border-radius:50%;background:var(--gelb) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Ccircle cx='18' cy='18' r='12.5' fill='none' stroke='%231E1E1E' stroke-width='2.2'/%3E%3Cpath d='m12.5 18.5 3.6 3.6 7.4-8' fill='none' stroke='%231E1E1E' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% no-repeat}

/* Problem with phone frame */
.problem .in{display:grid;gap:var(--s5);align-items:center}
@media (min-width:960px){.problem .in{grid-template-columns:400px 1fr;gap:clamp(40px,5vw,72px)}}
.handy{margin:0;justify-self:center;width:min(100%,400px);background:var(--schwarz);border-radius:44px;padding:12px;box-shadow:0 30px 70px rgba(0,0,0,.25)}
.handy__schirm{border-radius:34px;overflow:hidden;background:#d7d7d7;aspect-ratio:9/12.6;position:relative}
.handy__schirm img{width:100%;height:100%;object-fit:cover}
.handy__karte{position:absolute;left:12px;right:12px;bottom:12px;background:rgba(10,10,10,.82);backdrop-filter:blur(6px);border-radius:16px;padding:14px 16px;color:#fff}
.handy__karte b{display:block;font-size:17px;font-weight:500}
.handy__karte span{display:block;font-size:14px;color:#b8b8b8;margin-top:2px}
.problem h3{font-size:clamp(24px,3vw,32px);font-weight:500;letter-spacing:-.02em}
.kreuze{list-style:none;padding:0;margin:var(--s3) 0;display:grid;gap:8px}
.kreuze li{display:grid;grid-template-columns:22px 1fr;gap:10px;align-items:start}
.kreuze li::before{content:"";width:18px;height:18px;margin-top:5px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M3 3l12 12M15 3L3 15' stroke='%23E5322D' stroke-width='3.2' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat}
.kreuze b{font-weight:700}
.wahrheit-pille{display:inline-block;background:var(--gruen);color:var(--tinte);border-radius:999px;padding:8px 16px;font-size:16px;margin-top:6px}
.wahrheit-pille b{font-weight:700}

/* Peach gradient */
.pfirsich{position:relative;isolation:isolate;text-align:center;padding:clamp(64px,9vw,110px) 0}
.pfirsich::before{content:"";position:absolute;inset:0;z-index:-2;
  background:radial-gradient(60% 55% at 50% 50%,var(--pfirsich-3) 0%,var(--pfirsich-2) 38%,var(--pfirsich-1) 68%,var(--papier) 100%)}
.pfirsich::after{content:"";position:absolute;inset:0;z-index:-1;opacity:.32;mix-blend-mode:multiply;pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .5 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}
.pfirsich h2{max-width:900px;margin:0 auto}
.pfirsich .lead{max-width:640px;margin:18px auto 0}
.drei{display:grid;gap:14px;margin:var(--s5) 0 var(--s4);text-align:center}
@media (min-width:820px){.drei{grid-template-columns:repeat(3,1fr)}}
.drei .kachel{background:rgba(255,255,255,.55);border:1px solid rgba(255,255,255,.7);border-radius:18px;padding:28px 22px;display:flex;flex-direction:column;align-items:center;gap:12px;font-size:16.5px;line-height:1.45}
.drei .kachel svg{width:44px;height:44px;stroke:var(--tinte);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.drei .kachel b{font-weight:700}
.ergebnis-zeile{max-width:760px;margin:0 auto;font-size:17px}
.ergebnis-zeile b{font-weight:700}

/* The uncomfortable truth */
.markt h2{max-width:1100px}
.markt .zwei{display:grid;gap:var(--s5);margin-top:var(--s5);align-items:start}
@media (min-width:960px){.markt .zwei{grid-template-columns:400px 1fr;gap:clamp(40px,5vw,72px)}}
.bildkasten{border-radius:22px;background:linear-gradient(160deg,#dfe7e2,#b8c8c0);aspect-ratio:1;padding:24px;display:flex;flex-direction:column;justify-content:center;gap:14px;overflow:hidden}
.bildkasten .stapel{background:var(--weiss);border-radius:12px;padding:14px 16px;box-shadow:0 10px 30px rgba(0,0,0,.12);display:grid;gap:6px}
.bildkasten .stapel b{font-family:var(--serif);font-style:italic;font-weight:400;font-size:19px;line-height:1.15}
.bildkasten .stapel small{font-size:12.5px;color:var(--neben)}
.bildkasten .stapel .balken{height:7px;border-radius:4px;background:#e6e3df}
.bildkasten .stapel--dunkel{background:var(--tinte);color:#fff}
.bildkasten .stapel--dunkel small{color:#bdbdbd}
.bildkasten .stapel .gelb{display:inline-block;background:var(--gelb);color:var(--tinte);font-size:11.5px;font-weight:700;border-radius:999px;padding:4px 10px;justify-self:start}
.bildkasten .pfeil{align-self:center;width:20px;height:20px;stroke:var(--tinte);fill:none;stroke-width:2;opacity:.55}
.markt p b{font-weight:700}
.markt .optionen{margin:0 0 var(--s3)}

/* Your path: black accordion rows */
.weg{text-align:center}
.weg .lead{max-width:760px;margin:18px auto 0}
.zeilen{display:grid;gap:14px;margin-top:var(--s5);text-align:left}
.zeile{background:var(--tinte);color:#fff;border-radius:18px;overflow:hidden}
.zeile summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:52px 1fr 28px;align-items:center;gap:16px;padding:16px 22px 16px 16px;font-size:17px;font-weight:500}
.zeile summary::-webkit-details-marker{display:none}
.zeile .ikon{width:52px;height:52px;border-radius:12px;background:#333;display:inline-flex;align-items:center;justify-content:center}
.zeile .ikon svg{width:24px;height:24px;stroke:#fff;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.zeile summary .plus{width:26px;height:26px;border-radius:50%;border:1px solid rgba(255,255,255,.4);display:inline-flex;align-items:center;justify-content:center;transition:transform .2s}
.zeile summary .plus svg{width:12px;height:12px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round}
.zeile[open] summary .plus{transform:rotate(180deg)}
.zeile__body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}
.zeile[open] .zeile__body,.zeile.is-opening .zeile__body{grid-template-rows:1fr}
.zeile.is-closing .zeile__body{grid-template-rows:0fr}
.zeile__inner{overflow:hidden}
.zeile__inner>div{padding:0 22px 22px 84px;color:#d6d6d6;font-size:16px;line-height:1.55}
.zeile__inner .erg{margin-top:12px;color:#fff}
.zeile__inner .erg b{color:var(--gelb)}
@media (max-width:640px){.zeile__inner>div{padding-left:22px}}
@media (prefers-reduced-motion:reduce){.zeile__body{transition:none}}

/* The build (example artifacts) */
.aufbau{text-align:center}
.aufbau .lead{max-width:760px;margin:18px auto 0}
.fluss{display:grid;gap:16px;margin-top:var(--s5);text-align:left}
@media (min-width:900px){.fluss{grid-template-columns:1fr 1fr 1fr}}
.mock{background:var(--weiss);border-radius:18px;padding:20px;display:flex;flex-direction:column;gap:12px;box-shadow:0 10px 30px rgba(0,0,0,.06)}
.mock__kopf{font-size:13px;color:var(--neben);display:flex;justify-content:space-between;gap:10px}
.mock__anzeige{background:var(--tinte);color:#fff;border-radius:12px;padding:26px 22px;min-height:190px;display:flex;flex-direction:column;justify-content:flex-end;gap:10px}
.mock__anzeige b{font-family:var(--serif);font-style:italic;font-weight:400;font-size:25px;line-height:1.1}
.mock__anzeige i{font-style:normal;font-size:14.5px;color:#c9c9c9}
.mock__anzeige span{align-self:flex-start;font-size:12.5px;font-weight:700;background:var(--gelb);color:var(--tinte);border-radius:999px;padding:5px 12px}
.mock__seite,.mock__termin{border:1px solid var(--linie);border-radius:12px;padding:18px;background:var(--papier);display:grid;gap:8px;min-height:190px;align-content:start}
.mock__seite b,.mock__termin b{font-family:var(--serif);font-style:italic;font-weight:400;font-size:22px;line-height:1.15}
.mock__seite .balken{height:8px;border-radius:4px;background:#dedad5}
.mock__seite .balken--kurz{width:60%}
.mock__seite .pille{justify-self:start;margin-top:4px;padding:6px 14px 6px 6px;font-size:13px;gap:8px}
.mock__seite .pille__kreis{width:30px;height:30px}
.mock__seite .pille__kreis svg{width:13px;height:13px}
.mock__termin .slot{border:1px solid var(--linie);border-radius:10px;padding:8px 10px;font-size:14px;background:var(--weiss)}
.mock__termin .slot--aktiv{border-color:var(--gelb);background:#fff4dd;font-weight:700}
.mock p{margin:0;font-size:15px;color:var(--neben)}
.themen{list-style:none;padding:0;margin:var(--s4) 0 0;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.themen li{font-size:14.5px;background:var(--weiss);border:1px solid var(--linie);border-radius:999px;padding:7px 14px}

/* For whom */
.fuerwen{text-align:center}
.raster2{display:grid;gap:16px;margin-top:var(--s5);text-align:left}
@media (min-width:760px){.raster2{grid-template-columns:1fr 1fr}}
.kasten{background:var(--karte);border-radius:18px;padding:30px 28px}
.kasten h3{margin-bottom:14px}
.kasten ul{margin:0;padding:0;list-style:none;display:grid;gap:10px}
.kasten li{display:grid;grid-template-columns:22px 1fr;gap:10px;align-items:start;font-size:16.5px}
.kasten li::before{content:"";width:18px;height:18px;margin-top:5px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Ccircle cx='9' cy='9' r='8' fill='%23F9B039'/%3E%3Cpath d='m5.5 9.3 2.4 2.4 4.8-5' fill='none' stroke='%231E1E1E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
.kasten--nicht li::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M3 3l12 12M15 3L3 15' stroke='%23E5322D' stroke-width='3.2' stroke-linecap='round'/%3E%3C/svg%3E")}

/* Process: four grey cards */
.ablauf{text-align:center}
.schritte{list-style:none;padding:0;margin:var(--s5) 0 0;display:grid;gap:12px;text-align:left}
@media (min-width:700px){.schritte{grid-template-columns:1fr 1fr}}
@media (min-width:1040px){.schritte{grid-template-columns:repeat(4,1fr)}}
.schritt{background:var(--karte);border-radius:18px;padding:30px 22px 28px;display:flex;flex-direction:column;gap:14px}
.schritt .tag{align-self:flex-start;background:var(--gelb);color:var(--tinte);font-size:12.5px;font-weight:700;border-radius:999px;padding:5px 11px}
.schritt h3{font-size:clamp(21px,2.4vw,25px);font-weight:500;letter-spacing:-.02em;line-height:1.15}
.schritt p{margin:0;color:#3f3d3a;font-size:16px}
.schritt .erg{margin-top:auto}
.schritt .erg b{display:block;color:var(--tinte);font-weight:700;margin-bottom:2px}

/* Who is behind it */
.ueber{text-align:center}
.ueber .lead{max-width:720px;margin:18px auto 0}
.ueber p{max-width:720px;margin-left:auto;margin-right:auto}
.signatur{font-family:var(--serif);font-style:italic;font-size:28px;margin-top:var(--s3)}
.signatur small{display:block;font-family:var(--sans);font-style:normal;font-size:14.5px;color:var(--neben);margin-top:4px}

/* FAQ */
.faq .in{display:grid;gap:var(--s4)}
@media (min-width:900px){.faq .in{grid-template-columns:1fr 1.6fr;gap:clamp(40px,5vw,72px);align-items:start}}
.qa{border-top:1px solid var(--linie)}
.qa:last-child{border-bottom:1px solid var(--linie)}
.qa summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:64px 1fr 28px;align-items:center;gap:12px;padding:24px 0;font-size:clamp(17px,2vw,19px);line-height:1.35}
.qa summary::-webkit-details-marker{display:none}
.qa summary .nr{font-family:var(--serif);font-style:italic;font-size:19px}
.qa summary svg{width:22px;height:22px;stroke:var(--tinte);fill:none;stroke-width:1.6;transition:transform .2s;justify-self:end}
.qa[open] summary svg{transform:rotate(45deg)}
.qa__body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}
.qa[open] .qa__body,.qa.is-opening .qa__body{grid-template-rows:1fr}
.qa.is-closing .qa__body{grid-template-rows:0fr}
.qa__inner{overflow:hidden;padding-left:76px}
.qa__inner p{padding-bottom:24px;margin:0;color:#3f3d3a}
@media (max-width:560px){.qa summary{grid-template-columns:1fr 28px}.qa summary .nr{display:none}.qa__inner{padding-left:0}}
@media (prefers-reduced-motion:reduce){.qa__body{transition:none}}

/* Intro call / form */
.termin .in{display:grid;gap:var(--s5)}
@media (min-width:960px){.termin .in{grid-template-columns:1fr 1.1fr;gap:clamp(40px,5vw,72px);align-items:start}}
.termin__punkte{list-style:none;padding:0;margin:var(--s3) 0 0;display:grid;gap:12px}
.termin__punkte li{display:grid;grid-template-columns:22px 1fr;gap:10px;align-items:start}
.termin__punkte li::before{content:"";width:18px;height:18px;margin-top:5px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Ccircle cx='9' cy='9' r='8' fill='%23F9B039'/%3E%3Cpath d='m5.5 9.3 2.4 2.4 4.8-5' fill='none' stroke='%231E1E1E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
.formular{background:var(--weiss);border-radius:22px;padding:clamp(22px,4vw,36px);box-shadow:0 20px 50px rgba(0,0,0,.08)}
.formular h3{margin-bottom:6px}
.formular .neben{margin-bottom:var(--s3)}
.felder{display:grid;gap:14px}
@media (min-width:560px){.felder{grid-template-columns:1fr 1fr}.felder .voll{grid-column:1/-1}}
.feld{display:grid;gap:6px}
.feld label{font-size:14px;font-weight:700}
.feld input,.feld select,.feld textarea{font:inherit;font-size:16px;padding:13px 16px;border:1px solid var(--linie);border-radius:12px;background:var(--papier);color:var(--tinte);width:100%}
.feld textarea{min-height:96px;resize:vertical}
.feld input:focus,.feld select:focus,.feld textarea:focus{border-color:var(--tinte);outline:none;background:#fff}
.honig{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.formular button.pille{width:100%;margin-top:8px;font-size:17px;padding:8px 26px 8px 8px;min-height:62px;justify-content:flex-start}
.formular button.pille .pille__kreis{position:static;transform:none}
.formular button.pille .pille__text{flex:1;text-align:center;padding-right:44px}
.formular .klein{margin:12px 0 0;color:var(--neben)}
.formular__danke{display:grid;gap:10px;padding:10px 0}
.formular__danke b{font-family:var(--serif);font-style:italic;font-weight:400;font-size:30px}
.formular__fehler{color:#9B1C1C;font-size:15px;margin:10px 0 0}
.kalender{margin-top:var(--s3)}
.kalender__gate{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.calendly-inline-widget{min-width:280px;height:680px;border-radius:12px;overflow:hidden;background:#fff}

/* Footer: black rounded box */
.fuss{padding:0 clamp(10px,1.5vw,18px) clamp(10px,1.5vw,18px)}
.fuss__kasten{background:var(--schwarz);color:#fff;border-radius:28px;padding:clamp(40px,6vw,76px) clamp(24px,5vw,60px) 40px;display:grid;gap:var(--s5)}
@media (min-width:900px){.fuss__kasten{grid-template-columns:1.1fr 1fr;column-gap:clamp(40px,6vw,90px)}}
.fuss h2{color:#fff;font-family:var(--sans);font-style:normal;font-weight:500;font-size:clamp(34px,4.4vw,52px);line-height:1.08;letter-spacing:-.02em}
.fuss h2 .kursiv{display:block;font-size:1.02em}
.fuss h2 a{text-decoration:none;word-break:break-all}
.fuss h2 a:hover{text-decoration:underline;text-underline-offset:6px}
.fuss p{color:#bdbdbd;max-width:440px;margin:18px 0 0;font-size:16px}
.fuss .pille--linie{margin-top:26px;color:#fff}
.fuss__links{list-style:none;margin:0;padding:0}
.fuss__links li{border-top:1px solid rgba(255,255,255,.7)}
.fuss__links li:last-child{border-bottom:1px solid rgba(255,255,255,.7)}
.fuss__links a{display:flex;align-items:center;gap:6px;padding:13px 0;text-decoration:none;font-size:17px}
.fuss__links a i{font-family:var(--serif);font-style:italic;font-size:12px;color:#bdbdbd}
.fuss__links a svg{margin-left:auto;width:18px;height:18px;stroke:#fff;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.fuss__unten{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px 24px;justify-content:space-between;align-items:center;font-size:13.5px;color:#bdbdbd;margin-top:var(--s4)}
.fuss__unten a{color:#fff;text-decoration:none}
.fuss__unten a:hover{text-decoration:underline}

/* Sticky bar, mobile */
.leiste{position:fixed;left:0;right:0;bottom:0;z-index:70;background:rgba(8,8,8,.94);color:#fff;
  padding:10px var(--rand) calc(10px + env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-between;gap:12px;
  transform:translateY(110%);transition:transform .25s ease}
.leiste.is-in{transform:translateY(0)}
.leiste span{font-size:14px;line-height:1.3;color:#bdbdbd}
.leiste .pille{flex:none}
@media (min-width:900px){.leiste{display:none}}
@media (prefers-reduced-motion:reduce){.leiste{transition:none}}

/* Legal pages */
.prose{max-width:var(--spalte);margin:0 auto;padding:clamp(40px,6vw,72px) var(--rand)}
.prose h1{font-size:clamp(34px,4.5vw,52px);margin-bottom:var(--s3)}
.prose h2{font-family:var(--sans);font-style:normal;font-weight:700;font-size:20px;margin:var(--s4) 0 var(--s2)}
.prose ul{padding-left:22px}
.prose li{margin-bottom:8px}
.prose a{color:var(--blau)}
.todo{display:inline-block;font-size:11.5px;letter-spacing:.08em;font-weight:700;background:#FFE7B8;color:#7a4b00;border:1px solid #F1C15A;border-radius:4px;padding:1px 6px;vertical-align:middle}

/* Reveal */
.reveal{opacity:0;transform:translateY(10px);transition:opacity .5s ease,transform .5s ease}
.reveal.is-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}

@media (max-width:480px){.formular button.pille .pille__text{padding-right:0}}

/* Hero fan: three Google Search ad mockups (RSA look), HTML/CSS only, no images. */
.faecher{height:clamp(250px,34vw,360px)}
.rsa{position:absolute;top:14%;width:44%;background:var(--weiss);border-radius:12px;padding:14px 14px 16px;text-align:left;display:grid;gap:5px;
  box-shadow:0 20px 50px rgba(0,0,0,.18);color:#202124;font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;overflow:hidden}
.rsa--1{left:0;transform:rotate(-2.5deg)}
.rsa--2{left:50%;transform:translateX(-50%);top:0;width:48%;z-index:2}
.rsa--3{right:0;transform:rotate(2.5deg)}
.rsa__tag{font-size:clamp(9px,1.3vw,12.5px);font-weight:700;color:#202124}
.rsa__src{display:flex;align-items:center;gap:7px;font-size:clamp(9px,1.25vw,12px);color:#202124;line-height:1.2;min-width:0}
.rsa__src i{flex:none;width:clamp(14px,2.2vw,22px);height:clamp(14px,2.2vw,22px);border-radius:50%;background:#e8eaed;display:inline-flex;align-items:center;justify-content:center;font-style:normal;font-weight:700;font-size:clamp(7px,1vw,10px);color:#3c4043}
.rsa__src b{font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rsa__src small{display:block;color:#5f6368;font-size:.92em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rsa__h{color:#1a0dab;font-size:clamp(11px,1.7vw,16.5px);line-height:1.25;font-weight:400;margin-top:2px}
.rsa__d{color:#4d5156;font-size:clamp(9px,1.25vw,12.5px);line-height:1.4}
@media (max-width:560px){.rsa{width:52%;padding:10px 10px 12px}.rsa--1{left:0}.rsa--3{right:0}.rsa--2{width:58%}}


/* What you get each month: monthly report page, RSA draft, landing-page note. */
.mock__rsa{border:1px solid var(--linie);border-radius:12px;padding:16px;background:var(--weiss);min-height:190px;display:grid;gap:5px;align-content:start;text-align:left;color:#202124;font-family:Arial,"Helvetica Neue",Helvetica,sans-serif}
.mock__rsa .rsa__h{font-size:16.5px}
.mock__rsa .rsa__d,.mock__rsa .rsa__src,.mock__rsa .rsa__tag{font-size:12.5px}
.mock__rsa .rsa__src i{width:20px;height:20px;font-size:9px}
.mock__rsa .r-mark{display:inline-block;font-size:11px;font-weight:700;background:var(--gelb);border-radius:999px;padding:3px 9px;justify-self:start;margin-top:6px;font-family:var(--sans)}
.mock__lp{border:1px solid var(--linie);border-radius:12px;padding:18px;background:var(--papier);display:grid;gap:8px;min-height:190px;align-content:start;text-align:left}
.mock__lp b{font-family:var(--serif);font-style:italic;font-weight:400;font-size:20px;line-height:1.15}
.mock__lp .balken{height:8px;border-radius:4px;background:#dedad5}
.mock__lp .balken--kurz{width:60%}
.mock__lp .hinweis{margin-top:6px;background:#fff4dd;border:1px solid var(--gelb);border-radius:10px;padding:10px 12px;font-size:13.5px;line-height:1.4}
.mock__lp .hinweis small{display:block;font-weight:700;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#7a4b00;margin-bottom:3px}

/* Pricing: three rungs, the middle one recommended, the third deliberately plain. */
.preise{text-align:center}
.preise .lead{max-width:760px;margin:18px auto 0}
.stufen{display:grid;gap:16px;margin-top:var(--s5);text-align:left;align-items:stretch}
@media (min-width:900px){.stufen{grid-template-columns:repeat(3,1fr)}}
.stufe{background:var(--weiss);border:1px solid var(--linie);border-radius:22px;padding:30px 26px 28px;display:flex;flex-direction:column;gap:14px;position:relative}
.stufe--empf{border:2px solid var(--tinte);box-shadow:0 20px 50px rgba(0,0,0,.08)}
.stufe .badge{position:absolute;top:-14px;left:26px;background:var(--gelb);color:var(--tinte);font-size:12.5px;font-weight:700;border-radius:999px;padding:6px 12px}
.stufe h3{font-size:clamp(22px,2.4vw,26px);font-weight:500;letter-spacing:-.02em}
.stufe .preis{font-family:var(--serif);font-style:italic;font-size:clamp(38px,4vw,48px);line-height:1;letter-spacing:-.01em}
.stufe .preis small{font-family:var(--sans);font-style:normal;font-size:15px;color:var(--neben);margin-left:4px}
.stufe .band{font-size:14.5px;color:var(--neben);display:grid;gap:3px;border-top:1px solid var(--linie);border-bottom:1px solid var(--linie);padding:12px 0}
.stufe .band b{color:var(--tinte);font-weight:700}
.stufe ul{margin:0;padding:0;list-style:none;display:grid;gap:9px;font-size:15.5px;line-height:1.45}
.stufe li{display:grid;grid-template-columns:20px 1fr;gap:9px;align-items:start}
.stufe li::before{content:"";width:16px;height:16px;margin-top:4px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Ccircle cx='9' cy='9' r='8' fill='%23F9B039'/%3E%3Cpath d='m5.5 9.3 2.4 2.4 4.8-5' fill='none' stroke='%231E1E1E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
.stufe li.plus{font-weight:700}
.stufe .cap{margin-top:auto;font-size:14px;color:var(--neben);padding-top:6px}
.stufe .cap b{color:var(--tinte)}
.stufe .pille{align-self:flex-start;margin-top:6px}
.stufe--still{background:var(--papier-2);border-color:transparent}
/* One account, one month: the story card before the price; exclusivity line; risk reversal under each rung button. */
.fall{text-align:center}
.fall__karte{max-width:760px;margin:var(--s4) auto 0;background:var(--weiss);border:1px solid var(--linie);border-radius:22px;padding:30px 28px;text-align:left}
.fall__text{margin:0;font-size:18px;line-height:1.55}
.fall__text b{font-weight:700}
.fall__quelle{margin:14px 0 0;font-size:14px;color:var(--neben);line-height:1.5}
.fall__strip{max-width:760px;margin:var(--s3) auto 0;font-size:15.5px;color:var(--neben)}
.fall__strip b{color:var(--tinte)}
.preise__exklusiv{max-width:760px;margin:14px auto 0;font-size:15.5px;color:var(--neben)}
.preise__exklusiv b{color:var(--tinte)}
.stufe__garantie{margin:0;font-size:13.5px;line-height:1.45;color:var(--neben)}
.faecher__note{margin:14px 0 0;font-size:13px;color:var(--neben);text-align:center}
.stufe--still .preis{font-size:clamp(32px,3.4vw,40px)}
.preise__regeln{max-width:820px;margin:var(--s4) auto 0;font-size:15px;color:var(--neben);text-align:center;line-height:1.55}
.preise__regeln b{color:var(--tinte)}
.nichtliste{list-style:none;padding:0;margin:var(--s4) auto 0;max-width:820px;display:grid;gap:8px;text-align:left}
@media (min-width:700px){.nichtliste{grid-template-columns:1fr 1fr}}
.nichtliste li{display:grid;grid-template-columns:22px 1fr;gap:10px;align-items:start;font-size:15.5px;background:var(--weiss);border:1px solid var(--linie);border-radius:12px;padding:12px 14px}
.nichtliste li::before{content:"";width:16px;height:16px;margin-top:4px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M3 3l12 12M15 3L3 15' stroke='%23E5322D' stroke-width='3.2' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat}

/* Front door: what we see from outside. */
.aussen .fluss{grid-template-columns:1fr}
@media (min-width:900px){.aussen .fluss{grid-template-columns:1fr 1fr}}
.mock__liste{border:1px solid var(--linie);border-radius:12px;padding:16px;background:var(--weiss);min-height:190px;display:grid;gap:0;align-content:start;text-align:left;font-size:14px}
.mock__liste .l-kopf{display:grid;grid-template-columns:1fr auto auto;gap:12px;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--neben);padding-bottom:8px;border-bottom:1px solid var(--linie)}
.mock__liste .l-z{display:grid;grid-template-columns:1fr auto auto;gap:12px;padding:8px 0;border-bottom:1px solid var(--linie)}
.mock__liste .l-z:last-child{border-bottom:0}
.mock__liste .l-z b{font-weight:500}
.mock__liste .l-z .l-you{background:var(--gelb);border-radius:999px;padding:1px 8px;font-size:11.5px;font-weight:700}
.mock__liste .l-z small{color:var(--neben)}
.nichtsehen{margin-top:var(--s4);background:var(--tinte);color:#fff;border-radius:18px;padding:26px 28px;text-align:left;display:grid;gap:10px}
@media (min-width:760px){.nichtsehen{grid-template-columns:1fr 1.4fr;gap:24px;align-items:start}}
.nichtsehen h3{color:#fff;font-size:20px}
.nichtsehen ul{margin:0;padding:0;list-style:none;display:grid;gap:8px;color:#d6d6d6;font-size:15.5px}
.nichtsehen li{display:grid;grid-template-columns:20px 1fr;gap:9px;align-items:start}
.nichtsehen li::before{content:"";width:16px;height:16px;margin-top:4px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M3 3l12 12M15 3L3 15' stroke='%23F9B039' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat}
.nichtsehen p{margin:8px 0 0;color:#bdbdbd;font-size:14.5px}

/* Legal pages: a plain table for the ladder terms and the visible placeholder. */
.prose table{width:100%;border-collapse:collapse;font-size:15.5px;margin:0 0 var(--s3)}
.prose th,.prose td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--linie);vertical-align:top}
.prose th{font-weight:700;font-size:14px}
.prose .stand{color:var(--neben);font-size:14.5px}
.prose .tabelle{overflow-x:auto}

/* Monthly report mock: a paper page, four labeled rows, the senior's signature. */
.mock__bericht{background:var(--weiss);border:1px solid var(--linie);border-radius:12px;padding:18px 18px 16px;min-height:190px;display:grid;gap:9px;align-content:start;text-align:left;font-size:13.5px;line-height:1.45}
.mock__bericht .b-kopf{font-size:11.5px;color:var(--neben);letter-spacing:.02em}
.mock__bericht b{font-family:var(--serif);font-style:italic;font-weight:400;font-size:20px;line-height:1.15;margin-bottom:2px}
.mock__bericht .b-z{display:grid;grid-template-columns:64px 1fr;gap:10px;border-top:1px solid var(--linie);padding-top:7px}
.mock__bericht .b-k{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--neben);padding-top:2px}
.mock__bericht .b-sig{font-family:var(--serif);font-style:italic;font-size:17px;margin-top:4px;color:var(--tinte)}

/* Language switch: one small text link beside the header pill and in the footer line. */
.kopf__rechts{display:flex;align-items:center;gap:14px}
.lang{font-size:14px;color:var(--neben);text-decoration:none;white-space:nowrap;letter-spacing:.02em}
.lang b{color:var(--tinte);font-weight:700}
.lang:hover{color:var(--tinte)}
@media (max-width:480px){.lang{display:none}}
@media (max-width:560px){.prose table{font-size:12.5px}.prose th,.prose td{padding:7px 5px}.prose th{font-size:12px}}

/* Cost-stack board: before/after. Default state is the END state so the layout is
   correct without JS; main.js arms it (.is-armed) and plays it once on scroll-in (.is-in). */
.markt{text-align:center}
.markt h2{margin-left:auto;margin-right:auto}
.markt__anker{max-width:760px;margin:18px auto 0;color:var(--neben)}
.board{display:grid;gap:12px;margin-top:var(--s5);text-align:left;align-items:start}
@media (min-width:900px){.board{grid-template-columns:1fr 52px 1fr;gap:0}}
.board__panel{border-radius:22px;padding:clamp(20px,3vw,30px);position:relative}
.board__panel--agentur{background:var(--papier-2)}
.board__panel--hier{background:var(--weiss);border:1px solid var(--linie);box-shadow:0 20px 50px rgba(0,0,0,.06)}
.board__titel{font-family:var(--sans);font-weight:700;font-size:15px;letter-spacing:-.01em;margin:0 0 16px;color:var(--tinte)}
.board__panel--agentur .board__titel{color:var(--neben)}
.board__raster{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.rolle{position:relative;background:var(--weiss);border-radius:12px;padding:13px 14px 12px;display:grid;gap:3px;font-size:14.5px;line-height:1.3}
.rolle b{font-weight:700;color:var(--tinte)}
.rolle span{font-size:13px;color:var(--neben)}
.rolle--weg::after{content:"";position:absolute;left:12px;right:12px;top:22px;height:2px;border-radius:2px;background:var(--rot);transform-origin:left center}
.rolle--weg b{color:#8f8983}
.rolle--weg span{color:#a9a39c}
.rolle--senior{grid-column:1/-1;background:transparent;border:1px dashed #a9a39c;grid-template-columns:auto 1fr;align-items:baseline;gap:8px;padding:10px 14px}
.rolle--senior span{font-style:italic;font-family:var(--serif);font-size:15px}
.board__bruecke{display:flex;align-items:center;justify-content:center;color:var(--neben);min-height:28px;align-self:center}
.board__bruecke svg{width:28px;height:28px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transform:rotate(90deg)}
@media (min-width:900px){.board__bruecke svg{transform:none}}
.board__hier{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.hier{border-radius:12px;padding:14px;display:grid;gap:4px;font-size:14.5px;line-height:1.3;background:var(--papier);border:1px solid var(--linie);align-content:start}
.hier b{font-weight:700}
.hier span{font-size:13px;color:var(--neben)}
.hier--senior{grid-column:1/-1;background:var(--tinte);color:#fff;border-color:var(--tinte);grid-template-columns:56px 1fr;column-gap:14px;row-gap:2px;align-items:center;padding:14px 16px}
.hier--senior img{width:56px;height:56px;border-radius:50%;object-fit:cover;grid-row:1/3}
.hier--senior b{font-size:17px;font-weight:500;align-self:end}
.hier--senior span{color:var(--gelb);font-weight:700;align-self:start}
.geister{list-style:none;padding:0;margin:4px 0 0;grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
@media (max-width:560px){.geister{grid-template-columns:1fr 1fr}}
.geist{border:1px dashed var(--linie);border-radius:10px;padding:8px 10px;font-size:12.5px;line-height:1.3;display:grid;gap:1px}
.geist b{font-weight:500;color:#a9a39c;text-decoration:line-through;text-decoration-color:var(--rot);text-decoration-thickness:1.5px}
.geist span{font-weight:700;color:var(--tinte);font-size:12px}
.board__marke{position:absolute;top:-15px;right:22px;background:var(--gelb);color:var(--tinte);font-size:13px;font-weight:700;border-radius:999px;padding:7px 13px;box-shadow:0 6px 18px rgba(249,176,57,.35);white-space:nowrap}
.markt__caption{max-width:760px;margin:var(--s3) auto 0;color:var(--neben);font-size:15.5px}
.optionen2{display:grid;gap:10px;max-width:760px;margin:var(--s4) auto 0;text-align:left}
@media (min-width:640px){.optionen2{grid-template-columns:1fr 1fr}}
.option{border:1px solid var(--linie);border-radius:14px;padding:14px 16px;display:grid;gap:3px;font-size:15.5px;background:var(--papier-2)}
.option b{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--neben)}
.option--hier{background:var(--weiss);border-color:var(--tinte)}
.option--hier b{color:var(--tinte)}
.markt__schluss{margin:var(--s3) 0 0}
.markt .cta{align-items:center}

/* Armed state: initial positions. Only set when JS runs and motion is allowed. */
.board.is-armed .rolle{opacity:0;transform:translateY(10px)}
.board.is-armed .rolle--weg::after{transform:scaleX(0)}
.board.is-armed .rolle--weg b{color:var(--tinte)}
.board.is-armed .rolle--weg span{color:var(--neben)}
.board.is-armed .hier{opacity:0;transform:translateX(24px)}
.board.is-armed .geist{opacity:0}
.board.is-armed .board__marke{opacity:0;transform:translateY(8px) scale(.7)}
/* Playing: agency tiles stagger in, the six roles get crossed out one after another while their
   ghosts appear on the right, then the three "here" tiles slide in, then the price mark lands. */
.board.is-armed.is-in .rolle{opacity:1;transform:none;transition:opacity .45s cubic-bezier(.16,1,.3,1),transform .45s cubic-bezier(.16,1,.3,1);transition-delay:calc(var(--i) * 60ms)}
.board.is-armed.is-in .rolle--weg::after{transform:scaleX(1);transition:transform .32s cubic-bezier(.16,1,.3,1);transition-delay:calc(620ms + var(--i) * 120ms)}
.board.is-armed.is-in .rolle--weg b{color:#8f8983;transition:color .3s;transition-delay:calc(620ms + var(--i) * 120ms)}
.board.is-armed.is-in .rolle--weg span{color:#a9a39c;transition:color .3s;transition-delay:calc(620ms + var(--i) * 120ms)}
.board.is-armed.is-in .geist{opacity:1;transition:opacity .35s;transition-delay:calc(680ms + var(--i) * 120ms)}
.board.is-armed.is-in .hier{opacity:1;transform:none;transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1);transition-delay:calc(1450ms + var(--i) * 150ms)}
.board.is-armed.is-in .board__marke{opacity:1;transform:none;transition:opacity .3s,transform .5s cubic-bezier(.16,1,.3,1);transition-delay:1950ms}
@media (prefers-reduced-motion:reduce){.board.is-armed .rolle,.board.is-armed .hier,.board.is-armed .geist,.board.is-armed .board__marke{opacity:1;transform:none}.board.is-armed .rolle--weg::after{transform:none}}

/* Google Partner badge: image served by Google (guideline), links to the public profile */
.partner{margin-top:var(--s4);display:flex;flex-direction:column;align-items:center;gap:6px}
.partner__link{display:inline-block;line-height:0}
.partner img{width:120px;height:120px}
.partner__text{font-size:14px;color:var(--neben);max-width:420px}
.fuss__partner{display:flex;align-items:center;gap:14px;margin-top:var(--s4);font-size:13.5px;color:var(--neben)}
.fuss__partner img{width:72px;height:72px}