html, body { margin: 0; height: 100%; background: #000; color: #ece8e1; color-scheme: dark; }
body.warten { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 100dvh; overflow: hidden; font: 1rem/1.5 "Segoe UI", system-ui, -apple-system, Roboto, sans-serif; }
.warte-bild { position: fixed; inset: 0; width: 100%; height: 100%; object-fit: contain; z-index: 0; }
.fuellen .warte-bild { object-fit: cover; }
.timer {
  position: relative; z-index: 1; display: flex; gap: clamp(8px, 2.5vw, 22px);
  padding: clamp(12px, 2.4vw, 22px) clamp(14px, 3vw, 30px); border-radius: 14px;
  background: rgba(6, 8, 15, .62); box-shadow: 0 10px 40px rgba(0, 0, 0, .55); backdrop-filter: blur(4px);
}
.mit-bild .timer { margin-top: auto; margin-bottom: clamp(48px, 10vh, 120px); }
.feld { display: flex; flex-direction: column; align-items: center; min-width: clamp(54px, 13vw, 96px); }
.feld b { font: 700 clamp(1.875rem, 8vw, 4rem)/1 Georgia, "Times New Roman", serif; color: #d9a62a; font-variant-numeric: tabular-nums; text-shadow: 0 0 18px rgba(217, 166, 42, .35); }
.feld small { margin-top: 6px; font-size: clamp(.6875rem, 2.6vw, .875rem); letter-spacing: .12em; text-transform: uppercase; color: #9d9aa6; }
.nach-saison {
  position: relative; z-index: 1; max-width: min(640px, calc(100vw - 32px)); margin: 0; padding: 14px 20px; border-radius: 12px;
  background: rgba(6, 8, 15, .62); text-align: center; font: 400 clamp(1.125rem, 3.4vw, 1.625rem)/1.4 Georgia, "Times New Roman", serif; color: #ece8e1;
}
.mit-bild .nach-saison { margin-top: auto; margin-bottom: clamp(48px, 10vh, 120px); }
.fuss {
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 1; display: flex; gap: 14px; justify-content: flex-end;
  padding: 4px 10px; padding-bottom: max(4px, env(safe-area-inset-bottom)); font-size: .8125rem; line-height: 1.25;
}
.fuss a { display: inline-block; padding: 4px 4px; min-height: 24px; color: #8f8b9a; text-decoration: none; }
.fuss a:hover, .fuss a:focus-visible { color: #9d9aa6; text-decoration: underline; }
.mit-bild .fuss a { color: #9d9aa6; text-shadow: 0 1px 2px #000; }
.vorlesen { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }