.auswahl-knopf {
  display: inline-flex; align-items: center; gap: 8px; min-width: 220px; max-width: 100%; min-height: 38px; padding: 4px 10px 4px 12px;
  background: var(--s2); border: 1px solid var(--linie-2); border-radius: var(--r-s); color: var(--ink-1); text-align: left; font-size: var(--t-m);
  transition: border-color var(--d-schnell), background var(--d-schnell);
}
.auswahl-knopf:hover { border-color: var(--linie-3); background: var(--s3); }
.auswahl-knopf:disabled { opacity: 0.55; cursor: not-allowed; }
.auswahl-knopf > svg:last-child { width: 15px; height: 15px; color: var(--ink-3); margin-left: auto; flex: none; }
.auswahl-knopf .chip { height: 26px; }
.auswahl-knopf.mo-fehlt-wert { border-color: color-mix(in srgb, var(--warn) 55%, var(--linie-2)); }
.kanal-chip { display: inline-flex; align-items: center; gap: 6px; font-size: var(--t-m); min-width: 0; }
.kanal-chip svg { width: 15px; height: 15px; color: var(--ink-3); flex: none; }
.kanal-chip span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.kanal-chip.fehlt { color: var(--warn); padding: 2px 8px; border-radius: var(--r-voll); background: var(--warn-weich); }
.kanal-chip.fehlt svg { color: var(--warn); }
.kanal-chip.fehlt .mono { font-size: var(--t-2xs); color: var(--ink-3); }
.chip.fehlt { color: var(--warn); background: var(--warn-weich); border-color: transparent; }
.chip.fehlt svg, .chip.zu-hoch > svg { width: 12px; height: 12px; color: var(--warn); }
.chip.fehlt .mono { font-size: var(--t-2xs); color: var(--ink-3); }
.chip.zu-hoch { border-color: color-mix(in srgb, var(--warn) 55%, var(--linie-2)); }
.steuer.spalte-rechts { flex-direction: column; align-items: flex-end; }
.suchauswahl { width: 300px; padding: 8px; display: flex; flex-direction: column; gap: 6px; }
.suchauswahl .sa-liste { max-height: 260px; overflow-y: auto; display: flex; flex-direction: column; gap: 1px; }
.suchauswahl .sa-liste button { display: flex; align-items: center; gap: 9px; width: 100%; padding: 7px 9px; border: 0; border-radius: var(--r-s); background: transparent; color: var(--ink-1); font-size: var(--t-m); text-align: left; }
.suchauswahl .sa-liste button:hover, .suchauswahl .sa-liste button:focus-visible { background: var(--s3); box-shadow: none; }
.suchauswahl .sa-liste svg { width: 15px; height: 15px; color: var(--ink-3); flex: none; }
.suchauswahl .sa-liste .punkt { width: 10px; height: 10px; border-radius: 50%; flex: none; background: var(--ink-4); }
.suchauswahl .sa-liste .gesperrt { opacity: 0.55; cursor: not-allowed; }
.suchauswahl .sa-liste [aria-selected="true"] { background: var(--akzent-weich); }
.suchauswahl .sa-rechts { margin-left: auto; display: inline-flex; align-items: center; gap: 4px; white-space: nowrap; }
.suchauswahl .sa-rechts svg { width: 12px; height: 12px; }
.suchauswahl .sa-leer { padding: 12px; font-size: var(--t-s); }
.warn-text { color: var(--warn); }
.warn-text svg { color: var(--warn) !important; }
.farbfeld { display: inline-flex; align-items: center; gap: 10px; height: 38px; padding: 0 12px 0 6px; background: var(--s2); border: 1px solid var(--linie-2); border-radius: var(--r-s); cursor: pointer; position: relative; }
.farbfeld .muster { width: 26px; height: 26px; border-radius: 7px; background: var(--farbe, #5865f2); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.15); }
.farbfeld input[type=color] { position: absolute; inset: 0; opacity: 0; cursor: pointer; width: 100%; height: 100%; }
.farbfeld:focus-within { box-shadow: var(--fokus-ring); }
.farbfeld .mono { font-size: var(--t-s); color: var(--ink-2); }
.platzhalter { display: flex; flex-wrap: wrap; gap: 6px; }
.platzhalter .ph { all: unset; cursor: pointer; display: inline-flex; padding: 4px 9px; border-radius: var(--r-xs); background: var(--s2); border: 1px dashed var(--linie-3); transition: border-color var(--d-schnell), background var(--d-schnell); }
.platzhalter .ph code { font-size: var(--t-s); color: var(--akzent-text); }
.platzhalter .ph:hover { border-style: solid; border-color: var(--akzent); background: var(--akzent-weich); }
.platzhalter .ph:focus-visible { box-shadow: var(--fokus-ring); }
.mo-ph-liste { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 4px 12px; margin-top: 10px; font-size: var(--t-xs); color: var(--ink-3); align-items: baseline; }
.mo-ph-liste dt code { font-size: var(--t-xs); color: var(--akzent-text); }
.mo-ph-liste dd { margin: 0; line-height: 1.45; }
.einstellung[data-typ="placeholders"] > .steuer { flex-direction: column; align-items: stretch; }

.discord-vorschau { background: #313338; color: #dbdee1; border-radius: var(--r-m); padding: 16px; font-family: "gg sans", "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 15px; line-height: 1.375; }
.discord-vorschau .dv-kopf { display: flex; gap: 12px; }
.discord-vorschau .dv-av { width: 40px; height: 40px; border-radius: 50%; flex: none; background: linear-gradient(135deg, #c8f03c, #4fd162); display: grid; place-items: center; color: #0b0c0b; font-weight: 800; font-size: 14px; }
.discord-vorschau .dv-name { font-weight: 600; color: #fff; display: inline-flex; gap: 6px; align-items: center; }
.discord-vorschau .dv-app { font-size: 10px; font-weight: 600; background: #5865f2; color: #fff; padding: 1px 4px; border-radius: 3px; }
.discord-vorschau .dv-zeit { font-size: 12px; color: #949ba4; margin-left: 4px; }
.discord-vorschau .dv-embed { margin-top: 6px; max-width: 432px; background: #2b2d31; border-radius: 4px; border-left: 4px solid var(--farbe, #1e1f22); padding: 10px 14px 14px 12px; display: grid; gap: 6px; }
.discord-vorschau .dv-titel { font-weight: 600; color: #fff; }
.discord-vorschau .dv-text { font-size: 14px; color: #dbdee1; }
.discord-vorschau .dv-fuss { font-size: 12px; color: #949ba4; display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.discord-vorschau .dv-knoepfe { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 8px; }
.discord-vorschau .dv-knopf { background: #4e5058; color: #fff; font-size: 13px; font-weight: 500; padding: 5px 12px; border-radius: 3px; }
.discord-vorschau .dv-knopf.blau { background: #5865f2; }
.discord-vorschau .dv-knopf.gruen { background: #248046; }
.discord-vorschau .dv-knopf.rot { background: #da373c; }
.mo-dv { padding: 14px 14px 16px; overflow: hidden; }
.mo-dv-rumpf { min-width: 0; }
.mo-dv-kopfzeile { display: flex; align-items: baseline; flex-wrap: wrap; gap: 2px 4px; }
.mo-dv-inhalt { margin-top: 2px; }
.mo-dv .dv-embed { max-width: 100%; }
.mo-dv-oben { display: flex; gap: 14px; align-items: flex-start; min-width: 0; }
.mo-dv-oben > .wachsen { display: grid; gap: 6px; min-width: 0; }
.mo-dv .dv-titel, .mo-dv .dv-text { overflow-wrap: anywhere; }
.mo-dv-thumb { flex: none; width: 76px; height: 76px; border-radius: 6px; overflow: hidden; background: #383a40; }
.mo-dv-thumb img { display: block; width: 100%; height: 100%; object-fit: cover; }
.mo-dv-code { font-family: var(--mono); font-size: 0.85em; padding: 0 4px; border-radius: 4px; background: #1e1f22; }
.mo-dv-link { color: #00a8fc; }
.mo-dv-erw { color: #c9cdfb; background: rgba(88, 101, 242, 0.3); border-radius: 3px; padding: 0 2px; font-weight: 500; }
.mo-dv-h1 { font-size: 22px; font-weight: 700; color: #f2f3f5; margin: 6px 0 2px; line-height: 1.25; }
.mo-dv-h2 { font-size: 18px; font-weight: 700; color: #f2f3f5; margin: 4px 0 2px; line-height: 1.3; }
.mo-dv-h3 { font-size: 15px; font-weight: 700; color: #f2f3f5; margin: 2px 0; }
.mo-dv-klein { font-size: 12px; color: #949ba4; }
.mo-dv-zitat { padding-left: 10px; border-left: 4px solid #4e5058; }
.mo-dv-li { padding-left: 16px; position: relative; }
.mo-dv-li::before { content: ""; position: absolute; left: 5px; top: 0.62em; width: 5px; height: 5px; border-radius: 50%; background: currentColor; }
.mo-dv-leer { height: 0.6em; }
.mo-dv-aus { display: flex; gap: 10px; align-items: flex-start; padding: 14px; border-radius: 8px; border: 1px dashed #4e5058; color: #949ba4; font-size: 13px; }
.mo-dv-aus svg { width: 18px; height: 18px; flex: none; }
.mo-gedimmt { opacity: 0.45; filter: saturate(0.4); }

.mo-steuer { padding: 14px 16px; margin-bottom: var(--a-2); }
.mo-steuer-zeile { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.mo-suche { flex: 1 1 260px; min-width: 0; }
.mo-suche .eingabe { min-height: 36px; width: 100%; }
.mo-filter { max-width: 100%; overflow-x: auto; scrollbar-width: none; }
.mo-filter .knopf { gap: 7px; }
.mo-filter .knopf svg { width: 13px; height: 13px; }
.mo-filter .led { width: 7px; height: 7px; }
.mo-zahl { font-family: var(--mono); font-size: var(--t-2xs); color: var(--ink-3); padding: 0 5px; border-radius: var(--r-voll); background: var(--s3); line-height: 18px; }
.knopf-gruppe .knopf[aria-pressed="true"] .mo-zahl { background: var(--s2); color: var(--ink-1); }
.mo-verteilung-zeile { display: flex; align-items: center; gap: 12px; margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--linie); }
.mo-verteilung { flex: 1; display: flex; gap: 3px; height: 8px; min-width: 60px; }
.mo-verteilung i { flex: var(--anteil, 1) 1 0; border-radius: 3px; background: var(--s4); }
.mo-verteilung i.an { background: var(--status-gut); box-shadow: 0 0 10px var(--gut-weich); }
.mo-verteilung-text { font-size: var(--t-s); color: var(--ink-3); white-space: nowrap; }
.mo-gruppe .abschnitt-kopf { margin-bottom: var(--a-3); }
.mo-gruppe-zahl b { color: var(--ink-1); font-weight: 600; }
.mo-gruppe-text { margin: -4px 0 12px; font-size: var(--t-s); color: var(--ink-3); max-width: 70ch; }
.mo-raster { display: grid; grid-template-columns: repeat(auto-fill, minmax(288px, 1fr)); gap: 12px; }
.mo-bis { font-weight: 500; opacity: 0.85; }

.mo-karte {
  position: relative; display: flex; flex-direction: column; gap: 10px; min-width: 0;
  padding: 14px 14px 12px; border-radius: var(--r-l);
  background: var(--s1); border: 1px solid var(--linie); box-shadow: var(--sch-1);
  transition: border-color var(--d-mittel), background var(--d-mittel), transform var(--d-mittel) var(--e-aus);
}
.mo-karte:hover { border-color: var(--linie-2); background: color-mix(in srgb, var(--s1) 55%, var(--s2)); transform: translateY(-1px); }
.mo-karte::before { content: ""; position: absolute; left: 14px; right: 14px; top: -1px; height: 1px; background: linear-gradient(90deg, transparent, var(--mo-kante, transparent), transparent); opacity: 0.9; }
.mo-karte.z-aktiv { --mo-kante: color-mix(in srgb, var(--akzent) 70%, transparent); }
.mo-karte.z-pro, .mo-karte.z-proaktiv { --mo-kante: color-mix(in srgb, var(--warn) 60%, transparent); }
.mo-karte-kopf { display: flex; align-items: flex-start; gap: 12px; min-width: 0; }
.mo-sym { flex: none; width: 38px; height: 38px; border-radius: 11px; display: grid; place-items: center; background: var(--s3); color: var(--ink-2); border: 1px solid var(--linie); }
.mo-sym svg { width: 18px; height: 18px; }
.z-aktiv .mo-sym { background: var(--akzent-weich); color: var(--akzent-text); border-color: color-mix(in srgb, var(--akzent) 25%, transparent); }
.z-werkzeug .mo-sym { background: var(--info-weich); color: var(--info); border-color: transparent; }
.mo-karte-titel { flex: 1; min-width: 0; }
.mo-karte-titel h3 { font-size: var(--t-m); font-weight: 620; letter-spacing: -0.01em; line-height: 1.3; }
.mo-karte-titel h3 a { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mo-karte-titel h3 a::after { content: ""; position: absolute; inset: 0; border-radius: inherit; z-index: 1; }
.mo-karte-titel h3 a:focus-visible { box-shadow: none; }
.mo-karte:has(h3 a:focus-visible) { box-shadow: var(--fokus-ring); }
.mo-karte-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; margin-top: 3px; font-size: var(--t-xs); color: var(--ink-3); }
.mo-punkt { width: 3px; height: 3px; border-radius: 50%; background: var(--ink-4); flex: none; }
.mo-anzahl { white-space: nowrap; }
.mo-zst { display: inline-flex; align-items: center; gap: 6px; font-size: var(--t-xs); font-weight: 560; white-space: nowrap; color: var(--ink-2); }
.mo-zst .led { width: 7px; height: 7px; }
.mo-zst-sym { width: 13px; height: 13px; flex: none; }
.mo-zst.z-aktiv { color: var(--gut); }
.mo-zst.z-aus { color: var(--ink-3); }
.mo-zst.z-pro { color: var(--warn); }
.mo-zst.z-werkzeug { color: var(--info); }
.mo-zst.z-geaendert { color: var(--akzent-text); }
.mo-karte-text { font-size: var(--t-s); color: var(--ink-3); line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 2.9em; }
.mo-feldtreffer { position: relative; z-index: 2; display: flex; flex-wrap: wrap; gap: 6px; }
.mo-feldchip { display: inline-flex; align-items: center; gap: 6px; max-width: 100%; height: 26px; padding: 0 9px; border-radius: var(--r-voll); font-size: var(--t-xs); color: var(--akzent-text); background: var(--akzent-weich); border: 1px solid color-mix(in srgb, var(--akzent) 30%, transparent); }
.mo-feldchip span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mo-feldchip svg { width: 12px; height: 12px; flex: none; }
.mo-feldchip.mehr { color: var(--ink-3); background: var(--s2); border-color: var(--linie); }
.mo-karte-fuss { display: flex; align-items: center; gap: 8px; min-height: 26px; margin-top: auto; padding-top: 10px; border-top: 1px dashed var(--linie-2); }
.mo-fuss-text { flex: 1; min-width: 0; display: flex; align-items: center; gap: 7px; font-size: var(--t-xs); color: var(--ink-3); }
.mo-fuss-text > span:last-child { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mo-fuss-text > svg { width: 13px; height: 13px; flex: none; }
.mo-fuss-text.warn { color: var(--warn); }
.mo-fuss-text .kanal-chip { font-size: var(--t-xs); color: var(--ink-2); }
.mo-fuss-text .kanal-chip svg { width: 13px; height: 13px; }
.mo-marken { display: inline-flex; gap: 6px; flex: none; position: relative; z-index: 2; }
.mo-marken .marke { height: 20px; }
.marke.mo-teil { background: transparent; border-style: dashed; }
.mo-karte-kopf > .klassisch-marke { position: relative; z-index: 2; margin-top: 4px; }

.mo-zurueck { margin: -6px 0 10px -10px; }
.mo-kopf { display: flex; align-items: flex-start; gap: var(--a-5); flex-wrap: wrap; margin-bottom: var(--a-5); }
.mo-kopf-sym { flex: none; width: 60px; height: 60px; border-radius: 18px; display: grid; place-items: center; background: var(--s2); color: var(--ink-2); border: 1px solid var(--linie-2); box-shadow: var(--sch-1); }
.mo-kopf-sym svg { width: 28px; height: 28px; }
.mo-kopf-sym.z-aktiv { background: radial-gradient(circle at 30% 20%, color-mix(in srgb, var(--akzent) 26%, var(--s2)), var(--s2) 70%); color: var(--akzent-text); border-color: color-mix(in srgb, var(--akzent) 35%, transparent); }
.mo-kopf-sym.z-pro, .mo-kopf-sym.z-proaktiv { color: var(--warn); }
.mo-kopf-sym.z-werkzeug { color: var(--info); }
.mo-kopf-text { flex: 1 1 380px; min-width: 0; }
.mo-kopf-text .code { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; flex-wrap: wrap; }
.mo-kopf-text .code .lineal { flex: 0 0 96px; }
.mo-kopf-text h1 { font-size: clamp(26px, 3vw, 34px); font-weight: 650; letter-spacing: -0.03em; }
.mo-kopf-text p { margin-top: 6px; color: var(--ink-2); max-width: 72ch; }
.mo-kopf-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin-top: 10px; font-size: var(--t-s); color: var(--ink-3); }
.mo-kopf-meta .mo-zst { font-size: var(--t-s); }
.mo-kopf-rechts { flex: 0 1 340px; display: flex; flex-direction: column; align-items: stretch; gap: 10px; min-width: min(100%, 280px); }
.mo-kopf-knoepfe { display: flex; justify-content: flex-end; gap: 6px; }
.mo-kopf-rechts.ohne-haupt { flex: 0 0 auto; min-width: 0; }
.mo-haupt {
  display: flex; align-items: center; gap: 16px; padding: 14px 16px; border-radius: var(--r-l);
  background: linear-gradient(135deg, var(--akzent-weich), transparent 65%), var(--s1);
  border: 1px solid color-mix(in srgb, var(--akzent) 28%, var(--linie)); box-shadow: var(--sch-1);
}
.mo-haupt .text { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.mo-haupt .name { font-weight: 620; font-size: var(--t-m); }
.mo-haupt .beschreibung { font-size: var(--t-xs); color: var(--ink-3); line-height: 1.45; }
.mo-haupt .schalter { width: 52px; height: 30px; }
.mo-haupt .schalter::before { top: 4px; left: 4px; width: 20px; height: 20px; }
.mo-haupt .schalter:checked::before { transform: translateX(22px); }
.mo-haupt:has(.schalter:not(:checked)) { background: var(--s1); border-color: var(--linie-2); }
.mo-hinweis { margin-bottom: 12px; align-items: center; }
.mo-hinweis .knopf { flex: none; }

.mo-raster-seite { display: grid; grid-template-columns: minmax(0, 1fr) minmax(300px, 360px); gap: 20px; align-items: start; }
.mo-raster-seite.ohne-seite { grid-template-columns: minmax(0, 1fr); max-width: 860px; }
.mo-haupt-spalte { display: flex; flex-direction: column; gap: 16px; min-width: 0; border: 0; padding: 0; margin: 0; }
.mo-seiten-spalte { min-width: 0; align-self: stretch; }
.mo-seiten-innen { position: sticky; top: calc(var(--kopf-h) + 16px); display: flex; flex-direction: column; gap: 14px; }
.mo-abschnitt { padding: 4px 20px 6px; scroll-margin-top: calc(var(--kopf-h) + 16px); }
.mo-abschnitt-kopf { display: flex; align-items: center; gap: 10px; padding: 14px 0 8px; }
.mo-abschnitt-kopf h2 { font-size: var(--t-l); font-weight: 620; letter-spacing: -0.01em; white-space: nowrap; }
.mo-abschnitt-kopf .linie { flex: 1; height: 1px; background: var(--linie); min-width: 12px; }
.mo-abschnitt-kopf .marke { height: 20px; }
.mo-abschnitt-hinweis { display: flex; gap: 8px; align-items: center; font-size: var(--t-s); color: var(--ink-3); margin-bottom: 4px; }
.mo-abschnitt-hinweis svg { width: 14px; height: 14px; color: var(--info); flex: none; }
.mo-abschnitt-inhalt { padding-bottom: 6px; }
.mo-seite .einstellung.breit > .steuer { flex-direction: row; align-items: flex-start; flex-wrap: wrap; width: 100%; }
.mo-seite .einstellung.breit > .steuer > .feld { flex: 1 1 100%; }
.mo-seite .einstellung.breit .feld .zaehler { align-self: flex-end; }
.mo-seite .einstellung .feld .eingabe { width: 100%; }
.mo-abschnitt textarea.eingabe { min-height: 132px; }
.mo-abschnitt .einstellung.markiert { margin: 0 -20px; padding-left: 20px; padding-right: 20px; }
.mo-ruht .text, .mo-ruht .steuer { opacity: 0.5; transition: opacity var(--d-mittel); }
.mo-ruht:focus-within .text, .mo-ruht:focus-within .steuer, .mo-ruht:hover .steuer { opacity: 0.85; }
.mo-feldhinweis { display: flex; align-items: flex-start; gap: 7px; font-size: var(--t-xs); color: var(--ink-3); line-height: 1.45; margin-top: 4px; max-width: 46ch; }
.mo-feldhinweis[hidden] { display: none; }
.mo-feldhinweis svg { width: 13px; height: 13px; flex: none; margin-top: 2px; }
.mo-feldhinweis.warn { color: var(--warn); }
.mo-feldhinweis.krit { color: var(--krit); }
.mo-feldhinweis code { font-size: var(--t-xs); padding: 0 4px; border-radius: 4px; background: var(--s3); color: var(--ink-1); }
.mo-fehlerort:empty { display: none; }
.mo-feld-fehler .auswahl-knopf, .mo-feld-fehler .eingabe, .mo-feld-fehler .chip-liste, .mo-feld-fehler .farbfeld, .mo-feld-fehler .zahlfeld { border-color: var(--krit); box-shadow: 0 0 0 3px var(--krit-weich); }
.mo-feld-fehler .chip-liste { border: 1px solid var(--krit); border-radius: var(--r-s); padding: 4px; }

.mo-vorschau, .mo-sprung, .mo-test { padding: 16px; display: flex; flex-direction: column; gap: 12px; }
.mo-vorschau-kopf { display: flex; align-items: center; gap: 10px; }
.mo-vorschau-kopf h2, .mo-test h2 { font-size: var(--t-m); font-weight: 620; letter-spacing: -0.005em; margin-top: 2px; }
.mo-vorschau-kopf .marke { height: 20px; }
.mo-vorschau-kopf .marke .led { width: 6px; height: 6px; }
.mo-vorschau-reiter { align-self: flex-start; }
.mo-vorschau-ort { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; font-size: var(--t-xs); color: var(--ink-3); min-height: 20px; }
.mo-vorschau-ort .kanal-chip { font-size: var(--t-xs); color: var(--ink-1); }
.mo-vorschau-ort .kanal-chip svg { width: 13px; height: 13px; }
.mo-ort-fehlt { display: inline-flex; align-items: center; gap: 6px; color: var(--warn); }
.mo-ort-fehlt svg { width: 13px; height: 13px; }
.mo-vorschau-notiz { font-size: var(--t-xs); color: var(--ink-3); line-height: 1.6; }
.mo-vorschau-notiz.mo-warn-notiz { display: flex; gap: 7px; align-items: flex-start; color: var(--warn); }
.mo-vorschau-notiz.mo-warn-notiz[hidden] { display: none; }
.mo-vorschau-notiz svg { width: 13px; height: 13px; flex: none; margin-top: 3px; }
.mo-vorschau-fuss { display: flex; flex-direction: column; gap: 10px; }
.mo-test-kopf { display: flex; gap: 12px; align-items: flex-start; }
.mo-test-kopf > svg { width: 20px; height: 20px; color: var(--akzent-text); flex: none; margin-top: 2px; }
.mo-test-kopf p { font-size: var(--t-xs); color: var(--ink-3); margin-top: 3px; line-height: 1.5; }
.mo-test-hinweis { font-size: var(--t-xs); padding: 9px 11px; }
.mo-test-hinweis svg { width: 15px; height: 15px; }
.mo-fehltext { display: flex; gap: 7px; align-items: flex-start; font-size: var(--t-xs); color: var(--warn); }
.mo-fehltext svg { width: 13px; height: 13px; flex: none; margin-top: 2px; }
.knopf.breit { width: 100%; justify-content: center; }
.mo-sprung ol { display: flex; flex-direction: column; gap: 1px; }
.mo-sprung a { display: flex; align-items: center; gap: 10px; padding: 6px 8px; border-radius: var(--r-s); font-size: var(--t-s); color: var(--ink-2); }
.mo-sprung a:hover { background: var(--s2); color: var(--ink-1); }
.mo-sprung a .mono { font-size: var(--t-2xs); color: var(--ink-3); }
.mo-sprung a .marke { height: 18px; margin-left: auto; }
.mo-liste { display: flex; flex-direction: column; gap: 8px; }
.mo-liste li { display: flex; gap: 10px; align-items: flex-start; font-size: var(--t-s); color: var(--ink-2); line-height: 1.5; }
.mo-liste li svg { width: 15px; height: 15px; flex: none; margin-top: 2px; color: var(--akzent-text); }
.mo-folgt { padding: 20px; display: flex; flex-direction: column; gap: 14px; border-style: dashed; background: transparent; }
.mo-folgt-kopf { display: flex; gap: 14px; align-items: flex-start; }
.mo-folgt-kopf h2 { font-size: var(--t-l); margin-top: 2px; }
.mo-folgt-kopf p { color: var(--ink-3); font-size: var(--t-s); margin-top: 4px; max-width: 62ch; }
.mo-folgt-sym { flex: none; width: 44px; height: 44px; border-radius: 13px; display: grid; place-items: center; background: var(--s2); border: 1px solid var(--linie-2); color: var(--ink-2); }
.mo-folgt-sym svg { width: 20px; height: 20px; }
.mo-folgt .knopf { align-self: flex-start; }
.mo-rueckmeldung, .mo-fehlerliste { margin-bottom: 14px; padding: 12px 14px; border-radius: var(--r-m); display: flex; flex-direction: column; gap: 8px; font-size: var(--t-s); color: var(--ink-2); }
.mo-rueckmeldung { background: var(--warn-weich); border: 1px solid color-mix(in srgb, var(--warn) 35%, transparent); }
.mo-rueckmeldung.gut { background: var(--gut-weich); border-color: color-mix(in srgb, var(--gut) 35%, transparent); }
.mo-fehlerliste { background: var(--krit-weich); border: 1px solid color-mix(in srgb, var(--krit) 35%, transparent); }
.mo-fehlerliste:focus { outline: none; }
.mo-rueckmeldung-kopf { display: flex; align-items: center; gap: 10px; color: var(--ink-1); }
.mo-rueckmeldung-kopf > svg { width: 17px; height: 17px; flex: none; color: var(--warn); }
.mo-rueckmeldung.gut .mo-rueckmeldung-kopf > svg { color: var(--gut); }
.mo-fehlerliste .mo-rueckmeldung-kopf > svg { color: var(--krit); }
.mo-rueckmeldung ul, .mo-fehlerliste ul { display: flex; flex-direction: column; gap: 4px; padding-left: 27px; list-style: disc; }
.mo-fehlerliste a { color: var(--ink-1); text-decoration: underline; text-decoration-color: color-mix(in srgb, var(--krit) 60%, transparent); text-underline-offset: 3px; }
.mo-meldungen:empty { display: none; }
.mo-seite .aenderungsleiste { margin-top: var(--a-5); }
.mo-seite[inert] { cursor: progress; }

@media (max-width: 1100px) {
  .mo-raster-seite { grid-template-columns: minmax(0, 1fr); }
  .mo-seiten-innen { position: static; }
  .mo-seiten-spalte { order: 2; }
  .mo-sprung { display: none; }
}
@media (max-width: 760px) {
  .mo-kopf { gap: var(--a-3); }
  .mo-kopf-sym { width: 48px; height: 48px; border-radius: 14px; }
  .mo-kopf-sym svg { width: 22px; height: 22px; }
  .mo-kopf-rechts { flex: 1 1 100%; }
  .mo-kopf-knoepfe { justify-content: flex-start; order: 2; }
  .mo-abschnitt { padding-left: 14px; padding-right: 14px; }
  .mo-abschnitt .einstellung.markiert { margin: 0 -14px; padding-left: 14px; padding-right: 14px; }
  .mo-abschnitt .einstellung { grid-template-columns: minmax(0, 1fr); }
  .mo-abschnitt .einstellung .steuer { justify-content: flex-start; flex-wrap: wrap; }
  .mo-abschnitt .steuer.spalte-rechts { align-items: stretch; }
  .mo-abschnitt .auswahl-knopf { min-width: 0; width: 100%; }
  .mo-verteilung-zeile { flex-wrap: wrap; }
  .mo-filter { flex-wrap: wrap; overflow: visible; }
  .mo-raster { grid-template-columns: minmax(0, 1fr); }
  .mo-seite .aenderungsleiste { bottom: 88px; }
}

.mo-emb { display: grid; grid-template-columns: minmax(0, 1fr) minmax(320px, 420px); gap: 20px; align-items: start; }
.mo-emb-links { display: flex; flex-direction: column; gap: 14px; min-width: 0; }
.mo-emb-rechts { min-width: 0; align-self: stretch; }
.mo-emb-sticky { position: sticky; top: calc(var(--kopf-h) + 16px); }
.mo-emb-karte { padding: 4px 20px 18px; display: flex; flex-direction: column; gap: 14px; }
.mo-emb-karte[hidden] { display: none; }
.mo-emb-kopf { display: flex; align-items: center; gap: 10px; padding-top: 14px; }
.mo-emb-kopf h2 { font-size: var(--t-l); font-weight: 620; letter-spacing: -0.01em; flex: 1; min-width: 0; }
.mo-emb-kopf .marke { height: 20px; }
.mo-emb-karte .einstellung { padding: 12px 0; }
.mo-emb-karte .einstellung[hidden] { display: none; }
.mo-emb-karte .zaehler.voll { color: var(--warn); }
.mo-emb-karte .feld .eingabe { width: 100%; }
.mo-emb-laden[hidden] { display: none; }
.mo-emb-laden { display: flex; flex-direction: column; gap: 10px; }
.mo-emb-laden .hinweis { align-items: center; flex-wrap: wrap; }
.mo-laden-zeile { display: flex; gap: 10px; align-items: flex-end; flex-wrap: wrap; }
.mo-designs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; width: 100%; }
.mo-design { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; padding: 12px; border-radius: var(--r-m); border: 1px solid var(--linie-2); background: var(--s2); color: var(--ink-1); text-align: left; transition: border-color var(--d-schnell), background var(--d-schnell); }
.mo-design:hover { border-color: var(--linie-3); }
.mo-design[aria-checked="true"] { border-color: var(--akzent); background: color-mix(in srgb, var(--akzent) 8%, var(--s2)); box-shadow: 0 0 0 3px var(--akzent-weich); }
:root[data-theme="hell"] .mo-design[aria-checked="true"] { border-color: var(--ink-1); }
.mo-design:disabled { cursor: not-allowed; opacity: 0.6; }
.mo-design:disabled[aria-checked="true"] { opacity: 1; }
.einstellung .beschreibung[hidden] { display: none; }
.mo-design b { font-size: var(--t-s); font-weight: 620; }
.mo-design > span:last-child { font-size: var(--t-xs); color: var(--ink-3); line-height: 1.4; }
.mo-design-bild { width: 100%; height: 46px; margin-bottom: 6px; border-radius: 6px; background: var(--s3); padding: 7px 8px; display: flex; flex-direction: column; gap: 4px; justify-content: center; border-left: 3px solid transparent; }
.mo-design-bild i { display: block; height: 4px; border-radius: 2px; background: var(--linie-3); }
.mo-design-bild i:first-child { width: 55%; height: 5px; background: var(--ink-3); }
.mo-design-bild i:nth-child(2) { width: 85%; }
.mo-design-bild i:nth-child(3) { width: 70%; }
.mo-design-bild.d-embed { border-left-color: var(--ink-4); }
.mo-design-bild.d-container i:nth-child(2) { border-bottom: 1px solid var(--linie-2); }
.mo-design-bild.d-image { background: linear-gradient(135deg, var(--s4), var(--s3)); }
.mo-design-bild.d-image i { background: var(--ink-4); }
.mo-farbreihe { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 6px; }
.mo-farbe { width: 24px; height: 24px; border-radius: 7px; border: 2px solid var(--s1); background: var(--farbe, #5865f2); box-shadow: 0 0 0 1px var(--linie-2); padding: 0; transition: transform var(--d-schnell) var(--e-aus); }
.mo-farbe:hover { transform: scale(1.12); }
.mo-farbe[aria-pressed="true"] { box-shadow: 0 0 0 2px var(--akzent); }
:root[data-theme="hell"] .mo-farbe[aria-pressed="true"] { box-shadow: 0 0 0 2px var(--ink-1); }
.mo-emf-liste { display: flex; flex-direction: column; gap: 10px; }
.mo-emf { padding: 10px; border-radius: var(--r-m); background: var(--s2); border: 1px solid var(--linie); display: flex; flex-direction: column; gap: 8px; }
.mo-emf-kopf { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.mo-emf-nr { width: 24px; height: 24px; border-radius: 50%; display: grid; place-items: center; font-size: var(--t-2xs); color: var(--ink-2); border: 1px solid var(--linie-3); background: var(--s1); flex: none; }
.mo-emf-kopf .feld { flex: 1 1 180px; }
.mo-inline { display: inline-flex; align-items: center; gap: 8px; font-size: var(--t-xs); color: var(--ink-2); white-space: nowrap; }
.mo-emf-knoepfe { display: inline-flex; gap: 2px; margin-left: auto; }
.mo-weg:hover { color: var(--krit); background: var(--krit-weich); }
.mo-emf textarea.eingabe { min-height: 64px; }
.mo-leer-zeile { font-size: var(--t-s); color: var(--ink-3); padding: 12px; border: 1px dashed var(--linie-2); border-radius: var(--r-m); text-align: center; }
.mo-karte-hilfe { font-size: var(--t-xs); color: var(--ink-3); line-height: 1.5; }
.mo-karte-hilfe svg { display: inline-block; vertical-align: -2px; width: 13px; height: 13px; }
.mo-zwei { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.mo-ablage-block { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.mo-ablage { position: relative; display: flex; align-items: center; gap: 12px; min-height: 76px; padding: 12px; border-radius: var(--r-m); border: 1.5px dashed var(--linie-3); background: var(--s2); cursor: pointer; transition: border-color var(--d-schnell), background var(--d-schnell); }
.mo-ablage:hover { border-color: var(--ink-3); }
.mo-ablage:focus-visible { box-shadow: var(--fokus-ring); }
.mo-ablage.ist-ziel { border-color: var(--akzent); border-style: solid; background: var(--akzent-weich); }
.mo-ablage-sym { flex: none; width: 38px; height: 38px; border-radius: 11px; display: grid; place-items: center; background: var(--s3); color: var(--ink-2); }
.mo-ablage-sym svg { width: 18px; height: 18px; }
.mo-ablage-text { display: flex; flex-direction: column; gap: 2px; min-width: 0; flex: 1; }
.mo-ablage-text b { font-size: var(--t-s); font-weight: 600; overflow-wrap: anywhere; }
.mo-ablage-text span { font-size: var(--t-xs); color: var(--ink-3); line-height: 1.4; }
.mo-ablage.hat-datei { border-style: solid; border-color: color-mix(in srgb, var(--gut) 45%, var(--linie-2)); }
.mo-ablage.hat-datei img { width: 52px; height: 52px; border-radius: 8px; object-fit: cover; flex: none; }
.mo-ablage.hat-datei .mo-ablage-sym { display: none; }
.mo-ablage.laedt { opacity: 0.6; pointer-events: none; }
.mo-bildablage { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.mo-bild-knoepfe { display: flex; flex-wrap: wrap; gap: 8px; }
.mo-ping-liste { display: flex; flex-wrap: wrap; gap: 6px; }
.mo-ping { display: inline-flex; align-items: center; gap: 7px; height: 30px; padding: 0 11px 0 9px; border-radius: var(--r-voll); border: 1px solid var(--linie-2); background: var(--s2); color: var(--ink-1); font-size: var(--t-s); transition: border-color var(--d-schnell), background var(--d-schnell); }
.mo-ping .punkt { width: 9px; height: 9px; border-radius: 50%; background: var(--ink-4); flex: none; }
.mo-ping svg { width: 12px; height: 12px; color: var(--ink-3); }
.mo-ping:hover { border-color: var(--linie-3); }
.mo-ping[aria-pressed="true"] { border-color: var(--akzent); background: var(--akzent-weich); }
.mo-ping[aria-pressed="true"] .punkt { background: var(--akzent); }
:root[data-theme="hell"] .mo-ping[aria-pressed="true"] { border-color: var(--ink-1); }
.mo-ping:disabled { opacity: 0.45; cursor: not-allowed; }
.mo-emb-aktionen { display: flex; align-items: center; justify-content: flex-end; gap: 10px; flex-wrap: wrap; padding: 12px 14px; border-radius: var(--r-l); background: var(--glas-stark); border: 1px solid var(--linie-2); position: sticky; bottom: 16px; z-index: 10; box-shadow: var(--sch-2); backdrop-filter: blur(14px); }
.mo-befunde { display: flex; flex-direction: column; gap: 10px; }
.mo-befunde:empty { display: none; }
.mo-befund { padding: 11px 12px; border-radius: var(--r-m); background: var(--s2); border: 1px solid var(--linie); display: flex; flex-direction: column; gap: 8px; font-size: var(--t-xs); color: var(--ink-2); }
.mo-befund[hidden] { display: none; }
.mo-befund > b { font-size: var(--t-s); font-weight: 620; color: var(--ink-1); }
.mo-befund p { line-height: 1.5; }
.mo-befund ul { display: flex; flex-direction: column; gap: 3px; padding-left: 16px; list-style: disc; }
.mo-befund.info { background: var(--info-weich); border-color: transparent; }
.mo-befund.warn { background: var(--warn-weich); border-color: transparent; }
.mo-befund.krit { background: var(--krit-weich); border-color: transparent; }
.mo-befund.krit > b { color: var(--krit); }
.mo-grenze { display: flex; flex-direction: column; gap: 5px; }
.mo-grenze-kopf { display: flex; justify-content: space-between; gap: 10px; }
.mo-grenze-kopf .mono { color: var(--ink-1); }
.mo-grenze .balken { height: 5px; }
.mo-grenze .balken > i { width: var(--anteil, 0%); background: var(--status-gut); }
.mo-grenze.warn .balken > i { background: var(--status-warn); }
.mo-grenze.krit .balken > i { background: var(--status-krit); }
.mo-emb-stoerung:empty { display: none; }
.kreis-lader.klein-lader { width: 10px; height: 10px; border-width: 1.5px; }
.mo-dv-karte { margin-top: 6px; max-width: 100%; padding: 14px 16px; border-radius: 8px; background: #2b2d31; border: 1px solid rgba(255, 255, 255, 0.09); display: flex; flex-direction: column; gap: 8px; }
.mo-dv-karte.mit-balken { border-left: 4px solid var(--farbe, #5865f2); }
.mo-dv-td { font-size: 14px; color: inherit; overflow-wrap: anywhere; white-space: pre-wrap; }
.mo-dv-trenner { border: 0; height: 1px; background: rgba(255, 255, 255, 0.09); margin: 4px 0; }
.mo-dv-trenner.unsichtbar { background: transparent; }
.mo-dv-abschnitt { display: flex; gap: 14px; align-items: flex-start; }
.mo-dv-abschnitt > .mo-dv-bild { flex: none; width: 84px; height: 84px; min-height: 84px; border-radius: 8px; }
.mo-dv-bild { display: grid; place-items: center; gap: 4px; border-radius: 4px; overflow: hidden; background: #383a40; color: #949ba4; min-height: 120px; text-align: center; font-size: 12px; }
.mo-dv-bild img { display: block; width: 100%; max-height: 260px; object-fit: cover; }
.mo-dv-bild.leer svg { width: 22px; height: 22px; }
.mo-dv-oben > .mo-dv-bild { flex: none; width: 76px; min-height: 76px; height: 76px; border-radius: 6px; }
.mo-dv-autor .mo-dv-bild, .dv-fuss .mo-dv-bild { width: 20px; height: 20px; min-height: 20px; border-radius: 50%; }
.mo-dv-galerie { display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 4px; }
.mo-dv-hinweis { display: flex; gap: 10px; align-items: flex-start; padding: 10px; border-radius: 8px; border: 1px dashed #4e5058; color: #949ba4; font-size: 13px; }
.mo-dv-autor { display: flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 600; color: #f2f3f5; }
.mo-dv-verlinkt { color: #00a8fc; }
.mo-dv-felder { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-top: 4px; }
.mo-dv-feld { min-width: 0; }
.mo-dv-feld.mo-voll { grid-column: 1 / -1; }
.mo-vorlagen { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; padding: 4px 0 6px; }
.mo-vorlage { position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: 6px; padding: 14px; border-radius: var(--r-l); border: 1px solid var(--linie-2); background: var(--s2); color: var(--ink-1); text-align: left; transition: border-color var(--d-schnell), background var(--d-schnell), transform var(--d-mittel) var(--e-aus); }
.mo-vorlage:hover { border-color: var(--linie-3); transform: translateY(-1px); }
.mo-vorlage[aria-checked="true"] { border-color: var(--akzent); background: color-mix(in srgb, var(--akzent) 7%, var(--s2)); box-shadow: 0 0 0 3px var(--akzent-weich); }
:root[data-theme="hell"] .mo-vorlage[aria-checked="true"] { border-color: var(--ink-1); }
.mo-vorlage.gesperrt { opacity: 0.6; }
.mo-vorlage-kopf { display: flex; align-items: center; gap: 8px; width: 100%; margin-bottom: 4px; }
.mo-vorlage-kopf .marke { height: 20px; }
.mo-vorlage-sym { width: 36px; height: 36px; border-radius: 11px; display: grid; place-items: center; background: var(--s3); color: var(--ink-2); flex: none; }
.mo-vorlage-sym svg { width: 18px; height: 18px; }
.mo-vorlage[aria-checked="true"] .mo-vorlage-sym { background: var(--akzent); color: var(--akzent-ink); }
.mo-vorlage-wahl { margin-left: auto; width: 20px; height: 20px; border-radius: 50%; border: 1.5px solid var(--linie-3); display: grid; place-items: center; color: transparent; }
.mo-vorlage-wahl svg { width: 12px; height: 12px; }
.mo-vorlage[aria-checked="true"] .mo-vorlage-wahl { background: var(--akzent); border-color: transparent; color: var(--akzent-ink); }
.mo-vorlage b { font-size: var(--t-m); font-weight: 640; }
.mo-vorlage-text { font-size: var(--t-xs); color: var(--ink-3); line-height: 1.5; }
.mo-vorlage-text svg { width: 12px; height: 12px; vertical-align: -2px; }
.mo-setup { display: flex; flex-direction: column; gap: 14px; max-width: 980px; }
.mo-setup .feld .eingabe { width: 100%; }
.mo-setup .feld[hidden] { display: none; }
.mo-ausfuehren { padding: 16px 20px; display: flex; flex-direction: column; gap: 12px; }
.mo-ausfuehren h2 { font-size: var(--t-l); font-weight: 620; }
.mo-bestaetigen { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: var(--r-m); background: var(--s2); border: 1px solid var(--linie); font-size: var(--t-s); font-weight: 560; cursor: pointer; }
.mo-setup-knoepfe { justify-content: flex-end; }
.fehlertext[hidden] { display: none; }
.fehlertext { display: flex; gap: 6px; align-items: center; font-size: var(--t-s); color: var(--krit); }
.fehlertext svg { width: 14px; height: 14px; }
@media (max-width: 1180px) {
  .mo-emb { grid-template-columns: minmax(0, 1fr); }
  .mo-emb-sticky { position: static; }
}
@media (max-width: 760px) {
  .mo-designs, .mo-zwei, .mo-vorlagen { grid-template-columns: minmax(0, 1fr); }
  .mo-emb-karte { padding-left: 14px; padding-right: 14px; }
  .mo-emb-aktionen { bottom: 88px; }
  .mo-dv-felder { grid-template-columns: minmax(0, 1fr); }
  .mo-emf-knoepfe { margin-left: 0; }
}

.su { display: flex; flex-direction: column; gap: 18px; }
.su-note { display: flex; align-items: center; gap: 8px; font-size: var(--t-xs); color: var(--ink-3); margin: 0; }
.su-note svg { width: 14px; height: 14px; flex: none; }
.su-kopfkarte { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 22px; align-items: center; }
.su-balken-reihe { display: flex; flex-direction: column; gap: 10px; margin: 12px 0; }
.su-balken { display: grid; grid-template-columns: minmax(84px, 130px) minmax(0, 1fr) auto; gap: 12px; align-items: center; }
.su-balken .spur { height: 8px; border-radius: 6px; background: var(--s3); overflow: hidden; }
.su-balken .spur > i { display: block; height: 100%; width: var(--anteil, 0%); border-radius: inherit; background: var(--akzent); }
.su-balken.rel .spur > i { background: var(--status-gut); }
.su-balken.opt .spur > i { background: var(--serie-1); }
.su-balken b { font-variant-numeric: tabular-nums; }
.su-werkzeug { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; justify-content: space-between; }
.su-werkzeug + .su-werkzeug { margin-top: 12px; }
.su-filter { display: flex; flex-wrap: wrap; gap: 6px; }
.su-filter button[aria-pressed="true"] { background: var(--akzent-weich); color: var(--akzent-text); border-color: color-mix(in srgb, var(--akzent) 40%, transparent); }
.su-suche { flex: 1; min-width: 180px; margin: 0; }
.su-kat { gap: 0; }
.su-kat-kopf { display: flex; align-items: center; gap: 10px; padding: 4px 2px 12px; }
.su-kat-kopf .anzahl { margin-left: auto; font-family: var(--mono); font-size: var(--t-xs); color: var(--ink-3); }
.su-schritt { border: 1px solid var(--linie-3); border-radius: 12px; padding: 14px 16px; display: flex; flex-direction: column; gap: 12px; background: var(--s2); }
.su-schritt + .su-schritt { margin-top: 10px; }
.su-schritt.erledigt { border-color: color-mix(in srgb, var(--status-gut) 40%, var(--linie-3)); }
.su-schritt.uebersprungen { opacity: .82; }
.su-schritt-kopf { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.su-schritt-kopf .mo-sym { flex: none; }
.su-schritt-kopf .wachsen { min-width: 140px; display: flex; flex-direction: column; gap: 6px; }
.su-marken { display: flex; gap: 6px; flex-wrap: wrap; align-items: center; }
.su-detail { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 12px; margin: 0; padding-top: 12px; border-top: 1px solid var(--linie-3); }
.su-detail dt { font-size: var(--t-xs); text-transform: uppercase; letter-spacing: .04em; color: var(--ink-3); margin-bottom: 2px; }
.su-detail dd { margin: 0; font-size: var(--t-s); color: var(--ink-2); line-height: 1.5; }
.su-aktionen { display: flex; flex-wrap: wrap; gap: 8px; }
.su-leer { display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 28px; text-align: center; color: var(--ink-3); }
.su-leer svg { width: 26px; height: 26px; }
@media (max-width: 720px) {
  .su-kopfkarte { grid-template-columns: 1fr; justify-items: center; text-align: center; }
  .su-kopfkarte .su-balken { text-align: left; }
  .su-balken { grid-template-columns: 1fr auto; }
  .su-balken .spur { grid-column: 1 / -1; order: 3; }
}

.kt{display:flex;flex-direction:column;gap:8px;width:100%}
.kt-zeilen{display:flex;flex-direction:column;gap:8px}
.kt-zeile{display:flex;gap:8px;align-items:center}
.kt-zeile .kt-kanal{flex:0 0 auto;min-width:200px;max-width:45%}
.kt-zeile .kt-titel{flex:1 1 auto;min-width:0}
.kt-add{align-self:flex-start}