:root{
  --kreide:#EDEEE9;
  --kreide-hell:#F7F8F4;
  --graphit:#17191C;
  --graphit-2:#25292D;
  --stein:#5B6064;
  --linie:#CBCEC7;
  --rot:#D7262E;
  --rot-tief:#B11D24;
  --gelb:#F2C230;
  --gruen:#1F8A4F;
  --beige:#D9C5A3;
  --display:"Big Shoulders Display","Arial Narrow","Roboto Condensed",sans-serif;
  --text:"Hanken Grotesk",system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:"DM Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --gutter:clamp(16px,4vw,40px);
  --abstand:clamp(72px,10vw,132px);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--kreide);color:var(--graphit);font:400 1.0625rem/1.6 var(--text);overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit}
:focus-visible{outline:3px solid var(--rot);outline-offset:3px;border-radius:4px}
.wrap{width:min(1200px,100% - 2*var(--gutter));margin-inline:auto}
.sektion{padding-block:var(--abstand)}
.sektion--eng{padding-block:clamp(48px,6vw,80px)}
.eyebrow{font-family:var(--mono);font-size:.78rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--stein);margin:0 0 1.1rem}
.h2{font-family:var(--display);font-weight:800;text-transform:uppercase;font-size:clamp(2.5rem,5.8vw,4.8rem);line-height:.9;letter-spacing:.004em;margin:0 0 .45em;max-width:16ch}
.lead{font-size:clamp(1.08rem,1.5vw,1.22rem);max-width:38em;margin:0}
.quelle{font-family:var(--mono);font-size:.72rem;letter-spacing:.02em;color:var(--stein)}
.quelle a{text-decoration-color:var(--linie);text-underline-offset:2px}
.quelle a:hover{text-decoration-color:var(--rot)}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55em;padding:.95em 1.45em;border-radius:999px;font:700 1rem/1.1 var(--text);text-decoration:none;border:2px solid transparent;cursor:pointer;transition:background-color .2s,color .2s,border-color .2s,transform .2s}
.btn--rot{background:var(--rot);color:#fff}
.btn--rot:hover{background:var(--rot-tief)}
.btn--linie{border-color:var(--graphit);color:var(--graphit);background:transparent}
.btn--linie:hover{background:var(--graphit);color:var(--kreide)}
.btn--klein{padding:.7em 1.1em;font-size:.92rem}
.pfeil{display:inline-block;transition:transform .2s}
.btn:hover .pfeil{transform:translateX(3px)}

/* Demo-Leiste */

/* Navigation */
.nav{position:sticky;top:0;z-index:20;background:rgba(237,238,233,.92);backdrop-filter:saturate(140%) blur(8px);-webkit-backdrop-filter:saturate(140%) blur(8px);border-bottom:1px solid var(--linie)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;min-height:68px}
.am-stueck{white-space:nowrap}
.marke{display:inline-flex;align-items:center;gap:.6rem;white-space:nowrap;text-decoration:none;font-family:var(--display);font-weight:900;font-size:1.65rem;letter-spacing:.02em;text-transform:uppercase;line-height:1}
.marke__band{width:34px;height:9px;border-radius:9px;background:var(--rot);box-shadow:inset 0 -2px 0 rgba(0,0,0,.18)}
.nav__links{display:flex;gap:1.6rem;list-style:none;margin:0;padding:0;font-weight:600;font-size:.96rem}
.nav__links a{text-decoration:none;padding:.3em 0;border-bottom:2px solid transparent}
.nav__links a:hover{border-bottom-color:var(--rot)}
.nav__cta .kurz{display:none}

/* Hero */
.hero{padding-top:clamp(28px,5vw,64px);padding-bottom:clamp(56px,8vw,104px)}
.hero__grid{display:grid;grid-template-columns:minmax(0,1.38fr) minmax(0,.82fr);gap:clamp(28px,4vw,72px);align-items:end}
.hero h1{font-family:var(--display);font-weight:900;text-transform:uppercase;font-size:clamp(4.1rem,10.4vw,9.8rem);line-height:.85;letter-spacing:-.004em;margin:.1em 0 0}
.hero h1 span{display:block}
.hero__zug{color:var(--rot);display:inline-block !important;margin-top:.1em;transform-origin:left 70%;transition:transform .4s cubic-bezier(.2,1.7,.45,1)}
.hero__zug.gezogen{transform:scaleX(1.04)}
.band{height:clamp(70px,9vw,104px);margin-top:-.2rem;position:relative}
.band svg{width:100%;height:100%;display:block;overflow:visible;cursor:grab}
.band svg:active{cursor:grabbing}
.hero__lead{font-size:clamp(1.1rem,1.55vw,1.3rem);max-width:33em;margin:.1rem 0 1.6rem}
.hero__aktionen{display:flex;flex-wrap:wrap;gap:.8rem;margin-bottom:1.6rem}
.hero__beleg{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem 1.4rem;font-family:var(--mono);font-size:.78rem;letter-spacing:.03em;color:var(--stein)}
.hero__beleg li{display:flex;align-items:center;gap:.5rem}
.hero__beleg li::before{content:"";width:14px;height:5px;border-radius:5px;background:var(--rot);flex:none}
.hero__bild{position:relative;align-self:end;display:flex;justify-content:center;align-items:flex-end;padding-top:clamp(8px,2vw,24px)}
.hero__panel{position:absolute;left:0;right:0;bottom:0;height:80%;background:var(--rot);border-radius:20px 20px 8px 8px;box-shadow:inset 0 -12px 0 rgba(0,0,0,.12)}
.hero__paddy{position:relative;width:94%;height:auto;filter:drop-shadow(0 22px 26px rgba(23,25,28,.28))}
.termin{position:absolute;left:clamp(-28px,-2vw,-12px);bottom:32px;background:var(--graphit);color:var(--kreide);font-family:var(--mono);border-radius:6px;padding:.85rem 1rem .9rem;box-shadow:0 18px 40px -18px rgba(23,25,28,.55);min-width:178px}
.termin__tag{display:block;font-size:.74rem;letter-spacing:.1em;color:#B7BBB4;margin-bottom:.35rem}
.termin__was{display:block;font-family:var(--display);font-size:1.7rem;font-weight:800;letter-spacing:.02em;text-transform:uppercase;line-height:1}
.termin__dauer{display:flex;align-items:center;gap:.5rem;margin-top:.55rem;font-size:.72rem;color:#B7BBB4}
.termin__dauer i{display:block;width:62px;height:5px;border-radius:5px;background:var(--rot)}

/* Statement */
.statement{border-top:1px solid var(--linie)}
.statement__zeile{font-family:var(--display);font-weight:900;text-transform:uppercase;font-size:clamp(3.2rem,9vw,8rem);line-height:.86;margin:0}
.durch{position:relative;display:inline-block;color:var(--stein)}
.durch::after{content:"";position:absolute;left:-2%;right:-2%;top:52%;height:.13em;border-radius:1em;background:var(--rot);transform:rotate(-2.5deg) scaleX(0);transform-origin:left;transition:transform .7s cubic-bezier(.3,1.4,.5,1)}
.statement.sichtbar .durch::after{transform:rotate(-2.5deg) scaleX(1)}
.statement__unter{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr);gap:clamp(24px,4vw,64px);margin-top:clamp(32px,5vw,56px);align-items:start}
.vergleich{width:100%;border-collapse:collapse;font-size:.98rem}
.vergleich caption{text-align:left;font-family:var(--mono);font-size:.74rem;letter-spacing:.06em;text-transform:uppercase;color:var(--stein);padding-bottom:.8rem}
.vergleich th,.vergleich td{text-align:left;vertical-align:top;padding:.85rem .9rem;border-bottom:1px solid var(--linie)}
.vergleich thead th{font-family:var(--display);font-weight:800;font-size:1.35rem;text-transform:uppercase;letter-spacing:.02em;border-bottom:2px solid var(--graphit)}
.vergleich tbody th{font-family:var(--mono);font-weight:500;font-size:.74rem;letter-spacing:.06em;text-transform:uppercase;color:var(--stein);width:22%}
.vergleich .wir{background:var(--kreide-hell)}
.vergleich thead .wir{position:relative;color:var(--rot)}
.vergleich thead .wir::before{content:"";position:absolute;left:.9rem;right:.9rem;top:0;height:6px;border-radius:6px;background:var(--rot)}

/* Power-Tag */
.tag{background:var(--kreide-hell);border-block:1px solid var(--linie)}
/* Leitsaetze */
.leitsaetze{list-style:none;margin:clamp(28px,4vw,48px) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 clamp(24px,4vw,56px)}
.leitsaetze li{padding:1.5rem 0 1.6rem;border-top:1px solid var(--linie)}
.leitsaetze strong{display:block;font-family:var(--display);font-weight:800;text-transform:uppercase;font-size:clamp(1.9rem,3.2vw,2.6rem);line-height:.95;letter-spacing:.01em;margin-bottom:.5rem}
.leitsaetze strong::before{content:"";display:inline-block;width:.9em;height:.24em;border-radius:1em;background:var(--rot);margin-right:.35em;vertical-align:.18em}
.leitsaetze p{margin:0;max-width:34em;color:var(--graphit-2)}

/* Pakete */
.pakete__kopf{display:flex;justify-content:space-between;align-items:end;gap:2rem;flex-wrap:wrap}
.pakete__kopf .lead{max-width:30em}
.karten{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem;margin-top:clamp(28px,4vw,48px);align-items:stretch}
.karte--mitte{border-color:var(--graphit);box-shadow:0 26px 60px -36px rgba(23,25,28,.55)}
.karte{position:relative;display:flex;flex-direction:column;background:var(--kreide-hell);border:1px solid var(--linie);border-radius:10px;padding:0 1.35rem 1.4rem;overflow:hidden}
.karte__band{height:16px;margin:0 -1.35rem 1.3rem;background:var(--rot);box-shadow:inset 0 -3px 0 rgba(0,0,0,.14)}
.karte__band--mehr{height:auto;background:none;box-shadow:none;display:grid;gap:4px}
.karte__band--mehr i{display:block;height:10px;background:var(--rot);box-shadow:inset 0 -3px 0 rgba(0,0,0,.14)}
.probezeit{margin-top:1.2rem;display:flex;flex-wrap:wrap;gap:.6rem 2rem;align-items:baseline;border:2px dashed var(--graphit);border-radius:10px;padding:1.1rem 1.4rem}
.probezeit__titel{margin:0;font-family:var(--display);font-weight:900;text-transform:uppercase;font-size:clamp(1.7rem,3vw,2.3rem);line-height:1;color:var(--rot)}
.probezeit p{margin:0}
.jeder{margin-top:1.2rem;display:grid;grid-template-columns:auto minmax(0,1fr);gap:1rem 2.4rem;align-items:start;background:var(--kreide-hell);border:1px solid var(--linie);border-radius:10px;padding:1.2rem 1.4rem}
.jeder__titel{margin:0;font-family:var(--display);font-weight:900;text-transform:uppercase;font-size:1.7rem;line-height:.95;max-width:7ch}
.jeder ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem 1.6rem}
.jeder li{font-size:.93rem;color:var(--graphit-2);line-height:1.45}
.jeder li b{display:block;margin-bottom:.2rem;font-family:var(--display);font-weight:800;font-size:1.2rem;text-transform:uppercase;letter-spacing:.02em;color:var(--graphit)}
.karte__staerke{font-family:var(--mono);font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;color:var(--stein);margin:0 0 1rem}
.karte h3{font-family:var(--display);font-weight:900;text-transform:uppercase;font-size:clamp(2.2rem,3.6vw,3rem);line-height:.9;margin:0 0 .2rem}
.preis{margin:0 0 .2rem;font-family:var(--display);font-weight:800;font-size:3.4rem;line-height:1}
.preis small{font-family:var(--text);font-weight:600;font-size:.95rem;color:var(--stein);margin-left:.2rem}
.rhythmus{margin:0 0 1rem;font-weight:600}
.fuer{margin:0 0 1rem;font-size:.92rem;color:var(--stein)}
.karte ul{list-style:none;margin:0 0 1.4rem;padding:1rem 0 0;border-top:1px solid var(--linie);display:grid;gap:.45rem;font-size:.94rem}
.karte ul li{display:grid;grid-template-columns:12px 1fr;gap:.6rem;align-items:baseline}
.karte ul li::before{content:"";width:12px;height:4px;border-radius:4px;background:var(--rot);transform:translateY(-3px)}
.karte .btn{margin-top:auto}
.karte ul li.bonus{background:#FFF1C9;margin:.2rem -.5rem 0;padding:.45rem .5rem;border-radius:6px;color:var(--graphit)}
.karte ul li.bonus::before{background:var(--gelb)}
.fussnote{margin-top:1.4rem;font-size:.86rem;color:var(--stein);max-width:62em}

/* Rechner */
.dunkel{background:var(--graphit);color:var(--kreide)}
.dunkel .eyebrow{color:#9DA29B}
.dunkel .quelle{color:#9DA29B}
.rechner__kopf{display:flex;justify-content:space-between;align-items:end;gap:1.5rem 3rem;flex-wrap:wrap}
.rechner__titel{font-size:clamp(3.6rem,10vw,8.4rem);margin:0;color:#fff;max-width:none}
.rechner__kopf .lead{max-width:24em;color:#C9CDC6}
.rechner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(24px,4vw,64px);align-items:start;margin-top:clamp(28px,4vw,48px)}
.rechner__eingaben{display:grid;gap:2rem}
.rechner__eingaben fieldset{border:0;margin:0;padding:0;display:grid;gap:1.1rem}
.rechner__eingaben legend{padding:0;margin-bottom:.9rem;font-family:var(--mono);font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;color:#9DA29B}
.rechner__ergebnis{position:sticky;top:88px;background:#202428;border:1px solid #33383D;border-radius:14px;overflow:hidden}
.ergebnis__kopf{padding:clamp(20px,3vw,32px)}
.ergebnis__paket{margin:0 0 1.2rem;padding-bottom:1rem;border-bottom:1px solid #33383D;color:#C9CDC6;font-size:.95rem}
.ergebnis__paket b{font-family:var(--display);font-weight:800;font-size:1.35rem;letter-spacing:.02em;text-transform:uppercase;color:#fff}
.schwellen{background:var(--rot);color:#fff;padding:clamp(18px,2.6vw,26px) clamp(20px,3vw,32px);display:grid;gap:.7rem}
.schwellen p{margin:0;font-weight:600;line-height:1.35}
.schwellen__titel{font-family:var(--mono);font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.82)}
.schwellen b{font-family:var(--display);font-weight:900;font-size:clamp(1.9rem,3vw,2.5rem);line-height:1;margin-right:.12em}
.schwellen__oder{margin:-.35rem 0 !important;font-family:var(--mono);font-size:.74rem;font-weight:400 !important;color:rgba(255,255,255,.82)}
.schwellen.fk-zuerst .schwelle--fk{order:1}
.schwellen.fk-zuerst .schwellen__oder{order:2}
.schwellen.fk-zuerst .schwelle--min{order:3}
.schwellen__gag{display:block;margin-top:.25rem;font-family:var(--mono);font-weight:400;font-size:.72rem;color:rgba(255,255,255,.88)}
.regler label{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;font-weight:600;margin-bottom:.6rem}
.regler output{font-family:var(--display);font-weight:800;font-size:1.9rem;line-height:1;color:#fff;white-space:nowrap}
input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:30px;background:transparent;cursor:pointer}
input[type=range]::-webkit-slider-runnable-track{height:8px;border-radius:8px;background:linear-gradient(90deg,var(--rot) var(--p,50%),#3A3F44 var(--p,50%))}
input[type=range]::-moz-range-track{height:8px;border-radius:8px;background:#3A3F44}
input[type=range]::-moz-range-progress{height:8px;border-radius:8px;background:var(--rot)}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;border-radius:50%;background:var(--kreide);border:5px solid var(--rot);margin-top:-9px}
input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--kreide);border:5px solid var(--rot)}
.regler__hinweis{display:block;margin-top:.15rem;font-family:var(--mono);font-size:.72rem;color:#9DA29B}
.paketwahl{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.5rem 1rem}
.paketwahl__label{font-weight:600}
.paketwahl__optionen{justify-self:end;display:inline-flex;gap:3px;padding:3px;border:1px solid #3A3F44;border-radius:999px}
.paketwahl input{position:absolute;opacity:0;pointer-events:none}
.paketwahl label{padding:.45em 1.05em;border-radius:999px;font-weight:700;font-size:.92rem;color:#C9CDC6;cursor:pointer}
.paketwahl input:checked+label{background:var(--rot);color:#fff}
.paketwahl input:focus-visible+label{outline:3px solid #fff;outline-offset:2px}
.paketwahl .regler__hinweis{grid-column:1/-1;margin-top:0}
.lohnt{display:inline-block;margin:.9rem 0 0;padding:.4em .9em;border-radius:999px;font-weight:800;background:#2FA864;color:#0E1A12}
.lohnt.nein{background:#3A3F44;color:#fff}
.faktor{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;margin:0}
.faktor span{font-family:var(--mono);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:#9DA29B}
.faktor b{font-family:var(--display);font-weight:900;font-size:clamp(4.6rem,9vw,7.4rem);line-height:.85;color:#fff}
.faktor__satz{margin:.7rem 0 0;color:#C9CDC6}
.faktor__satz b{color:#fff}
.stapel{margin-top:2.2rem}
.stapel__spur{position:relative;display:flex;height:22px;border-radius:22px;background:#3A3F44}
.stapel__spur i{display:block;height:100%;transition:width .35s ease}
.stapel__spur i:first-child{border-radius:22px 0 0 22px}
.s-ges{background:#2FA864}.s-pow{background:var(--rot)}.s-bin{background:var(--gelb)}
.stapel__kosten{position:absolute;top:-8px;bottom:-8px;width:3px;margin-left:-1.5px;background:#fff;border-radius:3px;transition:left .35s ease}
.stapel__kosten em{position:absolute;top:-1.45rem;left:50%;transform:translateX(-50%);font-family:var(--mono);font-style:normal;font-size:.68rem;letter-spacing:.04em;color:#fff;white-space:nowrap}
.stapel__legende{list-style:none;display:flex;gap:1.1rem;flex-wrap:wrap;margin:.8rem 0 0;padding:0;font-family:var(--mono);font-size:.72rem;color:#C9CDC6}
.stapel__legende li::before{content:"";display:inline-block;width:14px;height:6px;border-radius:6px;margin-right:.45rem;vertical-align:.12em}
.l-ges::before{background:#2FA864}.l-pow::before{background:var(--rot)}.l-bin::before{background:var(--gelb)}
.skala{margin-top:1.8rem;padding-top:1.4rem;border-top:1px solid #33383D}
.skala__spur{position:relative;height:10px;border-radius:10px;background:linear-gradient(90deg,#3A3F44 0 25%,#5A6066 25% 50%,#A8323A 50% 75%,var(--rot) 75%)}
.skala__marke{position:absolute;top:50%;left:40%;width:24px;height:24px;border-radius:50%;background:var(--kreide);border:5px solid var(--rot);transform:translate(-50%,-50%);transition:left .35s ease}
.skala__stufen{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);margin:.7rem 0 0;padding:0;font-family:var(--mono);font-size:.7rem;letter-spacing:.03em;color:#7F858A}
.skala__stufen li{text-align:center}
.skala__stufen li.aktiv{color:#fff;font-weight:500}
.ergebnis__notiz{margin:1.6rem 0 0;font-size:.86rem;color:#AEB3AC;max-width:70em}
.ergebnis__notiz strong{color:#fff}
.finanz{list-style:none;margin:clamp(40px,6vw,72px) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.finanz li{border-top:2px solid var(--rot);padding-top:1rem}
.finanz strong{display:block;font-family:var(--display);font-weight:800;text-transform:uppercase;font-size:1.5rem;line-height:1;margin-bottom:.5rem;color:#fff}
.finanz p{margin:0;color:#C9CDC6;font-size:.95rem}

/* Wirkung */
.belege{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:clamp(28px,4vw,48px)}
.beleg{background:var(--kreide-hell);border:1px solid var(--linie);border-radius:10px;padding:1.5rem 1.4rem;display:flex;flex-direction:column;gap:.7rem}
.beleg__wert{font-family:var(--display);font-weight:900;text-transform:uppercase;font-size:2.6rem;line-height:.9;color:var(--rot);margin:0}
.beleg p{margin:0}
.beleg .quelle{margin-top:auto}
.nicht{margin-top:1rem;display:grid;grid-template-columns:auto minmax(0,1fr);gap:1.4rem;align-items:start;border:2px dashed var(--graphit);border-radius:10px;padding:1.5rem 1.6rem}
.nicht h3{font-family:var(--display);font-weight:900;text-transform:uppercase;font-size:1.8rem;line-height:.95;margin:0;max-width:9ch}
.nicht p{margin:0}

/* Arbeitgebermarke */
.marke-sek__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,80px);align-items:center}
.anzeige{position:relative;background:#fff;border:1px solid var(--linie);border-radius:10px;padding:1.6rem 1.6rem 1.8rem;box-shadow:0 30px 60px -40px rgba(23,25,28,.45);transform:rotate(-1.2deg)}
.anzeige__kopf{font-family:var(--mono);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--stein);margin:0 0 .8rem}
.anzeige h3{font-family:var(--text);font-weight:700;font-size:1.25rem;margin:0 0 .9rem}
.anzeige ul{margin:0;padding:0;list-style:none;display:grid;gap:.5rem}
.anzeige li{display:grid;grid-template-columns:10px 1fr;gap:.7rem;align-items:baseline;color:var(--graphit-2)}
.anzeige li::before{content:"";width:10px;height:10px;border-radius:2px;background:var(--linie);transform:translateY(1px)}
.anzeige li.neu{color:var(--graphit);font-weight:600;background:#FFF4D0;margin:0 -.6rem;padding:.45rem .6rem;border-radius:6px}
.anzeige li.neu::before{background:var(--rot)}
.siegel{position:absolute;right:-22px;bottom:-78px;width:150px;height:150px;transform:rotate(8deg)}
.anzeige-wrap{position:relative;padding-bottom:84px}
.zahl-zeile{margin-top:1.4rem;padding-top:1.2rem;border-top:1px solid var(--linie);display:flex;gap:1rem;align-items:baseline;flex-wrap:wrap}
.zahl-zeile b{font-family:var(--display);font-weight:900;font-size:2.6rem;line-height:1;color:var(--rot)}

/* Ueber Paddy */
.paddy{overflow:hidden}
.paddy__grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);grid-template-areas:"bild kopf" "bild rest";grid-template-rows:auto 1fr;column-gap:clamp(28px,4vw,64px)}
.paddy__kopf{grid-area:kopf;position:relative;z-index:3;align-self:start;padding-top:clamp(110px,16vw,250px);margin-left:clamp(-210px,-13vw,-80px)}
.zitat.paddy__zitat{position:relative;font-size:clamp(3rem,6.4vw,5.6rem);max-width:none;margin-bottom:clamp(20px,2.5vw,32px)}
.paddy__rest{grid-area:rest;align-self:start}
.paddy__bild{grid-area:bild;position:relative;z-index:1;margin:0;padding-top:clamp(50px,6.2vw,92px);isolation:isolate}
.paddy__name{position:absolute;z-index:-2;top:0;left:50%;transform:translateX(-50%);font-family:var(--display);font-weight:900;text-transform:uppercase;font-size:clamp(8rem,17.5vw,16.5rem);line-height:.78;letter-spacing:-.005em;color:var(--rot);white-space:nowrap;pointer-events:none;user-select:none}
.paddy__buehne{position:relative}
.paddy__panel{position:absolute;z-index:-1;left:0;right:0;bottom:0;height:52%;background:var(--graphit);border-radius:18px}
.paddy__frei{position:relative;display:block;width:100%;height:auto;border-radius:0 0 18px 18px;filter:drop-shadow(0 18px 24px rgba(23,25,28,.22))}
.paddy__tag{position:absolute;z-index:2;right:clamp(-14px,-1vw,-8px);bottom:15%;transform:rotate(-5deg);background:var(--gelb);color:var(--graphit);font-family:var(--mono);font-size:.74rem;line-height:1.35;padding:.65em .85em;border-radius:6px;box-shadow:0 10px 24px -10px rgba(23,25,28,.5)}
.paddy__tag b{font-family:var(--text);font-size:.95rem}
.zitat{font-family:var(--display);font-weight:900;text-transform:uppercase;font-size:clamp(2.2rem,4.4vw,3.6rem);line-height:.92;margin:0 0 1.2rem;max-width:14ch}
.zitat em{font-style:normal;color:var(--rot)}
.nachweise{list-style:none;margin:1.6rem 0 0;padding:0;display:grid;gap:.6rem}
.nachweise li{display:grid;grid-template-columns:22px 1fr;gap:.7rem;align-items:baseline;padding-bottom:.6rem;border-bottom:1px solid var(--linie)}
.nachweise li::before{content:"";width:22px;height:6px;border-radius:6px;background:var(--graphit);transform:translateY(-3px)}

/* Stimmen */
.stimmen{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:2rem}
.stimme{border:2px dashed var(--linie);border-radius:10px;padding:1.5rem;color:var(--stein)}
.stimme p{margin:0 0 .6rem;font-size:1.05rem}
.stimme span{font-family:var(--mono);font-size:.72rem;letter-spacing:.05em;text-transform:uppercase}
.stimme--beispiel{margin:0;border-color:var(--rot);color:var(--graphit)}
.stimme--beispiel blockquote{margin:0 0 .9rem;font-family:var(--display);font-weight:800;text-transform:uppercase;font-size:clamp(1.8rem,3vw,2.5rem);line-height:.95}
.stimme--beispiel figcaption{font-family:var(--mono);font-size:.72rem;letter-spacing:.05em;text-transform:uppercase;color:var(--stein)}

/* FAQ */
.faq{margin-top:2rem;border-top:2px solid var(--graphit)}
.faq details{border-bottom:1px solid var(--linie)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.15rem 0;font-weight:700;font-size:1.1rem}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";flex:none;width:22px;height:6px;border-radius:6px;background:var(--rot);transition:transform .25s}
.faq details[open] summary::after{transform:rotate(90deg)}
.faq details p{margin:0 0 1.2rem;max-width:46em;color:var(--graphit-2)}

/* Kontakt */

/* Abschluss */
.abschluss{background:var(--rot);color:#fff}
.abschluss .eyebrow{color:rgba(255,255,255,.82)}
.abschluss__grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(32px,5vw,80px);align-items:center}
.abschluss__titel{color:#fff;font-size:clamp(3rem,7.4vw,6.2rem);max-width:12ch}
.abschluss .lead{color:#fff;max-width:30em}
.abschluss__knoepfe{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.8rem}
.btn--gross{padding:1.15em 1.8em;font-size:1.08rem}
.btn--weiss{background:#fff;color:var(--graphit)}
.btn--weiss:hover{background:var(--graphit);color:#fff}
.btn--umriss{border-color:#fff;color:#fff;background:transparent}
.btn--umriss:hover{background:#fff;color:var(--rot)}
.abschluss__meldung{margin:1rem 0 0;font-weight:600;min-height:1.5em}
.region{margin:0;background:#F7F8F4;color:var(--graphit);border-radius:16px;padding:1.2rem 1.2rem 1rem;box-shadow:0 40px 80px -40px rgba(0,0,0,.45)}
.region__titel{font-family:var(--display);font-weight:900;text-transform:uppercase;font-size:1.7rem;line-height:1;margin:0 0 .8rem}
.region__karte{width:100%;height:auto;display:block}
.region__notiz{margin:.8rem 0 0;font-size:.82rem;color:var(--stein);line-height:1.45}
.region__puls{transform-origin:center;transform-box:fill-box;animation:puls 2.4s ease-out infinite}
@keyframes puls{0%{transform:scale(.6);opacity:.55}100%{transform:scale(2.4);opacity:0}}

/* Footer */
.fuss{background:var(--graphit);color:#C9CDC6;padding-block:48px;font-size:.92rem}
.fuss .wrap{display:flex;justify-content:space-between;gap:2rem;flex-wrap:wrap;align-items:flex-start}
.fuss .marke{color:var(--kreide);font-size:1.4rem}
.fuss p{margin:.4rem 0 0}

/* Pitch-Karte */
.power-lines{list-style:none;margin:0;padding:0;display:grid;gap:.55rem}
.power-lines li{font-family:var(--display);font-weight:800;text-transform:uppercase;font-size:1.45rem;line-height:1;letter-spacing:.01em}
.power-lines li small{display:block;font-family:var(--text);text-transform:none;font-weight:500;font-size:.86rem;letter-spacing:0;color:var(--stein);margin-top:.25rem;line-height:1.35}
.einwand{list-style:none;margin:0;padding:0;display:grid;gap:.6rem;font-size:.95rem}
.einwand b{display:block}
.nie{display:flex;flex-wrap:wrap;gap:.45rem;list-style:none;margin:0;padding:0}
.nie li{font-family:var(--mono);font-size:.78rem;padding:.35em .65em;border-radius:4px;background:#fff;border:1px solid var(--linie);text-decoration:line-through;text-decoration-color:var(--rot);text-decoration-thickness:2px}
.preise-kopf{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}
.preise-kopf li{display:flex;align-items:center;gap:.6rem;background:#fff;border:1px solid var(--linie);border-radius:8px;padding:.6rem .7rem;font-weight:600}
.preise-kopf i{width:26px;height:8px;border-radius:8px;background:var(--rot);flex:none}


@media (max-width:880px){
  .nav__links{display:none}
  .hero__grid,.statement__unter,.tag__grid,.rechner,.marke-sek__grid,.abschluss__grid{grid-template-columns:1fr}
  .paddy__grid{grid-template-columns:1fr;grid-template-areas:"kopf" "bild" "rest";grid-template-rows:auto}
  .paddy__kopf{padding-top:0;margin-left:0}
  .paddy__bild{margin-top:4px;padding-top:clamp(48px,15vw,80px);max-width:440px;width:100%;justify-self:center}
  .paddy__name{font-size:clamp(6rem,34vw,9.5rem)}
  .paddy__rest{margin-top:clamp(28px,6vw,40px)}
  .leitsaetze{grid-template-columns:1fr}
  .rechner__ergebnis{position:static}
  .jeder,.jeder ul{grid-template-columns:1fr}
  .jeder__titel{max-width:none}
  .karten{grid-template-columns:1fr}
  .hero__bild{max-width:420px;margin-inline:auto !important;width:100%}
  .termin{left:12px}
  .leitsaetze{grid-template-columns:1fr}
  .belege,.finanz{grid-template-columns:1fr}
  .siegel{right:-8px;bottom:-40px;width:120px;height:120px}
  .anzeige{transform:none;margin-bottom:2.4rem}
  .nicht{grid-template-columns:1fr}
}
@media (max-width:620px){
  .karten{grid-template-columns:1fr}
  .vergleich thead{display:none}
  .vergleich,.vergleich tbody,.vergleich tr,.vergleich th,.vergleich td{display:block;width:100%}
  .vergleich tr{border-bottom:2px solid var(--graphit);padding:.6rem 0}
  .vergleich tbody th{border:0;padding:.4rem 0 .2rem;width:auto}
  .vergleich td{border:0;padding:.25rem 0}
  .vergleich td::before{content:attr(data-spalte) ": ";font-weight:700}
  .vergleich td.wir{background:none;color:var(--rot);font-weight:600}
  .preise-kopf{grid-template-columns:1fr}
  .nav__cta .lang{display:none}
  .nav__cta .kurz{display:inline}
  .marke{font-size:1.4rem}
  .marke__band{width:24px}
}
/* Nur Desktop / nur Handy */
.nur-mobil{display:none}
.rechner__mehr-knopf{display:none}
.vergleich-kurz{list-style:none;margin:clamp(24px,5vw,36px) 0 0;padding:0;gap:8px}
.vergleich-kurz li{display:grid;gap:.15rem;padding:.8rem 1rem .85rem 2.6rem;border-radius:12px;background:var(--kreide-hell);position:relative;color:var(--stein)}
.vergleich-kurz li::before{content:"✕";position:absolute;left:1rem;top:.78rem;font-weight:700;color:var(--stein)}
.vergleich-kurz li b{font-family:var(--display);font-weight:800;text-transform:uppercase;font-size:1.35rem;line-height:1;color:var(--graphit);text-decoration:line-through;text-decoration-color:var(--rot);text-decoration-thickness:3px}
.vergleich-kurz li.wir{background:var(--rot);color:#fff}
.vergleich-kurz li.wir::before{content:"✓";color:#fff}
.vergleich-kurz li.wir b{color:#fff;text-decoration:none}
.wisch{margin:.2rem 0 0;text-align:center;font-family:var(--mono);font-size:.72rem;letter-spacing:.06em;color:var(--stein)}

@media (max-width:620px){
  :root{--abstand:56px}
  .nur-desktop{display:none !important}
  .nur-mobil{display:revert}
  .vergleich-kurz{display:grid}
  /* Hero: Bild direkt unter die Schlagzeile */
  .hero__grid{display:flex;flex-direction:column;align-items:stretch;gap:0}
  .hero__grid>div:first-child{display:contents}
  .hero .eyebrow{order:1}
  .hero h1{order:2}
  .hero .band{order:3}
  .hero__bild{order:4;max-width:300px;margin-top:-8px !important}
  .hero__lead{order:5;margin-top:22px}
  .hero__aktionen{order:6}
  .hero__beleg{display:none}
  /* Statement: Kurzvergleich statt Tabelle */
  .statement__unter{display:none}
  /* Gründe: nur die Kernsätze */
  .leitsaetze li p{display:none}
  /* Pakete: zum Wischen, je zwei Kernpunkte */
  .pakete__kopf .lead{display:none}
  .karten{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin-inline:calc(var(--gutter) * -1);padding:14px var(--gutter) 10px;scrollbar-width:none}
  .karten::-webkit-scrollbar{display:none}
  .karte{flex:0 0 82%;scroll-snap-align:center}
  .karte ul li:nth-child(n+3):not(.bonus){display:none}
  .jeder{display:none}
  /* Rechner: Mini-Version */
  .rechner__mehr-knopf{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:.4rem;padding:.85rem 1rem;border:1px solid #3A3F44;border-radius:12px;background:transparent;color:#fff;font:600 .95rem/1.2 var(--text);cursor:pointer}
  .rechner__mehr-knopf i{font-style:normal;font-size:1.3rem;line-height:1;color:var(--rot)}
  .rechner__mehr-knopf:focus-visible{outline:3px solid #fff;outline-offset:2px}
  .rechner__eingaben:not(.offen) .mehr{display:none}
  .stapel{display:none}
  .finanz li p{display:none}
  /* Studien, Stellenanzeige, Paddy, Stimmen */
  .anzeige li:not(.neu){display:none}
  .paddy__rest .lead{display:none}
  .stimme:not(.stimme--beispiel){display:none}
  .stimmen{grid-template-columns:1fr}
  .belege{gap:.6rem;margin-top:20px}
  .beleg{padding:1rem 1.1rem}
  .beleg__wert{font-size:2.2rem}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .region__puls{animation:none}
  .hero__zug,.durch::after,.stapel__spur i,.stapel__kosten,.skala__marke,.btn,.pfeil{transition:none}
}

/* === Ergänzungen eigene Seite === */
[hidden]{display:none!important}
.kontakt-form{display:grid;gap:.8rem;margin-top:1.6rem;max-width:560px}
.kontakt-form label{display:grid;gap:.3rem;font-weight:600;font-size:.95rem}
.kontakt-form input,.kontakt-form textarea{font:inherit;padding:.75em .9em;border-radius:10px;border:2px solid rgba(255,255,255,.6);background:rgba(255,255,255,.12);color:inherit}
.kontakt-form input::placeholder,.kontakt-form textarea::placeholder{color:rgba(255,255,255,.7)}
.kontakt-form textarea{min-height:120px;resize:vertical}
.kontakt-form .zeile{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
.kontakt-form .check{display:flex;gap:.6rem;align-items:flex-start;font-weight:400;font-size:.85rem}
.kontakt-form .check input{width:auto;margin-top:.2em}
.kontakt-form .hp{position:absolute;left:-9999px}
.kontakt-daten{list-style:none;padding:0;margin:1.4rem 0 0;display:grid;gap:.4rem}
.kontakt-daten a{color:inherit}
.todo-platzhalter{display:inline-block;background:#FFE36E;color:#17191C;font-family:var(--mono);font-size:.8em;padding:.1em .45em;border-radius:4px}
.foto-platzhalter{border:3px dashed currentColor;border-radius:14px;display:grid;place-items:center;text-align:center;padding:1.5rem;min-height:220px;font-family:var(--mono);font-size:.85rem;opacity:.75}
.galerie{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:2rem}
.fuss a{color:inherit}
.fuss nav a{margin-right:1rem}
@media (max-width:620px){.kontakt-form .zeile{grid-template-columns:1fr}}
.rechtstext{max-width:780px;margin:0 auto;padding:48px 20px 80px;line-height:1.6}
.rechtstext h1{font-family:var(--display);text-transform:uppercase;font-size:clamp(2.4rem,6vw,3.6rem);line-height:.95}
.rechtstext h2{margin-top:2rem}