/* Deck style for normal pages (22.10.2026): kicker head, deck numbers and the word reveal with blur, without the whole
   praesentation.css. Loaded by /pricing/. The company profiles keep their copy in praesentation.css for now; they can load this
   file instead later. Surfaces: .deck-block (white with large colour areas) and .deck-navy (navy stage). Never gold text on navy. */
:root{--gold-hell:#FBEFCF}

/* Kicker: line on top, mono number, bold label (replaces the uppercase .etikett) */
.praes-kicker{display:flex;align-items:baseline;gap:14px;max-width:900px;margin:0 0 22px;padding-top:14px;border-top:2px solid var(--navy);font-size:15px;font-weight:700;line-height:1.3;color:var(--navy)}
.praes-kicker span{font-family:var(--mono);font-size:13px;font-weight:500;color:var(--teal)}
.deck-block .praes-kicker{border-top-width:5px}
.deck-navy .praes-kicker{border-top-color:rgba(255,255,255,.32);color:#fff}
.deck-navy .praes-kicker span{color:rgba(255,255,255,.66)}

/* Deck numbers: three wins in coloured blocks */
.praes-zahl{display:flex;flex-direction:column;border-top:1px solid var(--haze);padding-top:24px}
.praes-zahl strong{display:block;font-size:clamp(40px,4.4vw,72px);line-height:1;letter-spacing:-.045em;color:var(--navy);font-weight:700;font-variant-numeric:tabular-nums}
.praes-zahl p{margin-top:14px;font-size:clamp(16px,1.2vw,18px);line-height:1.5;color:var(--graphite)}
.praes-zahl--gold,.praes-zahl--navy,.praes-zahl--rand{padding:clamp(24px,2.6vw,36px);border-top:0;border-radius:var(--r-xl)}
.praes-zahl--gold{background:var(--gold-hell);box-shadow:inset 0 0 0 1px var(--card-line)}
.praes-zahl--rand{background:#fff;box-shadow:inset 0 0 0 2px var(--navy)}
.praes-zahl--navy{background:linear-gradient(180deg,var(--navy),var(--midnight))}
.praes-zahl--navy strong,.praes-zahl--navy h3{color:#fff}
.praes-zahl--navy p{color:rgba(255,255,255,.82)}

/* Headlines word by word out of a blur: site.js splits [data-woerter] into .wort (screen only, opacity only below 600 px) */
.preise--wert [data-woerter].wortweise .wort{filter:blur(12px);transition:opacity .7s var(--ease),transform .8s var(--ease),filter .8s var(--ease);transition-delay:calc(var(--i)*70ms)}
.preise--wert [data-woerter].wortweise.ist-sichtbar .wort{filter:none}
@media (max-width:599px){.preise--wert [data-woerter].wortweise .wort{filter:none;transform:none}}
@media (prefers-reduced-motion:reduce){.preise--wert [data-woerter].wortweise .wort{filter:none;transform:none}}
@media print{.preise--wert [data-woerter].wortweise .wort{filter:none;opacity:1;transform:none}}