.hd-kpi { margin-bottom: var(--a-2); }
.hd-kpi .kachel .unter { display: flex; align-items: center; gap: 6px; min-width: 0; }
.hd-kpi .kachel .unter > span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hd-kpi .kachel .unter .status { font-weight: 520; }
.hd-kpi-an { color: var(--akzent-text); }
.hd-kpi .kachel .wert .leise { font-weight: 560; }
@media (max-width: 900px) {
  .hd-kpi .kachel-reihe.verbunden { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hd-kpi .kachel-reihe.verbunden > .kachel { border-right: 0; border-bottom: 1px solid var(--linie); }
  .hd-kpi .kachel-reihe.verbunden > .kachel:nth-child(odd) { border-right: 1px solid var(--linie); }
  .hd-kpi .kachel-reihe.verbunden > .kachel:last-child:nth-child(odd) { grid-column: 1 / -1; border-right: 0; }
}
.hd-panel { padding-top: var(--a-5); }
.hd-bereich { display: flex; flex-direction: column; gap: var(--a-4); }
.hd-filter { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.hd-suche { flex: 0 1 300px; min-width: 200px; }
.hd-suche .eingabe { min-height: 36px; }
.hd-chips .knopf { gap: 6px; }
.hd-chip-n { font-family: var(--mono); font-size: var(--t-2xs); color: var(--ink-3); }
.hd-chips .knopf[aria-pressed="true"] .hd-chip-n { color: var(--ink-1); }
.hd-zaehler { font-family: var(--mono); font-size: var(--t-2xs); letter-spacing: 0.06em; color: var(--ink-3); }
.hd-sortiert { white-space: nowrap; }
.hd-filter-rechts { margin-left: auto; display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.hd-nichts { display: flex; align-items: center; justify-content: center; gap: 8px; padding: var(--a-6); color: var(--ink-3); border: 1px dashed var(--linie-2); border-radius: var(--r-m); }
.hd-nichts svg { width: 16px; height: 16px; }
@media (max-width: 720px) {
  .hd-suche { flex: 1 1 100%; }
  .hd-filter-rechts { margin-left: 0; }
}
.hd-tabelle td { vertical-align: middle; }
.hd-tabelle .aktionen .knopf + .knopf { margin-left: 4px; }
.hd-artikel { display: flex; align-items: center; gap: 12px; min-width: 220px; }
.hd-zwei { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.hd-zwei > b { font-weight: 580; }
.hd-zwei > .leise, .hd-zwei > span:not(:first-child) { font-size: var(--t-s); }
.hd-zelle-zeile { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; }
.hd-thumb {
  position: relative; flex: none; width: 40px; height: 40px; border-radius: 11px; display: grid; place-items: center;
  background: var(--s3); border: 1px solid var(--linie); color: var(--ink-3);
}
.hd-thumb svg { width: 18px; height: 18px; }
.hd-thumb .hd-emoji { font-size: 20px; line-height: 1; }
.hd-thumb.mit-bild { background: linear-gradient(135deg, color-mix(in srgb, var(--serie-1) 28%, var(--s3)), color-mix(in srgb, var(--serie-7) 26%, var(--s3))); color: var(--ink-1); }
.hd-thumb .hd-thumb-emoji { position: absolute; right: -5px; bottom: -5px; width: 20px; height: 20px; border-radius: 7px; display: grid; place-items: center; font-size: 12px; background: var(--s2); border: 1px solid var(--linie-2); }
.hd-thumb.gross { width: 52px; height: 52px; border-radius: 14px; }
.hd-thumb.gross .hd-emoji { font-size: 26px; }
.hd-person { display: inline-flex; align-items: center; gap: 8px; min-width: 0; max-width: 100%; vertical-align: middle; }
.hd-person .avatar { width: 24px; height: 24px; font-size: 10px; }
.hd-unter { display: block; font-size: var(--t-s); color: var(--ink-3); }
@media (max-width: 900px) { .hd-tabelle .hd-breit { display: none; } }
.hd-live-raster { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: var(--a-4); }
.hd-live { padding: var(--a-4) var(--a-5) var(--a-4); display: flex; flex-direction: column; gap: 10px; }
.hd-live-seq { border-color: color-mix(in srgb, var(--akzent) 40%, var(--linie)); }
.hd-live-kopf { display: flex; align-items: center; gap: 8px; min-height: 30px; flex-wrap: wrap; }
.hd-live-kopf > .knopf { margin-left: auto; }
.hd-live-raster { grid-template-columns: repeat(auto-fill, minmax(min(320px, 100%), 1fr)); }
.hd-live-an { display: inline-flex; align-items: center; gap: 7px; }
.hd-live-an .etikett { color: var(--krit); }
.hd-live-kanal { font-family: var(--mono); font-size: var(--t-xs); color: var(--ink-3); }
.hd-live-titel { font-size: var(--t-l); font-weight: 620; letter-spacing: -0.015em; }
.hd-live-meta { font-size: var(--t-s); color: var(--ink-3); display: flex; flex-wrap: wrap; gap: 4px; align-items: center; }
.hd-live-zahlen { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 2px; }
.hd-live-zahlen > div { padding: 10px 12px; border-radius: var(--r-m); background: var(--s2); border: 1px solid var(--linie); display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.hd-live-zahlen b { font-size: 22px; font-weight: 640; letter-spacing: -0.02em; line-height: 1.15; }
.hd-klein { font-size: var(--t-s); font-weight: 500; letter-spacing: 0; }
.hd-live-fuss { display: flex; align-items: center; gap: 10px; padding-top: 4px; min-width: 0; }
.hd-live-fuss > .leise { flex: 1 1 auto; min-width: 0; font-size: var(--t-s); }
.hd-live-fuss > .knopf { margin-left: auto; }
.hd-live-bieter { display: inline-flex; align-items: center; gap: 8px; min-width: 0; flex: 0 1 auto; overflow: hidden; }
.hd-live-bieter .hd-person { overflow: hidden; }
.hd-live-n { display: inline-flex; align-items: center; gap: 5px; font-size: var(--t-s); color: var(--ink-2); font-variant-numeric: tabular-nums; }
.hd-live-n svg { width: 14px; height: 14px; color: var(--ink-3); }
.hd-rest { display: inline-flex; align-items: center; gap: 8px; flex-wrap: wrap; font-variant-numeric: tabular-nums; }
.hd-rest-zeit { font-family: var(--mono); font-feature-settings: "tnum"; }
.hd-live-zahlen .hd-rest-zeit { font-size: 21px; letter-spacing: -0.02em; font-weight: 600; }
.hd-rest-bald { display: none; align-items: center; gap: 4px; font-family: var(--schrift); font-size: var(--t-xs); font-weight: 600; color: var(--warn); }
.hd-rest-bald svg { width: 13px; height: 13px; }
.hd-rest.bald { color: var(--warn); }
.hd-rest.bald .hd-rest-bald { display: inline-flex; }
.hd-rest.vorbei { color: var(--ink-3); }
.hd-verlauf { position: relative; display: block; height: 4px; border-radius: 4px; background: var(--s3); overflow: hidden; }
.hd-verlauf i { position: absolute; inset: 0 auto 0 0; border-radius: inherit; background: var(--serie-1); transition: width 900ms linear; }
.hd-seq-band { align-items: center; }
.hd-seq-band .knopf { margin-left: auto; }
.hd-seq { display: flex; align-items: center; gap: var(--a-4); padding: var(--a-4) var(--a-5); }
.hd-seq .wachsen { display: flex; flex-direction: column; gap: 2px; }
.hd-seq .wachsen b { font-weight: 600; }
.hd-seq .wachsen span { font-size: var(--t-s); color: var(--ink-3); }
.hd-seq-sym { width: 38px; height: 38px; border-radius: 11px; display: grid; place-items: center; background: var(--s3); color: var(--ink-2); flex: none; }
.hd-seq-sym svg { width: 18px; height: 18px; }
.hd-seq.an { border-color: color-mix(in srgb, var(--akzent) 40%, var(--linie)); background: linear-gradient(90deg, var(--akzent-weich), transparent 60%), var(--s1); }
.hd-seq.an .led { margin: 0 6px; }
@media (max-width: 600px) { .hd-seq { flex-wrap: wrap; } .hd-seq .knopf { width: 100%; } }
.hd-gruppe { display: flex; flex-direction: column; gap: 10px; }
.hd-gruppe-kopf { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; }
.hd-gruppe-kopf h3 { font-size: var(--t-m); font-weight: 620; letter-spacing: 0; }
.hd-gruppe-kopf .leise { font-size: var(--t-s); }
.hd-gruppe-n { font-family: var(--mono); font-size: var(--t-2xs); padding: 1px 7px; border-radius: var(--r-voll); background: var(--s3); color: var(--ink-2); }
.hd-gruppe-leer { font-size: var(--t-s); padding: 8px 2px; }
.hd-geist { padding: 0 var(--a-5) var(--a-5); opacity: 0.55; }
.hd-plan-layout { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: var(--a-4); align-items: start; }
.hd-plan-rechts { gap: var(--a-4); }
@media (max-width: 1180px) { .hd-plan-layout { grid-template-columns: 1fr; } }
.hd-klein-hinweis { font-size: var(--t-s); margin-bottom: var(--a-4); }
.hd-eintraege { display: flex; flex-direction: column; gap: 8px; }
.hd-eintrag {
  display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 14px; align-items: start;
  padding: 12px 14px; border-radius: var(--r-m); background: var(--s2); border: 1px solid var(--linie);
}
.hd-eintrag.aus { background: transparent; border-style: dashed; }
.hd-eintrag.aus .hd-eintrag-kopf b { color: var(--ink-2); }
.hd-eintrag-text { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.hd-eintrag-kopf { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.hd-eintrag-kopf b { font-weight: 600; }
.hd-eintrag-meta, .hd-eintrag-auto { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; font-size: var(--t-s); color: var(--ink-3); }
.hd-eintrag-meta svg, .hd-eintrag-auto svg { width: 13px; height: 13px; }
.hd-eintrag-auto { color: var(--ink-2); }
.hd-eintrag-auto .kanal-chip { font-size: var(--t-s); }
.hd-eintrag-rechts { display: flex; flex-direction: column; align-items: flex-end; gap: 10px; }
.hd-cd { display: flex; flex-direction: column; align-items: flex-end; gap: 2px; min-width: 92px; }
.hd-paar { display: inline-flex; align-items: center; gap: 5px; white-space: nowrap; }
.hd-eintrag-meta, .hd-eintrag-auto { column-gap: 14px; }
.hd-cd b, .hd-cd .hd-rest { font-family: var(--mono); font-size: var(--t-m); font-weight: 600; }
.hd-eintrag-aktionen { display: flex; gap: 4px; }
.hd-fussnote { font-size: var(--t-s); }
@media (max-width: 720px) {
  .hd-eintrag { grid-template-columns: auto minmax(0, 1fr); }
  .hd-eintrag-rechts { grid-column: 1 / -1; flex-direction: row; justify-content: space-between; align-items: center; border-top: 1px solid var(--linie); padding-top: 10px; }
  .hd-cd { align-items: flex-start; }
}
.hd-int .karte-inhalt { display: flex; flex-direction: column; gap: var(--a-4); }
.hd-int-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.hd-int-chips .chip { gap: 6px; font-size: var(--t-s); color: var(--ink-3); }
.hd-int-chips .chip b { color: var(--ink-1); font-weight: 580; }
.hd-int .feld .auswahl-knopf { width: 100%; }
.hd-knopfzeile { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.hd-ungespeichert { align-self: flex-start; }
.hd-dv { padding: 14px; }
.hd-dv .dv-embed { max-width: none; }
.hd-dv-feld { display: flex; flex-direction: column; gap: 2px; margin-top: 4px; }
.hd-dv-feld b { color: #fff; font-weight: 600; font-size: 14px; }
.hd-dv-feld span { font-size: 14px; color: #dbdee1; }
.hd-linkkarte .karte-inhalt { display: flex; flex-direction: column; gap: 8px; }
.hd-linkkarte h3 { font-size: var(--t-l); }
.hd-pfad { display: block; padding: 9px 12px; border-radius: var(--r-s); background: var(--s2); border: 1px solid var(--linie-2); font-size: var(--t-s); color: var(--akzent-text); overflow-wrap: anywhere; }
.hd-einst { display: flex; flex-direction: column; gap: var(--a-4); }
.hd-einst-raster { align-items: start; }
.hd-einst .karte-kopf .status { margin-left: auto; }
.hd-textsteuer { min-width: 220px; position: relative; }
.hd-textsteuer .zaehler { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); pointer-events: none; }
.hd-textsteuer .eingabe { padding-right: 58px; }
.einstellung.breit .hd-textsteuer { width: 100%; }
.hd-zwei-zahlen { display: flex; gap: 8px; }
.hd-zwei-zahlen .zahlfeld input { width: 92px; }
.hd-betraege { align-items: center; }
.hd-betraege .chip { font-variant-numeric: tabular-nums; }
.hd-betrag-neu { display: inline-flex; gap: 6px; align-items: center; }
.hd-betrag-neu .eingabe { width: 110px; min-height: 30px; padding: 4px 10px; }
.hd-betrag-zahl { font-size: var(--t-xs); font-family: var(--mono); }
.hd-einst .einstellung.breit .steuer { flex-direction: column; align-items: flex-start; }
.hd-zahlungen { display: flex; flex-direction: column; gap: 10px; }
.hd-zliste { display: flex; flex-direction: column; gap: 6px; }
.hd-zahlung { display: grid; grid-template-columns: 64px minmax(0, 1fr) auto; gap: 6px; align-items: center; }
.hd-zahlung .eingabe { min-height: 34px; }
.hd-zahlung-emoji { text-align: center; }
.hd-zahl-fuss { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.hd-zahl-fuss .leise { font-family: var(--mono); font-size: var(--t-xs); }
.hd-lb { margin-top: var(--a-3); }
.hd-discord-only .karte-inhalt { display: flex; gap: var(--a-4); align-items: flex-start; flex-wrap: wrap; }
.hd-discord-only .wachsen { display: flex; flex-direction: column; gap: 6px; flex: 1 1 320px; }
.hd-discord-only b { font-weight: 600; }
.hd-discord-only code { font-size: var(--t-xs); padding: 3px 8px; border-radius: var(--r-xs); background: var(--s3); border: 1px solid var(--linie-2); color: var(--ink-2); }
.hd-do-sym { width: 38px; height: 38px; border-radius: 11px; display: grid; place-items: center; background: #5865f222; color: #8891f7; flex: none; }
.hd-do-sym svg { width: 18px; height: 18px; }
:root[data-theme="hell"] .hd-do-sym { color: #4752c4; background: #5865f218; }
.hd-teil { display: flex; flex-direction: column; gap: 12px; }
.hd-teil + .hd-teil { padding-top: var(--a-4); border-top: 1px solid var(--linie); }
.hd-teil-kopf { display: flex; align-items: center; gap: 10px; }
.hd-teil-kopf h3 { font-family: var(--mono); font-size: var(--t-2xs); font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase; color: var(--ink-3); }
.hd-raster { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 16px; }
.hd-raster > .hd-ganz { grid-column: 1 / -1; }
.schublade:not(.breit) .hd-raster { grid-template-columns: 1fr; }
@media (max-width: 640px) { .hd-raster { grid-template-columns: 1fr; } }
.hd-pflicht { color: var(--krit); margin-left: -4px; }
.feld .feld-name { font-size: var(--t-m); font-weight: 560; color: var(--ink-1); }
.feld .auswahl-knopf { width: 100%; min-width: 0; }
.hd-schalter { display: flex; gap: 12px; align-items: flex-start; padding: 10px 12px; border-radius: var(--r-m); background: var(--s2); border: 1px solid var(--linie); }
.hd-schalter label { display: flex; flex-direction: column; gap: 2px; cursor: pointer; }
.hd-schalter label b { font-weight: 560; font-size: var(--t-m); }
.hd-schalter label span { font-size: var(--t-s); color: var(--ink-3); }
.hd-schalter .schalter { margin-top: 1px; }
.hd-startart { align-self: flex-start; }
.hd-bilder-info { margin-top: -6px; font-size: var(--t-s); }
.hd-dl { display: grid; grid-template-columns: 1fr; gap: 0; }
.hd-dl > div { display: grid; grid-template-columns: minmax(130px, 38%) minmax(0, 1fr); gap: 12px; padding: 8px 0; border-top: 1px solid var(--linie); align-items: center; }
.hd-dl > div:first-child { border-top: 0; }
.hd-dl dt { font-size: var(--t-s); color: var(--ink-3); }
.hd-dl dd { margin: 0; font-size: var(--t-m); min-width: 0; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.hd-laden .karte-inhalt { display: flex; flex-direction: column; gap: 4px; }
.hd-skelett-zeile { display: flex; align-items: center; gap: 14px; padding: 10px 0; border-top: 1px solid var(--linie); }
.hd-skelett-zeile:first-child { border-top: 0; }
.hd-skelett-zeile .wachsen { display: flex; flex-direction: column; }
.hd-sk-bild { width: 40px; height: 40px; border-radius: 11px; flex: none; }
.hd-sk-wert { width: 80px; }
.hd-fehler .leer .bild { color: var(--krit); background: var(--krit-weich); border-color: transparent; }
.hd-pro { margin-bottom: var(--a-4); align-items: center; }
.hd-pro .marke { height: 20px; vertical-align: 1px; margin-right: 4px; }
.hd-sperrbar .knopf:disabled { opacity: 0.38; }
.hinweis .hd-seq-knopf { margin-left: auto; }
.hd-pl-liste { display: flex; flex-direction: column; gap: 12px; }
.hd-pl {
  position: relative; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 18px; align-items: center;
  padding: 18px 20px; border-radius: var(--r-l); background: var(--s1); border: 1px solid var(--linie); box-shadow: var(--sch-1);
}
.hd-pl .hd-thumb { width: 60px; height: 60px; border-radius: 16px; }
.hd-pl .hd-thumb .hd-emoji { font-size: 28px; }
.hd-pl-name { font-size: var(--t-l); font-weight: 640; letter-spacing: -0.015em; }
.hd-pl-text { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.hd-pl-text .zeile { flex-wrap: wrap; }
.hd-pl-text p { color: var(--ink-3); font-size: var(--t-s); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.hd-pl-rechts { text-align: right; display: flex; flex-direction: column; align-items: flex-end; gap: 4px; }
.hd-pl-cd { font-family: var(--mono); font-size: 24px; font-weight: 600; letter-spacing: -0.02em; color: var(--ink-1); font-feature-settings: "tnum"; }
.hd-pl-zeit { font-size: var(--t-s); color: var(--ink-3); display: inline-flex; align-items: center; gap: 6px; }
.hd-pl-zeit svg { width: 13px; height: 13px; }
.hd-pl.laeuft { border-color: color-mix(in srgb, var(--krit) 45%, var(--linie)); background: linear-gradient(90deg, var(--krit-weich), transparent 55%), var(--s1); }
.hd-pl.laeuft .hd-pl-cd { color: var(--krit); }
.hd-pl.bald { border-color: color-mix(in srgb, var(--warn) 45%, var(--linie)); }
.hd-pl.bald .hd-pl-cd { color: var(--warn); }
.hd-pl.bereit { border-style: dashed; background: transparent; box-shadow: none; }
.hd-pl.bereit .hd-pl-cd { font-family: var(--schrift); font-size: var(--t-l); color: var(--ink-2); }
@media (max-width: 600px) {
  .hd-pl { grid-template-columns: auto minmax(0, 1fr); gap: 14px; padding: 15px 16px; }
  .hd-pl-rechts { grid-column: 1 / -1; flex-direction: row; justify-content: space-between; align-items: baseline; text-align: left; border-top: 1px solid var(--linie); padding-top: 12px; flex-wrap: wrap; }
  .hd-pl-cd { font-size: 21px; }
}
.hd-formel { display: flex; flex-direction: column; gap: 8px; }
.hd-formel code { font-size: var(--t-m); color: var(--akzent-text); background: var(--s2); padding: 3px 8px; border-radius: var(--r-xs); }
.hd-formel .zeile { flex-wrap: wrap; }
.hd-rechner { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; align-items: end; }
.hd-rechner-ergebnis { padding: 10px 14px; border-radius: var(--r-m); background: var(--akzent-weich); border: 1px solid color-mix(in srgb, var(--akzent) 35%, transparent); display: flex; flex-direction: column; gap: 2px; min-height: 64px; justify-content: center; }
.hd-rechner-ergebnis b { font-size: var(--t-l); font-weight: 650; font-family: var(--mono); }
@media (max-width: 720px) { .hd-rechner { grid-template-columns: 1fr; } }
.hd-werte-raster { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--a-4); align-items: start; }
@media (max-width: 720px) { .hd-werte-raster { grid-template-columns: 1fr; } }
.hd-wliste { display: flex; flex-direction: column; }
.hd-wliste > div { display: flex; align-items: baseline; gap: 10px; padding: 9px 0; border-top: 1px solid var(--linie); }
.hd-wliste > div:first-child { border-top: 0; }
.hd-wliste .wachsen { min-width: 0; }
.hd-wliste .leise { font-size: var(--t-s); }
.hd-wliste b { font-family: var(--mono); font-weight: 600; font-variant-numeric: tabular-nums; }
.hd-unterkopf { font-family: var(--mono); font-size: var(--t-2xs); font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase; color: var(--ink-3); margin: var(--a-5) 0 0; padding-top: var(--a-4); border-top: 1px solid var(--linie-2); }
.karte-inhalt > .hd-unterkopf:first-child { margin-top: 0; padding-top: 0; border-top: 0; }
.hd-unterkopf + .einstellung { border-top: 0; }
.hd-herkunft { margin-bottom: var(--a-4); align-items: center; }
.hd-herkunft .knopf { flex: none; }
.hd-liste-klein { display: flex; flex-direction: column; gap: 4px; padding-left: 18px; list-style: disc; font-size: var(--t-s); color: var(--ink-3); }
@media (max-width: 600px) { .hd-herkunft { flex-wrap: wrap; } }
.hd-seiten-spalte { display: flex; flex-direction: column; gap: var(--a-4); }
.hd-zwei-spalten { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: var(--a-4); align-items: start; }
@media (max-width: 1100px) { .hd-zwei-spalten { grid-template-columns: 1fr; } }
.hd-info-karte .karte-inhalt { display: flex; flex-direction: column; gap: 8px; }
.hd-info-karte h3 { font-size: var(--t-l); }
.hd-info-karte p { font-size: var(--t-m); }
.hd-unterzeile { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; font-size: var(--t-s); color: var(--ink-3); }
.hd-mono-id { font-family: var(--mono); font-size: var(--t-xs); color: var(--ink-3); }
.hd-farbe { display: inline-block; width: 10px; height: 10px; border-radius: 50%; flex: none; box-shadow: 0 0 0 2px var(--s2); }
.hd-tags { display: flex; gap: 4px; flex-wrap: wrap; margin-top: 3px; }
.hd-tags .marke { height: 20px; }
.hd-zugang { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.hd-zugang .wachsen { display: flex; flex-direction: column; gap: 2px; }
.hd-zugang .wachsen span { font-size: var(--t-s); color: var(--ink-3); }
.hd-einst-layout { display: grid; grid-template-columns: 210px minmax(0, 1fr); gap: var(--a-5); align-items: start; }
.hd-einst-nav { position: sticky; top: calc(var(--kopf-h) + 16px); display: flex; flex-direction: column; gap: 2px; padding: 6px; border-radius: var(--r-l); border: 1px solid var(--linie); background: var(--s1); }
.hd-einst-nav button { display: flex; align-items: center; gap: 9px; padding: 8px 10px; border: 0; border-radius: var(--r-s); background: transparent; color: var(--ink-2); font-size: var(--t-m); text-align: left; }
.hd-einst-nav button svg { width: 15px; height: 15px; color: var(--ink-3); }
.hd-einst-nav button:hover { background: var(--s2); color: var(--ink-1); }
.hd-einst-nav .led { margin-left: auto; }
.hd-einst-gruppen { display: flex; flex-direction: column; gap: var(--a-4); }
.hd-einst-gruppen .karte { scroll-margin-top: calc(var(--kopf-h) + 16px); }
@media (max-width: 1100px) {
  .hd-einst-layout { grid-template-columns: 1fr; }
  .hd-einst-nav { position: static; flex-direction: row; overflow-x: auto; scrollbar-width: none; }
  .hd-einst-nav button { white-space: nowrap; flex: none; }
  .hd-einst-nav .led { margin-left: 4px; }
}
.hd-festwerte { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 8px; }
.hd-festwerte > div { padding: 10px 12px; border-radius: var(--r-m); background: var(--s2); border: 1px solid var(--linie); display: flex; flex-direction: column; gap: 2px; }
.hd-festwerte b { font-size: var(--t-xl); font-weight: 640; }
.hd-festwerte span { font-size: var(--t-s); color: var(--ink-3); }
.hd-kauf-layout { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: var(--a-5); align-items: start; }
@media (max-width: 1080px) { .hd-kauf-layout { grid-template-columns: 1fr; } }
.hd-kauf-links { display: flex; flex-direction: column; gap: var(--a-4); min-width: 0; }
.hd-kat-leiste { display: flex; gap: 6px; flex-wrap: wrap; align-items: center; }
.hd-kat-leiste .hd-zaehler { margin-left: auto; }
.hd-kat { height: 32px; padding: 0 12px; border-radius: var(--r-voll); border: 1px solid var(--linie-2); background: var(--s1); color: var(--ink-2); font-size: var(--t-s); font-weight: 560; display: inline-flex; align-items: center; gap: 6px; }
.hd-kat:hover { color: var(--ink-1); border-color: var(--linie-3); }
.hd-kat[aria-pressed="true"] { background: var(--akzent-weich); color: var(--ink-1); border-color: color-mix(in srgb, var(--akzent) 55%, transparent); }
.hd-produkte { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 12px; }
.hd-produkt { display: flex; flex-direction: column; gap: 10px; padding: 14px; }
.hd-produkt.aus { opacity: 0.6; }
.hd-produkt-kopf { display: flex; gap: 12px; align-items: flex-start; }
.hd-produkt-kopf .hd-zwei b { font-size: var(--t-m); line-height: 1.3; }
.hd-produkt p { font-size: var(--t-s); color: var(--ink-3); flex: 1; }
.hd-preis { font-size: var(--t-xl); font-weight: 650; letter-spacing: -0.02em; }
.hd-preis small { font-size: var(--t-m); color: var(--ink-3); margin-left: 4px; font-weight: 500; }
.hd-produkt-fuss { display: flex; gap: 8px; align-items: center; }
.hd-produkt-fuss .knopf.primaer, .hd-produkt-fuss .knopf.hd-in-korb { flex: 1; }
.hd-menge { display: inline-flex; align-items: center; background: var(--s2); border: 1px solid var(--linie-2); border-radius: var(--r-s); overflow: hidden; flex: none; }
.hd-menge button { width: 30px; height: 32px; border: 0; background: transparent; color: var(--ink-3); display: grid; place-items: center; }
.hd-menge button:hover:not(:disabled) { background: var(--s3); color: var(--ink-1); }
.hd-menge button:disabled { opacity: 0.35; cursor: not-allowed; }
.hd-menge button svg { width: 13px; height: 13px; }
.hd-menge output { min-width: 28px; text-align: center; font-variant-numeric: tabular-nums; font-weight: 600; font-size: var(--t-m); }
.hd-korb { position: sticky; top: calc(var(--kopf-h) + 16px); }
.hd-korb .karte-inhalt { display: flex; flex-direction: column; gap: 12px; }
.hd-korb-posten { display: flex; flex-direction: column; gap: 8px; padding-bottom: 12px; border-bottom: 1px solid var(--linie); }
.hd-korb-posten:last-of-type { border-bottom: 0; }
.hd-korb-zeile { display: flex; align-items: center; gap: 8px; }
.hd-korb-zeile b { font-weight: 580; font-size: var(--t-m); }
.hd-korb-zeile .knopf { margin-left: auto; }
.hd-korb-betrag { display: flex; align-items: center; gap: 8px; }
.hd-korb-betrag .leise { font-size: var(--t-s); }
.hd-korb-betrag b { margin-left: auto; font-variant-numeric: tabular-nums; }
.hd-problem { display: flex; align-items: center; gap: 6px; font-size: var(--t-s); color: var(--krit); font-weight: 560; }
.hd-problem svg { width: 14px; height: 14px; }
.hd-korb-posten.problem .hd-korb-betrag b { text-decoration: line-through; color: var(--ink-3); }
.hd-summen { display: flex; flex-direction: column; gap: 6px; padding: 12px; border-radius: var(--r-m); background: var(--s2); border: 1px solid var(--linie); }
.hd-summen > div { display: flex; justify-content: space-between; gap: 10px; font-size: var(--t-m); }
.hd-summen > div b { font-variant-numeric: tabular-nums; }
.hd-summen .gesamt { font-weight: 640; font-size: var(--t-l); }
.hd-summen .fehlt b { color: var(--krit); }
.hd-korb-knoepfe { display: flex; gap: 8px; }
.hd-korb-knoepfe .primaer { flex: 1; }
.hd-bestell-liste { display: flex; flex-direction: column; }
.hd-bestell { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 14px; align-items: center; padding: 14px var(--a-5); border-top: 1px solid var(--linie); }
.hd-bestell:first-child { border-top: 0; }
.hd-bestell-nr { font-family: var(--mono); font-weight: 600; font-size: var(--t-m); padding: 6px 9px; border-radius: var(--r-s); background: var(--s3); }
.hd-bestell-rechts { display: flex; flex-direction: column; align-items: flex-end; gap: 4px; }
.hd-bestell-rechts b { font-variant-numeric: tabular-nums; }
.hd-konto .kachel .wert small { font-size: var(--t-l); }
.hd-reserviert { font-size: var(--t-s); color: var(--ink-3); display: flex; align-items: center; gap: 6px; margin: 8px 2px 0; }
.hd-reserviert svg { width: 14px; height: 14px; }
@media (max-width: 600px) { .hd-bestell { grid-template-columns: minmax(0, 1fr) auto; } .hd-bestell-nr { display: none; } }
.hd-unbekannt { text-transform: none; letter-spacing: 0; font-family: var(--schrift); font-size: var(--t-s); height: 26px; gap: 6px; max-width: 100%; }
.hd-unbekannt .hd-unbekannt-id { font-family: var(--mono); font-size: var(--t-2xs); opacity: 0.85; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hd-integration { margin-top: var(--a-3); align-items: center; font-size: var(--t-s); }
.hd-integration .marke { flex: none; height: 20px; }
.hd-ansicht { margin-top: calc(var(--a-3) * -1); }

.hd-seite { display: flex; flex-direction: column; }
.hd-oben:empty { display: none; }
.hd-oben { display: flex; flex-direction: column; gap: var(--a-3); margin-bottom: var(--a-4); }
.hd-reiterzeile { margin-top: var(--a-2); }
.hd-marken { display: inline-flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.hd-marken:empty { display: none; }
.hd-kopf-akt { display: inline-flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.hd-kopf-akt:empty { display: none; }
.hd-banner { align-items: center; }
.hd-banner .wachsen b { font-weight: 600; }
.hd-banner > .knopf { margin-left: auto; flex: none; }
.punkt[data-farbe] { background: var(--farbe); }
.sa-liste .punkt, .hd-rollenfeld .punkt { display: inline-block; width: 9px; height: 9px; border-radius: 50%; flex: none; background: var(--chip-farbe, var(--ink-3)); }
.sa-liste .punkt[data-farbe], .hd-rollenfeld .punkt[data-farbe] { background: var(--farbe); }
.hd-rollenfeld { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.hd-chip-leer { font-size: var(--t-s); }
.hd-liste-leer { display: inline-flex; align-items: center; gap: 6px; }
.hd-liste-leer svg { width: 13px; height: 13px; flex: none; }
.hd-sk-kurz { margin-top: 6px; }
.hd-bestand { display: flex; flex-direction: column; gap: var(--a-4); }
.hd-bestand .knopf-gruppe { flex-wrap: wrap; }
.hd-pro-karte .leer .bild { color: var(--akzent-text); }
.hd-veraltet { opacity: 0.72; }
.hd-gesperrt-hinweis { font-size: var(--t-s); color: var(--ink-3); display: inline-flex; align-items: center; gap: 6px; }
.hd-gesperrt-hinweis svg { width: 13px; height: 13px; }

.au-oben { display: flex; flex-direction: column; gap: var(--a-3); }
.au-oben[hidden] { display: none; }
.hd-auktionen .hd-kpi { margin-bottom: 0; }
.hd-auktionen .hd-bereich > .hd-seq { margin: 0; }
.hd-auktionen .hd-live .hd-verlauf { margin-top: 2px; }
.hd-auktionen .au-grenze { white-space: nowrap; }
.schublade .hd-startart { margin-bottom: 6px; }
.hd-auktionen .hd-live-titel { overflow-wrap: anywhere; }
.hd-auktionen .hd-live-kopf { flex-wrap: nowrap; min-width: 0; }
.hd-auktionen .hd-live-kopf > .marke { min-width: 0; overflow: hidden; flex: 0 1 auto; }
.hd-auktionen .hd-live-kopf > .marke > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hd-auktionen .hd-live-kanal { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hd-auktionen .hd-live-kopf > .knopf { flex: none; }
.hd-auktionen .hd-live-zahlen b { overflow-wrap: anywhere; }
@media (max-width: 600px) {
  .hd-auktionen .hd-tabelle .au-schmal, .hd-auktionen .hd-tabelle .au-bearbeiten { display: none; }
  .hd-auktionen .hd-artikel { min-width: 150px; }
  .hd-auktionen .hd-kpi .kachel .unter > span { white-space: normal; }
}

.hd-plan { display: flex; flex-direction: column; gap: var(--a-4); }
.hd-plan [data-pl-banner]:empty { display: none; }
.hd-pl-beschreibung { font-size: var(--t-s); margin-top: 2px; overflow-wrap: anywhere; }
.hd-plan .hd-filter { margin-bottom: var(--a-3); }
.hd-plan .karte-kopf { gap: 8px; flex-wrap: wrap; }
.hd-int .hd-unterkopf { margin-top: var(--a-3); }
.hd-int [data-pl-int-hinweis]:empty { display: none; }
.hd-int .hd-knopfzeile { margin-top: var(--a-2); }
.hd-int .hd-ungespeichert { margin-top: 4px; }
.hd-abstand-unten { margin-bottom: 12px; }
.hd-zahl { width: 120px; min-height: 36px; text-align: right; font-variant-numeric: tabular-nums; }
.hd-zwei-zahlen .hd-zahl { width: 104px; }
.hd-banner-ziel:empty { display: none; }
.hd-banner-ziel { margin-bottom: var(--a-3); }
.einstellung.fehler .name { color: var(--krit); }
.einstellung.fehler .eingabe { border-color: var(--krit); }
.hd-speichern-leiste {
  position: sticky; bottom: 12px; z-index: 5; display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
  padding: 12px 14px; border-radius: var(--r-l); border: 1px solid var(--linie-2); background: var(--s1); box-shadow: var(--sch-2);
}
.hd-speichern-leiste .wachsen { display: flex; flex-direction: column; gap: 2px; flex: 1 1 260px; min-width: 0; }
.hd-speichern-leiste.an { border-color: color-mix(in srgb, var(--warn) 45%, var(--linie)); }
.hd-speichern-leiste .fehler { color: var(--krit); font-size: var(--t-s); flex: 1 1 100%; order: 3; }
.hd-speichern-leiste .fehler:empty { display: none; }
.hd-einst + .karte, .hd-einst + .karte + .karte { margin-top: var(--a-4); }
[data-au-lb] .hinweis { margin-bottom: var(--a-3); }
@media (max-width: 720px) {
  .hd-einst .einstellung, [data-au-lb] .einstellung { grid-template-columns: 1fr; gap: 10px; }
  .hd-einst .einstellung .steuer, [data-au-lb] .einstellung .steuer { justify-content: flex-start; }
  .hd-einst .hd-textsteuer { min-width: 0; width: 100%; }
  .hd-einst .auswahl-knopf, [data-au-lb] .auswahl-knopf { width: 100%; }
  .hd-speichern-leiste .knopf { flex: 1 1 auto; }
  .hd-zahl { width: 100%; }
  .hd-zwei-zahlen { width: 100%; }
  .hd-zwei-zahlen .hd-zahl { width: 50%; }
}

.hd-farbe[data-farbe] { background: var(--farbe); }
.hd-farbe.ak-ohne-farbe { background: transparent; box-shadow: inset 0 0 0 1px var(--linie-3); }
.ak-posten { display: inline-flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-top: 3px; }
.ak-posten .marke { height: 20px; }
.ak-abstand { margin-top: var(--a-4); }
.ak-bestelltext { font-weight: 560; }
.hd-aktivshop .hd-tabelle .hd-unter { white-space: normal; }
.hd-aktivshop .hd-tabelle td.num .marke { margin-left: auto; }
.hd-aktivshop .hd-linkkarte .hd-knopfzeile, .hd-aktivshop .hd-info-karte .hd-knopfzeile { margin-top: 4px; }
.hd-aktivshop .hd-artikel .hd-zwei > .leise { max-width: 46ch; }
.hd-aktivshop .hd-tabelle .aktionen .knopf + .knopf { margin-left: 2px; }
.hd-aktivshop .hd-discord-only li code { white-space: nowrap; }
.hd-aktivshop .hd-festwerte { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.hd-aktivshop .hd-tabelle td:first-child .hd-zwei > .leise { white-space: nowrap; }
@media (max-width: 900px) {
  .hd-aktivshop .hd-tabelle thead { display: none; }
  .hd-aktivshop .hd-tabelle, .hd-aktivshop .hd-tabelle tbody { display: block; width: 100%; }
  .hd-aktivshop .hd-tabelle tr { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; padding: 12px 14px; border-bottom: 1px solid var(--linie); }
  .hd-aktivshop .hd-tabelle tr:last-child { border-bottom: 0; }
  .hd-aktivshop .hd-tabelle tr[hidden] { display: none; }
  .hd-aktivshop .hd-tabelle td { display: block; padding: 0; border: 0; }
  .hd-aktivshop .hd-tabelle td:first-child { flex: 1 1 100%; }
  .hd-aktivshop .hd-tabelle td.num { text-align: left; }
  .hd-aktivshop .hd-tabelle td.hd-breit { display: none; }
  .hd-aktivshop .hd-tabelle td.aktionen { margin-left: auto; width: auto; }
  .hd-aktivshop .hd-artikel { min-width: 0; }
  .hd-aktivshop .hd-artikel .hd-zwei > .leise { max-width: none; }
}
.hd-aktivshop .zaehler.ak-zuviel, .schublade .zaehler.ak-zuviel { color: var(--krit); }

.hd-ka-server { display: inline-flex; align-items: center; gap: 8px; height: 26px; padding: 0 10px 0 3px; border-radius: var(--r-voll); background: var(--s2); border: 1px solid var(--linie-2); font-size: var(--t-s); font-weight: 600; color: var(--ink-1); }
.hd-ka-server .bild { width: 20px; height: 20px; border-radius: 50%; display: grid; place-items: center; font-size: 9px; font-weight: 700; background: var(--sv, var(--s3)); color: #fff; overflow: hidden; flex: none; }
.hd-ka-server .bild img { width: 100%; height: 100%; object-fit: cover; }
.hd-ka-bild img { width: 100%; height: 100%; object-fit: cover; border-radius: inherit; }
.hd-ka-bild { overflow: hidden; }
.hd-ka-ohne { display: none; }
.hd-ka-meta { display: inline-flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.hd-ka-meta .marke { height: 20px; }
.hd-ka .hd-produkt-kopf .hd-zwei { min-width: 0; }
.hd-ka .hd-produkt-kopf .hd-zwei b { overflow-wrap: anywhere; }
.hd-ka .hd-korb-zeile b { overflow-wrap: anywhere; min-width: 0; }
.hd-ka .hd-korb .hinweis { font-size: var(--t-s); }
.hd-ka .hd-in-korb svg { width: 15px; height: 15px; }
.hd-ka .hd-bestell .hd-zwei b { overflow-wrap: anywhere; }
@media (max-width: 1080px) { .hd-ka .hd-korb { position: static; } }
@media (max-width: 600px) {
  .hd-ka .hd-produkte { grid-template-columns: 1fr; }
  .hd-ka .hd-produkt-fuss { flex-wrap: wrap; }
  .hd-ka .hd-produkt-fuss .knopf.hd-in-korb { flex: 1 1 160px; }
}