/* Schriften und Zifferblatt des Designs „Zifferblatt". Wird von der Launch-Seite und vom wählbaren Design geladen. */
@font-face{font-family:Archivo;src:url(fonts/Archivo-wdth.woff2) format("woff2");font-weight:100 900;font-stretch:62% 125%;font-display:swap}
@font-face{font-family:"IBM Plex Mono";src:url(fonts/IBMPlexMono-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"IBM Plex Mono";src:url(fonts/IBMPlexMono-500.woff2) format("woff2");font-weight:500;font-display:swap}
.s-dial svg{display:block;width:100%;height:100%;overflow:visible;animation:s-dial 1.4s cubic-bezier(.2,.7,.2,1) both}
@keyframes s-dial{from{opacity:0;transform:scale(.92) rotate(-8deg)}}
.d-rim{fill:color-mix(in srgb,var(--d-bg) 55%,transparent);stroke:var(--d-line)}.d-tick{stroke:var(--d-ink)}.d-num{fill:var(--d-ink);font:600 66px Archivo,sans-serif;font-stretch:70%}
.d-track{fill:none;stroke:var(--d-line);stroke-width:2}.d-arc{fill:none;stroke:var(--g);stroke-width:7;stroke-linecap:round;filter:drop-shadow(0 0 10px var(--g))}
.d-mono{fill:var(--d-dim);font:500 15px "IBM Plex Mono",ui-monospace,monospace;letter-spacing:.14em}.d-digital{fill:var(--d-ink);font:500 34px "IBM Plex Mono",ui-monospace,monospace;letter-spacing:.06em}
.d-window{fill:color-mix(in srgb,var(--d-bg) 80%,#000);stroke:var(--d-line)}.d-date{fill:var(--d-ink);font:500 22px "IBM Plex Mono",ui-monospace,monospace}
.d-hand{stroke:var(--d-ink);stroke-linecap:round;filter:drop-shadow(0 6px 10px rgba(0,0,0,.45))}.d-sec{stroke:var(--g);fill:var(--g);filter:drop-shadow(0 0 8px var(--g))}.d-cap{fill:var(--d-bg);stroke:var(--g);stroke-width:5}
.logo-dial{display:block;height:30px;width:auto}
@media(prefers-reduced-motion:reduce){.s-dial svg{animation:none}}