/* ENORIN · lokale Systemschrift, keine externen Assets, kein JavaScript. */
:root {
  --gruen:#265c48; --gruen-dunkel:#173c2f; --gruen-hell:#edf4ef;
  --grau-95:#26372f; --grau-70:#5b6c63; --grau-50:#6f7c74;
  --grau-30:#c5d1c9; --grau-15:#e2e8e3; --grau-05:#f5f7f4;
  --weiss:#fff; --rot:#9a3434; --rot-hell:#fbeeee;
  --gelb:#866019; --gelb-hell:#fff5df; --seitenleiste:216px;
}
* { box-sizing:border-box; }
html { font-size:14px; }
body { margin:0; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; color:var(--grau-95); background:var(--grau-05); line-height:1.5; }
a { color:var(--gruen); text-underline-offset:3px; }
a:hover { color:var(--gruen-dunkel); }
:focus-visible { outline:3px solid #36735a; outline-offset:4px; }
.nur-screenreader { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.sprunglink { position:fixed; z-index:20; top:12px; left:12px; padding:12px 18px; background:white; border-radius:8px; transform:translateY(-150%); }
.sprunglink:focus { transform:none; }

/* Gemeinsamer Arbeitsrahmen. */
.kopf { position:fixed; inset:0 auto 0 0; width:var(--seitenleiste); color:#e2ece6; background:#173e30; z-index:5; }
.kopf .innen { display:flex; flex-direction:column; height:100%; padding:32px 18px 24px; overflow-y:auto; }
.wortmarke { display:flex; align-items:center; gap:11px; color:white; text-decoration:none; font-size:22px; font-weight:700; letter-spacing:.035em; }
.wortmarke:hover { color:white; }
.logozeichen { display:grid; place-items:center; width:34px; height:38px; flex-shrink:0; border:1px solid #6e9480; border-radius:9px 3px 9px 3px; color:#d1e6bb; font-size:22px; }
.wortmarke small { display:block; margin-top:1px; color:#b8ccbd; font-size:10px; font-weight:400; letter-spacing:0; }
.nav-titel { margin:47px 12px 12px; color:#b8ccbd; font-size:10px; text-transform:uppercase; letter-spacing:.14em; }
.navi { display:flex; flex-direction:column; gap:5px; }
.navi a { display:flex; align-items:center; gap:12px; padding:12px; border:1px solid transparent; border-radius:7px; color:#d7e5dc; font-size:13px; text-decoration:none; }
.navi a:hover { background:#224c3b; color:white; }
.navi a.aktiv { background:#e1ebd7; border-color:#e1ebd7; color:#173c2f; font-weight:650; }
.navi svg { width:18px; height:18px; flex-shrink:0; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
.navi a.extern { margin-top:23px; border-top:1px solid #3b5d4b; border-radius:0; padding-top:23px; }
.navi small { display:block; font-size:10px; color:#b8ccbd; }
.umgebung { margin-top:auto; padding:48px 12px 0; font-size:11px; }
.umgebung-label { color:#e0ebd9; font-weight:550; }
.umgebung-label::before { content:""; display:inline-block; width:6px; height:6px; margin-right:7px; border-radius:50%; background:#c5d9a9; }
.umgebung p { margin:10px 0 0; color:#b8ccbd; line-height:1.7; }
.kontomenue { margin:20px 0 0; border-top:1px solid #3b5d4b; padding:14px 10px 0; font-size:12px; }
.kontomenue summary { cursor:pointer; color:#e2ece6; padding:6px 0; }
.kontomenue > div { display:grid; gap:12px; padding:12px 0 4px; }
.kontomenue a { color:#e2ece6; }
.kontomenue form { margin:0; }
.kontomenue button { width:100%; padding:9px 12px; background:#e1ebd7; color:#173c2f; }
.arbeitsbereich { margin-left:var(--seitenleiste); min-width:0; }
.kontextleiste { display:flex; justify-content:space-between; align-items:center; gap:16px; min-height:65px; padding:16px 32px; border-bottom:1px solid var(--grau-15); background:#fcfdfb; color:var(--grau-70); font-size:12px; }
.kontext-trenner { margin:0 9px; color:#9da99f; }
.demo-marke { padding:4px 9px; border:1px solid #d6e1ce; border-radius:5px; color:#456438; background:#f0f5e9; white-space:nowrap; font-size:10px; font-weight:650; letter-spacing:.04em; }
main.innen { max-width:1500px; margin:0 auto; padding:32px; }
main:focus { outline:none; }
h1 { margin:0 0 24px; font-size:30px; line-height:1.2; letter-spacing:-.035em; font-weight:650; color:var(--gruen-dunkel); overflow-wrap:anywhere; }
h2 { margin:0 0 16px; font-size:16px; font-weight:650; color:var(--gruen-dunkel); }
h2.abstand { margin-top:28px; }
.seitenkopf { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-bottom:24px; }
.seitenkopf h1 { margin:0 0 9px; font-size:34px; }
.augenbraue { margin:0 0 10px; font-size:10px; letter-spacing:.13em; text-transform:uppercase; color:var(--grau-70); font-weight:650; }
.untertitel { margin:0; font-size:13px; color:var(--grau-70); }
.button-sekundaer { display:inline-flex; align-items:center; gap:16px; padding:10px 13px; border:1px solid var(--grau-30); border-radius:7px; background:var(--weiss); color:var(--gruen-dunkel); text-decoration:none; white-space:nowrap; font-size:12px; font-weight:550; }
.button-sekundaer:hover { background:var(--gruen-hell); }
.demo-hinweis { display:flex; align-items:center; gap:12px; margin:0 0 23px; color:var(--grau-70); font-size:12px; line-height:1.6; }
.demo-hinweis strong { color:var(--gruen); font-weight:600; }
.infozeichen { display:grid; place-items:center; flex-shrink:0; width:19px; height:19px; border:1px solid #a6b8aa; border-radius:50%; color:var(--gruen); font-family:Georgia,serif; font-weight:700; }
.hinweis { background:var(--gruen-hell); border:1px solid #d3e1d7; padding:14px 16px; margin:0 0 20px; border-radius:8px; font-size:13px; }
.hinweis-gelb { background:var(--gelb-hell); border-color:#edd9aa; color:var(--gelb); }
.hinweis-klein { margin-top:20px; font-size:12px; }
.meldung { background:#edf6ee; border:1px solid #aecbb6; padding:16px; margin:0 0 24px; border-radius:8px; }
.leer { color:var(--grau-70); padding:24px 0; margin:0; }
.klein { font-size:12px; color:var(--grau-70); }

/* Statusübersicht. */
.statuskarten { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; margin:0 0 26px; }
.statuskarte { display:flex; flex-direction:column; gap:14px; padding:17px 18px 14px; border:1px solid var(--grau-15); border-radius:9px; background:var(--weiss); color:var(--grau-95); text-decoration:none; }
.statuskarte-titel { display:flex; align-items:center; gap:7px; font-size:11px; white-space:nowrap; }
.statusindikator { width:6px; height:6px; border-radius:50%; background:#81908a; flex-shrink:0; }
.karte-offen .statusindikator { background:#4d7556; }
.karte-in_bearbeitung .statusindikator { background:#3570a4; }
.karte-rueckfrage .statusindikator { background:#b78028; }
.karte-erledigt .statusindikator { background:#3a7f5c; }
.kartenpfeil { margin-left:auto; color:#748277; }
.statuskarte strong { font-size:29px; line-height:1.1; font-weight:600; letter-spacing:-.04em; font-variant-numeric:tabular-nums; }
.statuskarte:hover { border-color:#9db5a6; background:#fafcf8; }
.statuskarte.gewaehlt { border-color:var(--gruen); background:#eaf2e7; box-shadow:inset 0 0 0 1px var(--gruen); }

/* Vorgangsliste. */
.vorgaenge { overflow:hidden; border:1px solid var(--grau-15); border-radius:10px; background:var(--weiss); }
.listen-kopf { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:21px 22px 17px; }
.listen-kopf h2 { display:flex; align-items:center; gap:9px; margin:0; font-size:16px; }
.anzahl { padding:2px 7px; border-radius:5px; background:#edf1ec; font-size:11px; font-weight:600; }
.listen-kopf p { margin:4px 0 0; color:var(--grau-70); font-size:11px; }
.listen-bereich { font-size:11px; color:var(--grau-70); white-space:nowrap; font-variant-numeric:tabular-nums; }
.tabelle { overflow-x:auto; margin:0 0 16px; border:1px solid var(--grau-15); border-radius:8px; }
table { width:100%; border-collapse:collapse; background:var(--weiss); font-size:13px; }
th, td { text-align:left; padding:12px 14px; border-bottom:1px solid var(--grau-15); vertical-align:top; }
th { background:#f7f9f6; color:var(--grau-70); font-size:10px; font-weight:650; letter-spacing:.06em; text-transform:uppercase; white-space:nowrap; }
tbody tr:last-child td { border-bottom:0; }
tbody tr:hover { background:#f7faf6; }
table.kompakt th, table.kompakt td { padding:10px 12px; font-size:12px; }
tr.gewaehlt td { background:var(--gruen-hell); font-weight:600; }
tr.summe td { border-top:2px solid var(--grau-30); font-weight:600; }
td.zahl, th.zahl { text-align:right; font-variant-numeric:tabular-nums; white-space:nowrap; }
tr.status-error td:first-child { border-left:3px solid var(--rot); }
tr.status-unclear td:first-child { border-left:3px solid var(--gelb); }
tr.status-duplicate td:first-child { border-left:3px solid var(--grau-50); }
tr.status-ok td:first-child { border-left:3px solid var(--gruen); }
.vorgaenge .tabelle { margin:0; border:0; border-radius:0; }
.bearbeitungstabelle { table-layout:fixed; }
.bearbeitungstabelle th { padding:11px 16px; }
.bearbeitungstabelle th:first-child { width:35%; padding-left:22px; }
.bearbeitungstabelle th:nth-child(2) { width:19%; }
.bearbeitungstabelle th:nth-child(3) { width:14%; }
.bearbeitungstabelle th:nth-child(4) { width:16%; }
.bearbeitungstabelle th:last-child { width:16%; }
.bearbeitungstabelle td { padding:17px 16px; font-size:12px; overflow-wrap:anywhere; }
.bearbeitungstabelle td:first-child { padding-left:22px; }
.vorgang-id { display:inline-block; margin-bottom:5px; color:#697a6e; font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:10px; letter-spacing:.04em; }
.vorgang-betreff { display:block; font-size:13px; font-weight:600; line-height:1.45; }
.vorgang-absender { display:block; margin-top:5px; color:var(--grau-70); font-size:11px; }
.teamname { display:block; padding-top:20px; font-size:12px; font-weight:550; }
.kategorie { display:block; margin-top:5px; font-size:11px; color:var(--grau-70); }
.bearbeitungstabelle td:nth-child(3), .bearbeitungstabelle .zeitstempel, .bearbeitungstabelle .bearbeiten-zelle { padding-top:37px; }
.bearbeitungstabelle .zeitstempel { font-size:11px; color:var(--grau-70); font-variant-numeric:tabular-nums; line-height:1.7; }
.status-editor summary { cursor:pointer; min-height:32px; font-size:11px; color:var(--gruen); font-weight:550; white-space:nowrap; }
.status-editor[open] summary { margin-bottom:12px; }
.status-editor .zeilenformular { display:flex; flex-direction:column; align-items:stretch; gap:7px; }
.status-editor select, .status-editor button { width:100%; min-width:0; margin:0; padding:7px; font-size:11px; }
.listen-fuss { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:12px; border-top:1px solid var(--grau-15); padding:16px 22px; color:var(--grau-70); font-size:11px; }
.listen-fuss p { margin:0; }
.seitenwahl { display:flex; flex-wrap:wrap; align-items:center; gap:15px; }
.seitenwahl a, .seitenwahl-kurz a { display:inline-flex; align-items:center; justify-content:center; min-height:32px; padding:6px 10px; border:1px solid var(--grau-30); border-radius:5px; text-decoration:none; background:white; font-size:11px; }
.seitenwahl a:hover, .seitenwahl-kurz a:hover { background:var(--gruen-hell); }
.seitenwahl-kurz { display:flex; gap:6px; margin-left:auto; padding-bottom:1px; }
.seitenwahl-kurz a { min-width:36px; min-height:36px; font-size:16px; }
.vorgaenge > .leer { padding:32px 22px; }
.bearbeitung-info { margin-top:20px; color:var(--grau-70); font-size:12px; }
.bearbeitung-info summary { cursor:pointer; }
.bearbeitung-info p { max-width:850px; line-height:1.75; padding-left:15px; }

/* Bausteine der übrigen Ansichten. */
.kacheln { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr)); gap:20px; margin-bottom:28px; }
.kachel { min-width:0; background:var(--weiss); border:1px solid var(--grau-15); padding:22px; border-radius:9px; }
.kachel-warnung { border-top:3px solid var(--rot); }
.kachel p { margin:8px 0 14px; }
.fakten { display:grid; grid-template-columns:minmax(0,max-content) minmax(0,1fr); gap:7px 16px; margin:0 0 16px; font-size:12px; }
.fakten dt { color:var(--grau-70); }
.fakten dd { margin:0; overflow-wrap:anywhere; }
.hash { font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:10px; overflow-wrap:anywhere; }
.mono { font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:11px; overflow-wrap:anywhere; }
.marke { display:inline-flex; align-items:center; padding:3px 8px; border-radius:5px; font-size:10px; font-weight:600; background:#edf0ed; color:#56625b; white-space:nowrap; }
.marke-gruen, .marke-ok, .marke-workflow-erledigt { background:#e8f3e9; color:#29653e; }
.marke-rot, .marke-error { background:var(--rot-hell); color:var(--rot); }
.marke-gelb, .marke-unclear, .marke-workflow-rueckfrage { background:var(--gelb-hell); color:var(--gelb); }
.marke-workflow-in_bearbeitung { background:#edf3fc; color:#365d90; }
.marke-workflow-neu { background:#eef1ed; color:#5c6e61; }
.punkt { display:inline-block; width:7px; height:7px; border-radius:50%; background:var(--grau-30); margin-right:6px; vertical-align:middle; }
.punkt-gruen { background:var(--gruen); } .punkt-rot { background:var(--rot); }
.pruefliste { list-style:none; padding:0; margin:8px 0; font-size:12px; }
.pruefliste li { padding:8px 0; border-bottom:1px solid var(--grau-15); overflow-wrap:anywhere; }
form { margin:0; }
code { overflow-wrap:anywhere; word-break:break-word; }
.filter { display:flex; flex-wrap:wrap; align-items:flex-end; gap:12px; background:var(--weiss); border:1px solid var(--grau-15); padding:18px; margin-bottom:20px; border-radius:8px; }
label { display:block; font-size:11px; color:var(--grau-70); margin-bottom:12px; }
label.kontrolle { color:var(--grau-95); }
label.kontrolle input { margin-right:6px; }
.filter label { margin:0; }
input[type="text"], input:not([type]), select { display:block; margin-top:5px; padding:9px 11px; border:1px solid var(--grau-30); border-radius:6px; font:inherit; font-size:12px; background:var(--weiss); color:var(--grau-95); min-width:168px; max-width:100%; }
.filter label:has(input[name="q"]) { flex:1 1 100%; min-width:0; }
.filter input[name="q"] { box-sizing:border-box; width:100%; }
button { font:inherit; font-size:12px; padding:9px 15px; border:1px solid var(--gruen); background:var(--gruen); color:var(--weiss); border-radius:6px; cursor:pointer; }
button:hover { background:var(--gruen-dunkel); }
button.warnung { background:var(--rot); border-color:var(--rot); }
button.warnung:hover { background:#792a2a; }
.filter-zurueck { align-self:flex-end; padding:10px 0; font-size:11px; }
.aufgabenfilter { margin:0; padding:0 22px 20px; border:0; border-radius:0; }
.aufgabenfilter label { min-width:190px; }
.aufgabenfilter select { width:100%; }
.spalten { display:grid; grid-template-columns:minmax(280px,1fr) minmax(0,2.5fr); gap:20px; }
.fehler { background:var(--weiss); border:1px solid var(--grau-15); border-left:4px solid var(--rot); padding:24px; border-radius:9px; max-width:720px; }
.fehler h1 { color:var(--rot); }
.fuss { max-width:1500px; margin:0 auto; padding:0 32px 26px; color:var(--grau-50); font-size:10px; }
.fuss p { margin:0; }

/* Interne Postfächer und verständliches Regelwerk. */
.postfachkarten { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(245px,100%),1fr)); gap:12px; margin-bottom:16px; }
.postfachkarte { min-width:0; display:flex; flex-direction:column; gap:9px; padding:18px; border:1px solid var(--grau-15); border-radius:10px; background:white; text-decoration:none; }
.postfachkarte:hover { border-color:#9db5a6; background:#fafcf8; }
.postfachkarte.gewaehlt { border-color:var(--gruen); background:#eaf2e7; box-shadow:inset 0 0 0 1px var(--gruen); }
.postfachkarte-kopf { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.postfachkarte-kopf strong { font-size:13px; font-weight:600; }
.postfachadresse { color:var(--grau-70); font-size:11px; overflow-wrap:anywhere; }
.postfachkarte-fuss { display:flex; align-items:baseline; gap:8px; color:var(--grau-70); font-size:11px; margin-top:6px; }
.postfachzahl { color:var(--gruen-dunkel); font-size:28px; line-height:1; font-variant-numeric:tabular-nums; font-weight:600; }
.nachrichtentabelle { table-layout:fixed; }
.nachrichtentabelle th:first-child { width:45%; }
.nachrichtentabelle td { padding:18px 22px; overflow-wrap:anywhere; font-size:12px; }
.nachrichtentabelle td:last-child { color:var(--grau-70); font-size:11px; }
.prozessband { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin:0 0 24px; padding:0; list-style:none; }
.prozessband li { min-width:0; border-top:2px solid #b8cdbb; padding:14px 0; }
.prozessband span { display:block; color:#7d9382; font-size:11px; margin-bottom:8px; }
.prozessband strong { font-size:14px; }
.prozessband p { font-size:12px; color:var(--grau-70); max-width:360px; }
.regelzuordnung td { overflow-wrap:anywhere; }
.regelwerk-liste { margin-top:28px; }
.regelwerk-liste h3 { margin:24px 0 12px; font-size:13px; color:var(--grau-70); font-weight:550; }
.regelkarte { min-width:0; margin-bottom:8px; border:1px solid var(--grau-15); border-radius:8px; background:white; overflow:hidden; }
.regelkarte summary { display:flex; justify-content:space-between; gap:14px; align-items:center; padding:17px 20px; cursor:pointer; }
.regelkarte summary::after { content:"+"; flex-shrink:0; color:var(--gruen); }
.regelkarte[open] summary::after { content:"−"; }
.regelkarte summary strong { display:block; font-size:12px; font-weight:600; }
.regelkarte summary small { display:block; color:var(--grau-70); font-size:10px; margin-top:5px; overflow-wrap:anywhere; }
.regelkarte summary > span:first-child { flex:1; min-width:0; }
.regelkarte-inhalt { padding:18px 20px; border-top:1px solid var(--grau-15); }
.regelkarte-inhalt p { font-size:12px; margin-bottom:0; }
.regelbedingungen { grid-template-columns:minmax(140px,1fr) minmax(0,2fr); }
/* Vollständige Inhalte statt abgeschnittener Spalten auf schmalen Fenstern. */
@media (max-width:1200px) {
  main.innen { padding:28px 24px; }
  .kontextleiste { padding-inline:24px; }
  .statuskarte { padding:15px 12px; }
  .kartenpfeil { display:none; }
}
@media (max-width:1100px) {
  .bearbeitungstabelle, .bearbeitungstabelle tbody { display:block; }
  .bearbeitungstabelle thead { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); }
  .bearbeitungstabelle tr { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:16px 24px; padding:22px; border-bottom:1px solid var(--grau-15); }
  .bearbeitungstabelle tr:last-child { border-bottom:0; }
  .bearbeitungstabelle td, .bearbeitungstabelle td:first-child, .bearbeitungstabelle td:nth-child(3), .bearbeitungstabelle .zeitstempel, .bearbeitungstabelle .bearbeiten-zelle { display:block; padding:0; border:0; }
  .bearbeitungstabelle .vorgang-zelle { grid-column:1 / -1; }
  .bearbeitungstabelle td:not(:first-child)::before { content:attr(data-label); display:block; margin-bottom:5px; font-size:10px; color:var(--grau-70); }
  .teamname { padding:0; }
  .status-editor .zeilenformular { max-width:210px; }
  .statuskarte-titel { font-size:10px; white-space:normal; }
}
@media (max-width:800px) {
  .kopf { position:static; width:auto; }
  .kopf .innen { padding:18px 20px 13px; }
  .wortmarke { font-size:20px; }
  .logozeichen { width:31px; height:32px; }
  .nav-titel, .umgebung { display:none; }
  .navi { flex-direction:row; flex-wrap:wrap; gap:5px; margin-top:17px; }
  .navi a { padding:8px 10px; font-size:12px; }
  .navi svg { width:15px; height:15px; }
  .navi a.extern { border:0; margin:0; padding:8px 10px; }
  .navi small { display:none; }
  .arbeitsbereich { margin-left:0; }
  .kontextleiste { min-height:50px; padding:12px 20px; font-size:10px; }
  main.innen { padding:26px 20px; }
  .seitenkopf h1 { font-size:30px; }
  .seitenkopf { align-items:flex-start; }
  .button-sekundaer { padding:8px 10px; gap:8px; font-size:11px; }
  .spalten { grid-template-columns:1fr; }
  .prozessband { grid-template-columns:1fr; gap:0; }
  .prozessband li { padding:12px 0; }
  .prozessband p { max-width:none; margin-bottom:0; }
  .fuss { padding:0 20px 24px; }
}
@media (max-width:560px) {
  main.innen { padding:24px 16px; }
  .kontextleiste { padding-inline:16px; }
  .kontext-trenner { margin-inline:4px; }
  .seitenkopf { flex-direction:column; gap:16px; }
  .demo-hinweis { align-items:flex-start; }
  .statuskarten { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
  .statuskarte { padding:14px; gap:11px; }
  .statuskarte-titel { font-size:11px; }
  .karte-offen { grid-column:1 / -1; flex-direction:row; align-items:center; }
  .statuskarte strong { font-size:25px; }
  .listen-kopf { padding:18px 16px; align-items:flex-start; flex-direction:column; gap:9px; }
  .aufgabenfilter { padding:0 16px 18px; }
  .aufgabenfilter label { min-width:0; width:100%; }
  .aufgabenfilter button { flex:1; }
  .bearbeitungstabelle tr { padding:20px 16px; gap:16px; }
  .status-editor summary { min-height:40px; }
  .listen-fuss { padding:16px; }
  .seitenwahl { gap:10px; }
  .fakten { grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
  .nachrichtentabelle, .nachrichtentabelle tbody { display:block; }
  .nachrichtentabelle thead { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); }
  .nachrichtentabelle tr { display:block; padding:17px 16px; border-bottom:1px solid var(--grau-15); }
  .nachrichtentabelle tr:last-child { border-bottom:0; }
  .nachrichtentabelle td { display:block; border:0; padding:0; }
  .nachrichtentabelle td:not(:first-child) { margin-top:12px; }
  .nachrichtentabelle td:not(:first-child)::before { content:attr(data-label); display:block; color:var(--grau-70); font-size:10px; margin-bottom:3px; }
  .regelbedingungen { grid-template-columns:1fr; gap:5px; }
  .regelbedingungen dd { margin-bottom:12px; }
  .regelkarte summary, .regelkarte-inhalt { padding:15px; }
}
textarea { display:block; width:100%; max-width:100%; box-sizing:border-box; resize:vertical; padding:16px; border:1px solid var(--grau-15); border-radius:10px; font:13px/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; background:#fff; color:#18322b; }
textarea:focus { outline:2px solid #427665; outline-offset:2px; }
@media print {
  .kopf, .kontextleiste, .status-editor, .filter, .sprunglink, .button-sekundaer { display:none; }
  .arbeitsbereich { margin-left:0; }
  body { background:white; }
  main.innen { padding:0; }
  a { color:inherit; }
  .vorgaenge { border:0; }
}