.hd-verlosungen > * { animation: einblenden var(--d-lang) var(--e-aus) both; }
.hd-verlosungen > *:nth-child(2) { animation-delay: 30ms; }
.hd-verlosungen > *:nth-child(3) { animation-delay: 60ms; }
.hd-verlosungen > *:nth-child(4) { animation-delay: 90ms; }
.hd-verlosungen > *:nth-child(n+5) { animation-delay: 120ms; }
.hd-verlosungen .seitenkopf .code { flex-wrap: wrap; row-gap: 6px; }
.vl-takt .kreis-lader { width: 11px; height: 11px; border-width: 1.5px; }
.vl-takt .led { width: 7px; height: 7px; }
.vl-held { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: var(--a-4); align-items: stretch; }
.vl-held.vl-held-eins { grid-template-columns: minmax(0, 1fr); }
.vl-naechste { padding: var(--a-6); display: flex; flex-direction: column; gap: 14px; min-width: 0; }
.vl-leerkarte { justify-content: center; padding: var(--a-4); }
.vl-n-kopf { display: flex; align-items: center; gap: 10px; min-height: 22px; }
.vl-n-kopf .status { margin-left: auto; }
.vl-n-titel { font-size: var(--t-2xl); line-height: 1.15; overflow-wrap: anywhere; }
.vl-n-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; font-size: var(--t-s); color: var(--ink-2); }
.vl-n-host { display: inline-flex; align-items: center; gap: 6px; color: var(--ink-3); }
.vl-n-host .person { gap: 6px; color: var(--ink-1); }
.vl-n-host .avatar, .vl-z-host .avatar, .vl-gew .avatar { width: 22px; height: 22px; font-size: 9.5px; }
.vl-uhr { display: flex; align-items: flex-start; gap: 6px; margin-top: 4px; }
.vl-seg {
  display: flex; flex-direction: column; align-items: center; min-width: 78px; padding: 12px 8px 9px;
  background: var(--s2); border: 1px solid var(--linie); border-radius: var(--r-m);
  box-shadow: var(--sch-0);
}
.vl-seg b { font-family: var(--mono); font-size: 42px; font-weight: 540; line-height: 1; letter-spacing: -0.04em; font-variant-numeric: tabular-nums; color: var(--ink-1); }
.vl-seg small { margin-top: 7px; font-family: var(--mono); font-size: var(--t-2xs); letter-spacing: 0.12em; text-transform: uppercase; color: var(--ink-3); }
.vl-trenn { font-style: normal; font-family: var(--mono); font-size: 30px; line-height: 1; padding-top: 18px; color: var(--ink-4); }
.vl-uhr.bald .vl-seg { border-color: color-mix(in srgb, var(--warn) 45%, transparent); background: var(--warn-weich); }
.vl-uhr.bald .vl-seg b { color: var(--warn); }
.vl-uhr.vorbei { opacity: 0.45; }
.vl-n-fort { display: flex; align-items: center; gap: 12px; }
.vl-n-fort .balken { flex: 1; height: 5px; }
.vl-n-fort .balken > i { animation: none; transition: width var(--d-lang) var(--e-aus); }
.vl-n-proz { font-size: var(--t-xs); color: var(--ink-3); white-space: nowrap; }
.vl-n-proz b { color: var(--ink-1); font-weight: 600; }
.vl-n-fuss { display: flex; align-items: flex-end; justify-content: space-between; gap: 14px 18px; flex-wrap: wrap; margin-top: auto; padding-top: 16px; border-top: 1px solid var(--linie); }
.vl-n-zahlen { display: flex; flex-wrap: wrap; gap: 10px 26px; margin: 0; }
.vl-n-zahlen div { display: flex; flex-direction: column-reverse; gap: 2px; }
.vl-n-zahlen dt { font-size: var(--t-xs); color: var(--ink-3); }
.vl-n-zahlen dd { margin: 0; font-size: var(--t-l); font-weight: 640; letter-spacing: -0.01em; }
.vl-n-knoepfe { display: flex; gap: 6px; }
.vl-panel { display: flex; flex-direction: column; min-width: 0; }
.vl-panel .karte-kopf .status { align-self: flex-start; margin-top: 2px; }
.vl-panel .karte-kopf h3 { overflow-wrap: anywhere; }
.vl-panel-kanal { color: var(--akzent-text); }
.vl-panel .karte-inhalt { display: flex; flex-direction: column; gap: 12px; flex: 1; }
.vl-panel-text { font-size: var(--t-s); color: var(--ink-3); }
.vl-panel-prev { position: relative; }
.vl-panel-prev.zu { max-height: 318px; overflow: hidden; -webkit-mask-image: linear-gradient(180deg, #000 72%, transparent); mask-image: linear-gradient(180deg, #000 72%, transparent); }
.vl-panel-auf { align-self: flex-start; margin-top: -6px; }
.vl-panel-knoepfe { margin-top: auto; }
.vl-danach { display: flex; flex-direction: column; gap: 6px; }
.vl-danach ul { display: flex; flex-direction: column; border: 1px solid var(--linie); border-radius: var(--r-m); background: var(--s2); }
.vl-danach li { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; gap: 14px; padding: 9px 12px; border-top: 1px solid var(--linie); font-size: var(--t-s); }
.vl-danach li:first-child { border-top: 0; }
.vl-danach-name { font-weight: 560; color: var(--ink-1); }
.vl-danach-n { color: var(--ink-3); white-space: nowrap; }
.vl-danach-n b { color: var(--ink-2); font-weight: 600; }
.vl-panel-knoepfe { display: flex; flex-wrap: wrap; gap: 8px; }
.vl-pro { display: flex; gap: var(--a-5); padding: var(--a-6); align-items: flex-start; }
.vl-pro-sym, .vl-fehler-sym { flex: none; width: 52px; height: 52px; border-radius: 16px; display: grid; place-items: center; color: var(--akzent-text); background: var(--akzent-weich); border: 1px solid color-mix(in srgb, var(--akzent) 30%, transparent); }
.vl-pro-sym svg, .vl-fehler-sym svg { width: 24px; height: 24px; }
.vl-pro-inhalt, .vl-fehler-inhalt { display: flex; flex-direction: column; gap: 10px; min-width: 0; align-items: flex-start; }
.vl-pro-inhalt p, .vl-fehler-inhalt p { color: var(--ink-2); max-width: 56ch; }
.vl-pro-liste { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 18px; margin: 4px 0; width: 100%; }
.vl-pro-liste li { display: flex; align-items: center; gap: 8px; font-size: var(--t-s); color: var(--ink-2); }
.vl-pro-liste svg { width: 15px; height: 15px; color: var(--akzent-text); flex: none; }
.vl-pro .hinweis code { color: var(--akzent-text); font-weight: 600; }
.vl-fehler { display: flex; gap: var(--a-5); padding: var(--a-6); border-color: color-mix(in srgb, var(--krit) 35%, var(--linie)); }
.vl-fehler-sym { color: var(--krit); background: var(--krit-weich); border-color: transparent; }
.vl-skelett { padding: var(--a-6); display: flex; flex-direction: column; gap: 14px; min-height: 260px; }
.vl-stand { display: inline-flex; align-items: center; gap: 6px; font-family: var(--mono); font-size: var(--t-2xs); letter-spacing: 0.1em; text-transform: uppercase; color: var(--ink-3); }
.vl-stand b { color: var(--ink-2); font-weight: 500; letter-spacing: 0.04em; }
.vl-stand .knopf { margin-left: 2px; }
.vl-ring { width: 16px; height: 16px; transform: rotate(-90deg); }
.vl-ring circle { fill: none; stroke-width: 2.4; }
.vl-ring .spur { stroke: var(--s4); }
.vl-ring .lauf { stroke: var(--akzent); stroke-linecap: round; transition: stroke-dashoffset 1s linear; }
:root[data-theme="hell"] .vl-ring .lauf { stroke: var(--akzent-text); }
.vl-kacheln .kachel .unter .status { white-space: normal; }
.vl-k-start { display: inline-flex; flex-wrap: wrap; gap: 4px; }
.vl-k-start b { font-family: var(--mono); font-weight: 500; color: var(--ink-2); font-variant-numeric: tabular-nums; }
.vl-reiterzeile { display: flex; align-items: flex-end; gap: 12px; border-bottom: 1px solid var(--linie); }
.vl-reiterzeile .reiter { flex: 1 1 auto; border-bottom: 0; min-width: 0; }
.vl-suche { flex: 0 1 280px; margin-bottom: 6px; }
.vl-suche .eingabe { min-height: 34px; padding-top: 6px; padding-bottom: 6px; }
.vl-reiterpanel { padding-top: var(--a-4); }
.vl-huelle { background: var(--s1); }
.vl-tab td { vertical-align: top; }
.vl-tab .vl-z-haupt { min-width: 240px; }
.vl-z-titel { font-weight: 600; color: var(--ink-1); line-height: 1.35; }
.vl-z-sub { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 12px; margin-top: 5px; font-size: var(--t-s); color: var(--ink-3); }
.vl-z-sub .marke { height: 20px; }
.vl-kanal { font-size: var(--t-s); color: var(--ink-2); }
.vl-kanal svg { width: 13px; height: 13px; }
.vl-z-n b { font-weight: 600; color: var(--ink-2); }
.vl-rolle { display: inline-flex; align-items: center; gap: 5px; color: var(--ink-2); }
.vl-rolle svg { width: 12px; height: 12px; color: var(--ink-3); }
.vl-rolle i { width: 8px; height: 8px; border-radius: 50%; background: var(--chip-farbe, var(--ink-3)); flex: none; }
.vl-mitbild { display: inline-flex; align-items: center; gap: 5px; }
.vl-mitbild svg { width: 13px; height: 13px; }
.vl-dash { display: inline-flex; align-items: center; gap: 6px; font-size: var(--t-s); color: var(--ink-2); }
.vl-dash svg { width: 15px; height: 15px; color: var(--akzent-text); }
.vl-z-zahl b { font-weight: 620; }
.vl-z-host .person .n { font-size: var(--t-s); font-weight: 520; }
.vl-cd { font-family: var(--mono); font-size: var(--t-m); color: var(--ink-1); font-variant-numeric: tabular-nums; white-space: nowrap; }
.vl-cd.klein { font-size: var(--t-s); color: var(--ink-2); }
.vl-cd.bald { color: var(--warn); }
.vl-fort { display: block; width: 132px; height: 4px; margin-top: 7px; }
.vl-fort > i { animation: none; transition: width var(--d-lang) var(--e-aus); }
.vl-z-datum { margin-top: 5px; font-size: var(--t-xs); color: var(--ink-3); white-space: nowrap; }
.vl-bald { margin-top: 6px; }
.vl-z-ende .status, .vl-z-start .status { font-size: var(--t-xs); }
.vl-z-ende .kreis-lader, .vl-n-kopf .kreis-lader { width: 12px; height: 12px; border-width: 1.5px; }
.vl-z-dauer { white-space: nowrap; }
.vl-roh { margin-left: 4px; padding: 1px 5px; font-size: var(--t-2xs); color: var(--ink-3); background: var(--s3); border-radius: 4px; }
.vl-knoepfe { display: inline-flex; gap: 4px; align-items: center; }
.vl-gew { display: flex; flex-direction: column; gap: 6px; }
.vl-gew .person .n { font-size: var(--t-s); font-weight: 520; }
.vl-weg { display: inline-flex; align-items: flex-start; gap: 7px; font-size: var(--t-s); color: var(--ink-3); line-height: 1.35; }
.vl-weg svg { width: 15px; height: 15px; margin-top: 1px; flex: none; }
.vl-weg .mono { font-size: var(--t-2xs); color: var(--ink-4); }
.vl-abgebrochen .vl-z-titel { color: var(--ink-2); text-decoration: line-through; text-decoration-color: var(--ink-4); }
.vl-ml { display: none; }
.vl-fussnote { display: flex; align-items: center; gap: 7px; margin-top: 10px; font-size: var(--t-xs); color: var(--ink-3); }
.vl-fussnote svg { width: 13px; height: 13px; flex: none; }
.vl-sk-tabelle { padding: 8px 18px; }
.vl-sk-zeile { display: flex; align-items: center; gap: 4%; padding: 14px 0; border-top: 1px solid var(--linie); }
.vl-sk-zeile:first-child { border-top: 0; }
.vl-wissen { align-items: start; }
.vl-w-liste, .vl-cmd-liste { display: flex; flex-direction: column; }
.vl-w-liste li { display: flex; gap: 12px; padding: 10px 0; border-top: 1px solid var(--linie); }
.vl-w-liste li:first-child { border-top: 0; padding-top: 0; }
.vl-w-sym { flex: none; width: 30px; height: 30px; border-radius: 9px; display: grid; place-items: center; background: var(--s3); color: var(--ink-2); }
.vl-w-sym svg { width: 15px; height: 15px; }
.vl-w-liste b { display: block; font-weight: 580; font-size: var(--t-m); }
.vl-w-liste span { font-size: var(--t-s); color: var(--ink-3); }
.vl-cmd-liste { margin-bottom: 14px; }
.vl-cmd-liste li { display: grid; grid-template-columns: 150px minmax(0, 1fr); gap: 4px 14px; align-items: baseline; padding: 10px 0; border-top: 1px solid var(--linie); font-size: var(--t-s); color: var(--ink-2); }
.vl-cmd-liste li:first-child { border-top: 0; padding-top: 0; }
.vl-cmd { justify-self: start; padding: 2px 7px; font-size: var(--t-s); color: var(--akzent-text); background: var(--s2); border: 1px solid var(--linie-2); border-radius: var(--r-xs); }
.vl-dv { padding: 14px 16px; font-size: 14px; }
.vl-dv .dv-av svg { width: 22px; height: 22px; }
.vl-dv-rumpf { min-width: 0; }
.vl-dv-zeile { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 6px; }
.vl-dv .dv-name { gap: 5px; }
.vl-dv .dv-app { line-height: 1.4; }
.vl-dv .dv-embed { max-width: 432px; }
.vl-dv .dv-titel { overflow-wrap: anywhere; }
.vl-dv .dv-text { overflow-wrap: anywhere; }
.vl-dv .dv-text b { font-weight: 700; }
.discord-vorschau .vl-dv-feld > span b { display: inline; font-size: inherit; font-weight: 700; color: inherit; }
.vl-dv .dv-fuss { flex-wrap: wrap; gap: 4px 6px; }
.vl-dv-feld { display: flex; flex-direction: column; gap: 3px; }
.vl-dv-feld > b:first-child { margin-bottom: 1px; }
.vl-dv-feld > span { display: block; font-size: 14px; line-height: 1.4; overflow-wrap: anywhere; }
.vl-dv-zeit { padding: 0 3px; border-radius: 3px; background: color-mix(in srgb, currentColor 10%, transparent); }
.vl-dv-erw { padding: 0 3px; border-radius: 3px; font-weight: 500; color: #c9cdfb; background: rgba(88, 101, 242, 0.3); }
.vl-dv-bild { display: block; width: 100%; max-height: 300px; object-fit: cover; border-radius: 4px; margin-top: 4px; }
.vl-dv .dv-knoepfe { margin-top: 6px; }
.vl-dv .dv-knopf { font-size: 13.5px; padding: 5px 14px; }
.vl-form { container-type: inline-size; }
.vl-form-raster { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 330px); gap: var(--a-5); align-items: start; }
.vl-form-felder { display: flex; flex-direction: column; gap: 18px; min-width: 0; }
.vl-form-vorschau { position: sticky; top: 0; display: flex; flex-direction: column; gap: 10px; min-width: 0; }
.vl-vk { display: flex; align-items: center; justify-content: space-between; gap: 8px; flex-wrap: wrap; }
.vl-vk-ziel { display: inline-flex; align-items: center; gap: 4px; font-size: var(--t-s); }
.vl-vk-ziel > svg { width: 13px; height: 13px; color: var(--ink-4); }
.vl-vk-notiz { display: flex; gap: 7px; font-size: var(--t-xs); color: var(--ink-3); line-height: 1.45; }
.vl-vk-notiz svg { width: 13px; height: 13px; flex: none; margin-top: 2px; }
.vl-form .vl-dv { padding: 12px 12px 14px; font-size: 14px; }
@container (max-width: 640px) {
  .vl-form-raster { grid-template-columns: minmax(0, 1fr); }
  .vl-form-vorschau { position: static; order: -1; }
}
.vl-feld { gap: 7px; }
.vl-feld-kopf { display: flex; align-items: center; gap: 8px; }
.vl-feld-kopf label, .vl-feld-kopf .feld-name { font-size: var(--t-m); font-weight: 560; color: var(--ink-1); }
.vl-tag { font-family: var(--mono); font-size: var(--t-2xs); letter-spacing: 0.08em; text-transform: uppercase; color: var(--akzent-text); }
.vl-tag.leise { color: var(--ink-4); }
.vl-feld-kopf .zaehler { margin-left: auto; }
.vl-feld .auswahl-knopf { width: 100%; min-width: 0; }
.vl-feld.fehler .auswahl-knopf, .vl-feld.fehler .zahlfeld, .vl-feld.fehler .vl-ablage { border-color: var(--krit); box-shadow: 0 0 0 3px var(--krit-weich); }
.vl-feld .fehlertext svg { width: 14px; height: 14px; flex: none; }
.vl-zweier { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 18px; align-items: start; }
.vl-zweier .zahlfeld input { width: 64px; }
@container (max-width: 420px) { .vl-zweier { grid-template-columns: minmax(0, 1fr); } }
.vl-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.vl-chip {
  height: 26px; padding: 0 10px; border-radius: var(--r-voll);
  font-family: var(--mono); font-size: var(--t-xs); color: var(--ink-2);
  background: var(--s2); border: 1px solid var(--linie-2);
  transition: border-color var(--d-schnell), background var(--d-schnell), color var(--d-schnell);
}
.vl-chip:hover { border-color: var(--linie-3); color: var(--ink-1); }
.vl-chip[aria-pressed="true"] { color: var(--akzent-text); border-color: color-mix(in srgb, var(--akzent) 55%, transparent); background: var(--akzent-weich); }
.vl-dauer-info { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 8px; min-height: 20px; font-size: var(--t-s); color: var(--ink-2); }
.vl-dauer-info > svg { width: 15px; height: 15px; flex: none; }
.vl-dauer-info > span { flex: 1 1 200px; }
.vl-dauer-info.gut > svg { color: var(--gut); }
.vl-dauer-info.warn > svg { color: var(--warn); }
.vl-dauer-info.krit { color: var(--krit); }
.vl-ablage {
  display: flex; align-items: center; gap: 14px; padding: 16px; cursor: pointer;
  border: 1.5px dashed var(--linie-3); border-radius: var(--r-m);
  background: repeating-linear-gradient(135deg, transparent 0 9px, color-mix(in srgb, var(--s2) 70%, transparent) 9px 18px);
  transition: border-color var(--d-schnell), background var(--d-mittel), box-shadow var(--d-mittel);
}
.vl-ablage:hover { border-color: var(--ink-4); }
.vl-ablage:focus-visible { box-shadow: var(--fokus-ring); }
.vl-ablage.ziel { border-style: solid; border-color: var(--akzent); background: var(--akzent-weich); box-shadow: 0 0 0 4px var(--akzent-weich); }
.vl-ablage.hat-datei { border-style: solid; border-color: var(--linie-2); }
.vl-ablage-sym { flex: none; width: 40px; height: 40px; border-radius: 12px; display: grid; place-items: center; background: var(--s3); color: var(--ink-2); }
.vl-ablage.ziel .vl-ablage-sym { background: var(--akzent); color: var(--akzent-ink); }
.vl-ablage-sym svg { width: 19px; height: 19px; }
.vl-ablage-text { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.vl-ablage-text b { font-weight: 580; font-size: var(--t-m); }
.vl-ablage-text span { font-size: var(--t-s); color: var(--ink-3); }
.vl-bildinfo { display: flex; align-items: center; gap: 12px; padding: 8px; border-radius: var(--r-m); background: var(--s2); border: 1px solid var(--linie); }
.vl-bildinfo img { width: 64px; height: 44px; object-fit: cover; border-radius: 6px; flex: none; }
.vl-bildinfo b { display: block; font-size: var(--t-s); font-weight: 560; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.vl-bildinfo span { font-size: var(--t-xs); color: var(--ink-3); }
.vl-lp-jetzt { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; padding: 10px 12px; border-radius: var(--r-m); background: var(--s2); border: 1px solid var(--linie); }
.vl-lp-vorschau { display: flex; flex-direction: column; gap: 8px; }
[data-vl-lp-hinweis]:empty { display: none; }
.vl-kanal-weg { display: inline-flex; align-items: center; flex-wrap: wrap; gap: 3px 6px; font-size: var(--t-s); font-weight: 560; color: var(--warn); }
.vl-kanal-weg svg { width: 13px; height: 13px; flex: none; }
.vl-kanal-weg .mono { font-size: var(--t-2xs); font-weight: 500; color: var(--ink-3); }
.vl-panel-weg { font-size: var(--t-s); }
.vl-gesperrt-huelle { display: inline-flex; }
.vl-max { font-size: var(--t-m); font-weight: 520; color: var(--ink-3); margin-left: 4px; }
.vl-limit { margin-bottom: 12px; }
@media (max-width: 1100px) {
  .vl-held { grid-template-columns: minmax(0, 1fr);}
}
@media (max-width: 900px) {
  .vl-tab .vl-z-haupt { min-width: 200px;}
}
@media (max-width: 720px) {
  .hd-verlosungen .seitenkopf .code .lineal { display: none;}
  .hd-verlosungen .seitenkopf .aktionen { width: 100%;}
  .hd-verlosungen .seitenkopf .aktionen .knopf { flex: 1 1 auto;}
  .vl-naechste, .vl-pro, .vl-fehler { padding: var(--a-5);}
  .vl-pro, .vl-fehler { flex-direction: column;}
  .vl-pro-liste { grid-template-columns: minmax(0, 1fr);}
  .vl-uhr { gap: 4px;}
  .vl-seg { min-width: 0; flex: 1 1 0; padding: 10px 4px 8px;}
  .vl-seg b { font-size: 30px;}
  .vl-trenn { font-size: 22px; padding-top: 12px;}
  .vl-n-fuss { align-items: stretch;}
  .vl-n-knoepfe { width: 100%;}
  .vl-n-knoepfe .knopf:first-child { flex: 1;}
  .vl-kacheln { grid-template-columns: repeat(2, minmax(0, 1fr));}
  .vl-kacheln > .kachel { border-bottom: 1px solid var(--linie);}
  .vl-kacheln > .kachel:nth-child(2n) { border-right: 0;}
  .vl-kacheln > .kachel:nth-last-child(-n+2) { border-bottom: 0;}
  .vl-kacheln .kachel { padding: var(--a-4);}
  .vl-reiterzeile { flex-direction: column; align-items: stretch; gap: 10px; border-bottom: 0;}
  .vl-reiterzeile .reiter { border-bottom: 1px solid var(--linie);}
  .vl-suche { flex: 1 1 auto; margin: 0; order: 2;}
  .vl-tab thead { display: none;}
  .vl-tab, .vl-tab tbody { display: block;}
  .vl-tab tr { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 14px; padding: 14px; border-bottom: 1px solid var(--linie);}
  .vl-tab tr:last-child { border-bottom: 0;}
  .vl-tab td { display: block; padding: 0; border: 0; text-align: left; min-width: 0;}
  .vl-tab .vl-z-haupt { grid-column: 1 / -1; min-width: 0;}
  .vl-tab td.aktionen { grid-column: 1 / -1; width: auto; text-align: left;}
  .vl-tab .num { text-align: left;}
  .vl-ml { display: block; margin-bottom: 3px; font-family: var(--mono); font-size: var(--t-2xs); letter-spacing: 0.1em; text-transform: uppercase; color: var(--ink-3);}
  .vl-fort { width: 100%;}
  .vl-z-datum { white-space: normal;}
  .vl-knoepfe { display: flex; width: 100%;}
  .vl-knoepfe .knopf:first-child { flex: 1;}
  .vl-cmd-liste li { grid-template-columns: minmax(0, 1fr);}
  .vl-danach li { grid-template-columns: minmax(0, 1fr) auto;}
  .vl-danach-n { display: none;}
  .vl-reiterzeile .reiter button { padding: 0 10px;}
}
@media (min-width: 721px) and (max-width: 1180px) {
  .vl-tab thead { display: none;}
  .vl-tab, .vl-tab tbody { display: block;}
  .vl-tab tr { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px 14px; padding: 14px; border-bottom: 1px solid var(--linie);}
  .vl-tab tr:last-child { border-bottom: 0;}
  .vl-tab td { display: block; padding: 0; border: 0; text-align: left; min-width: 0;}
  .vl-tab .vl-z-haupt { grid-column: 1 / -1; min-width: 0;}
}
.hd-verlosungen .hd-reiterzeile { display: flex; align-items: flex-end; gap: 12px; border-bottom: 1px solid var(--linie); margin-top: var(--a-6); }
.hd-verlosungen .hd-reiterzeile .reiter { flex: 1 1 auto; border-bottom: 0; min-width: 0; }
.hd-verlosungen .reiter button .anzahl:empty { display: none; }
.hd-verlosungen .hd-panel { padding-top: var(--a-4); }
.hd-verlosungen .hd-oben { margin-bottom: 0; }
.vl-held-eins { display: block; }
.vl-skelett .sk-titel { width: 72%; height: 26px; }
.vl-sk-block { width: 100%; height: 96px; }
.vl-fett { font-weight: 600; }
.vl-blick { margin-top: var(--a-6); }
.vl-fuss { margin-top: var(--a-7); }
.vl-dv .dv-embed { border-left-color: var(--farbe, #57f287); }
.vl-dv-text { white-space: pre-line; }
.vl-lp { display: flex; flex-direction: column; gap: var(--a-4); }
.vl-gesperrt-huelle { display: inline-flex; }
.vl-n-knoepfe .knopf:disabled, .vl-knoepfe .knopf:disabled { opacity: 0.45; }
@media (max-width: 720px) {
  .hd-verlosungen .hd-reiterzeile { flex-direction: column; align-items: stretch; gap: 10px; border-bottom: 0; }
  .hd-verlosungen .hd-reiterzeile .reiter { border-bottom: 1px solid var(--linie); }
  .vl-wissen { grid-template-columns: minmax(0, 1fr); }
}
@media (min-width: 721px) and (max-width: 1180px) {
  .vl-ml { display: block; margin-bottom: 3px; font-family: var(--mono); font-size: var(--t-2xs); letter-spacing: 0.1em; text-transform: uppercase; color: var(--ink-3); }
  .vl-tab .num { text-align: left; }
  .vl-tab td.aktionen { text-align: left; }
}
.vl-feld .zaehler.zu-viel { color: var(--krit); font-weight: 600; }
.vl-ausstehend { align-items: center; }
.vl-ausstehend .kreis-lader { flex: none; }