/* Signal-Zeiten — Kalender-Woche (Umbau 06.11.2026), Präfix sz-. Farben/Schriften aus der Gastseite: udiman.net (stil.css) oder Mini-App
   (app.css, --ua-*), sonst Rückfall. Blöcke: Fenster (kupfer, dicke Kante = Kernzeit) auf ungefähren Flächen (schraffiert); was nur einen Tag,
   aber keine Uhrzeit hat, steht als Marke in der Leiste über dem Tag. */
.sz,.sz-k{
  --sz-bg:var(--surface,var(--ua-karte,#16191e)); --sz-bg2:var(--surface-2,var(--ua-bg,#1b1f26));
  --sz-ink:var(--ink,var(--ua-tinte,#eef0f3)); --sz-ink2:var(--ink-2,var(--ua-tinte,#c4c9d2)); --sz-mut:var(--muted,var(--ua-matt,#959dab));
  --sz-line:var(--line,var(--ua-linie,#2a2f38)); --sz-line2:var(--line-2,var(--ua-linie,#3a404c));
  --sz-cu:var(--kupfer,var(--ua-kupfer,#f08a3c)); --sz-cut:var(--kupfer-text,var(--ua-kupfer-text,#f39a58)); --sz-cus:var(--kupfer-soft,var(--ua-kupfer-weich,rgba(240,138,60,.12)));
  --sz-gut:var(--gut,var(--ua-gut,#4fdc91)); --sz-guts:var(--gut-soft,var(--ua-gut-weich,rgba(79,220,145,.12)));
  --sz-eis:var(--eis,#2f8fc8); --sz-eiss:var(--eis-soft,rgba(47,143,200,.13)); --sz-warn:var(--warn,var(--ua-warn,#c28a00)); --sz-warns:var(--warn-soft,var(--ua-warn-weich,rgba(196,140,0,.14)));
  --sz-rot:var(--schlecht,var(--ua-schlecht,#e5484d));
  --sz-fb:var(--f-b,var(--ua-f,system-ui,sans-serif)); --sz-fm:var(--f-m,var(--ua-m,ui-monospace,monospace)); --sz-fw:var(--f-w,var(--ua-w,sans-serif));
}
/* Knopf in der Kopfleiste — gleiche Höhe/Form wie der Zonenknopf */
.sz-k{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 12px;border:1px solid var(--sz-line);border-radius:8px;background:var(--sz-bg);
  color:var(--sz-ink);font:500 13px/1 var(--sz-fb);cursor:pointer;white-space:nowrap;transition:border-color .15s,color .15s}
.sz-k svg{flex:none;color:var(--sz-cu)}
.sz-k:hover{border-color:var(--sz-cu);color:var(--sz-cut)}
@media (max-width:760px){.sz-k-t{display:none}.sz-k{padding:0 9px}}
/* Telefon: in der Kopfleiste von udiman.net/pt ist kein Platz (390 px: 27 px Überlauf) → runder Knopf unten rechts (eigenes Element an <body>,
   die Kopfleiste ist ein eigener Stapelkontext), der Kopfknopf verschwindet */
.sz-fab{display:none}
@media (max-width:480px){
  .kopf .sz-k{display:none}
  .sz-fab{display:inline-flex;position:fixed;z-index:60;right:16px;bottom:calc(18px + env(safe-area-inset-bottom,0px));width:54px;height:54px;padding:0;justify-content:center;
    border:0;border-radius:50%;background:var(--sz-cu);color:var(--kupfer-ink,#16181d);box-shadow:0 10px 28px -8px color-mix(in srgb,var(--sz-cu) 70%,transparent),0 2px 6px rgba(0,0,0,.25)}
  .sz-fab svg{width:23px;height:23px;color:currentColor}
  .sz-fab .sz-k-t{display:none}
  .sz-fab:hover{color:var(--kupfer-ink,#16181d);border:0}
}

/* Fenster: breit wie ein Kalender, feste Höhe (der Kalender rollt innen, Kopf und Fuß stehen) */
.sz{border:0;padding:0;margin:auto;background:transparent;color:var(--sz-ink);width:min(1320px,calc(100vw - 32px));max-width:none;height:min(92vh,900px);max-height:none;overflow:visible;font-family:var(--sz-fb)}
.sz::backdrop{background:color-mix(in srgb,var(--bg,#0f1114) 62%,transparent);backdrop-filter:blur(6px) saturate(.8);-webkit-backdrop-filter:blur(6px) saturate(.8)}
.sz[open]{animation:sz-ein .34s cubic-bezier(.2,.8,.2,1) both}
@keyframes sz-ein{from{opacity:0;transform:translateY(14px) scale(.99)}to{opacity:1;transform:none}}
.sz-in{position:relative;display:flex;flex-direction:column;height:100%;border:1px solid var(--sz-line);border-radius:16px;background:var(--sz-bg);
  box-shadow:0 30px 80px -30px rgba(0,0,0,.55);overflow:hidden;overflow:clip}
.sz-kopf{flex:none;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px 22px;padding:14px 16px 14px 22px;border-bottom:1px solid var(--sz-line)}
.sz-t{display:flex;align-items:center;gap:11px;margin:0;font:800 21px/1.05 var(--sz-fw);letter-spacing:-.015em;white-space:nowrap}
.sz-punkt{flex:none;width:8px;height:8px;border-radius:50%;background:var(--sz-cu);box-shadow:0 0 0 4px var(--sz-cus)}
.sz-x{grid-column:3;grid-row:1;flex:none;display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--sz-line);border-radius:10px;background:var(--sz-bg);color:var(--sz-ink);cursor:pointer}
.sz-x:hover{border-color:var(--sz-cu);color:var(--sz-cut)}
.sz-koerper{flex:1;min-height:0;display:flex;flex-direction:column}
.sz-laedt,.sz-fehler,.sz-leer{color:var(--sz-mut);margin:26px 22px}
.sz-laedt::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--sz-cu);margin-right:10px;vertical-align:middle;animation:sz-puls 1.4s ease-out infinite}
.sz-vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.sz :focus-visible{outline:2px solid var(--sz-cu);outline-offset:2px}

/* Werkzeug: Wettart-Chips (zugleich Farblegende der Marken), Liga, Woche blättern */
.sz-wz{display:flex;align-items:center;justify-content:space-between;gap:10px 16px;min-width:0}
.sz-filter{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-width:0}
.sz-chip{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 12px 0 6px;border:1px solid var(--sz-line);border-radius:999px;background:transparent;color:var(--sz-mut);font:500 13px/1 var(--sz-fb);cursor:pointer;transition:color .15s,border-color .15s,background .15s}
.sz-chip .sz-f{filter:grayscale(1);opacity:.55}
.sz-chip[aria-pressed="true"]{color:var(--sz-ink);border-color:var(--sz-line2);background:var(--sz-bg2)}
.sz-chip[aria-pressed="true"] .sz-f{filter:none;opacity:1}
.sz-sel select{height:32px;max-width:220px;padding:0 30px 0 12px;border:1px solid var(--sz-line);border-radius:999px;background:var(--sz-bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M3 4.5 6 7.5 9 4.5' fill='none' stroke='%23959dab' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat right 10px center/12px;
  color:var(--sz-ink);font:500 13px/1 var(--sz-fb);appearance:none;-webkit-appearance:none;text-overflow:ellipsis}
.sz-blatt{flex:none;display:flex;align-items:center;gap:4px}
.sz-spanne{min-width:122px;text-align:center;font:500 13px/1 var(--sz-fm);font-variant-numeric:tabular-nums;color:var(--sz-ink2);white-space:nowrap}
.sz-pf{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--sz-line);border-radius:50%;background:transparent;color:var(--sz-ink);cursor:pointer}
.sz-pf:hover:not(:disabled){border-color:var(--sz-cu);color:var(--sz-cut)}
.sz-pf:disabled{opacity:.3;cursor:default}

/* Wettart-Marken: Sieg kupfer · Handicap eisblau · Tore gelb */
.sz-f{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:6px;font:600 11px/1 var(--sz-fm);letter-spacing:.02em;font-style:normal;white-space:nowrap}
.sz-f-sieg{color:var(--sz-cut);background:var(--sz-cus)} .sz-f-handicap{color:var(--sz-eis);background:var(--sz-eiss)} .sz-f-tore{color:var(--sz-warn);background:var(--sz-warns)}

/* ── Kalender ── */
.sz-kal{--sz-g:48px;--sz-kkh:54px;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;position:relative;scrollbar-width:thin;scrollbar-color:var(--sz-line2) transparent}
.sz-kk,.sz-gz,.sz-rs{display:grid;grid-template-columns:var(--sz-g) repeat(7,minmax(0,1fr))}
/* Tageskopf: klebt oben */
.sz-kk{position:sticky;top:0;z-index:6;height:var(--sz-kkh);background:var(--sz-bg);border-bottom:1px solid var(--sz-line2)}
.sz-ecke{display:flex;align-items:center;justify-content:flex-end;padding:0 7px 0 2px;font:500 9.5px/1.2 var(--sz-fb);color:var(--sz-mut);text-align:right;overflow:hidden}
.sz-kt{position:relative;display:flex;align-items:baseline;gap:7px;min-width:0;padding:11px 10px 0;border:0;border-left:1px solid var(--sz-line);background:none;color:var(--sz-ink2);font:inherit;text-align:left;cursor:default}
.sz-kt b{font:500 11px/1 var(--sz-fm);letter-spacing:.1em;text-transform:uppercase;color:var(--sz-mut);white-space:nowrap}
.sz-kt span{font:700 21px/1 var(--sz-fw);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.sz-kn{margin-left:auto;align-self:center;min-width:20px;height:20px;padding:0 6px;display:inline-grid;place-items:center;border-radius:999px;background:var(--sz-bg2);color:var(--sz-ink2);font:500 11px/1 var(--sz-fm);font-style:normal}
.sz-kn:empty{visibility:hidden}
.sz-kt.sz-heute b{color:var(--sz-cut)} .sz-kt.sz-heute span{color:var(--sz-cut)}
.sz-kt.sz-heute::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;background:var(--sz-cu)}
.sz-kt-leer span{color:var(--sz-mut);font-weight:500}
/* Leiste «ohne feste Uhrzeit»: Ligen, bei denen nur der Tag feststeht, und Überfällige (gelb) */
.sz-gz{position:sticky;top:var(--sz-kkh);z-index:5;background:var(--sz-bg);border-bottom:1px solid var(--sz-line2)}
.sz-gz .sz-ecke{align-items:flex-start;padding-top:8px}
.sz-gs{display:flex;flex-direction:column;gap:3px;min-width:0;padding:5px 3px;border-left:1px solid var(--sz-line)}
.sz-gc{display:flex;align-items:center;gap:6px;min-width:0;width:100%;height:24px;padding:0 6px;border:1px dashed var(--sz-line2);border-radius:7px;
  background:repeating-linear-gradient(135deg,transparent 0 6px,color-mix(in srgb,var(--sz-ink) 5%,transparent) 6px 7.5px),var(--sz-bg2);color:var(--sz-ink);font:500 12px/1 var(--sz-fb);cursor:pointer;text-align:left}
.sz-gc:hover,.sz-gc[aria-expanded="true"]{border-style:solid;border-color:var(--sz-ink2)}
.sz-gc b{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}
.sz-gc-wenig b{font-style:italic}
.sz-gc em{display:none;font-style:normal;color:var(--sz-warn);font:500 11px/1 var(--sz-fm)}
.sz-gc .sz-f{min-width:14px;height:14px;padding:0 2px;border-radius:4px;font-size:9.5px}
.sz-gc-jz{border:1px solid color-mix(in srgb,var(--sz-warn) 45%,var(--sz-line));background:var(--sz-warns)} .sz-gc-jz b{font-weight:600}
.sz-gc-mehr{justify-content:center;border-style:solid;border-color:var(--sz-line);background:transparent;color:var(--sz-mut);font:500 11px/1 var(--sz-fm)}
.sz-gc .hr-flg,.sz-b .hr-flg,.sz-pl .hr-flg,.sz-unb .hr-flg{flex:none;width:16px;height:11px;border-radius:2px;box-shadow:0 0 0 1px rgba(128,128,128,.25)}
/* Raster: Stundenleiste + Tagesspalten */
.sz-rs{position:relative;height:calc(24 * var(--sz-h));margin-bottom:10px}
.sz-std{display:flex;flex-direction:column}
.sz-std span{flex:none;height:var(--sz-h);padding-right:8px;text-align:right;font:500 10.5px/1 var(--sz-fm);font-variant-numeric:tabular-nums;color:var(--sz-mut);transform:translateY(-5px)}
.sz-std span:first-child{visibility:hidden}
.sz-sp{position:relative;min-width:0;border-left:1px solid var(--sz-line);
  background-image:linear-gradient(to bottom,var(--sz-line) 1px,transparent 1px);background-size:100% var(--sz-h)}
.sz-sp.sz-heute{background-color:color-mix(in srgb,var(--sz-cu) 4%,transparent)}
.sz-vorbei{position:absolute;inset:0 0 auto 0;z-index:4;pointer-events:none;background:color-mix(in srgb,var(--sz-bg) 58%,transparent)}
.sz-jetzt{position:absolute;left:0;right:0;z-index:5;height:0;border-top:2px solid var(--sz-rot);pointer-events:none}
.sz-jetzt::before{content:"";position:absolute;left:-5px;top:-6px;width:10px;height:10px;border-radius:50%;background:var(--sz-rot)}
.sz-jetzt b{position:absolute;right:calc(100% + 7px);top:-9px;padding:3px 4px;border-radius:4px;background:var(--sz-rot);color:#fff;font:600 10px/1 var(--sz-fm);font-variant-numeric:tabular-nums}

/* Blöcke */
.sz-b{position:absolute;container-type:inline-size;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;min-width:0;padding:0;overflow:hidden;overflow:clip;
  border:1px solid color-mix(in srgb,var(--sz-cu) 42%,var(--sz-line));border-radius:8px;
  background:color-mix(in srgb,var(--sz-cu) 13%,var(--sz-bg));color:var(--sz-ink);font:inherit;text-align:left;cursor:pointer;
  transition:box-shadow .15s,border-color .15s,transform .15s}
.sz-b::before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:color-mix(in srgb,var(--sz-cu) 38%,transparent)}
.sz-kern{position:absolute;left:0;width:5px;background:var(--sz-cu);border-radius:0 3px 3px 0}
.sz-b-fest{z-index:3}
.sz-b-fest:hover,.sz-b-fest[aria-expanded="true"]{border-color:var(--sz-cu);box-shadow:0 8px 22px -10px color-mix(in srgb,var(--sz-cu) 70%,transparent)}
.sz-b-fest[aria-expanded="true"]{box-shadow:0 0 0 2px var(--sz-cu)}
.sz-bz{display:flex;flex-wrap:wrap;align-items:center;gap:0;flex:none;font:600 11.5px/1.25 var(--sz-fm);font-variant-numeric:tabular-nums;color:var(--sz-cut);white-space:nowrap}
.sz-bz small{margin-right:6px;font:500 10px/1 var(--sz-fm);letter-spacing:.04em;text-transform:uppercase;opacity:.85}
.sz-bz .sz-puls{margin-right:6px}
.sz-bz,.sz-bi{min-width:0;max-width:100%;overflow:hidden}
.sz-b-flach .sz-bz{flex:0 1 auto}
.sz-bl{display:flex;align-items:center;gap:5px;flex:none;height:16px;min-width:0;font-size:12px;line-height:1}
.sz-bl b{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}
.sz-bm{flex:none;display:inline-flex;gap:2px}
.sz-b .sz-f{min-width:14px;height:14px;padding:0 2px;border-radius:4px;font-size:9.5px}
.sz-bl em{flex:none;min-width:12px;text-align:right;font:500 10.5px/1 var(--sz-fm);font-style:normal;color:var(--sz-mut)}
.sz-bl-wenig b{font-style:italic}
.sz-bmehr{flex:none;font:500 10.5px/1.4 var(--sz-fm);color:var(--sz-mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@container (max-width:118px){.sz-bl b{display:none}.sz-bl em{margin-left:auto}.sz-bz{font-size:10.5px}.sz-bz small{display:none}}
@container (max-width:64px){.sz-bl em{display:none}.sz-bm{gap:1px}.sz-b .sz-f{min-width:11px;padding:0 1px}.sz-bz{font-size:9.5px;letter-spacing:-.03em}}
/* Beschriftung: klebt beim Rollen unter Tageskopf + Leiste, solange der Block zu sehen ist */
.sz-bi{position:sticky;top:var(--sz-oben,54px);display:flex;flex-direction:column;gap:2px;padding:5px 6px 4px 10px;text-align:left}
.sz-b-flach .sz-bi{flex-direction:row;align-items:center;gap:8px;padding-top:3px;padding-bottom:2px;white-space:nowrap}
.sz-b-flach .sz-bz{flex-wrap:nowrap} .sz-b-flach .sz-bl{flex:1 1 auto}
@container (max-width:230px){.sz-b-flach .sz-bl b{display:none}.sz-b-flach .sz-bl em{margin-left:0}}
/* ungefähr: schraffierte Fläche unter den Fenstern, gestrichelt, ohne Kupfer; ihre Beschriftung klebt beim Rollen oben (sz-bg = freies Stück) */
.sz-b-grob{border:1px dashed var(--sz-line2);
  background:repeating-linear-gradient(135deg,transparent 0 6px,color-mix(in srgb,var(--sz-ink) 6%,transparent) 6px 7.5px),var(--sz-bg2)}
.sz-b-grob::before{display:none}
.sz-b-grob .sz-kern{width:4px;background:color-mix(in srgb,var(--sz-ink2) 70%,transparent)}
.sz-b-grob .sz-bz{color:var(--sz-ink2)}
.sz-b-grob:hover,.sz-b-grob[aria-expanded="true"]{border-color:var(--sz-ink2);border-style:solid;box-shadow:none}
.sz-b-grob[aria-expanded="true"]{box-shadow:inset 0 0 0 1px var(--sz-ink2)}
.sz-bg{position:absolute;left:0;right:0;overflow:hidden;overflow:clip}
/* läuft gerade */
.sz-b-an{border-color:var(--sz-gut);background:color-mix(in srgb,var(--sz-gut) 13%,var(--sz-bg))}
.sz-b-an::before{background:color-mix(in srgb,var(--sz-gut) 40%,transparent)} .sz-b-an .sz-kern{background:var(--sz-gut)} .sz-b-an .sz-bz{color:var(--sz-gut)}
.sz-b-grob.sz-b-an{border-style:dashed;border-color:color-mix(in srgb,var(--sz-gut) 70%,var(--sz-line));background:repeating-linear-gradient(135deg,transparent 0 6px,color-mix(in srgb,var(--sz-gut) 14%,transparent) 6px 7.5px),color-mix(in srgb,var(--sz-gut) 7%,var(--sz-bg))}
.sz-puls{flex:none;display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--sz-gut);animation:sz-puls 1.6s ease-out infinite}
@keyframes sz-puls{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--sz-gut) 55%,transparent)}70%{box-shadow:0 0 0 7px transparent}100%{box-shadow:0 0 0 0 transparent}}
/* Fenster über Mitternacht: Fortsetzung ohne Rundung oben bzw. unten */
.sz-b-fort{border-top-left-radius:0;border-top-right-radius:0;border-top-style:dotted}
.sz-b-offen{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-style:dotted}

/* leerer Tag (nur Telefon sichtbar) */
.sz-leertag{display:none}
.sz-sprung{height:36px;padding:0 14px;border:1px solid var(--sz-cu);border-radius:999px;background:var(--sz-cus);color:var(--sz-cut);font:500 13px/1 var(--sz-fb);cursor:pointer}

/* Aufklapper */
.sz-pop{position:absolute;z-index:20;width:min(360px,calc(100% - 20px));max-height:min(520px,calc(100% - 76px));display:flex;flex-direction:column;border:1px solid var(--sz-line2);border-radius:14px;background:var(--sz-bg);
  box-shadow:0 24px 60px -18px rgba(0,0,0,.6),0 2px 8px rgba(0,0,0,.18);animation:sz-pop .2s cubic-bezier(.2,.8,.2,1) both}
@keyframes sz-pop{from{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:none}}
.sz-pop>header{flex:none;display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:14px 12px 4px 16px}
.sz-pop h3{margin:0;font:600 15px/1.3 var(--sz-fm);font-variant-numeric:tabular-nums}
.sz-pop h3::first-letter{text-transform:uppercase}
.sz-px{flex:none;display:grid;place-items:center;width:28px;height:28px;border:0;border-radius:8px;background:var(--sz-bg2);color:var(--sz-ink2);cursor:pointer}
.sz-px:hover{color:var(--sz-cut)}
.sz-pu{margin:0;padding:2px 16px 0;font-size:13px;line-height:1.45;color:var(--sz-ink2)}
.sz-pu-an{display:flex;align-items:center;gap:8px;color:var(--sz-gut);font-weight:500}
.sz-pr{overflow-y:auto;overscroll-behavior:contain;padding:8px 16px 14px;scrollbar-width:thin}
.sz-pl{padding:10px 0 8px;border-top:1px solid var(--sz-line)}
.sz-pl:first-child{border-top:0}
.sz-pl h4{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 6px;font:600 14px/1.2 var(--sz-fb)}
.sz-pl h4 b{font-weight:600;margin-right:2px}
.sz-pl .sz-f{height:18px;font-size:10.5px;letter-spacing:.05em;text-transform:uppercase}
.sz-pz{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;margin:0 0 6px;font:500 12.5px/1.3 var(--sz-fm);font-variant-numeric:tabular-nums}
.sz-pz span{margin-left:2px}
.sz-pz small{flex-basis:100%;font:400 11.5px/1.4 var(--sz-fm);color:var(--sz-mut)}
.sz-ph{margin:0 0 6px;font-size:12px;line-height:1.4;color:var(--sz-mut)}
.sz-ps{list-style:none;margin:0;padding:0}
.sz-ps li{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:0 12px;padding:3px 0;font-size:13px;line-height:1.35;color:var(--sz-ink2)}
.sz-ps li>span{flex:1 1 0;min-width:0}
.sz-pn{flex:1 0 100%;display:flex;align-items:center;gap:6px;margin-top:1px;font-size:11.5px;line-height:1.35;color:var(--sz-warn)}
.sz-pn::before{content:"";flex:none;width:7px;height:7px;border:1.5px solid currentColor;border-radius:50%;border-right-color:transparent}
.sz-ps time{flex:none;font:400 11.5px/1 var(--sz-fm);font-variant-numeric:tabular-nums;color:var(--sz-mut);white-space:nowrap}

/* Fuß: Legende, ein Satz, Stand */
.sz-fuss{flex:none;padding:10px 22px 12px;border-top:1px solid var(--sz-line);background:var(--sz-bg2);font-size:12px;line-height:1.5;color:var(--sz-mut)}
.sz-fuss p{margin:0}
.sz-leg{display:flex;flex-wrap:wrap;align-items:center;gap:6px 20px;color:var(--sz-ink2)}
.sz-leg span{display:inline-flex;align-items:center;gap:8px}
.sz-lg{flex:none;position:relative;width:22px;height:14px;border-radius:4px}
.sz-lg-fest{border:1px solid color-mix(in srgb,var(--sz-cu) 42%,var(--sz-line));background:color-mix(in srgb,var(--sz-cu) 13%,var(--sz-bg))}
.sz-lg-fest::before{content:"";position:absolute;left:-1px;top:2px;bottom:2px;width:4px;border-radius:0 2px 2px 0;background:var(--sz-cu)}
.sz-lg-grob{border:1px dashed var(--sz-line2);background:repeating-linear-gradient(135deg,transparent 0 3px,color-mix(in srgb,var(--sz-ink) 12%,transparent) 3px 4px)}
.sz-leg .sz-stand{margin-left:auto;font:400 11px/1.3 var(--sz-fm);color:var(--sz-mut)}
.sz-unb{margin-top:5px!important;color:var(--sz-ink2)} .sz-unb b{font-weight:600} .sz-unb .hr-flg{display:inline-block;vertical-align:-1px;margin-right:5px}
.sz-hinweis{margin-top:5px;max-width:1080px}
.sz-hinweis summary{display:inline;list-style:none;cursor:default} .sz-hinweis summary::-webkit-details-marker{display:none}
.sz-hinweis p{display:inline}

/* schmaler Rechner: Werkzeug in die zweite Zeile */
@media (max-width:1020px){
  .sz-kopf{grid-template-columns:minmax(0,1fr) auto}
  .sz-x{grid-column:2}
  .sz-wz{grid-column:1/-1;grid-row:2}
}
/* ── Telefon: ein Tag, Tagesreiter oben, seitlich wischen ── */
@media (max-width:760px){
  .sz{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;margin:0}
  .sz-in{border:0;border-radius:0}
  .sz-kopf{padding:12px 12px 10px 16px;gap:10px 12px}
  .sz-t{font-size:19px}
  .sz-wz{flex-wrap:wrap}
  .sz-filter{flex:1 1 100%;flex-wrap:nowrap}
  .sz-chip{padding:0 10px 0 5px;gap:6px}
  .sz-sel{flex:1 1 0;min-width:0} .sz-sel select{width:100%;max-width:none}
  .sz-blatt{flex:1 1 100%;justify-content:space-between}
  .sz-kal{--sz-g:44px;--sz-kkh:68px}
  .sz-ecke{padding:0 5px 0 0;font-size:9px}
  .sz-kk{grid-template-columns:repeat(7,minmax(0,1fr));padding:0 4px}
  .sz-kk .sz-ecke{display:none}
  .sz-kt{flex-direction:column;align-items:center;gap:3px;padding:8px 0 0;border-left:0;cursor:pointer;text-align:center}
  .sz-kt b{font-size:10px;letter-spacing:.06em}
  .sz-kt span{display:grid;place-items:center;min-width:28px;height:28px;font-size:16px}
  .sz-kn{margin:0;min-width:0;height:auto;padding:0;font-size:9.5px;background:none;color:var(--sz-cut)}
  .sz-kn:empty{display:block;visibility:visible;width:4px;height:4px;margin-top:3px;border-radius:50%;background:var(--sz-line2)}
  .sz-kt.sz-heute::after{display:none}
  .sz-kt.sz-aktiv span{padding:0 5px;border-radius:999px;background:var(--sz-cu);color:var(--kupfer-ink,var(--ua-kupfer-tinte,#16181d))}
  .sz-kt.sz-aktiv b{color:var(--sz-ink)}
  .sz-gz,.sz-rs{grid-template-columns:var(--sz-g) minmax(0,1fr)}
  .sz-gs:not(.sz-aktiv),.sz-gz-leer{display:none}
  .sz-gs{flex-direction:row;flex-wrap:wrap;gap:5px;padding:7px 8px 7px 4px;max-height:112px;overflow-y:auto}
  .sz-gc{width:auto;max-width:100%;height:30px;font-size:13px} .sz-gc em{display:inline} .sz-gc b{flex:0 1 auto}
  .sz-sp:not(.sz-aktiv){display:none}
  .sz-sp{margin-right:8px;border-right:1px solid var(--sz-line)}
  .sz-bi{padding:7px 10px 6px 13px;gap:3px} .sz-b-flach .sz-bi{padding-top:9px}
  .sz-bz{font-size:13px}
  .sz-bl{height:18px;font-size:13.5px;gap:7px}
  .sz-b .sz-f{min-width:17px;height:16px;font-size:10.5px}
  .sz-bl em{font-size:12px}
  .sz-leertag{display:flex;flex-direction:column;align-items:center;gap:12px;position:sticky;top:calc(var(--sz-kkh) + 70px);z-index:2;padding:0 20px;text-align:center;color:var(--sz-mut)}
  .sz-leertag p{margin:0;font-size:14px}
  /* Aufklapper als Blatt von unten */
  .sz-pop{left:0!important;right:0;top:auto!important;bottom:0;width:auto;max-height:72%;border-radius:18px 18px 0 0;border-width:1px 0 0;padding-bottom:env(safe-area-inset-bottom,0px);
    box-shadow:0 -22px 60px -10px rgba(0,0,0,.55);animation-name:sz-blatt}
  .sz-pop>header{padding-top:18px}
  .sz-pop>header::before{content:"";position:absolute;left:50%;top:7px;width:38px;height:4px;margin-left:-19px;border-radius:2px;background:var(--sz-line2)}
  .sz-fuss{padding:8px 14px calc(10px + env(safe-area-inset-bottom,0px));font-size:11.5px;line-height:1.45}
  .sz-leg{gap:4px 14px;font-size:11.5px} .sz-leg .sz-stand{display:none}
  .sz-hinweis summary{display:list-item;list-style:disclosure-closed inside;cursor:pointer;color:var(--sz-ink2)} .sz-hinweis[open] summary{list-style-type:disclosure-open}
  .sz-hinweis summary::-webkit-details-marker{display:inline}
  .sz-hinweis p{display:block;margin-top:3px}
}
@keyframes sz-blatt{from{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){.sz[open],.sz-pop,.sz-puls,.sz-laedt::before{animation:none}.sz-b{transition:none}}