/* RetroTimer – dezenter 24h Flip-Besucherzähler im Footer */
.stj-retrotimer{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font:400 10px/1.1 Arial,Helvetica,sans-serif;color:#c1d2e5;vertical-align:middle}
.stj-retrotimer .stj-rt-caption{letter-spacing:.15px;color:#c1d2e5}
.stj-retrotimer .stj-rt-digits{display:inline-flex;gap:2px;align-items:center;perspective:450px}
.stj-retrotimer .stj-rt-digit{display:block;position:relative;isolation:isolate;overflow:hidden;width:15px;height:21px;background:linear-gradient(180deg,#21242b 0%,#111318 48%,#07090c 50%,#15181d 100%);border:1px solid rgba(255,255,255,.15);border-radius:2px;box-shadow:0 1px 2px #0007,inset 0 1px 1px #fff1}
.stj-retrotimer .stj-rt-digit:after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:#000c;z-index:2;pointer-events:none}
.stj-retrotimer .stj-rt-face{display:grid;place-items:center;height:100%;width:100%;color:#f0f3f8;font:600 15px/1 Arial,Helvetica,sans-serif;font-variant-numeric:tabular-nums;text-shadow:0 1px 1px #000}
.stj-retrotimer .stj-rt-fold{position:absolute;top:0;left:0;right:0;height:50%;transform-origin:center bottom;background:linear-gradient(#454b56,#111318);opacity:0;pointer-events:none;z-index:3}
.stj-retrotimer .stj-rt-digit.is-flipping .stj-rt-fold{animation:stj-retroflip .56s ease-in-out}
@keyframes stj-retroflip{0%{opacity:0;transform:rotateX(0)}15%{opacity:.94}50%{opacity:.88;transform:rotateX(-90deg)}100%{opacity:0;transform:rotateX(-180deg)}}
@media(prefers-reduced-motion:reduce){.stj-retrotimer .stj-rt-digit.is-flipping .stj-rt-fold{animation:none}}
@media(max-width:650px){.stj-retrotimer{justify-content:center}}

/* 1.2: footer separator instead of caption */
.stj-retrotimer-footer .stj-rt-caption{color:#fff;font-size:12px;line-height:1;letter-spacing:0;margin:0 4px 0 0}