/* VOX ULTIMA - Website: die Bausteine der News (Markdown-light, core.js VOX.md) seit 19.10. - Ueberschriften, Zitat, Code, Tabelle, Bild, Video, Farben und Groessen
   aus der festen Palette (nur Klassen, nie freies CSS), Ausrichtung. Wunsch: "es soll so eine leiste geben oder sogar noch besser wenns geht" (der Editor: editor.css). */
.md ol{margin:18px 0 0;padding:0 0 0 0;list-style:none;display:grid;gap:8px;counter-reset:mdo}
.md ol>li{position:relative;padding-left:30px;counter-increment:mdo}
.md ol>li::before{content:counter(mdo,decimal-leading-zero);position:absolute;left:0;top:.28em;width:auto;height:auto;transform:none;background:none;box-shadow:none;
  font:500 11px/1.4 var(--mono);letter-spacing:.08em;color:var(--holo)}
.md>*+*,.md .md-al-center>*+*,.md .md-al-right>*+*,.md .md-al-left>*+*,.md-quote>*+*{margin-top:18px}
.md ul+ul,.md ol+ol{margin-top:18px}
.md .md-h1,.md .md-h2,.md .md-h3{margin-top:30px;color:var(--ink);letter-spacing:-.005em}
.md>.md-h1:first-child,.md>.md-h2:first-child,.md>.md-h3:first-child{margin-top:0}
.md .md-h1{font:300 30px/1.2 var(--sans)}
.md .md-h2{font:400 22px/1.3 var(--sans)}
.md .md-h3{font:500 12px/1.4 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--pale)}
.md del{color:var(--dim);text-decoration-color:var(--holo)}
.md code{font:500 .86em var(--mono);color:var(--pale);background:rgba(255,93,121,.08);padding:1px 6px;border:1px solid var(--line)}
.md .md-code{margin-top:18px;padding:14px 16px;overflow-x:auto;background:rgba(5,2,4,.6);border:1px solid var(--line);box-shadow:inset 2px 0 0 var(--line3)}
.md .md-code code{background:none;border:0;padding:0;font-size:13px;line-height:1.65;color:var(--text);white-space:pre}
.md .md-quote{position:relative;margin:18px 0 0;padding:4px 0 4px 20px;color:var(--mute);font-style:normal}
.md .md-quote::before{content:"";position:absolute;left:0;top:2px;bottom:2px;width:1px;background:linear-gradient(180deg,var(--holo),rgba(255,93,121,.15))}
.md .md-quote::after{content:"";position:absolute;left:-3px;top:2px;width:7px;height:7px;transform:rotate(45deg);background:var(--holo);box-shadow:0 0 8px var(--holo)}
.md .md-hr{height:1px;margin:28px 0;border:0;background:linear-gradient(90deg,transparent,var(--line3) 30%,rgba(255,214,222,.5) 50%,var(--line3) 70%,transparent)}
.md .md-img{max-width:100%;height:auto;margin:18px 0 0;border:1px solid var(--line);box-shadow:0 20px 50px -24px rgba(0,0,0,.9)}
.md p .md-img{display:inline-block;margin:6px 0;vertical-align:middle}
.md .md-tw{margin-top:18px;overflow-x:auto;border:1px solid var(--line)}
.md .md-table{width:100%;border-collapse:collapse;font-size:14.5px}
.md .md-table th{font:500 10.5px/1.3 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--pale);text-align:left;background:rgba(255,93,121,.07)}
.md .md-table th,.md .md-table td{padding:10px 14px;border-bottom:1px solid var(--hair)}
.md .md-table tr:last-child td{border-bottom:0}
.md .md-table td+td,.md .md-table th+th{border-left:1px solid var(--hair)}
.md .md-al-center{text-align:center}
.md .md-al-center ul,.md .md-al-center ol{justify-content:center}
.md .md-al-right{text-align:right}
.md .md-al-center .md-img{margin-left:auto;margin-right:auto}
.md .md-vid{position:relative;margin-top:18px;aspect-ratio:16/9;border:1px solid var(--line2);background:radial-gradient(60% 80% at 50% 50%,rgba(226,61,90,.18),transparent 70%),#080306;overflow:hidden}
.md .md-vid iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.md .md-play{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--mute);transition:color .3s var(--ease)}
.md .md-play i{width:64px;height:64px;display:grid;place-items:center;border:1px solid var(--line3);transform:rotate(45deg);transition:border-color .3s var(--ease),box-shadow .3s var(--ease)}
.md .md-play i::after{content:"";transform:rotate(-45deg) translateX(2px);border-style:solid;border-width:9px 0 9px 15px;border-color:transparent transparent transparent var(--pale)}
.md .md-play:hover{color:var(--pale)}
.md .md-play:hover i{border-color:var(--pale);box-shadow:0 0 30px -6px rgba(255,93,121,.7)}
/* Farben (feste Palette, Namen wie im Editor) */
.md .md-c-accent{color:var(--accent)}
.md .md-c-holo{color:var(--holo);text-shadow:0 0 14px rgba(255,93,121,.35)}
.md .md-c-pale{color:var(--pale)}
.md .md-c-rose{color:var(--rose)}
.md .md-c-cyan{color:var(--cyan)}
.md .md-c-green{color:var(--ok)}
.md .md-c-amber{color:var(--amber)}
.md .md-c-mute{color:var(--mute)}
/* Groessen */
.md .md-s-small{font-size:.84em}
.md .md-s-large{font-size:1.25em;line-height:1.5}
.md .md-s-huge{font-size:1.7em;line-height:1.3;font-weight:300}
@media (prefers-reduced-motion:reduce){.md .md-play,.md .md-play i{transition:none}}
/* Imprint / Privacy als bearbeiteter Block (texts.js, seit 19.10.): wie die feste Seite */
.legal .lg.md{font-size:14.5px;line-height:1.75}
.legal .lg.md .md-h1,.legal .lg.md .md-h2{font:400 22px/1.3 var(--sans);margin:34px 0 12px;color:var(--ink)}
.legal .lg.md>.md-h1:first-child,.legal .lg.md>.md-h2:first-child{margin-top:0}
.legal .lg>h2:first-child{margin-top:28px}