/* Coming-Soon-Seite inglory.de (18.10.2026) · nur, was die Website nicht schon hat.
   Alles andere kommt unverändert aus leitstand.css (Quelle Web/labor/leitstand). */

/* ---- Countdown: die Zahlenleiste der Website, Startdatum darunter (Mike 18.10.2026: nicht direkt unter dem Porträt) */
.countdown-fuss{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 16px;margin:20px 0 0;font-family:var(--mono);font-size:10.5px;line-height:1.5;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}
.countdown dd{font-variant-numeric:tabular-nums}
@media (min-width:768px){.countdown dd{font-size:64px}}

/* ---- Bauprotokoll ---------------------------------------------------------------------- */
.protokoll{margin:0;padding:0;list-style:none}
.pz{display:grid;grid-template-columns:64px minmax(0,1fr);gap:2px 16px;padding:14px 16px;border-bottom:1px solid var(--line)}
@media (min-width:640px){.pz{grid-template-columns:72px 120px minmax(0,1fr);align-items:baseline;padding:14px 20px}}
.pz-zustand{grid-row:span 2;font-size:11px;line-height:1.5;letter-spacing:.12em;text-transform:uppercase}
@media (min-width:640px){.pz-zustand{grid-row:auto}}
.pz-was{font-family:var(--display, inherit);font-weight:500;font-size:15px;line-height:1.4;letter-spacing:-.01em;color:var(--fg)}
.pz-text{font-size:13px;line-height:1.5;color:var(--dim)}
.pz-fertig .pz-zustand{color:var(--sig)}
.pz-fertig .pz-zustand::before{content:'✓ '}
.pz-laeuft .pz-zustand{color:var(--fg)}
.pz-laeuft .pz-zustand::before{content:'';display:inline-block;width:6px;height:6px;margin-right:7px;vertical-align:1px;background:var(--fg);animation:blinken 1.2s steps(1) infinite}
.pz-start{background:rgba(var(--sig-a),.05)}
.pz-start .pz-zustand{color:var(--sig)}
.pz-start .pz-text{color:var(--fg)}
.pz-start .blink{margin-left:4px;animation:blinken 1s steps(1) infinite}
.pz:last-child{border-bottom:0}
/* Zeilen laufen nacheinander ein, sobald das Protokoll ins Bild kommt (nur Verstärkung, ohne Skript stehen alle da) */
.cs-rein .pz{animation:zeile-rein .45s var(--ease, cubic-bezier(.16,1,.3,1)) both}
.cs-rein .pz:nth-child(2){animation-delay:.08s}.cs-rein .pz:nth-child(3){animation-delay:.16s}
.cs-rein .pz:nth-child(4){animation-delay:.24s}.cs-rein .pz:nth-child(5){animation-delay:.32s}
.cs-rein .pz:nth-child(6){animation-delay:.40s}
.bewegung-steht .pz-laeuft .pz-zustand::before,.bewegung-steht .pz-start .blink{animation:none}
@media (prefers-reduced-motion:reduce){.cs-rein .pz{animation:none}.pz-laeuft .pz-zustand::before,.pz-start .blink{animation:none}}

/* ---- Anfrage: der Trichter der Website (fünf Fragen), Text links bleibt oben stehen ------------------ */
.cs-kontakt{display:grid;gap:40px}
@media (min-width:1024px){
  .cs-kontakt{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:0;align-items:start}
  .cs-intro{grid-column:1 / span 5;grid-row:1}
  .cs-wege{grid-column:1 / span 5;grid-row:2;margin-top:40px}
  .cs-trichter-spalte{grid-column:6 / span 7;grid-row:1 / span 2;margin-top:calc(11px * 1.5 + 40px);align-self:stretch;display:flex;flex-direction:column}   /* oben auf Höhe der Überschrift, unten bündig mit den Wegen (Mike 18.10.2026: „auf die volle Höhe wie die linke Kontaktspalte“) */
}
.cs-danke h3{font-weight:500;font-size:30px;line-height:1.15;letter-spacing:-.035em;color:var(--fg)}
.cs-danke h3:focus{outline:none}