/* CareKudos pricing page, value first, prices sooner (22.10.2026, Ilja's amendments). Only /pricing/.
   Base forms in site.css, kicker and word blur in deck-stil.css.
   Order and surfaces, never two neighbours alike: 01 hero white (navy result strip) · 02 plans cloud · 03 why it pays,
   navy stage · 04 ready all year, block (white with colour areas) · 05 healthy growth, cloud · compare white · questions cloud.
   Contrast contract (tokens.css): every box on a light ground has a visible edge, controls use --control-line.
   Gold only as a fill, never as text on navy. Motion: transform and opacity only. */

.preise--wert{--pw-hell:rgba(255,255,255,.82);--pw-leise:rgba(255,255,255,.72)}
.preise--wert [hidden]{display:none!important}
.preise--wert section[id]{scroll-margin-top:calc(var(--kopf) + 8px)}
/* Targets in 03 to 05 sit under the sticky summary bar (48 px) as well as the header */
.preise--wert :is(#turnover-today,#ready-all-year,#healthy-growth,#hours-breakdown,#method){scroll-margin-top:calc(var(--kopf) + 64px)}
.pw-druck-nur{display:none}
.pw-klein{font-size:14px;line-height:1.55;color:var(--slate)}
.pw-legende{margin-top:10px;font-family:var(--mono);font-size:12px;letter-spacing:.02em;color:var(--slate)}

/* Focus: teal 3 px on light surfaces, white on navy */
:is(.pw-hero,.pw-block,.pw-hell,.pw-plaene,.pw-methode) :focus-visible{outline:3px solid var(--teal);outline-offset:3px;border-radius:8px}
:is(.pw-streifen,.pw-stufe,.pw-bereit__navy,.praes-zahl--navy) :focus-visible{outline:3px solid #fff;outline-offset:3px;border-radius:8px}

/* Trust chips: "Public source" (mist, slate mono, linked) and "Our estimate" (light gold; on navy white 10% with a gold dot) */
.pw-chip{display:inline-flex;align-items:center;gap:6px;vertical-align:.12em;padding:3px 9px;border-radius:var(--r-pill);font:500 11.5px/1.35 var(--mono);letter-spacing:.02em;white-space:nowrap;text-decoration:none!important}
.pw-chip--quelle{background:var(--mist);color:var(--slate);box-shadow:inset 0 0 0 1px var(--haze)}
a.pw-chip--quelle::after{content:"↗";font-size:10px}
a.pw-chip--intern::after{content:"↓"}
/* Link chips look small but take a 44 px tall tap area */
a.pw-chip{position:relative}
a.pw-chip::before{content:"";position:absolute;inset:-11px -2px}
a.pw-chip--quelle:hover{background:#fff;color:var(--navy)}
.pw-chip--schaetzung{background:var(--gold-hell);color:var(--navy);box-shadow:inset 0 0 0 1px var(--card-line)}
.pw-chip--hinweis{white-space:normal}
:is(.pw-streifen,.pw-stufe,.pw-bereit__navy,.praes-zahl--navy) .pw-chip{background:rgba(255,255,255,.1);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)}
:is(.pw-streifen,.pw-stufe,.pw-bereit__navy,.praes-zahl--navy) .pw-chip--schaetzung::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--gold-1)}
:is(.pw-streifen,.pw-stufe,.pw-bereit__navy,.praes-zahl--navy) a.pw-chip--quelle:hover{background:rgba(255,255,255,.2);color:#fff}

/* ── 01 Hero: text and inputs side by side, the result strip with three tiles right under them ── */
.pw-hero{padding:calc(var(--kopf) + 34px*var(--dichte)) 0 calc(48px*var(--dichte));background:#fff}
.pw-hero__raster{display:grid;gap:24px;align-items:start}
.pw-h1{font-size:clamp(38px,4.4vw,64px);line-height:1.02;letter-spacing:-.04em;text-wrap:balance;max-width:12ch}
.pw-lead{margin-top:18px;font-size:clamp(17px,1.35vw,19px);line-height:1.5;max-width:520px;color:var(--graphite)}
.pw-fuer{margin-top:10px;font-size:15px;line-height:1.5;color:var(--slate);max-width:500px}
.pw-sprung{margin-top:8px;font-size:15.5px;color:var(--slate)}
.pw-sprung a{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-weight:700;color:var(--navy);text-decoration:underline;text-underline-offset:4px}
.pw-karte{position:relative;container-type:inline-size;border-radius:var(--r-xl);background:#fff;box-shadow:0 0 0 1.5px var(--card-line),var(--shadow-2);scroll-margin-top:calc(var(--kopf) + 16px)}
.pw-felder{margin:0;border:0;padding:clamp(18px,3cqi,26px) clamp(16px,4cqi,26px) 4px;min-width:0;display:grid;gap:16px}
.pw-gruppe{margin:0;border:0;padding:0;min-width:0}
.pw-label{display:block;margin-bottom:8px;padding:0;font-size:15px;font-weight:700;line-height:1.35;color:var(--navy)}
.pw-label em{font-style:normal;font-weight:500;color:var(--slate)}
.pw-hinweis{font-size:13px;line-height:1.45;color:var(--slate)}
.pw-chips{display:grid;grid-template-columns:1fr 1fr;gap:8px}
@container (min-width:600px){.pw-chips{grid-template-columns:repeat(4,1fr)}}
.pw-wahl{position:relative;display:flex;flex-direction:column;justify-content:center;gap:2px;min-height:54px;padding:8px 10px 8px 36px;border:1px solid var(--control-line);border-radius:14px;background:#fff;cursor:pointer;line-height:1.2;transition:background-color .2s ease,box-shadow .2s ease}
.pw-wahl input{position:absolute;left:12px;top:50%;width:18px;height:18px;margin:-9px 0 0;accent-color:var(--navy)}
.pw-wahl span{font-size:15px;font-weight:700;color:var(--navy)}
.pw-wahl small{font:500 12px/1.3 var(--mono);color:var(--slate)}
.pw-wahl:has(:checked){border-color:var(--navy);background:var(--cloud);box-shadow:inset 0 0 0 1px var(--navy)}
.pw-wahl:has(:focus-visible){outline:3px solid var(--teal);outline-offset:2px}
.pw-wahl input:focus-visible{outline:none}
@media (hover:hover) and (pointer:fine){.pw-wahl:not(:has(:checked)):hover{background:var(--cloud)}}
.pw-drei-felder{display:grid;grid-template-columns:1fr 1fr;gap:14px 12px;align-items:end}
.pw-feld--rate{grid-column:1/-1}
@container (min-width:560px){.pw-drei-felder{grid-template-columns:1.05fr 1.15fr .8fr}.pw-feld--rate{grid-column:auto}}
.pw-stepper{display:grid;grid-template-columns:46px minmax(0,1fr) 46px;align-items:stretch;min-height:52px;border:1px solid var(--control-line);border-radius:14px;background:#fff;overflow:hidden}
.pw-stepper button{min-width:44px;min-height:44px;border:0;padding:0;background:var(--cloud);font:700 17px/1 var(--font);color:var(--navy);cursor:pointer;touch-action:manipulation}
.pw-stepper button:first-child{border-right:1px solid var(--haze)}
.pw-stepper button:last-child{border-left:1px solid var(--haze)}
@media (hover:hover) and (pointer:fine){.pw-stepper button:hover{background:var(--mist)}}
.pw-stepper button:focus-visible,.pw-stepper input:focus-visible{outline-offset:-3px;border-radius:12px}
.pw-felder input[type=number]{-moz-appearance:textfield;appearance:textfield}
.pw-felder input::-webkit-inner-spin-button,.pw-felder input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.pw-stepper input{width:100%;min-width:0;border:0;padding:0 4px;background:#fff;text-align:center;font:700 18px/1 var(--font);color:var(--navy);font-variant-numeric:tabular-nums}
.pw-stepper:has([aria-invalid=true]),.pw-prozent:has([aria-invalid=true]){border:2px solid #a32636}
@container (max-width:370px){.pw-stepper{grid-template-columns:44px minmax(0,1fr) 44px}.pw-stepper input{padding:0 1px;font-size:16px;letter-spacing:-.01em}}
.pw-prozent{display:flex;align-items:center;min-height:52px;padding-right:14px;border:1px solid var(--control-line);border-radius:14px;background:#fff}
.pw-prozent input{width:100%;min-width:0;border:0;padding:0 6px 0 16px;background:transparent;font:700 18px/1 var(--font);color:var(--navy);font-variant-numeric:tabular-nums;min-height:48px}
.pw-prozent input:focus-visible{outline:none}
.pw-prozent:focus-within{outline:3px solid var(--teal);outline-offset:2px}
.pw-prozent span{font-weight:700;color:var(--slate)}
.pw-hinweis .pw-textknopf{display:flex;width:max-content;max-width:100%;margin-top:2px;text-align:left}
.pw-textknopf{display:inline-flex;align-items:center;min-height:44px;padding:0;border:0;background:none;font:inherit;font-size:14px;font-weight:700;color:var(--teal);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.pw-felder:disabled .pw-stepper,.pw-felder:disabled .pw-prozent,.pw-felder:disabled .pw-wahl{opacity:.75;cursor:default}
.pw-fehler{padding:0 clamp(16px,4cqi,26px);font-size:14.5px;font-weight:700;color:#8b1e2e}
.pw-fehler:not(:empty){padding-top:6px;padding-bottom:6px}
.pw-ohne-js{margin:6px clamp(16px,4cqi,26px) 0;padding:12px 14px;border-radius:12px;background:var(--cloud);box-shadow:inset 0 0 0 1px var(--card-line);font-size:14.5px;color:var(--graphite)}
.pw-andere{margin:12px clamp(16px,4cqi,26px) 0;padding:12px 0 clamp(16px,3cqi,22px);border-top:1px solid var(--haze);font-size:14px;line-height:1.45;color:var(--slate)}
.pw-andere__wahl{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.pw-andere__wahl a{display:inline-flex;align-items:center;min-height:44px;padding:0 15px;border-radius:var(--r-pill);box-shadow:inset 0 0 0 1.5px var(--control-line);font-weight:700;font-size:14px;color:var(--navy)}
@media (hover:hover) and (pointer:fine){.pw-andere__wahl a:hover{box-shadow:inset 0 0 0 1.5px var(--navy);background:var(--cloud)}}

/* The result strip: navy, three live tiles (cost today · hours back a month · your plan with its price) */
.pw-streifen{position:relative;display:grid;margin-top:20px;padding:6px clamp(18px,3vw,30px) clamp(16px,2vw,24px);border-radius:var(--r-xl);background:radial-gradient(620px 300px at 92% 0%,rgba(246,196,83,.16),transparent 62%),linear-gradient(180deg,var(--navy),var(--midnight));color:var(--pw-hell);box-shadow:var(--shadow-2);transition:opacity .25s ease}
.pw-pruefen{display:none;margin:12px 0 0;font:500 12px/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#fff}
.pw-kachel{display:flex;flex-direction:column;gap:6px;min-width:0;padding:16px 0;border-top:1px solid rgba(255,255,255,.14)}
.pw-pruefen+.pw-kachel,.sr+.pw-kachel,.pw-kachel:first-of-type{border-top:0}
.pw-kachel__titel{font:500 12.5px/1.3 var(--mono);letter-spacing:.04em;color:var(--pw-leise)}
.pw-kachel__wert{font-size:15px;line-height:1.3;color:var(--pw-leise)}
.pw-kachel__wert b{font-size:clamp(32px,3vw,42px);line-height:1.05;letter-spacing:-.035em;color:#fff;font-weight:700;font-variant-numeric:tabular-nums}
.pw-kachel__wert span{color:var(--pw-hell)}
.pw-kachel__paar{display:grid;grid-template-columns:1fr 1fr;gap:4px 20px}
.pw-kachel__paar .pw-kachel__wert span{display:block;margin-top:2px}
.pw-kachel__paar>.pw-kachel__text{align-self:end}
.pw-kachel__text{font-size:14.5px;line-height:1.5}
.pw-kachel__text a:not(.pw-chip),.pw-kachel__klein a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.pw-kachel__plan{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 12px}
.pw-kachel__plan b{font-size:clamp(28px,2.6vw,36px);line-height:1.05;letter-spacing:-.035em;color:#fff}
.pw-kachel__plan span{font-size:16.5px;font-weight:700;color:#fff}
.pw-kachel__grund{font-size:14px;line-height:1.45;color:var(--pw-hell)}
.pw-kachel__satz{position:relative;padding-left:24px;font-size:16px;line-height:1.4;font-weight:700;color:#fff}
.pw-kachel__satz::before{content:"";position:absolute;left:0;top:.28em;width:14px;height:14px;border-radius:22%;background:var(--gold)}
.pw-kachel__satz b{white-space:nowrap;font-variant-numeric:tabular-nums}
.pw-kachel__satz--fall{padding-left:0;font-weight:500}
.pw-kachel__satz--fall::before{display:none}
.pw-kachel__klein{padding-left:24px;margin-top:2px;font-size:13.5px;line-height:1.45;color:var(--pw-leise)}
.pw-kachel__knopf{align-self:flex-start;margin-top:8px;min-height:48px}
@media (min-width:1000px){
  .pw-hero__raster{grid-template-columns:5fr 7fr;gap:clamp(32px,4vw,64px)}
  .pw-hero__text{padding-top:4px}
  .pw-streifen{grid-template-columns:1fr 1fr 1.3fr;column-gap:clamp(22px,2.6vw,40px);padding-block:clamp(18px,1.8vw,24px)}
  .pw-pruefen{grid-column:1/-1;margin:0 0 6px}
  .pw-kachel{padding:4px 0 4px;border-top:0}
  .pw-kachel+.pw-kachel{padding-left:clamp(22px,2.6vw,40px);border-left:1px solid rgba(255,255,255,.14)}
}
.pw-ungueltig .pw-ergebnis{opacity:.5}
.pw-ungueltig .pw-pruefen{display:block}

/* Sticky summary bar under the header: white glass, 48 px, mono text */
.pw-leiste{position:fixed;left:0;right:0;top:var(--kopf);z-index:45;height:48px;background:rgba(255,255,255,.8);backdrop-filter:blur(22px) saturate(1.6);-webkit-backdrop-filter:blur(22px) saturate(1.6);box-shadow:0 1px 0 rgba(4,5,80,.1),0 10px 30px rgba(4,5,80,.06);opacity:0;transform:translateY(-8px);pointer-events:none;transition:opacity .25s ease,transform .3s var(--ease)}
.pw-leiste.ist-da{opacity:1;transform:none;pointer-events:auto}
.pw-leiste__innen{display:flex;align-items:center;justify-content:space-between;gap:12px;height:100%}
.pw-leiste p{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:500 13px/1 var(--mono);color:var(--navy)}
.pw-leiste__knopf{flex:none;min-height:44px;padding:0 6px;border:0;background:none;font:700 14.5px var(--font);color:var(--navy);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.pw-leiste :focus-visible{outline:3px solid var(--teal);outline-offset:1px;border-radius:8px}

/* ── 02 Plans, straight after the hero ── */
.pw-plaene.preise{padding:calc(56px*var(--dichte)) 0 calc(64px*var(--dichte))}
.pw-plaene .titel{font-size:clamp(32px,calc(3.2vw*var(--dichte)),50px)}
.pw-bruecke{margin-top:12px;max-width:720px;font-size:clamp(16.5px,1.25vw,18px);line-height:1.55;color:var(--graphite)}
.pw-plaene .preise__raster{margin-top:calc(34px*var(--dichte))}
.plan--passt .plan__band{left:28px}
.plan h3.plan__name{font-size:24px;letter-spacing:-.02em}
/* Phones: the matched card keeps its navy ring (kompakt.css gives every swipe card the same soft shadow) */
@media (max-width:820px){.preise--wert .ck-row .plan.plan--passt{border-color:var(--card-line);box-shadow:0 0 0 1.5px var(--navy),var(--shadow-1)}}
.plan:not(.plan--passt) .plan__band{display:none}
.pw-plan-leiste{display:grid;gap:18px 40px;margin-top:22px;padding:clamp(18px,2.4vw,28px);border-radius:var(--r-xl);background:#fff;box-shadow:var(--card-shadow);transition:opacity .25s ease}
@media (min-width:1000px){.pw-plan-leiste{grid-template-columns:minmax(0,1fr) auto;align-items:center}}
.pw-plan-leiste__grund{position:relative;padding-left:26px;font-size:16.5px;line-height:1.45;font-weight:700;color:var(--navy)}
.pw-plan-leiste__grund::before{content:"";position:absolute;left:0;top:.28em;width:15px;height:15px;border-radius:22%;background:var(--gold);box-shadow:inset 0 0 0 1px rgba(167,117,20,.45)}
.pw-plan-leiste__info>.pw-klein{margin-top:10px}
.pw-schalter{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:560px;margin-top:14px;padding:12px 16px;border-radius:var(--r-m);background:var(--cloud);box-shadow:inset 0 0 0 1px var(--card-line)}
.pw-schalter__text{font-weight:700;font-size:15.5px;line-height:1.35;color:var(--navy)}
.pw-schalter__text small{display:block;margin-top:3px;font-weight:500;font-size:13.5px;color:var(--slate)}
.pw-schalter button{position:relative;flex:none;width:60px;height:44px;padding:0;border:0;background:none;cursor:pointer}
.pw-schalter button::before{content:"";position:absolute;left:2px;top:5px;width:56px;height:34px;border-radius:var(--r-pill);background:#fff;box-shadow:inset 0 0 0 1.5px var(--control-line);transition:background-color .25s ease}
.pw-schalter button span{position:absolute;left:6px;top:9px;width:26px;height:26px;border-radius:50%;background:var(--control-line);transition:transform .3s var(--ease),background-color .25s ease}
.pw-schalter button[aria-checked=true]::before{background:var(--navy);box-shadow:none}
.pw-schalter button[aria-checked=true] span{transform:translateX(22px);background:#fff}
.pw-schalter button:disabled{opacity:.6;cursor:default}
.pw-plan-leiste__knoepfe{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;align-items:center}
.pw-plan-leiste__knoepfe .knopf{justify-content:center}
.pw-plan-leiste__knoepfe .pw-klein{grid-column:1/-1;text-align:center}
@media (min-width:1000px){.pw-plan-leiste__knoepfe{grid-template-columns:auto auto}.pw-plan-leiste__knoepfe .pw-klein{text-align:right}}

/* ── Navy stage (03 why it pays): the same light as .wellled ── */
.pw-stufe{position:relative;padding:calc(80px*var(--dichte)) 0;background:radial-gradient(900px 500px at 85% 0%,rgba(246,196,83,.13),transparent 60%),linear-gradient(180deg,var(--navy) 0%,var(--midnight) 100%);color:var(--pw-hell)}
.pw-stufe h2,.pw-stufe h3{color:#fff}
.pw-stufe .titel{font-size:clamp(32px,calc(3.2vw*var(--dichte)),50px);max-width:18ch}
.pw-stufe a:not(.pw-chip):not(.knopf){color:#fff;text-decoration:underline;text-underline-offset:3px}
.pw-gross{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin-top:14px}
.pw-gross strong{font-size:clamp(54px,6.4vw,100px);line-height:1;letter-spacing:-.045em;color:#fff;font-weight:700;font-variant-numeric:tabular-nums}
.pw-gross span{font-size:clamp(17px,1.4vw,20px);color:var(--pw-leise)}
.pw-gross--hell strong{color:var(--navy);font-size:clamp(52px,5.6vw,88px)}
.pw-gross--hell span{color:var(--graphite);font-weight:500}

.pw-heute{display:grid;gap:36px 64px;margin-top:calc(28px*var(--dichte))}
@media (min-width:900px){.pw-heute{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}}
.pw-heute__satz{margin-top:14px;font-size:clamp(16.5px,1.25vw,18px);line-height:1.55;max-width:560px}
.pw-heute__null{margin-top:20px;font-size:19px;color:#fff;max-width:560px}
.pw-leute{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:clamp(4px,.5vw,6px);max-width:380px;margin-top:22px}
.pw-leute.ist-gross{grid-template-columns:repeat(20,minmax(0,1fr));max-width:520px}
.pw-leute i,.pw-reihe i{aspect-ratio:1;border-radius:22%;transition:transform .35s cubic-bezier(.3,1.6,.5,1),background-color .25s ease,box-shadow .25s ease;transition-delay:calc(min(var(--i,0),60)*12ms)}
.pw-leute .bleibt{background:rgba(255,255,255,.8)}
.pw-leute .geht{background:transparent;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.66)}
.pw-js [data-einmal]:not(.ist-sichtbar) i{transform:scale(.82);background:rgba(255,255,255,.18);box-shadow:none}
.pw-stufe .pw-legende{color:var(--pw-leise)}
.pw-unter{font-size:clamp(22px,2vw,28px);line-height:1.15;letter-spacing:-.025em}
.pw-heute__ausgleich{padding-top:22px;border-top:1px solid rgba(255,255,255,.18)}
@media (min-width:900px){.pw-heute__ausgleich{padding:0 0 0 clamp(28px,3.4vw,56px);border-top:0;border-left:1px solid rgba(255,255,255,.18)}}
.pw-ausgleich__kopf{display:flex;align-items:flex-end;gap:clamp(12px,2vw,26px);margin-top:12px}
.figur--pw-ehrlich{position:relative;flex:none;display:block;height:clamp(130px,15vw,200px);width:max-content}
.pw-einin{font-size:clamp(60px,8vw,128px);line-height:.92;letter-spacing:-.05em;color:#fff;font-weight:700;font-variant-numeric:tabular-nums;padding-bottom:6px}
.pw-einin span{font-size:.4em;letter-spacing:-.02em;color:var(--pw-leise);vertical-align:.2em}
.pw-reihe{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:7px;max-width:380px;margin-top:18px}
.pw-reihe .an{background:rgba(255,255,255,.8)}
.pw-reihe .gold{position:relative;background:var(--gold);box-shadow:0 0 0 4px rgba(246,196,83,.22);transition-delay:calc(min(var(--i,0),60)*12ms + 250ms)}
.pw-reihe.ist-sichtbar .gold{animation:pw-puls .8s var(--ease) calc(min(var(--i,0),60)*12ms + 450ms) 1}
@keyframes pw-puls{40%{transform:scale(1.18)}}
.pw-reihe .figur__gelandet{position:absolute;left:16%;top:16%;width:68%;height:68%}
.pw-ehrlich__satz{margin-top:18px;font-size:clamp(17px,1.4vw,20px);line-height:1.45;color:#fff;font-weight:500;max-width:560px}
.pw-ehrlich__schaetzung{margin-top:10px;font-size:16.5px;color:var(--pw-hell)}
.pw-ehrlich__fall{margin-top:14px;font-size:clamp(18px,1.6vw,22px);line-height:1.45;color:#fff;font-weight:500;max-width:560px}
.pw-deckung{margin-top:24px;padding-top:20px;border-top:1px solid rgba(255,255,255,.14)}
.pw-deckung>p{font-size:16.5px;line-height:1.55}
.pw-wertbalken{position:relative;height:14px;margin:22px 0 30px;border-radius:var(--r-pill);background:rgba(255,255,255,.12)}
.pw-wertbalken__wert{position:absolute;inset:0;border-radius:inherit;background:var(--gold);transform-origin:left;transform:scaleX(var(--wert,.33));transition:transform .6s var(--ease)}
.pw-js .pw-wertbalken:not(.ist-sichtbar) .pw-wertbalken__wert{transform:scaleX(0)}
.pw-wertbalken__preis{position:absolute;top:calc(100% + 5px);height:9px;left:calc(var(--von,.4)*100%);width:calc((var(--bis,.75) - var(--von,.4))*100%);border:2px solid #fff;border-top:0;border-radius:0 0 3px 3px}
.pw-wertbalken__labels{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 18px;font:500 12.5px/1.4 var(--mono);color:#fff}
.pw-wertbalken__w::before,.pw-wertbalken__p::before{content:"";display:inline-block;width:12px;height:12px;margin-right:7px;vertical-align:-1px;border-radius:3px;background:var(--gold)}
.pw-wertbalken__p::before{background:none;border:2px solid #fff;border-top:0;height:8px;border-radius:0 0 2px 2px}
.pw-deckung__satz{margin-top:14px;color:#fff}
.pw-deckung .pw-klein{margin-top:10px;color:var(--pw-leise)}
.pw-nicht{margin-top:22px;font-size:15px;line-height:1.55;color:var(--pw-leise);max-width:560px}
.pw-nicht strong{color:#fff}
.pw-fussnote{margin-top:calc(34px*var(--dichte));padding-top:16px;border-top:1px solid rgba(255,255,255,.14);font-size:13px;line-height:1.6;color:var(--pw-leise);max-width:1000px}

/* ── 04 Ready, all year: block surface with a light gold and a navy area ── */
.pw-block{padding:calc(72px*var(--dichte)) 0;background:#fff}
.pw-block .titel{font-size:clamp(32px,calc(3.2vw*var(--dichte)),50px)}
.pw-bereit{display:grid;gap:clamp(14px,1.6vw,24px);margin-top:calc(26px*var(--dichte))}
.pw-bereit>div{border-radius:var(--r-xl);padding:clamp(22px,3vw,40px)}
@media (min-width:900px){.pw-bereit{grid-template-columns:1.2fr .8fr;align-items:stretch}}
.pw-bereit h3{font-size:clamp(23px,2vw,30px);line-height:1.12;letter-spacing:-.03em;margin-bottom:14px}
.pw-bereit p{font-size:16.5px;line-height:1.55}
.pw-bereit p+p{margin-top:12px}
.pw-bereit__gold{background:var(--gold-hell);box-shadow:inset 0 0 0 1px var(--card-line);color:var(--graphite)}
.pw-bereit__navy{background:radial-gradient(600px 300px at 90% 0%,rgba(246,196,83,.14),transparent 62%),linear-gradient(180deg,var(--navy),var(--midnight));color:var(--pw-hell)}
.pw-bereit__navy h3{color:#fff}
.pw-bereit__ehrlich{font-weight:700;color:var(--navy)}
.pw-bereit p.pw-bereit__ehrlich{margin-top:16px}
.pw-bereit__navy .pw-bereit__ehrlich{color:#fff}
.pw-bereit .pw-legende{margin:8px 0 14px;font-size:12px;line-height:1.45;color:#5b4a1c}
.pw-monate{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:4px;max-width:480px}
.pw-monate i{position:relative;display:block;aspect-ratio:1/1.15;border-radius:8px;background:var(--leaf);box-shadow:inset 0 0 0 1px rgba(4,5,80,.12);transition:background-color .3s ease,transform .4s var(--ease);transition-delay:calc(var(--n,0)*115ms)}
.pw-monate i::after{content:"";position:absolute;left:50%;top:38%;width:30%;height:16%;border:solid #fff;border-width:0 0 2.5px 2.5px;transform:translate(-50%,-50%) rotate(-45deg)}
.pw-monate b{position:absolute;left:0;right:0;bottom:4px;text-align:center;font:500 10px/1 var(--mono);color:#fff}
.pw-js .pw-monate:not(.ist-sichtbar) i{background:#fff;transform:scale(.9)}
.pw-js .pw-monate:not(.ist-sichtbar) i::after{opacity:0}
.pw-js .pw-monate:not(.ist-sichtbar) b{color:var(--slate)}
.pw-belege{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:10px}
.pw-belege li{position:relative;padding-left:22px;font-size:15.5px;line-height:1.5}
.pw-belege li::before{content:"";position:absolute;left:0;top:.5em;width:10px;height:10px;border-radius:3px;background:var(--navy)}

/* ── 05 Healthy growth: managers and team side by side, three wins, then the method ── */
.pw-hell{padding:calc(72px*var(--dichte)) 0;background:var(--cloud)}
.pw-hell .titel{font-size:clamp(32px,calc(3.2vw*var(--dichte)),50px)}
.pw-stunden{display:grid;gap:22px 48px;margin-top:calc(26px*var(--dichte));padding:clamp(20px,2.8vw,36px);border-radius:var(--r-xl);background:#fff;box-shadow:var(--card-shadow)}
@media (min-width:900px){.pw-stunden{grid-template-columns:1fr 1fr}.pw-stunden__wert+.pw-stunden__wert{padding-left:48px;border-left:1px solid var(--haze)}}
.pw-stunden__wer{font:500 12.5px/1.3 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--teal)}
.pw-stunden__wert .pw-gross{margin-top:8px}
.pw-stunden__satz{margin-top:10px;font-size:16.5px;line-height:1.55;color:var(--graphite);max-width:480px}
.pw-stunden__aufklapp{grid-column:1/-1}
.pw-aufklapp{border-top:1px solid var(--haze)}
.pw-aufklapp>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:52px;cursor:pointer;list-style:none;font-weight:700;font-size:16.5px;color:var(--navy)}
.pw-aufklapp>summary::-webkit-details-marker{display:none}
.pw-aufklapp>summary::after{content:"+";font-weight:400;font-size:26px;line-height:.8;color:var(--gold-ink);transition:transform .35s var(--ease)}
.pw-aufklapp[open]>summary::after{transform:rotate(45deg)}
.pw-aufklapp__inhalt{padding:6px 0 4px}
.pw-zeilen-raster{display:grid;gap:22px 32px}
@media (min-width:900px){.pw-zeilen-raster{grid-template-columns:1.1fr 1fr;align-items:start}}
.pw-zeilen__titel{margin-bottom:10px;font-size:16px;letter-spacing:-.01em;color:var(--navy)}
.pw-zeilen{margin:0;display:grid;border-radius:var(--r-m);box-shadow:var(--card-edge);overflow:hidden}
.pw-zeilen>div{display:grid;grid-template-columns:1fr auto;gap:6px 16px;align-items:baseline;padding:11px 14px;border-top:1px solid var(--mist);background:#fff}
.pw-zeilen>div:first-child{border-top:0}
.pw-zeilen dt{font-size:14.5px;line-height:1.45;color:var(--graphite)}
.pw-zeilen dd{margin:0;font:700 15px/1.3 var(--font);color:var(--navy);white-space:nowrap;font-variant-numeric:tabular-nums}
.pw-minus{background:repeating-linear-gradient(45deg,rgba(89,97,116,.1) 0 6px,#fff 6px 12px)!important}
.pw-minus dd{color:var(--slate)}
.pw-zeilen-raster .pw-klein{margin-top:10px}
.pw-drei{display:grid;gap:14px;margin-top:14px}
@media (min-width:900px){.pw-drei{grid-template-columns:repeat(3,1fr)}}
.pw-drei .praes-zahl{padding:clamp(20px,2.2vw,30px)}
.pw-drei .praes-zahl h3{font-size:13px;font-family:var(--mono);font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--navy);margin-bottom:12px}
.pw-drei .praes-zahl--navy h3{color:rgba(255,255,255,.86)}
.pw-drei .praes-zahl strong{font-size:clamp(30px,2.8vw,44px)}
.pw-drei .praes-zahl p{margin-top:10px;font-size:15.5px}
.pw-drei .pw-beleg{margin-top:auto;padding-top:14px;font-size:14px;line-height:1.5;color:#4c5262}
.pw-drei .praes-zahl--navy .pw-beleg,.pw-drei .praes-zahl--navy p{color:var(--pw-hell)}
.pw-drei .praes-zahl--gold .pw-beleg{color:#4a4126}

/* Method panel: a white card on cloud, closed by default */
.pw-aufklapp--methode{margin-top:22px;border-top:0;border-radius:var(--r-xl);background:#fff;box-shadow:var(--card-shadow)}
.pw-aufklapp--methode>summary{min-height:60px;padding:0 clamp(18px,2.6vw,30px)}
.pw-methode{padding:4px clamp(18px,2.6vw,30px) clamp(20px,2.6vw,30px);color:var(--graphite);font-size:15.5px;line-height:1.6}
.pw-methode h3{margin:26px 0 10px;font-size:18px;letter-spacing:-.01em;color:var(--navy)}
.pw-methode p+p{margin-top:10px}
.pw-methode a:not(.pw-chip){color:var(--teal);text-decoration:underline;text-underline-offset:3px}
.pw-methode__lead{font-weight:700;color:var(--navy)}
.pw-behalten{margin:16px 0 0;padding:16px;border:0;border-radius:var(--r-m);background:var(--cloud);box-shadow:inset 0 0 0 1px var(--card-line)}
.pw-behalten legend{float:left;width:100%;margin-bottom:12px;padding:0;font-weight:700;color:var(--navy);line-height:1.4}
.pw-segment{clear:both;display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--control-line);border-radius:12px;overflow:hidden;background:#fff}
.pw-segment label{position:relative;display:grid;place-items:center;min-height:48px;padding:6px 8px;text-align:center;cursor:pointer;border-left:1px solid var(--control-line);font-weight:700;color:var(--navy);line-height:1.15}
.pw-segment label:first-child{border-left:0}
.pw-segment small{display:block;font:500 11px/1.2 var(--mono);color:var(--slate)}
.pw-segment input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.pw-segment label:has(:checked){background:var(--navy);color:#fff}
.pw-segment label:has(:checked) small{color:rgba(255,255,255,.8)}
.pw-segment label:has(:focus-visible){outline:3px solid var(--teal);outline-offset:-3px;z-index:1}
.pw-behalten .pw-klein{margin-top:12px}
.pw-behalten:disabled .pw-segment{opacity:.75}
.pw-decke{display:grid;gap:8px;margin:20px 0 8px}
.pw-decke p{display:grid;grid-template-columns:130px 1fr 56px;align-items:center;gap:10px;font:500 12.5px/1.3 var(--mono);color:var(--slate)}
.pw-decke i{display:block;height:10px;border-radius:5px;background:var(--navy);transform-origin:left;transform:scaleX(var(--a));transition:transform .6s var(--ease)}
.pw-decke p+p i{background:var(--control-line)}
.pw-decke b{font-weight:700;color:var(--navy);text-align:right}
.pw-liste{margin:0;padding:0 0 0 18px;display:grid;gap:10px}
.pw-liste li{padding-left:4px}
.pw-liste .pw-chip{margin-right:4px}
.pw-tabelle-rahmen{overflow-x:auto;border-radius:var(--r-m);box-shadow:var(--card-edge)}
.pw-tabelle{width:100%;min-width:620px;border-collapse:collapse;font-size:14px;line-height:1.4}
.pw-tabelle th,.pw-tabelle td{padding:10px 12px;text-align:left;vertical-align:top;border-top:1px solid var(--mist)}
.pw-tabelle thead th{border-top:0;background:var(--cloud);font:500 11.5px/1.3 var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--slate)}
.pw-tabelle tbody th{font-weight:700;color:var(--navy)}
.pw-tabelle td{font-variant-numeric:tabular-nums}
@media (max-width:640px){
  /* Worked examples: each example stacks as label and value pairs instead of a wide table */
  .pw-tabelle{min-width:0}
  .pw-tabelle thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .pw-tabelle tbody,.pw-tabelle tr,.pw-tabelle tbody th{display:block}
  .pw-tabelle tr{padding:6px 0 8px;border-top:1px solid var(--mist)}
  .pw-tabelle tbody tr:first-child{border-top:0}
  .pw-tabelle tbody th{border-top:0;padding:6px 12px 4px}
  .pw-tabelle td{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:3px 12px;border-top:0;text-align:right}
  .pw-tabelle td::before{content:attr(data-label);font:500 12px/1.5 var(--mono);color:var(--slate);text-align:left}
}
.pw-quellen{font-size:13.5px;line-height:1.7;color:var(--slate)}
.pw-drucken{display:inline-flex;align-items:center;min-height:44px;margin-top:12px;padding:0;border:0;background:none;font:700 15.5px var(--font);color:var(--navy);text-decoration:underline;text-underline-offset:4px;cursor:pointer}

/* ── Mobile first details ── */
@media (max-width:820px){
  .pw-hero{padding-top:calc(var(--kopf) + 22px);padding-bottom:36px}
  .pw-lead{margin-top:14px}
  .pw-hero__raster{gap:14px}
  .pw-streifen{margin-top:14px}
  .pw-kachel{padding:14px 0}
  .pw-kachel__wert b{font-size:34px}
  .pw-plaene.preise{padding:40px 0 44px}
  .pw-plaene .preise__raster{margin-top:18px}
  .pw-bruecke{margin-top:8px;font-size:16px}
  .pw-plan-leiste{margin-top:14px}
  .pw-stufe,.pw-block,.pw-hell{padding:48px 0}
  .pw-bereit p,.pw-belege li,.praes-zahl p{font-size:16px}
  .pw-bereit h3{margin-bottom:12px}
  .pw-heute{margin-top:18px;gap:28px}
  .pw-heute__satz{margin-top:10px;font-size:16.5px}
  .pw-stunden{gap:18px;margin-top:20px}
  .pw-stunden__wert+.pw-stunden__wert{padding-top:18px;border-top:1px solid var(--haze)}
  .pw-gross strong{font-size:clamp(52px,15vw,76px)}
  .pw-gross--hell strong{font-size:clamp(48px,14vw,68px)}
  .pw-einin{font-size:clamp(58px,17vw,88px)}
  .figur--pw-ehrlich{height:130px}
  .pw-zeilen>div{padding:10px 12px}
  .pw-decke p{grid-template-columns:104px 1fr 48px}
  .pw-drei .praes-zahl strong{font-size:32px}
}
@media (max-width:480px){
  /* The sticky bar wraps to two lines instead of cutting off the turnover */
  .pw-leiste p{white-space:normal;line-height:1.3;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:clip}
}
@media (max-width:420px){
  .pw-segment label{font-size:14.5px}
  .pw-leiste p{font-size:12px}
  .pw-wahl{padding-left:34px}
  .pw-wahl span{font-size:14.5px}
}

/* Reduced motion: values swap, squares show their end state (site.js and site.css switch transitions off) */
@media (prefers-reduced-motion:reduce){
  .pw-js [data-einmal]:not(.ist-sichtbar) i,.pw-js .pw-monate:not(.ist-sichtbar) i{transform:none}
  .pw-reihe .gold{animation:none!important}
}

/* Print or save my numbers: inputs, every result line and the full source list; no avatars, no motion */
@media print{
  .kopf,.fuss,.pw-leiste,.figur,.cookie-hinweis,.ck-row-controls,#talk-to-us,.pw-stepper button,.pw-sprung,.pw-andere,.pw-drucken,.pw-plan-leiste__knoepfe,.pw-schalter,.pw-textknopf,.pw-kachel__knopf,.skip{display:none!important}
  .pw-druck-nur{display:block;margin:0 0 12px;padding:12px 16px;font-size:14px;font-weight:700;color:var(--navy);border-bottom:1px solid var(--haze)}
  .pw-hero,.pw-stufe,.pw-block,.pw-hell,.preise{padding:18px 0!important;background:#fff!important;color:#111!important}
  .pw-stufe *,.pw-streifen *,.pw-bereit__navy *,.praes-zahl--navy *{color:#111!important}
  .pw-streifen,.pw-bereit__navy,.praes-zahl--navy{background:#fff!important;box-shadow:inset 0 0 0 1px #999!important}
  .pw-chip{box-shadow:inset 0 0 0 1px #999!important;background:#fff!important}
  .pw-leute .bleibt,.pw-reihe .an{background:#666!important}
  .pw-leute .geht{box-shadow:inset 0 0 0 1.5px #666!important}
  details.pw-aufklapp>:not(summary){display:block!important}
  details.pw-aufklapp::details-content{content-visibility:visible!important}
  .pw-karte,.pw-stunden,.pw-plan-leiste,.pw-aufklapp--methode{box-shadow:0 0 0 1px #999!important;break-inside:avoid}
  .pw-ergebnis{opacity:1!important}
  .wortweise .wort,[data-reveal],[data-stagger]>*{opacity:1!important;transform:none!important;filter:none!important}
  .pw-hero__raster,.pw-heute,.pw-bereit,.pw-drei,.pw-stunden,.pw-streifen{display:block!important}
  .pw-bereit>div,.praes-zahl,.pw-kachel{margin-top:12px}
  a[href^="http"]::after{content:" (" attr(href) ")";font-size:9px;word-break:break-all}
  a.pw-chip--quelle[href^="http"]::after{content:" (" attr(href) ")"}
  a.pw-chip--intern::after{content:none}
  /* Squares and month tiles print in their end state, even if they were never on screen */
  .pw-leute i,.pw-reihe i,.pw-monate i{transform:none!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .pw-reihe .gold{background:var(--gold)!important;box-shadow:inset 0 0 0 1px #666!important}
  .pw-monate i{background:var(--leaf)!important}
  .pw-monate i::after{opacity:1!important}
  .pw-monate b{color:#fff!important}
}

/* Handy (22.10.2026): kuerzer nach dem Mass von How it works. Der Plan-Kasten im Rechner faellt weg, der Preis kommt nach dem Wert
   (der Link "Jump to the plans" oben bleibt). Die zwei Stundenwerte stehen nebeneinander, die Quadrate fuer die Leute werden kleiner. */
@media (max-width:820px){
  .pw-streifen .pw-kachel--plan{display:none}
  .pw-stunden{grid-template-columns:1fr 1fr;gap:18px 16px;padding:20px}
  .pw-stunden .pw-aufklapp{grid-column:1/-1}
  .pw-stunden .pw-gross{font-size:clamp(40px,12vw,52px)}
  .pw-stunden__satz{font-size:14px}
  .pw-leute{max-width:280px}
}

/* Aufklapper der Preisseite (22.10.2026): auf dem Rechner offen und ohne Titelzeile, auf dem Handy zu (kompakt.js).
   Die drei Karten bei "Healthy growth" wischen auf dem Handy als ganze Karten, wie die Pakete (Punkte aus kompakt.js). */
.pw-quellen-auf>summary,.pw-belege-auf>summary,.pw-vergleich-auf>summary{display:none}
@media (max-width:820px){
  .pw-quellen-auf>summary,.pw-belege-auf>summary,.pw-vergleich-auf>summary{display:flex;min-height:48px;font-size:15px;font-weight:600}
  .pw-quellen-auf>summary{margin-top:20px;border-top:1px solid rgba(255,255,255,.18);color:#fff}
  .pw-quellen-auf>summary:focus-visible{outline-color:#fff}
  .pw-belege-auf>summary{margin-top:14px;border-top:1px solid rgba(4,5,80,.12);color:var(--navy)}
  .pw-vergleich-auf>summary{margin-top:20px;padding:0 18px;border:1px solid rgba(4,5,80,.12);border-radius:16px;background:rgba(255,255,255,.8);box-shadow:0 6px 18px rgba(4,5,80,.06);color:var(--navy)}
  .pw-vergleich-auf[open]>summary{margin-bottom:14px}
  .seite-kompakt .pw-drei.ck-row{display:flex;gap:12px;overflow-x:auto;margin-inline:calc(-1*var(--rand));padding:6px var(--rand) 14px;scroll-padding-inline:var(--rand);scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;align-items:stretch}
  .seite-kompakt .pw-drei.ck-row::-webkit-scrollbar{display:none}
  .seite-kompakt .pw-drei.ck-row>*{flex:0 0 82%;scroll-snap-align:start}
}