/* Mindbrain Serviceportal – Mindbrain-CI, mobil zuerst */
@font-face { font-family: "IBM Plex Sans"; font-weight: 400; font-display: swap; src: url("fonts/ibm-plex-sans-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "IBM Plex Sans"; font-weight: 500; font-display: swap; src: url("fonts/ibm-plex-sans-latin-500-normal.woff2") format("woff2"); }
@font-face { font-family: "IBM Plex Sans"; font-weight: 600; font-display: swap; src: url("fonts/ibm-plex-sans-latin-600-normal.woff2") format("woff2"); }
@font-face { font-family: "IBM Plex Mono"; font-weight: 400; font-display: swap; src: url("fonts/ibm-plex-mono-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "IBM Plex Mono"; font-weight: 600; font-display: swap; src: url("fonts/ibm-plex-mono-latin-600-normal.woff2") format("woff2"); }
:root {
  --orange: #f18700; --black: #000404; --dark: #3a3f40; --grau: #6b7272; --light: #a6aaac; --soft: #f3f4f4; --linie: #e2e4e4; --white: #fff;
  --gruen: #1f9d55; --rot: #d64545;
  --sans: "IBM Plex Sans", system-ui, "Segoe UI", sans-serif; --mono: "IBM Plex Mono", Consolas, monospace;
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; font-family: var(--sans); font-size: 16px; line-height: 1.55; color: var(--black); background: var(--soft); display: flex; flex-direction: column; min-height: 100vh; }
a { color: inherit; }
h1, h2, h3 { line-height: 1.25; margin: 0 0 .45em; font-weight: 600; }
h1 { font-size: 26px; } h2 { font-size: 19px; }
p { margin: 0 0 .9em; }
[hidden] { display: none !important; }
:focus-visible { outline: 3px solid var(--orange); outline-offset: 2px; }
.pt-innen { max-width: 1120px; margin: 0 auto; padding: 0 16px; }
.pt-muted { color: var(--grau); }
.pt-klein { font-size: 14px; }
.pt-mono { font-family: var(--mono); }
.pt-kicker { font-family: var(--mono); font-size: 13px; color: var(--orange); letter-spacing: .4px; margin: 0 0 6px; }
.pt-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }

/* Kopf */
.pt-kopf { background: var(--black); color: var(--white); border-bottom: 4px solid var(--orange); }
.pt-kopf .pt-innen { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; padding-top: 12px; padding-bottom: 12px; }
.pt-logo { text-decoration: none; font-family: var(--mono); font-weight: 600; letter-spacing: 3px; font-size: 18px; white-space: nowrap; }
.pt-logo .w { color: var(--white); } .pt-logo .o { color: var(--orange); }
.pt-logo small { letter-spacing: 1px; font-size: 12px; color: var(--light); margin-left: 8px; font-weight: 400; }
.pt-nav { display: flex; gap: 18px; align-items: center; font-size: 15px; flex-wrap: wrap; }
.pt-nav a, .pt-nav-btn { text-decoration: none; color: var(--white); }
.pt-nav a:hover, .pt-nav-btn:hover, .pt-nav a[aria-current] { color: var(--orange); }
.pt-nav form { margin: 0; }
.pt-nav-btn { background: none; border: 0; font: inherit; cursor: pointer; padding: 0; color: var(--light); }
.pt-main { flex: 1; padding: 24px 0 56px; }

/* Bausteine */
.pt-karte { background: var(--white); border: 1px solid var(--linie); padding: 20px; margin-bottom: 18px; }
.pt-karte.pt-klein h2 { font-size: 16px; }
.pt-schmal { max-width: 520px; margin: 24px auto; }
.pt-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; font: 600 15px var(--sans); padding: 12px 20px; border: 1px solid var(--orange); background: var(--orange); color: var(--black); cursor: pointer; text-decoration: none; }
.pt-btn:hover { filter: brightness(1.06); }
.pt-btn:disabled { opacity: .6; cursor: wait; }
.pt-btn-hell { background: var(--white); border-color: var(--black); }
.pt-voll { width: 100%; }
.pt-link { color: var(--black); font-weight: 600; text-decoration-color: var(--orange); text-underline-offset: 3px; }
.pt-hinweis { background: #fff4e3; border-left: 4px solid var(--orange); padding: 12px 16px; margin: 0 0 16px; }
.pt-fehler { background: #fde8e8; border-color: var(--rot); }
.pt-ico { display: inline-grid; place-items: center; width: 44px; height: 44px; flex: none; background: var(--black); color: var(--orange); }
.pt-ico svg { width: 24px; height: 24px; }
.pt-pfad { font-size: 14px; color: var(--grau); margin-bottom: 14px; }
.pt-pfad a { color: var(--grau); }
.pt-block { margin-bottom: 30px; }
.pt-block-kopf { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; }
.pt-block-kopf a { font-size: 14px; color: var(--grau); }

/* Start */
.pt-hero { background: var(--black); color: var(--white); padding: 26px 20px; margin-bottom: 26px; border-left: 4px solid var(--orange); }
.pt-hero h1 { font-size: 28px; }
.pt-suche { display: flex; gap: 8px; margin-top: 14px; }
.pt-suche input { flex: 1; min-width: 0; }
.pt-gruppen { display: grid; grid-template-columns: 1fr; gap: 12px; }
.pt-gruppe { display: flex; gap: 14px; align-items: flex-start; background: var(--white); border: 1px solid var(--linie); padding: 16px; text-decoration: none; transition: border-color .15s; }
.pt-gruppe:hover, .pt-art:hover, .pt-zeile:hover { border-color: var(--orange); }
.pt-gruppe b { display: block; font-size: 17px; margin-bottom: 2px; }
.pt-gruppe small { color: var(--grau); font-size: 14px; line-height: 1.45; display: block; }
.pt-zwei { display: grid; grid-template-columns: 1fr; gap: 0 18px; }
.pt-zwei .pt-karte { display: flex; gap: 14px; align-items: flex-start; }
.pt-notfall { border-left: 4px solid var(--orange); }
.pt-notfall a { color: var(--black); }

/* Anfragearten */
.pt-titel { display: flex; gap: 14px; align-items: flex-start; margin-bottom: 18px; }
.pt-arten { display: grid; grid-template-columns: 1fr; gap: 10px; }
.pt-art { display: block; background: var(--white); border: 1px solid var(--linie); padding: 14px 16px; text-decoration: none; }
.pt-art b { display: block; margin-bottom: 3px; }
.pt-art span { display: block; color: var(--grau); font-size: 14px; line-height: 1.45; }
.pt-art small { display: block; margin-top: 6px; font-family: var(--mono); font-size: 12px; color: var(--orange); }

/* Formulare */
.pt-form { display: grid; gap: 14px; }
.pt-form h1 { margin-bottom: 0; }
label { display: grid; gap: 5px; font-size: 14px; font-weight: 500; }
label em { color: var(--orange); font-style: normal; }
input, select, textarea { font: 16px var(--sans); padding: 11px 12px; border: 1px solid #c9cdcd; background: var(--white); color: var(--black); width: 100%; border-radius: 0; }
textarea { resize: vertical; }
input:focus, select:focus, textarea:focus { border-color: var(--orange); outline: none; box-shadow: 0 0 0 3px rgba(241, 135, 0, .2); }
.pt-felder { display: grid; grid-template-columns: 1fr; gap: 14px; }
.pt-dringend { border: 0; padding: 0; margin: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.pt-dringend legend { font-size: 14px; font-weight: 500; margin-bottom: 6px; padding: 0; }
.pt-dringend label { display: block; position: relative; cursor: pointer; }
.pt-dringend input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.pt-dringend span { display: block; border: 1px solid #c9cdcd; padding: 10px 12px; font-weight: 500; background: var(--white); }
.pt-dringend input:checked + span { border-color: var(--orange); background: #fff4e3; box-shadow: inset 0 0 0 1px var(--orange); }
.pt-dringend input:focus-visible + span { outline: 3px solid var(--orange); outline-offset: 2px; }
.pt-datei { display: flex; align-items: center; gap: 12px; border: 1px dashed #b9bebe; padding: 14px; cursor: pointer; position: relative; background: var(--soft); }
.pt-datei svg { width: 22px; height: 22px; flex: none; color: var(--grau); }
.pt-datei span { display: grid; } .pt-datei small { color: var(--grau); font-weight: 400; }
.pt-datei input { position: absolute; inset: 0; opacity: 0; cursor: pointer; width: 100%; }
.pt-datei:focus-within { outline: 3px solid var(--orange); outline-offset: 2px; }
.pt-dateiliste { list-style: none; margin: -6px 0 0; padding: 0; font-size: 14px; color: var(--dark); }
.pt-dateiliste:empty { display: none; }
.pt-dateiliste li::before { content: "📎 "; }
.pt-dateiliste li.zu-gross { color: var(--rot); }
.pt-aktionen { display: flex; gap: 10px; flex-wrap: wrap; justify-content: flex-end; }
.pt-schritte { margin: 0; padding-left: 20px; font-size: 14px; color: var(--dark); }
.pt-schritte li { margin-bottom: 6px; }

/* Listen */
.pt-titelzeile { display: flex; justify-content: space-between; align-items: flex-end; gap: 14px; flex-wrap: wrap; margin-bottom: 16px; }
.pt-tabs { display: flex; gap: 4px; margin-bottom: 12px; }
.pt-tabs a { padding: 8px 14px; text-decoration: none; background: var(--white); border: 1px solid var(--linie); font-size: 14px; }
.pt-tabs a[aria-current] { background: var(--black); color: var(--white); border-color: var(--black); }
.pt-liste { display: grid; gap: 8px; }
.pt-zeile { display: grid; grid-template-columns: auto 1fr; gap: 4px 12px; align-items: center; background: var(--white); border: 1px solid var(--linie); padding: 12px 14px; text-decoration: none; }
.pt-zeile > b, .pt-zeile-text { grid-column: 1 / -1; }
.pt-zeile-text b { display: block; }
.pt-zeile-text small { color: var(--grau); font-size: 13px; }
.pt-nr { font-family: var(--mono); font-size: 13px; color: var(--grau); }
.pt-zeile .pt-status { justify-self: start; grid-row: 1; grid-column: 2; }
.pt-status { display: inline-block; font: 500 12px var(--mono); padding: 3px 8px; background: #e9ebeb; color: var(--dark); white-space: nowrap; }
.pt-s-neu { background: #e7ecfb; color: #2a3f8f; }
.pt-s-bearbeitung { background: #fff0d9; color: #8a4b00; }
.pt-s-warten { background: var(--orange); color: var(--black); }
.pt-s-erledigt, .pt-s-geschlossen { background: #e3f4ea; color: #146c3b; }

/* Ticket */
.pt-raster { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0 22px; align-items: start; }
.pt-ticket-titel { font-size: 22px; }
.pt-dl { display: grid; grid-template-columns: minmax(110px, auto) 1fr; gap: 6px 14px; margin: 12px 0; font-size: 14px; }
.pt-dl dt { color: var(--grau); } .pt-dl dd { margin: 0; overflow-wrap: anywhere; }
.pt-dl-eng { grid-template-columns: auto 1fr; }
.pt-text { white-space: normal; overflow-wrap: anywhere; }
.pt-verlauf-titel { margin-top: 8px; }
.pt-verlauf { display: grid; gap: 12px; margin-bottom: 18px; }
.pt-nachricht { background: var(--white); border: 1px solid var(--linie); padding: 14px 16px; }
.pt-nachricht header { display: flex; justify-content: space-between; gap: 10px; flex-wrap: wrap; font-size: 14px; margin-bottom: 6px; }
.pt-nachricht time { color: var(--grau); font-family: var(--mono); font-size: 12px; }
.pt-mb { border-left: 4px solid var(--orange); }
.pt-kunde { margin-left: 18px; background: #fafbfb; }
.pt-anh { list-style: none; margin: 10px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px 14px; font-size: 14px; }
.pt-anh a { display: inline-flex; gap: 5px; align-items: center; }
.pt-anh svg { width: 15px; height: 15px; color: var(--grau); }
.pt-anh small { color: var(--grau); }

/* Fuß */
.pt-fuss { background: var(--black); color: var(--light); font-size: 14px; padding: 22px 0 26px; }
.pt-fuss a { color: var(--white); }
.pt-fuss p { margin: 6px 0 0; }
.pt-fuss-notfall { display: flex; gap: 10px; align-items: center; color: var(--white); margin-bottom: 10px; }
.pt-fuss-notfall svg { width: 22px; height: 22px; color: var(--orange); flex: none; }

@media (min-width: 700px) {
  .pt-innen { padding: 0 28px; }
  h1 { font-size: 30px; }
  .pt-hero { padding: 36px 36px; } .pt-hero h1 { font-size: 34px; }
  .pt-gruppen { grid-template-columns: 1fr 1fr; }
  .pt-arten { grid-template-columns: 1fr 1fr; }
  .pt-felder { grid-template-columns: 1fr 1fr; } .pt-felder .pt-breit { grid-column: 1 / -1; }
  .pt-dringend { grid-template-columns: repeat(4, 1fr); }
  .pt-zwei { grid-template-columns: 1fr 1fr; }
  .pt-karte { padding: 24px 26px; }
  .pt-zeile { grid-template-columns: 90px 1fr auto; }
  .pt-zeile > b, .pt-zeile-text { grid-column: 2; }
  .pt-zeile .pt-status { grid-column: 3; grid-row: 1; justify-self: end; }
  .pt-kunde { margin-left: 48px; }
}
@media (min-width: 1000px) {
  .pt-gruppen { grid-template-columns: repeat(4, 1fr); }
  .pt-gruppe { flex-direction: column; min-height: 190px; }
  .pt-arten { grid-template-columns: repeat(3, 1fr); }
  .pt-raster { grid-template-columns: minmax(0, 1fr) 320px; }
}

/* Kontaktdaten und Bot-Falle */
.pt-kontakt { border: 0; border-top: 1px solid var(--linie); border-bottom: 1px solid var(--linie); padding: 14px 0 4px; margin: 0; }
.pt-kontakt legend { font-weight: 600; padding: 0 8px 0 0; }
.pt-kontakt .pt-felder { margin-bottom: 10px; }
.pt-kontakt input:disabled { background: var(--soft); color: var(--dark); }
.pt-falle { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.pt-links { justify-content: flex-start; }

/* Mehrfachauswahl und Hilfetexte */
.pt-multi { border: 0; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.pt-multi legend { font-size: 14px; font-weight: 500; margin-bottom: 6px; padding: 0; width: 100%; }
.pt-multi legend em { color: var(--orange); font-style: normal; }
.pt-multi label { display: block; position: relative; cursor: pointer; }
.pt-multi input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.pt-multi span { display: inline-block; border: 1px solid #c9cdcd; padding: 8px 12px; font-weight: 400; font-size: 14px; background: var(--white); }
.pt-multi span::before { content: ""; display: inline-block; width: 12px; height: 12px; border: 1.5px solid var(--grau); margin-right: 8px; vertical-align: -1px; }
.pt-multi input:checked + span { border-color: var(--orange); background: #fff4e3; }
.pt-multi input:checked + span::before { background: var(--orange); border-color: var(--orange); box-shadow: inset 0 0 0 2px #fff4e3; }
.pt-multi input:focus-visible + span { outline: 3px solid var(--orange); outline-offset: 2px; }
.pt-multi .pt-hilfe { width: 100%; }
.pt-hilfe { color: var(--grau); font-size: 13px; font-weight: 400; }

/* ================= Kategorie-Seite: Seitenleiste, Suche, Untergruppen ================= */
.pt-kat { display: grid; grid-template-columns: minmax(0, 1fr); gap: 24px; align-items: start; }
.pt-kat-nav { display: flex; gap: 6px; overflow-x: auto; margin: 0 -16px 4px; padding: 0 16px 6px; scrollbar-width: none; }
.pt-kat-nav::-webkit-scrollbar { display: none; }
.pt-kat-nav a { display: flex; gap: 8px; align-items: center; white-space: nowrap; text-decoration: none; background: var(--white); border: 1px solid var(--linie); padding: 8px 12px; font-size: 14px; }
.pt-kat-nav a svg { width: 17px; height: 17px; color: var(--grau); flex: none; }
.pt-kat-nav a.akt { background: var(--black); color: var(--white); border-color: var(--black); }
.pt-kat-nav a.akt svg { color: var(--orange); }
.pt-kat-nav .pt-kat-alle { color: var(--grau); }
.pt-kat-titel { display: flex; gap: 14px; align-items: flex-start; margin-bottom: 14px; }
.pt-kat-titel h1 { margin: 0 0 2px; }
.pt-kat-titel p { margin: 0; }
.pt-kat-suche { display: flex; align-items: center; gap: 0; background: var(--white); border: 1px solid #c9cdcd; padding: 0 12px; margin-bottom: 14px; font-weight: 400; }
.pt-kat-suche:focus-within { border-color: var(--orange); box-shadow: 0 0 0 3px rgba(241, 135, 0, .2); }
.pt-kat-suche svg { width: 18px; height: 18px; color: var(--grau); flex: none; }
.pt-kat-suche input { border: 0; box-shadow: none !important; padding: 12px 10px; }
.pt-haeufig { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; font-size: 13px; color: var(--grau); margin: 0 0 8px; }
.pt-haeufig a { background: var(--white); border: 1px solid var(--linie); padding: 6px 12px; text-decoration: none; color: var(--black); font-size: 14px; }
.pt-haeufig a:hover { border-color: var(--orange); }
.pt-ug h2 { font: 600 12px var(--mono); letter-spacing: .08em; text-transform: uppercase; color: var(--grau); margin: 22px 0 8px; }
.pt-zeilen { display: grid; grid-template-columns: minmax(0, 1fr); gap: 8px; }
.pt-zeile-art { display: flex; gap: 12px; align-items: center; background: var(--white); border: 1px solid var(--linie); padding: 12px 14px; text-decoration: none; transition: border-color .15s, box-shadow .15s; }
.pt-zeile-art:hover, .pt-zeile-art:focus-visible { border-color: var(--orange); box-shadow: inset 4px 0 0 var(--orange); }
.pt-mi { width: 36px; height: 36px; display: grid; place-items: center; background: var(--soft); color: var(--black); flex: none; }
.pt-mi svg { width: 20px; height: 20px; }
.pt-zeile-txt { min-width: 0; }
.pt-zeile-txt b { display: block; font-size: 15px; line-height: 1.35; }
.pt-zeile-txt small { display: block; font-size: 13px; color: var(--grau); line-height: 1.4; margin-top: 2px; }
.pt-pfeil { margin-left: auto; color: var(--light); font-size: 22px; line-height: 1; padding-left: 6px; }
.pt-dringend-tag { font: 500 11px var(--mono); font-style: normal; background: #fde8e8; color: #a11b1b; padding: 2px 6px; margin-left: 4px; vertical-align: 2px; white-space: nowrap; }
.pt-kat-fuss, .pt-leer { margin-top: 22px; }

/* ================= Anfrageformular: Abschnitte und mitlaufende Zusammenfassung ================= */
.pt-fa { display: grid; grid-template-columns: minmax(0, 1fr); gap: 24px; align-items: start; }
.pt-fkopf { display: flex; gap: 14px; align-items: flex-start; margin-bottom: 16px; }
.pt-fkopf h1 { margin: 0 0 2px; }
.pt-fkopf p { margin: 0; }
.pt-dauer { margin-left: auto; font: 500 12px var(--mono); color: var(--grau); white-space: nowrap; padding-top: 8px; display: none; }
.pt-hinw { display: flex; gap: 10px; background: #fff4e3; border-left: 4px solid var(--orange); padding: 11px 14px; font-size: 14.5px; margin-bottom: 16px; }
.pt-hinw svg { width: 19px; height: 19px; color: var(--orange); flex: none; margin-top: 2px; }
.pt-hinw-rot { background: #fde8e8; border-color: var(--rot); }
.pt-hinw-rot svg { color: var(--rot); }
.pt-fehlerliste { margin: 6px 0 0; padding-left: 20px; }
.pt-abschnitt { background: var(--white); border: 1px solid var(--linie); margin-bottom: 14px; }
.pt-abschnitt > header { display: flex; align-items: center; gap: 12px; padding: 13px 18px; border-bottom: 1px solid var(--linie); }
.pt-abschnitt > header h2 { font-size: 17px; margin: 0; }
.pt-abschnitt > header small { margin-left: auto; color: var(--grau); font-size: 13px; }
.pt-nr { width: 26px; height: 26px; display: grid; place-items: center; background: var(--black); color: var(--white); font: 600 13px var(--mono); flex: none; transition: background .2s; }
.pt-nr.ok { background: var(--gruen); font-size: 0; }
.pt-nr.ok::after { content: "✓"; font-size: 14px; }
/* Ticketnummer in Listen (nicht die Schritt-Nummer im Formular) */
.pt-zeile .pt-nr { width: auto; height: auto; display: inline; background: none; color: var(--grau); font: 13px var(--mono); }
.pt-rumpf { padding: 16px 18px 18px; display: grid; gap: 14px; }
.pt-rumpf label > span { display: inline; }
.pt-rumpf > label, .pt-felder > label { align-content: start; }
/* Kurze Auswahl als Knöpfe */
.pt-seg { border: 0; padding: 0; margin: 0; display: flex; flex-wrap: wrap; }
.pt-seg legend { font-size: 14px; font-weight: 500; margin-bottom: 6px; padding: 0; width: 100%; }
.pt-seg legend em { color: var(--orange); font-style: normal; }
.pt-seg label { display: block; position: relative; cursor: pointer; margin: 0 -1px -1px 0; }
.pt-seg input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.pt-seg span { display: block; border: 1px solid #c9cdcd; padding: 9px 13px; font-size: 14px; font-weight: 400; background: var(--white); }
.pt-seg input:checked + span { background: var(--black); color: var(--white); border-color: var(--black); position: relative; }
.pt-seg input:focus-visible + span { outline: 3px solid var(--orange); outline-offset: 2px; position: relative; }
.pt-seg .pt-hilfe { width: 100%; margin-top: 4px; }
/* Eingeklappte Zusatzangaben */
.pt-mehr { border: 1px dashed #b9bebe; background: var(--soft); }
.pt-mehr > summary { display: flex; gap: 10px; align-items: center; padding: 11px 14px; cursor: pointer; list-style: none; font-size: 14px; }
.pt-mehr > summary::-webkit-details-marker { display: none; }
.pt-mehr > summary svg { width: 18px; height: 18px; color: var(--grau); flex: none; }
.pt-mehr > summary span { display: grid; }
.pt-mehr > summary small { color: var(--grau); }
.pt-mehr > summary::after { content: "▾"; margin-left: auto; color: var(--grau); }
.pt-mehr[open] > summary::after { content: "▴"; }
.pt-mehr[open] { background: var(--white); border-style: solid; border-color: var(--linie); }
.pt-mehr > .pt-felder { padding: 4px 14px 14px; }
/* Kontaktkarte für Angemeldete */
.pt-kontaktkarte { display: flex; gap: 12px; align-items: center; background: var(--soft); padding: 12px 14px; font-size: 14.5px; }
.pt-av { width: 38px; height: 38px; display: grid; place-items: center; background: var(--orange); font-weight: 600; flex: none; }
/* Dateien ablegen */
.pt-datei.ueber { border-color: var(--orange); background: #fff4e3; }
.pt-datei span b { font-weight: 600; }
/* Fehlende Pflichtangaben */
.pt-fehlt input, .pt-fehlt select, .pt-fehlt textarea { border-color: var(--rot); background: #fff7f7; }
.pt-fehlt > span:first-child, fieldset.pt-fehlt legend { color: var(--rot); }
fieldset.pt-fehlt span { border-color: #e9a3a3; }
fieldset.pt-fehlt { outline: 0; }
/* Zusammenfassung rechts / Leiste unten */
.pt-zus { background: var(--white); border: 1px solid var(--linie); padding: 12px 16px; }
.pt-zus h2 { display: none; font-size: 16px; margin: 0 0 6px; }
.pt-zus-stand { margin: 0; font-size: 13px; color: var(--grau); }
.pt-balken { height: 6px; background: var(--linie); margin: 6px 0 4px; }
.pt-balken i { display: block; height: 100%; width: 0; background: var(--orange); transition: width .25s; }
.pt-zus-liste { list-style: none; margin: 10px 0 14px; padding: 0; font-size: 13.5px; display: none; gap: 5px; }
.pt-zus-liste li { display: flex; gap: 8px; color: var(--dark); }
.pt-zus-liste li::before { content: "○"; color: var(--light); flex: none; }
.pt-zus-liste li.ok::before { content: "✓"; color: var(--gruen); font-weight: 700; }
.pt-btn.pt-unvollstaendig { opacity: .55; }
.pt-zus-info { margin: 8px 0 0; display: none; }
.pt-notfallbox { background: var(--white); border: 1px solid var(--linie); border-left: 4px solid var(--orange); padding: 12px 16px; font-size: 14px; }
.pt-notfallbox a { color: var(--black); }
/* Handy: feste Leiste unten mit Fortschritt und Senden */
@media (max-width: 999px) {
  .pt-anfrage-seite .pt-main { padding-bottom: 96px; }
  .pt-fa-seite { position: fixed; left: 0; right: 0; bottom: 0; z-index: 20; }
  .pt-fa-seite .pt-notfallbox { display: none; }
  .pt-zus { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 0 14px; border: 0; border-top: 1px solid var(--linie); box-shadow: 0 -6px 16px rgba(0, 0, 0, .08); padding: 10px 16px calc(10px + env(safe-area-inset-bottom)); }
  .pt-zus .pt-balken { grid-column: 1; grid-row: 2; margin: 4px 0 0; }
  .pt-zus .pt-zus-stand { grid-column: 1; grid-row: 1; }
  .pt-zus .pt-btn { grid-column: 2; grid-row: 1 / span 2; width: auto; padding: 11px 18px; }
}
@media (min-width: 700px) {
  .pt-zeilen { grid-template-columns: 1fr 1fr; }
  .pt-dauer { display: block; }
}
@media (min-width: 1000px) {
  .pt-kat { grid-template-columns: 250px minmax(0, 1fr); gap: 28px; }
  .pt-kat-nav { display: block; overflow: visible; margin: 0; padding: 0; background: var(--white); border: 1px solid var(--linie); position: sticky; top: 16px; }
  .pt-kat-nav a { border: 0; border-left: 4px solid transparent; background: none; white-space: normal; padding: 10px 14px; }
  .pt-kat-nav a:hover { background: var(--soft); }
  .pt-kat-nav a.akt { background: #fff4e3; color: var(--black); border-left-color: var(--orange); font-weight: 600; }
  .pt-kat-nav .pt-kat-alle { border-bottom: 1px solid var(--linie); font-size: 13px; }
  .pt-fa { grid-template-columns: minmax(0, 1fr) 300px; gap: 26px; }
  .pt-fa-seite { position: sticky; top: 16px; display: grid; gap: 12px; }
  .pt-zus { padding: 16px 18px; }
  .pt-zus h2 { display: block; }
  .pt-zus-liste { display: grid; }
  .pt-zus-info { display: block; }
}
.pt-rumpf .pt-datei > span { display: grid; }

/* ================= Fußbereich mit Support-Daten ================= */
.pt-fuss { padding: 26px 0 22px; }
.pt-fuss-notfall { padding-bottom: 18px; margin-bottom: 20px; border-bottom: 1px solid #262b2b; font-size: 15px; }
.pt-fuss-raster { display: grid; grid-template-columns: 1fr; gap: 24px; }
.pt-fuss h2 { font: 600 12px var(--mono); letter-spacing: .08em; text-transform: uppercase; color: var(--orange); margin: 0 0 10px; }
.pt-fuss p { margin: 0 0 8px; line-height: 1.55; }
.pt-fuss dl { display: grid; grid-template-columns: auto 1fr; gap: 5px 14px; margin: 0 0 10px; }
.pt-fuss dt { color: var(--light); }
.pt-fuss dd { margin: 0; color: var(--white); }
.pt-fuss dd small { display: block; color: var(--light); font-size: 12.5px; }
.pt-fuss-logo { font: 600 18px var(--mono); letter-spacing: 3px; margin-bottom: 0 !important; }
.pt-fuss-logo .w { color: var(--white); } .pt-fuss-logo .o { color: var(--orange); }
.pt-fuss-claim { font: 11px var(--mono); letter-spacing: 2px; color: var(--light); margin-bottom: 12px !important; }
.pt-fuss-klein { font-size: 13px; color: var(--light); }
.pt-fuss .pt-fuss-btn { color: var(--black); padding: 9px 16px; font-size: 14px; }
.pt-fuss-unten { display: flex; flex-wrap: wrap; gap: 6px 16px; margin: 22px 0 0 !important; padding-top: 16px; border-top: 1px solid #262b2b; font-size: 13px; }
.pt-fuss-unten a { color: var(--light); }
@media (min-width: 700px) { .pt-fuss-raster { grid-template-columns: 1fr 1fr; } }
@media (min-width: 1000px) { .pt-fuss-raster { grid-template-columns: 1fr 1.25fr 1fr 1.2fr; gap: 32px; } }
.pt-fuss dl { display: block; }
.pt-fuss dt { font-size: 12.5px; margin-top: 8px; }
.pt-fuss dt:first-child { margin-top: 0; }

/* ================= Meldungen über die ganze Breite ================= */
.pt-meldungen { display: grid; }
.pt-mld { border-bottom: 1px solid rgba(0, 0, 0, .08); }
.pt-mld-innen { display: flex; gap: 14px; align-items: flex-start; padding-top: 13px; padding-bottom: 13px; font-size: 14.5px; position: relative; }
.pt-mld-ico { width: 30px; height: 30px; display: grid; place-items: center; flex: none; }
.pt-mld-ico svg { width: 19px; height: 19px; }
.pt-mld-txt { flex: 1; min-width: 0; }
.pt-mld-txt b { font-size: 15px; }
.pt-mld-txt p { margin: 3px 0 0; }
.pt-mld-art { font: 600 11px var(--mono); letter-spacing: .06em; text-transform: uppercase; padding: 2px 7px; margin-right: 8px; vertical-align: 2px; }
.pt-mld-meta { display: flex; flex-wrap: wrap; gap: 4px 14px; margin-top: 5px; font: 12.5px var(--mono); }
.pt-mld-meta span { opacity: .8; }
.pt-mld-meta a { font-family: var(--sans); font-weight: 600; color: inherit; }
.pt-mld-x { background: none; border: 0; font-size: 22px; line-height: 1; cursor: pointer; color: inherit; opacity: .6; padding: 2px 4px; }
.pt-mld-x:hover { opacity: 1; }
.pt-mld-sicherheit { background: #2a0d0d; color: #ffe1e1; box-shadow: inset 6px 0 0 var(--rot); }
.pt-mld-sicherheit .pt-mld-ico, .pt-mld-sicherheit .pt-mld-art { background: var(--rot); color: #fff; }
.pt-mld-stoerung { background: #fde8e8; color: #6b0f0f; box-shadow: inset 6px 0 0 var(--rot); }
.pt-mld-stoerung .pt-mld-ico, .pt-mld-stoerung .pt-mld-art { background: var(--rot); color: #fff; }
.pt-mld-wartung { background: #fff4e3; color: #5a3300; box-shadow: inset 6px 0 0 var(--orange); }
.pt-mld-wartung .pt-mld-ico, .pt-mld-wartung .pt-mld-art { background: var(--orange); color: #000; }
.pt-mld-info { background: #eef1f8; color: #1c2b52; box-shadow: inset 6px 0 0 #5b6fb3; }
.pt-mld-info .pt-mld-ico, .pt-mld-info .pt-mld-art { background: #5b6fb3; color: #fff; }
.pt-mld-behoben { background: #e3f4ea; color: #0e4d2a; box-shadow: inset 6px 0 0 var(--gruen); }
.pt-mld-behoben .pt-mld-ico, .pt-mld-behoben .pt-mld-art { background: var(--gruen); color: #fff; }
@media (max-width: 699px) { .pt-mld-innen { gap: 10px; font-size: 13.5px; } .pt-mld-txt p { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } }
/* Bekannte Störung im Anfrageformular */
.pt-bekannt { display: flex; gap: 12px; background: #fde8e8; border-left: 4px solid var(--rot); padding: 13px 16px; margin-bottom: 16px; font-size: 14.5px; }
.pt-bekannt > svg { width: 21px; height: 21px; color: var(--rot); flex: none; margin-top: 1px; }
.pt-bekannt p { margin: 4px 0 0; }
.pt-bekannt-wartung { background: #fff4e3; border-color: var(--orange); } .pt-bekannt-wartung > svg { color: var(--orange); }
.pt-bekannt-sicherheit { background: #2a0d0d; color: #ffe1e1; } .pt-bekannt-sicherheit .pt-muted { color: #e7b3b3; }
.pt-bekannt-knoepfe { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
.pt-bekannt-knoepfe .pt-btn { padding: 8px 12px; font-size: 13.5px; }
.pt-bekannt-zu p, .pt-bekannt-zu .pt-bekannt-knoepfe { display: none; }
.pt-bekannt-zu { padding: 8px 14px; font-size: 13.5px; }
/* Knopfgruppen in Abschnitten: Beschriftung als Block (überschreibt .pt-rumpf label > span) */
.pt-rumpf .pt-dringend label > span, .pt-rumpf .pt-seg label > span { display: block; }
.pt-rumpf .pt-multi label > span { display: inline-block; }
/* Status im Servicedesk (Workflow) */
.pt-s-offen { background: #e9ebeb; color: var(--dark); }
.pt-s-pruefung, .pt-s-bearbeitung, .pt-s-kunde { background: #fff0d9; color: #8a4b00; }
.pt-s-rueckfrage, .pt-s-erinnerung { background: var(--orange); color: var(--black); }
.pt-s-hold, .pt-s-extern { background: #e7ecfb; color: #2a3f8f; }
.pt-s-abbruch { background: #e9ebeb; color: var(--grau); }

/* ---------- Hell / Dunkel: Schalter unter der orangen Linie ---------- */
.pt-kopf { position: relative; }
.pt-kopf .pt-innen { position: relative; }
.thema-schalter { position: absolute; right: 16px; top: calc(100% + 12px); display: inline-flex; align-items: center; gap: 6px; padding: 4px 8px; border: 1px solid var(--linie); background: var(--white); color: var(--grau); font-size: 13px; cursor: pointer; line-height: 1; z-index: 5; }
.thema-schalter:hover { border-color: var(--orange); }
.ts-spur { position: relative; width: 30px; height: 16px; background: var(--linie); border-radius: 8px; transition: background .2s; }
.ts-knopf { position: absolute; top: 2px; left: 2px; width: 12px; height: 12px; border-radius: 50%; background: var(--grau); transition: left .2s, background .2s; }
.thema-schalter[aria-checked="true"] .ts-spur { background: var(--orange); }
.thema-schalter[aria-checked="true"] .ts-knopf { left: 16px; background: #000404; }
/* Anleitungen (Doku-Seiten aus Mindbrain intern) */
.pt-eintrag { display: block; background: var(--white); border: 1px solid var(--linie); border-left: 4px solid var(--orange); padding: 12px 14px; text-decoration: none; color: inherit; }
.pt-eintrag b { display: block; margin-bottom: 2px; } .pt-eintrag span { font-size: 13.5px; }
.pt-hilfe-suche { display: flex; gap: 8px; margin-bottom: 14px; } .pt-hilfe-suche input { flex: 1; }
.pt-anleitung { color: var(--black); } .pt-anleitung h1 { margin-top: 0; }
.dk-text { font-size: 15.5px; line-height: 1.6; }
.dk-text > :first-child { margin-top: 0; }
.dk-text h2 { font-size: 21px; margin: 26px 0 10px; } .dk-text h3 { font-size: 17.5px; margin: 22px 0 8px; } .dk-text h4 { font-size: 15.5px; margin: 18px 0 6px; }
.dk-text p { margin: 0 0 12px; } .dk-text ul, .dk-text ol { margin: 0 0 12px; padding-left: 24px; } .dk-text li { margin: 3px 0; }
.dk-text li.dk-aufgabe { list-style: none; margin-left: -22px; display: flex; gap: 8px; align-items: baseline; }
.dk-cb { display: inline-grid; place-items: center; width: 16px; height: 16px; border: 1.5px solid #6b7272; font-size: 11px; flex: none; transform: translateY(2px); }
.dk-cb.an { background: #000404; border-color: #000404; color: #f18700; }
.dk-text code { font-family: var(--mono, monospace); font-size: .88em; background: #f0f2f2; border: 1px solid #e2e4e4; padding: 1px 5px; overflow-wrap: anywhere; }
.dk-code { background: #0f1314; color: #e6e9e9; padding: 14px 16px; overflow-x: auto; font: 13.5px/1.5 var(--mono, monospace); margin: 0 0 14px; }
.dk-code code { background: none; border: 0; padding: 0; color: inherit; font-size: inherit; }
.dk-text img { max-width: 100%; height: auto; border: 1px solid #e2e4e4; margin: 6px 0; display: block; }
.dk-text a { color: inherit; text-decoration-color: #f18700; text-underline-offset: 2px; }
.dk-text blockquote { margin: 0 0 12px; padding: 4px 16px; border-left: 4px solid #e2e4e4; color: #3a3f40; }
.dk-text hr { border: 0; border-top: 1px solid #e2e4e4; margin: 20px 0; }
.dk-tab { overflow-x: auto; margin: 0 0 14px; }
.dk-tab table { width: 100%; border-collapse: collapse; background: #fff; border: 1px solid #e2e4e4; font-size: 14.5px; }
.dk-tab th { text-align: left; font: 600 12px var(--mono, monospace); letter-spacing: .6px; text-transform: uppercase; color: #6b7272; padding: 8px 10px; border-bottom: 2px solid #000404; background: #fafbfb; }
.dk-tab td { padding: 8px 10px; border-bottom: 1px solid #eceeee; vertical-align: top; }
.dk-tab tr:last-child td { border-bottom: 0; }
.dk-tab table.dk-kv td:first-child { width: 32%; color: #6b7272; background: #fafbfb; font-size: 13.5px; }
.dk-steck { display: grid; grid-template-columns: minmax(140px, 30%) minmax(0, 1fr); margin: 0 0 18px; border: 1px solid #e2e4e4; background: #fff; font-size: 14.5px; }
.dk-steck dt, .dk-steck dd { margin: 0; padding: 8px 12px; border-bottom: 1px solid #eceeee; }
.dk-steck dt { color: #6b7272; background: #fafbfb; font-size: 13.5px; } .dk-steck dd { overflow-wrap: anywhere; }
.dk-steck dt:nth-last-of-type(1), .dk-steck dd:last-child { border-bottom: 0; }
.dk-kasten { border-left: 4px solid #1d4ea8; background: #f2f7ff; padding: 10px 14px 2px; margin: 0 0 14px; }
.dk-kasten-titel { display: block; font: 600 11.5px var(--mono, monospace); letter-spacing: 1px; text-transform: uppercase; margin-bottom: 4px; color: #1d4ea8; }
.dk-kasten.dk-warnung { border-left-color: #d03b3b; background: #fff4f2; } .dk-kasten.dk-warnung .dk-kasten-titel { color: #b02c2c; }
.dk-kasten.dk-hinweis { border-left-color: #e0a100; background: #fffaf0; } .dk-kasten.dk-hinweis .dk-kasten-titel { color: #8a6100; }
.dk-kasten.dk-tipp { border-left-color: #0ca30c; background: #f1fbf1; } .dk-kasten.dk-tipp .dk-kasten-titel { color: #0b7a0b; }
.dk-live { border: 1px dashed #c6d9fb; padding: 10px 12px 2px; margin: 0 0 14px; background: #fbfdff; }
.dk-live-tag { display: inline-block; font: 600 10.5px var(--mono, monospace); letter-spacing: 1px; text-transform: uppercase; color: #1d4ea8; background: #e6f0ff; padding: 2px 6px; margin-bottom: 8px; }
.dk-live-leer { color: #6b7272; font-size: 13.5px; }
.dk-p { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: #a6aaac; margin-right: 6px; } .dk-p.gut { background: #0ca30c; }
.dk-pw { display: inline-flex; align-items: center; gap: 4px; background: #fff4e6; border: 1px solid #f7d3a6; color: #8a4d00; font-size: 13px; padding: 1px 8px; }
.dk-tickets { list-style: none; padding: 0; margin: 0 0 10px; } .dk-tickets li { padding: 4px 0; }
.dk-auto { margin-top: 6px; }

/* Hilfe-Center (Knowledge Base) */
.kb-hero h1 { margin-bottom: 4px; } .kb-hero .pt-muted { color: #c9cdcd; margin: 0; }
.kb-suche { position: relative; display: flex; gap: 8px; margin: 14px 0 22px; }
.kb-hero .kb-suche { margin-bottom: 0; }
.kb-suche input { flex: 1; min-width: 0; }
.kb-suche-gross input { font-size: 17px; padding: 14px 16px; }
.kb-live { position: absolute; left: 0; right: 0; top: 100%; z-index: 30; margin-top: 4px; background: var(--white); color: var(--black); border: 1px solid var(--linie); box-shadow: 0 10px 28px rgba(0,0,0,.14); }
.kb-live a { display: block; padding: 10px 14px; text-decoration: none; color: var(--black); border-bottom: 1px solid var(--linie); }
.kb-live a:hover, .kb-live a:focus { background: var(--soft); }
.kb-live a b { display: block; font-weight: 600; } .kb-live a small { color: var(--grau); font-size: 13px; }
.kb-live .kb-live-alle { font-size: 14px; font-weight: 600; color: var(--black); border-bottom: 0; }
.kb-live p { margin: 0; padding: 12px 14px; color: var(--grau); }
.kb-kats { display: grid; grid-template-columns: 1fr; gap: 12px; }
.kb-kat { display: flex; gap: 14px; align-items: center; background: var(--white); border: 1px solid var(--linie); padding: 16px; text-decoration: none; color: var(--black); transition: border-color .15s; }
.kb-kat:hover { border-color: var(--orange); }
.kb-kat b { display: block; font-size: 17px; } .kb-kat small { color: var(--grau); font-size: 14px; }
.kb-liste { display: grid; grid-template-columns: 1fr; gap: 10px; margin-bottom: 22px; }
.kb-artikel { display: block; background: var(--white); border: 1px solid var(--linie); padding: 14px 16px; text-decoration: none; color: var(--black); transition: border-color .15s; }
.kb-artikel:hover { border-color: var(--orange); }
.kb-artikel b { display: block; font-size: 16.5px; margin-bottom: 2px; }
.kb-artikel span { display: block; color: var(--grau); font-size: 14px; line-height: 1.45; }
.kb-artikel small { display: inline-block; margin-top: 6px; font: 12px var(--mono); color: var(--orange); letter-spacing: .3px; }
.kb-pfad { font: 13px var(--mono); color: var(--grau); margin: 0 0 14px; } .kb-pfad a { color: var(--black); } .kb-pfad span { margin: 0 4px; }
.kb-h1 { font-size: 26px; margin: 0 0 6px; }
.kb-kat-kopf { display: flex; gap: 16px; align-items: center; margin-bottom: 6px; } .kb-kat-kopf h1 { margin: 0; font-size: 28px; } .kb-kat-kopf p { margin: 4px 0 0; }
.kb-layout { display: grid; grid-template-columns: 1fr; gap: 0 22px; align-items: start; }
.kb-text h1 { font-size: 28px; margin-bottom: 2px; } .kb-stand { margin: 0 0 18px; font-size: 14px; }
.kb-bewertung { border-top: 1px solid var(--linie); margin-top: 26px; padding-top: 16px; }
.kb-bewertung p { margin: 0; }
.kb-bewerten { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; } .kb-bewerten span { font-weight: 600; margin-right: 6px; }
.kb-bewerten .pt-btn { padding: 8px 16px; font-size: 14px; }
.kb-mini { list-style: none; margin: 0; padding: 0; } .kb-mini li { border-bottom: 1px solid var(--linie); } .kb-mini li:last-child { border-bottom: 0; }
.kb-mini a { display: block; padding: 8px 0; color: var(--black); text-decoration: none; } .kb-mini a:hover { color: var(--orange); }
.kb-seite h2 { font-size: 16px; }
.kb-persoenlich { display: flex; gap: 14px; align-items: flex-start; } .kb-persoenlich h2 { font-size: 17px; margin-top: 0; } .kb-persoenlich p:last-child { margin-bottom: 0; }
.kb-tipp { margin-top: 10px; border: 1px solid #f8c78a; border-left: 4px solid var(--orange); background: #fff8ee; padding: 12px 14px; }
.kb-tipp > b { display: block; margin-bottom: 6px; } .kb-tipp small { display: block; color: var(--grau); margin-top: 6px; font-size: 12.5px; }
.kb-tipp a { display: block; padding: 6px 0; text-decoration: none; color: var(--black); border-top: 1px solid #f6e2c6; }
.kb-tipp a:first-child { border-top: 0; } .kb-tipp a b { text-decoration: underline; text-decoration-color: var(--orange); text-underline-offset: 3px; }
.kb-tipp a span { display: block; color: var(--grau); font-size: 13.5px; }
@media (min-width: 720px) {
  .kb-kats { grid-template-columns: repeat(2, 1fr); } .kb-liste-zwei { grid-template-columns: repeat(2, 1fr); }
  .kb-kats-klein { grid-template-columns: repeat(3, 1fr); }
}
@media (min-width: 980px) {
  .kb-kats { grid-template-columns: repeat(3, 1fr); }
  .kb-layout { grid-template-columns: minmax(0, 1fr) 320px; }
  .kb-seite { position: sticky; top: 16px; }
}

/* Startseite: Suche mit Dropdown (Lösungen + Anfrageformulare) */
.sd-suche { position: relative; flex-wrap: wrap; }
.sd-tipp { margin: 10px 0 0; font-size: 14.5px; color: #c9cdcd; max-width: 760px; line-height: 1.5; } .sd-tipp b { color: #fff; font-weight: 600; } .sd-tipp a { color: var(--orange); }
.sd-live { position: absolute; left: 0; right: 0; top: 100%; z-index: 40; margin-top: 4px; background: var(--white); color: var(--black); border: 1px solid var(--linie); box-shadow: 0 12px 30px rgba(0,0,0,.18); display: grid; }
.sd-live[hidden] { display: none; }
.sd-gruppe { padding: 8px 0; border-bottom: 1px solid var(--linie); }
.sd-gruppe > b { display: block; padding: 4px 14px 6px; font: 600 11.5px var(--mono); letter-spacing: 1px; text-transform: uppercase; color: var(--grau); }
.sd-gruppe a { display: flex; justify-content: space-between; gap: 12px; padding: 8px 14px; text-decoration: none; color: var(--black); }
.sd-gruppe a:hover, .sd-gruppe a:focus { background: var(--soft); outline: none; box-shadow: inset 3px 0 0 var(--orange); }
.sd-gruppe a span { font-weight: 500; } .sd-gruppe a small { color: var(--grau); font-size: 13px; text-align: right; flex: none; max-width: 45%; }
.sd-gruppe p { margin: 0; padding: 6px 14px; color: var(--grau); font-size: 14px; } .sd-gruppe p a { display: inline; padding: 0; color: var(--black); text-decoration: underline; }
.sd-alle { padding: 10px 14px; font-weight: 600; font-size: 14px; color: var(--black); text-decoration: none; } .sd-alle:hover { background: var(--soft); }
.kb-unter { font-size: 15px; font: 600 12.5px var(--mono); letter-spacing: 1px; text-transform: uppercase; color: var(--grau); margin: 18px 0 8px; }
/* === IT-Cockpit (Managed-Service-Kunden) === */
.ck-breit .pt-innen { max-width: 1240px; }
.ck-vorschau { background: #fff1de; border-left: 4px solid var(--orange); padding: 10px 14px; margin: 0 0 14px; font-size: 14px; color: #3a3f40; }
.ck-tabs { margin: 0 0 18px; overflow-x: auto; flex-wrap: nowrap; scrollbar-width: none; } .ck-tabs a { white-space: nowrap; flex: none; }
.ck-hallo { display: flex; justify-content: space-between; align-items: flex-end; gap: 16px; flex-wrap: wrap; margin: 0 0 18px; }
.ck-hallo h1 { margin: 0; } .ck-hallo p { margin: 2px 0 0; }
.ck-rolle { font: 500 12px var(--mono); border: 1px solid var(--linie); background: var(--white); padding: 6px 10px; color: var(--dark); }
.ck-rolle b { color: var(--black); }
.ck-p { display: inline-block; width: 12px; height: 12px; border-radius: 50%; flex: none; background: var(--light); vertical-align: -1px; }
.ck-p-gr { background: #1f9d55; } .ck-p-g { background: #e3a008; } .ck-p-o { background: #ea7a0f; } .ck-p-r { background: #d64545; } .ck-p-b { background: #2f7de1; }
.ck-held { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); margin: 0 0 18px; border: 1px solid var(--linie); background: var(--white); }
.ck-status { padding: 26px 28px; border-left: 8px solid #1f9d55; background: linear-gradient(90deg, rgba(31, 157, 85, .11), rgba(31, 157, 85, 0) 75%); }
.ck-status.ck-s-orange { border-left-color: #ea7a0f; background: linear-gradient(90deg, rgba(234, 122, 15, .12), rgba(234, 122, 15, 0) 75%); }
.ck-status.ck-s-rot { border-left-color: #d64545; background: linear-gradient(90deg, rgba(214, 69, 69, .12), rgba(214, 69, 69, 0) 75%); }
.ck-ampel { display: inline-flex; align-items: center; gap: 8px; font: 600 12px var(--mono); letter-spacing: 1px; text-transform: uppercase; color: var(--dark); }
.ck-status h2 { font-size: 29px; margin: 10px 0 8px; line-height: 1.2; }
.ck-status p { margin: 0; font-size: 17px; color: var(--dark); }
.ck-status small { display: block; margin-top: 14px; color: var(--grau); font: 12px var(--mono); }
.ck-bereiche { display: grid; grid-template-columns: 1fr 1fr; border-left: 1px solid var(--linie); align-content: stretch; }
.ck-bereiche a { display: flex; align-items: center; gap: 10px; padding: 14px 18px; border-bottom: 1px solid var(--linie); border-right: 1px solid var(--linie); text-decoration: none; font-size: 15px; }
.ck-bereiche a:nth-child(2n) { border-right: 0; }
.ck-bereiche a:last-child:nth-child(odd) { grid-column: span 2; border-right: 0; }
.ck-bereiche a:hover { background: var(--soft); }
.ck-bereiche a small { display: block; color: var(--grau); font-size: 12.5px; }
.ck-raster { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); gap: 18px; margin-bottom: 18px; align-items: start; }
.ck-karte h2 { font-size: 17px; display: flex; justify-content: space-between; align-items: baseline; gap: 10px; flex-wrap: wrap; }
.ck-karte h2 a, .ck-karte h2 small { font-size: 13px; font-weight: 500; }
.ck-emp { list-style: none; margin: 0; padding: 0; }
.ck-emp li { display: grid; grid-template-columns: 6px minmax(0, 1fr) auto; gap: 14px; padding: 14px 0; border-top: 1px solid var(--linie); align-items: center; }
.ck-emp li:first-child { border-top: 0; padding-top: 4px; }
.ck-emp b { font-size: 16px; } .ck-emp p { margin: 2px 0 6px; color: var(--dark); font-size: 14px; }
.ck-emp li.ck-gedaempft { opacity: .7; }
.ck-bal { align-self: stretch; background: #d64545; } .ck-bal.ck-c-mittel { background: #ea7a0f; } .ck-bal.ck-c-niedrig { background: #e3a008; } .ck-bal.ck-c-info { background: var(--light); }
.ck-chips { display: flex; gap: 6px; flex-wrap: wrap; }
.ck-chip { font: 500 11px var(--mono); padding: 2px 7px; background: var(--soft); color: var(--dark); }
.ck-chip.ck-c-hoch { background: rgba(214, 69, 69, .14); color: #b42f2f; } .ck-chip.ck-c-mittel { background: rgba(234, 122, 15, .15); color: #9a4d00; }
.ck-chip.ck-c-niedrig { background: rgba(227, 160, 8, .17); color: #7a5b00; } .ck-chip.ck-c-status { background: rgba(47, 125, 225, .13); color: #1f5fae; }
.ck-btn-klein { padding: 8px 14px; font-size: 14px; white-space: nowrap; }
.ck-erledigt { display: grid; gap: 4px; margin-top: 10px; padding-top: 10px; border-top: 1px dashed var(--linie); font-size: 14px; }
.ck-erledigt small { color: var(--grau); margin-left: 4px; }
.ck-zeile { display: flex; align-items: center; gap: 8px; margin: 0 0 8px; font-size: 15px; }
.ck-einr { padding-left: 20px; color: var(--grau); font-size: 14px; margin-top: -4px; }
.ck-kacheln { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
.ck-k { background: var(--white); border: 1px solid var(--linie); padding: 18px 20px; display: flex; flex-direction: column; gap: 8px; }
.ck-k.ck-breit2 { grid-column: span 2; }
.ck-k h3 { font: 600 12px var(--mono); letter-spacing: 1px; text-transform: uppercase; color: var(--grau); margin: 0; display: flex; justify-content: space-between; align-items: center; }
.ck-gross { font-size: 26px; font-weight: 600; line-height: 1.15; }
.ck-gross small, .ck-gross-inline small { font-size: 15px; color: var(--grau); font-weight: 500; }
.ck-gross-inline { font-size: 22px; font-weight: 600; }
.ck-k .ck-zeile { margin: 0; font-size: 14px; } .ck-klein { font-size: 13px; }
.ck-hinw { font-size: 14px; background: rgba(241, 135, 0, .1); border-left: 3px solid var(--orange); padding: 6px 10px; }
.ck-fuss { margin-top: auto; font-size: 13px; color: var(--grau); }
.ck-fuss + .ck-fuss { margin-top: 0; }
.ck-balken { display: block; width: 100%; height: 10px; }
.ck-leg { display: grid; grid-template-columns: 10px 1fr auto; gap: 4px 8px; font-size: 13px; align-items: center; margin: 4px 0; }
.ck-leg-f { width: 10px; height: 10px; display: block; }
.ck-review { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 18px; align-items: center; background: #000404; color: #fff; padding: 20px 24px; margin-top: 18px; }
.ck-review b { font-size: 17px; } .ck-review p { margin: 2px 0 0; color: #c9cdce; font-size: 14px; }
.ck-review form { margin: 0; } .ck-ico { font-size: 28px; color: var(--orange); }
.ck-filter { display: flex; gap: 6px; flex-wrap: wrap; margin: 0 0 14px; }
.ck-filter a { border: 1px solid var(--linie); padding: 6px 12px; font-size: 14px; background: var(--white); text-decoration: none; }
.ck-filter a[aria-current] { background: var(--black); color: var(--white); border-color: var(--black); }
.ck-filter small { color: inherit; opacity: .7; margin-left: 2px; }
.ck-weg { font: 500 12px var(--mono); color: var(--grau); margin: 0 0 10px; } .ck-weg a { color: var(--grau); }
.ck-det { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); gap: 18px; align-items: start; }
.ck-det-kopf { border: 1px solid var(--linie); border-left: 8px solid #d64545; padding: 22px 26px; background: var(--white); margin-bottom: 18px; }
.ck-det-kopf.ck-k-mittel { border-left-color: #ea7a0f; } .ck-det-kopf.ck-k-niedrig { border-left-color: #e3a008; } .ck-det-kopf.ck-k-info { border-left-color: var(--light); }
.ck-det-kopf h1 { font-size: 27px; margin: 10px 0 6px; } .ck-det-kopf p { margin: 0; color: var(--dark); }
.ck-block { margin: 0 0 18px; } .ck-block h3 { font: 600 12px var(--mono); letter-spacing: 1px; text-transform: uppercase; color: var(--grau); margin: 0 0 6px; }
.ck-block p { margin: 0; font-size: 16px; }
.ck-vorteil { background: rgba(31, 157, 85, .1); border-left: 4px solid #1f9d55; padding: 12px 16px; } .ck-vorteil h3 { color: #1f9d55; }
.ck-mb { background: rgba(241, 135, 0, .1); border-left: 4px solid var(--orange); padding: 12px 16px; }
.ck-fakten dl { display: grid; grid-template-columns: auto 1fr; gap: 8px 14px; margin: 0; font-size: 15px; } .ck-fakten dt { color: var(--grau); } .ck-fakten dd { margin: 0; }
.ck-aktion { display: grid; gap: 8px; margin-top: 16px; } .ck-aktion form { margin: 0; } .ck-aktion .pt-btn { width: 100%; }
.ck-frage summary { list-style: none; width: 100%; } .ck-frage summary::-webkit-details-marker { display: none; }
.ck-frage form { display: grid; gap: 8px; margin-top: 8px; } .ck-frage textarea { width: 100%; }
.ck-btn-leise { width: 100%; background: transparent; border: 1px solid var(--linie); padding: 10px; font: 600 14px var(--sans); color: var(--dark); cursor: pointer; }
.ck-btn-leise:disabled, .pt-btn:disabled { opacity: .55; cursor: not-allowed; }
.ck-tech { border: 1px solid var(--linie); background: var(--white); margin-top: 18px; }
.ck-tech summary { padding: 14px 20px; font-weight: 600; cursor: pointer; } .ck-tech summary small { font: 500 11px var(--mono); color: var(--grau); margin-left: 8px; }
.ck-tech-in { padding: 0 20px 18px; } .ck-tech-in h4 { margin: 14px 0 6px; font-size: 15px; }
.ck-schritte { margin: 0; padding-left: 20px; font-size: 14px; } .ck-quelle { font-size: 13px; color: var(--grau); margin: 10px 0 0; }
.ck-scroll { overflow-x: auto; }
.ck-tab { width: 100%; border-collapse: collapse; font-size: 14px; }
.ck-tab th { text-align: left; font: 500 11px var(--mono); text-transform: uppercase; color: var(--grau); border-bottom: 2px solid var(--black); padding: 8px; white-space: nowrap; }
.ck-tab td { padding: 9px 8px; border-bottom: 1px solid var(--linie); vertical-align: top; } .ck-tab td small { display: block; color: var(--grau); font-size: 12.5px; }
.ck-tab tr.ck-auffaellig td { background: rgba(241, 135, 0, .07); } .ck-tab .ck-zeile { font-size: 13.5px; margin: 0 0 2px; }
.ck-zeit { list-style: none; margin: 0; padding: 0; font-size: 14px; }
.ck-zeit li { padding: 6px 0 6px 16px; border-left: 2px solid var(--linie); position: relative; }
.ck-zeit li::before { content: ""; position: absolute; left: -5px; top: 12px; width: 8px; height: 8px; border-radius: 50%; background: var(--orange); }
.ck-zeit small { display: block; color: var(--grau); font: 12px var(--mono); }
.ck-schalter-form { margin: 0; }
.ck-sw { width: 40px; height: 22px; border-radius: 11px; background: #c7cbcb; position: relative; border: 0; padding: 0; cursor: pointer; }
.ck-sw i { position: absolute; left: 3px; top: 3px; width: 16px; height: 16px; border-radius: 50%; background: #fff; transition: left .15s; }
.ck-sw.an { background: #1f9d55; } .ck-sw.an i { left: 21px; }
.ck-sw:focus-visible { outline: 2px solid var(--orange); outline-offset: 2px; }
@media (max-width: 1000px) { .ck-kacheln { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 900px) { .ck-held, .ck-raster, .ck-det { grid-template-columns: minmax(0, 1fr); } .ck-bereiche { border-left: 0; border-top: 1px solid var(--linie); } .ck-review { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 560px) { .ck-kacheln { grid-template-columns: minmax(0, 1fr); } .ck-k.ck-breit2 { grid-column: auto; } .ck-status { padding: 20px; } .ck-status h2 { font-size: 23px; }
  .ck-emp li { grid-template-columns: 6px minmax(0, 1fr); } .ck-emp li .pt-btn { grid-column: 2; justify-self: start; } .ck-bereiche { grid-template-columns: minmax(0, 1fr); } .ck-bereiche a { border-right: 0; } .ck-bereiche a:last-child:nth-child(odd) { grid-column: auto; } }
/* IT-Cockpit: weclapp (Aufträge, Angebote, Rechnungen) */
.wc-q { font: 500 10.5px var(--mono); color: var(--grau); letter-spacing: .4px; text-transform: uppercase; }
.wc-reihe { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 18px; margin-top: 18px; align-items: start; }
.wc-spalte { display: grid; gap: 18px; } .wc-spalte .pt-karte { margin: 0; }
.wc-unter { margin: -6px 0 10px; font-size: 14px; }
.wc-tab { width: 100%; border-collapse: collapse; font-size: 14px; }
.wc-tab th { text-align: left; font: 500 11px var(--mono); text-transform: uppercase; color: var(--grau); border-bottom: 2px solid var(--black); padding: 7px 8px; white-space: nowrap; }
.wc-tab td { padding: 9px 8px; border-bottom: 1px solid var(--linie); vertical-align: top; } .wc-tab td small { display: block; color: var(--grau); font-size: 12.5px; }
.wc-tab .r { text-align: right; white-space: nowrap; }
.wc-m { font-family: var(--mono); font-size: 13px; }
.wc-kom { font-weight: 600; }
.wc-st { font: 500 11px var(--mono); padding: 2px 7px; background: var(--soft); white-space: nowrap; }
.wc-st.o { background: rgba(234, 122, 15, .15); color: #9a4d00; } .wc-st.g { background: rgba(31, 157, 85, .13); color: #146c3b; }
.wc-summe { display: flex; justify-content: space-between; padding: 10px 8px 0; font-weight: 600; }
.wc-ang { display: grid; gap: 10px; }
.wc-a { border: 1px solid var(--linie); padding: 12px 14px; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 6px 12px; align-items: center; }
.wc-a b { font-size: 15px; } .wc-a small { display: block; color: var(--grau); font-size: 12.5px; margin-top: 2px; }
.wc-betrag { font-weight: 600; text-align: right; white-space: nowrap; }
.wc-a .pt-btn { grid-column: 1 / -1; justify-self: start; padding: 8px 14px; font-size: 14px; }
.wc-a .pt-btn.wc-aus { opacity: .55; pointer-events: none; }
.wc-re { display: grid; grid-template-columns: auto 1fr auto auto; gap: 8px 12px; font-size: 14px; align-items: center; }
.wc-offen { background: rgba(234, 122, 15, .1); border-left: 3px solid #ea7a0f; padding: 8px 12px; margin: 0 0 12px; font-size: 14px; }
.wc-klein { font-size: 13px; margin: 10px 0 0; }
.wc-pos { margin: 4px 0 0; padding-left: 18px; font-size: 13px; color: var(--grau); }
@media (max-width: 900px) { .wc-reihe { grid-template-columns: minmax(0, 1fr); } }
.ck-herkunft { font: 500 11px var(--mono); padding: 2px 7px; background: var(--soft); white-space: nowrap; }
.ck-h-mindbrain, .ck-h-miete { background: rgba(241, 135, 0, .14); color: #8a4b00; } .ck-h-fremd { background: rgba(47, 125, 225, .13); color: #1f5fae; }
.ck-i { display: inline-flex; width: 12px; height: 12px; border-radius: 50%; background: var(--grau); color: var(--white); font: 600 9px/12px var(--sans); justify-content: center; flex: none; }
.ck-pdf { text-decoration: none; } .ck-pdf b { text-decoration: underline; text-decoration-color: var(--orange); text-underline-offset: 3px; }
.ck-pdf span, .ck-pdf-tag { font: 600 10px var(--mono); padding: 1px 5px; background: #d64545; color: #fff; margin-left: 4px; vertical-align: 1px; }
/* IT-Cockpit: Kostenumschalter, Aufklappen */
.ck-kosten h3, .ck-kosten h2 { gap: 10px; flex-wrap: wrap; }
.ck-seg { display: inline-flex; border: 1px solid var(--linie); text-transform: none; letter-spacing: 0; }
.ck-seg button { font-family: inherit; font-size: 12.5px; font-weight: 500; padding: 5px 10px; border: 0; background: transparent; color: var(--grau); cursor: pointer; }
.ck-seg button + button { border-left: 1px solid var(--linie); }
.ck-seg button.an { background: #1a1d1e; color: #fff; }
.ck-seg button:focus-visible { outline: 2px solid var(--orange); outline-offset: 1px; }
.ck-kosten [data-panel] { display: flex; flex-direction: column; gap: 8px; }
.ck-kosten [data-panel][hidden] { display: none; }
.ck-aufklapp { display: block; width: 100%; margin-top: 10px; padding: 9px; border: 1px dashed var(--linie); background: transparent; font-family: inherit; font-size: 14px; font-weight: 500; color: inherit; cursor: pointer; }
.ck-aufklapp::after { content: " ▾"; color: var(--orange); } .ck-aufklapp.offen::after { content: " ▴"; }
.ck-aufklapp:hover { border-color: var(--orange); }
/* IT-Cockpit: aufgeräumtes Raster (v307) – gleich hohe Karten, keine Lücken */
.ck-raster { align-items: stretch; } .ck-raster > .pt-karte { margin: 0; } .ck-raster.ck-raster-voll { grid-template-columns: minmax(0, 1fr); }
.ck-spalte { display: flex; flex-direction: column; gap: 18px; min-width: 0; } .ck-spalte .pt-karte { margin: 0; } .ck-spalte .pt-karte:last-child { flex: 1; }
.ck-anfragen .ck-zeile { margin: 0 0 6px; }
.ck-kacheln { margin-bottom: 18px; align-items: stretch; }
.ck-kacheln.ck-n1 { grid-template-columns: minmax(0, 1fr); } .ck-kacheln.ck-n2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .ck-kacheln.ck-n3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.ck-finanzen { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin-bottom: 18px; align-items: stretch; }
.ck-finanzen > .pt-karte { margin: 0; } .ck-finanzen > .pt-karte:last-child:nth-child(odd) { grid-column: 1 / -1; }
.ck-kosten h2 { align-items: center; }
@media (max-width: 900px) { .ck-finanzen { grid-template-columns: minmax(0, 1fr); } .ck-finanzen > .pt-karte:last-child:nth-child(odd) { grid-column: auto; } .ck-kacheln.ck-n3 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .ck-kacheln.ck-n2, .ck-kacheln.ck-n3 { grid-template-columns: minmax(0, 1fr); } }
.pt-tabs-rechts { margin-left: auto; display: flex; gap: 4px; }
@media (max-width: 560px) { .pt-tabs { flex-wrap: wrap; } .pt-tabs-rechts { margin-left: 0; } }
/* IT-Cockpit: Demo-Hinweis mit Rollenumschalter */
.ck-demo { background: #000404; color: #fff; padding: 10px 14px; margin: 0 0 14px; display: flex; gap: 14px; align-items: center; flex-wrap: wrap; border-left: 4px solid var(--orange); font-size: 14px; }
.ck-demo b { font-family: var(--mono); color: var(--orange); letter-spacing: 1px; }
.ck-demo nav { margin-left: auto; display: inline-flex; border: 1px solid #555; }
.ck-demo nav a { padding: 5px 10px; color: #fff; text-decoration: none; font-size: 13px; } .ck-demo nav a + a { border-left: 1px solid #555; }
.ck-demo nav a[aria-current] { background: var(--orange); color: #000404; }
@media (max-width: 560px) { .ck-demo nav { margin-left: 0; } }
/* === DARK MODE (automatisch erzeugt, nicht von Hand ändern – werkzeug/dunkel.py) === */
html[data-theme=dark] body{color:var(--black);background:var(--soft)}
html[data-theme=dark] :focus-visible{outline:3px solid var(--orange)}
html[data-theme=dark] .pt-muted{color:var(--grau)}
html[data-theme=dark] .pt-kicker{color:var(--orange)}
html[data-theme=dark] .pt-kopf{background:var(--black);color:var(--white);border-bottom:4px solid var(--orange)}
html[data-theme=dark] .pt-logo .w{color:var(--white)}
html[data-theme=dark] .pt-logo .o{color:var(--orange)}
html[data-theme=dark] .pt-logo small{color:var(--light)}
html[data-theme=dark] .pt-nav a,html[data-theme=dark] .pt-nav-btn{color:var(--white)}
html[data-theme=dark] .pt-nav a:hover,html[data-theme=dark] .pt-nav-btn:hover,html[data-theme=dark] .pt-nav a[aria-current]{color:var(--orange)}
html[data-theme=dark] .pt-nav-btn{background:none;color:var(--light)}
html[data-theme=dark] .pt-karte{background:var(--white);border:1px solid var(--linie)}
html[data-theme=dark] .pt-btn{border:1px solid var(--orange);background:var(--orange);color:var(--black)}
html[data-theme=dark] .pt-btn-hell{background:var(--white);border-color:var(--black)}
html[data-theme=dark] .pt-link{color:var(--black);text-decoration-color:var(--orange)}
html[data-theme=dark] .pt-hinweis{background:#533c18;border-left:4px solid var(--orange)}
html[data-theme=dark] .pt-fehler{background:#531818;border-color:var(--rot)}
html[data-theme=dark] .pt-ico{background:var(--black);color:var(--orange)}
html[data-theme=dark] .pt-pfad{color:var(--grau)}
html[data-theme=dark] .pt-pfad a{color:var(--grau)}
html[data-theme=dark] .pt-block-kopf a{color:var(--grau)}
html[data-theme=dark] .pt-hero{background:var(--black);color:var(--white);border-left:4px solid var(--orange)}
html[data-theme=dark] .pt-gruppe{background:var(--white);border:1px solid var(--linie)}
html[data-theme=dark] .pt-gruppe:hover,html[data-theme=dark] .pt-art:hover,html[data-theme=dark] .pt-zeile:hover{border-color:var(--orange)}
html[data-theme=dark] .pt-gruppe small{color:var(--grau)}
html[data-theme=dark] .pt-notfall{border-left:4px solid var(--orange)}
html[data-theme=dark] .pt-notfall a{color:var(--black)}
html[data-theme=dark] .pt-art{background:var(--white);border:1px solid var(--linie)}
html[data-theme=dark] .pt-art span{color:var(--grau)}
html[data-theme=dark] .pt-art small{color:var(--orange)}
html[data-theme=dark] label em{color:var(--orange)}
html[data-theme=dark] input,html[data-theme=dark] select,html[data-theme=dark] textarea{border:1px solid #2c3335;background:var(--white);color:var(--black)}
html[data-theme=dark] input:focus,html[data-theme=dark] select:focus,html[data-theme=dark] textarea:focus{border-color:var(--orange);outline:none;box-shadow:0 0 0 3px rgba(241, 135, 0, .2)}
html[data-theme=dark] .pt-dringend span{border:1px solid #2c3335;background:var(--white)}
html[data-theme=dark] .pt-dringend input:checked + span{border-color:var(--orange);background:#533c18;box-shadow:inset 0 0 0 1px var(--orange)}
html[data-theme=dark] .pt-dringend input:focus-visible + span{outline:3px solid var(--orange)}
html[data-theme=dark] .pt-datei{border:1px dashed #b9bebe;background:var(--soft)}
html[data-theme=dark] .pt-datei svg{color:var(--grau)}
html[data-theme=dark] .pt-datei small{color:var(--grau)}
html[data-theme=dark] .pt-datei:focus-within{outline:3px solid var(--orange)}
html[data-theme=dark] .pt-dateiliste{color:var(--dark)}
html[data-theme=dark] .pt-schritte{color:var(--dark)}
html[data-theme=dark] .pt-tabs a{background:var(--white);border:1px solid var(--linie)}
html[data-theme=dark] .pt-tabs a[aria-current]{background:var(--black);color:var(--white);border-color:var(--black)}
html[data-theme=dark] .pt-zeile{background:var(--white);border:1px solid var(--linie)}
html[data-theme=dark] .pt-zeile-text small{color:var(--grau)}
html[data-theme=dark] .pt-nr{color:var(--grau)}
html[data-theme=dark] .pt-status{background:#252c2d;color:var(--dark)}
html[data-theme=dark] .pt-s-neu{background:#182753;color:#8d9dd8}
html[data-theme=dark] .pt-s-bearbeitung{background:#533c18;color:#f7b86e}
html[data-theme=dark] .pt-s-warten{background:var(--orange);color:var(--black)}
html[data-theme=dark] .pt-s-erledigt,html[data-theme=dark] .pt-s-geschlossen{background:#1e4d31;color:#83e2ad}
html[data-theme=dark] .pt-dl dt{color:var(--grau)}
html[data-theme=dark] .pt-nachricht{background:var(--white);border:1px solid var(--linie)}
html[data-theme=dark] .pt-nachricht time{color:var(--grau)}
html[data-theme=dark] .pt-mb{border-left:4px solid var(--orange)}
html[data-theme=dark] .pt-kunde{background:#1a1f20}
html[data-theme=dark] .pt-anh svg{color:var(--grau)}
html[data-theme=dark] .pt-anh small{color:var(--grau)}
html[data-theme=dark] .pt-fuss{background:var(--black);color:var(--light)}
html[data-theme=dark] .pt-fuss a{color:var(--white)}
html[data-theme=dark] .pt-fuss-notfall{color:var(--white)}
html[data-theme=dark] .pt-fuss-notfall svg{color:var(--orange)}
html[data-theme=dark] .pt-kontakt{border-top:1px solid var(--linie);border-bottom:1px solid var(--linie)}
html[data-theme=dark] .pt-kontakt input:disabled{background:var(--soft);color:var(--dark)}
html[data-theme=dark] .pt-multi legend em{color:var(--orange)}
html[data-theme=dark] .pt-multi span{border:1px solid #2c3335;background:var(--white)}
html[data-theme=dark] .pt-multi span::before{border:1.5px solid var(--grau)}
html[data-theme=dark] .pt-multi input:checked + span{border-color:var(--orange);background:#533c18}
html[data-theme=dark] .pt-multi input:checked + span::before{background:var(--orange);border-color:var(--orange);box-shadow:inset 0 0 0 2px #7e5b25}
html[data-theme=dark] .pt-multi input:focus-visible + span{outline:3px solid var(--orange)}
html[data-theme=dark] .pt-hilfe{color:var(--grau)}
html[data-theme=dark] .pt-kat-nav a{background:var(--white);border:1px solid var(--linie)}
html[data-theme=dark] .pt-kat-nav a svg{color:var(--grau)}
html[data-theme=dark] .pt-kat-nav a.akt{background:var(--black);color:var(--white);border-color:var(--black)}
html[data-theme=dark] .pt-kat-nav a.akt svg{color:var(--orange)}
html[data-theme=dark] .pt-kat-nav .pt-kat-alle{color:var(--grau)}
html[data-theme=dark] .pt-kat-suche{background:var(--white);border:1px solid #2c3335}
html[data-theme=dark] .pt-kat-suche:focus-within{border-color:var(--orange);box-shadow:0 0 0 3px rgba(241, 135, 0, .2)}
html[data-theme=dark] .pt-kat-suche svg{color:var(--grau)}
html[data-theme=dark] .pt-haeufig{color:var(--grau)}
html[data-theme=dark] .pt-haeufig a{background:var(--white);border:1px solid var(--linie);color:var(--black)}
html[data-theme=dark] .pt-haeufig a:hover{border-color:var(--orange)}
html[data-theme=dark] .pt-ug h2{color:var(--grau)}
html[data-theme=dark] .pt-zeile-art{background:var(--white);border:1px solid var(--linie)}
html[data-theme=dark] .pt-zeile-art:hover,html[data-theme=dark] .pt-zeile-art:focus-visible{border-color:var(--orange);box-shadow:inset 4px 0 0 var(--orange)}
html[data-theme=dark] .pt-mi{background:var(--soft);color:var(--black)}
html[data-theme=dark] .pt-zeile-txt small{color:var(--grau)}
html[data-theme=dark] .pt-pfeil{color:var(--light)}
html[data-theme=dark] .pt-dringend-tag{background:#531818;color:#e48181}
html[data-theme=dark] .pt-dauer{color:var(--grau)}
html[data-theme=dark] .pt-hinw{background:#533c18;border-left:4px solid var(--orange)}
html[data-theme=dark] .pt-hinw svg{color:var(--orange)}
html[data-theme=dark] .pt-hinw-rot{background:#531818;border-color:var(--rot)}
html[data-theme=dark] .pt-abschnitt{background:var(--white);border:1px solid var(--linie)}
html[data-theme=dark] .pt-abschnitt > header{border-bottom:1px solid var(--linie)}
html[data-theme=dark] .pt-abschnitt > header small{color:var(--grau)}
html[data-theme=dark] .pt-nr{background:var(--black);color:var(--white)}
html[data-theme=dark] .pt-zeile .pt-nr{background:none;color:var(--grau)}
html[data-theme=dark] .pt-seg legend em{color:var(--orange)}
html[data-theme=dark] .pt-seg span{border:1px solid #2c3335;background:var(--white)}
html[data-theme=dark] .pt-seg input:checked + span{background:var(--black);color:var(--white);border-color:var(--black)}
html[data-theme=dark] .pt-seg input:focus-visible + span{outline:3px solid var(--orange)}
html[data-theme=dark] .pt-mehr{border:1px dashed #b9bebe;background:var(--soft)}
html[data-theme=dark] .pt-mehr > summary svg{color:var(--grau)}
html[data-theme=dark] .pt-mehr > summary small{color:var(--grau)}
html[data-theme=dark] .pt-mehr > summary::after{color:var(--grau)}
html[data-theme=dark] .pt-mehr[open]{background:var(--white);border-color:var(--linie)}
html[data-theme=dark] .pt-kontaktkarte{background:var(--soft)}
html[data-theme=dark] .pt-av{background:var(--orange)}
html[data-theme=dark] .pt-datei.ueber{border-color:var(--orange);background:#533c18}
html[data-theme=dark] .pt-fehlt input,html[data-theme=dark] .pt-fehlt select,html[data-theme=dark] .pt-fehlt textarea{border-color:var(--rot);background:#1a1f20}
html[data-theme=dark] fieldset.pt-fehlt span{border-color:#7e2525}
html[data-theme=dark] .pt-zus{background:var(--white);border:1px solid var(--linie)}
html[data-theme=dark] .pt-zus-stand{color:var(--grau)}
html[data-theme=dark] .pt-balken{background:var(--linie)}
html[data-theme=dark] .pt-balken i{background:var(--orange)}
html[data-theme=dark] .pt-zus-liste li{color:var(--dark)}
html[data-theme=dark] .pt-zus-liste li::before{color:var(--light)}
html[data-theme=dark] .pt-notfallbox{background:var(--white);border:1px solid var(--linie);border-left:4px solid var(--orange)}
html[data-theme=dark] .pt-notfallbox a{color:var(--black)}
html[data-theme=dark] .pt-fuss-notfall{border-bottom:1px solid #262b2b}
html[data-theme=dark] .pt-fuss h2{color:var(--orange)}
html[data-theme=dark] .pt-fuss dt{color:var(--light)}
html[data-theme=dark] .pt-fuss dd{color:var(--white)}
html[data-theme=dark] .pt-fuss dd small{color:var(--light)}
html[data-theme=dark] .pt-fuss-logo .w{color:var(--white)}
html[data-theme=dark] .pt-fuss-logo .o{color:var(--orange)}
html[data-theme=dark] .pt-fuss-claim{color:var(--light)}
html[data-theme=dark] .pt-fuss-klein{color:var(--light)}
html[data-theme=dark] .pt-fuss .pt-fuss-btn{color:var(--black)}
html[data-theme=dark] .pt-fuss-unten{border-top:1px solid #262b2b}
html[data-theme=dark] .pt-fuss-unten a{color:var(--light)}
html[data-theme=dark] .pt-mld-sicherheit{background:#2a0d0d;color:#ffe1e1;box-shadow:inset 6px 0 0 var(--rot)}
html[data-theme=dark] .pt-mld-sicherheit .pt-mld-ico,html[data-theme=dark] .pt-mld-sicherheit .pt-mld-art{background:var(--rot);color:#fff}
html[data-theme=dark] .pt-mld-stoerung{background:#531818;color:#e67f7f;box-shadow:inset 6px 0 0 var(--rot)}
html[data-theme=dark] .pt-mld-stoerung .pt-mld-ico,html[data-theme=dark] .pt-mld-stoerung .pt-mld-art{background:var(--rot);color:#fff}
html[data-theme=dark] .pt-mld-wartung{background:#533c18;color:#f7bc6e;box-shadow:inset 6px 0 0 var(--orange)}
html[data-theme=dark] .pt-mld-wartung .pt-mld-ico,html[data-theme=dark] .pt-mld-wartung .pt-mld-art{background:var(--orange);color:#e6e9e9}
html[data-theme=dark] .pt-mld-info{background:#252c2d;color:#91a3d4;box-shadow:inset 6px 0 0 #5b6fb3}
html[data-theme=dark] .pt-mld-info .pt-mld-ico,html[data-theme=dark] .pt-mld-info .pt-mld-art{background:#5b6fb3;color:#fff}
html[data-theme=dark] .pt-mld-behoben{background:#1e4d31;color:#83e2ad;box-shadow:inset 6px 0 0 var(--gruen)}
html[data-theme=dark] .pt-mld-behoben .pt-mld-ico,html[data-theme=dark] .pt-mld-behoben .pt-mld-art{background:var(--gruen);color:#fff}
html[data-theme=dark] .pt-bekannt{background:#531818;border-left:4px solid var(--rot)}
html[data-theme=dark] .pt-bekannt-wartung{background:#533c18;border-color:var(--orange)}
html[data-theme=dark] .pt-bekannt-wartung > svg{color:var(--orange)}
html[data-theme=dark] .pt-bekannt-sicherheit{background:#2a0d0d;color:#ffe1e1}
html[data-theme=dark] .pt-bekannt-sicherheit .pt-muted{color:#e7b3b3}
html[data-theme=dark] .pt-s-offen{background:#252c2d;color:var(--dark)}
html[data-theme=dark] .pt-s-pruefung,html[data-theme=dark] .pt-s-bearbeitung,html[data-theme=dark] .pt-s-kunde{background:#533c18;color:#f7b86e}
html[data-theme=dark] .pt-s-rueckfrage,html[data-theme=dark] .pt-s-erinnerung{background:var(--orange);color:var(--black)}
html[data-theme=dark] .pt-s-hold,html[data-theme=dark] .pt-s-extern{background:#182753;color:#8d9dd8}
html[data-theme=dark] .pt-s-abbruch{background:#252c2d;color:var(--grau)}
html[data-theme=dark] .thema-schalter{border:1px solid var(--linie);background:var(--white);color:var(--grau)}
html[data-theme=dark] .thema-schalter:hover{border-color:var(--orange)}
html[data-theme=dark] .ts-spur{background:var(--linie)}
html[data-theme=dark] .ts-knopf{background:var(--grau)}
html[data-theme=dark] .thema-schalter[aria-checked="true"] .ts-spur{background:var(--orange)}
html[data-theme=dark] .thema-schalter[aria-checked="true"] .ts-knopf{background:#000404}
html[data-theme=dark] .pt-eintrag{background:var(--white);border:1px solid var(--linie);border-left:4px solid var(--orange);color:inherit}
html[data-theme=dark] .pt-anleitung{color:var(--black)}
html[data-theme=dark] .dk-cb{border:1.5px solid #6b7272}
html[data-theme=dark] .dk-cb.an{background:#000404;border-color:#000404;color:#f18700}
html[data-theme=dark] .dk-text code{background:#252c2d;border:1px solid #2c3335}
html[data-theme=dark] .dk-code{background:#0f1314;color:#e6e9e9}
html[data-theme=dark] .dk-text img{border:1px solid #2c3335}
html[data-theme=dark] .dk-text a{color:inherit;text-decoration-color:#f18700}
html[data-theme=dark] .dk-text blockquote{border-left:4px solid #2c3335;color:#e6e9e9}
html[data-theme=dark] .dk-text hr{border-top:1px solid #2c3335}
html[data-theme=dark] .dk-tab table{background:#1a1f20;border:1px solid #2c3335}
html[data-theme=dark] .dk-tab th{color:#e6e9e9;border-bottom:2px solid #000404;background:#1a1f20}
html[data-theme=dark] .dk-tab td{border-bottom:1px solid #2c3335}
html[data-theme=dark] .dk-tab table.dk-kv td:first-child{color:#e6e9e9;background:#1a1f20}
html[data-theme=dark] .dk-steck{border:1px solid #2c3335;background:#1a1f20}
html[data-theme=dark] .dk-steck dt,html[data-theme=dark] .dk-steck dd{border-bottom:1px solid #2c3335}
html[data-theme=dark] .dk-steck dt{color:#e6e9e9;background:#1a1f20}
html[data-theme=dark] .dk-kasten{border-left:4px solid #1d4ea8;background:#182f53}
html[data-theme=dark] .dk-kasten-titel{color:#82a4e3}
html[data-theme=dark] .dk-kasten.dk-warnung{border-left-color:#d03b3b;background:#532118}
html[data-theme=dark] .dk-kasten.dk-warnung .dk-kasten-titel{color:#dc8989}
html[data-theme=dark] .dk-kasten.dk-hinweis{border-left-color:#e0a100;background:#533f18}
html[data-theme=dark] .dk-kasten.dk-hinweis .dk-kasten-titel{color:#f7ce6e}
html[data-theme=dark] .dk-kasten.dk-tipp{border-left-color:#0ca30c;background:#1a1f20}
html[data-theme=dark] .dk-kasten.dk-tipp .dk-kasten-titel{color:#79ec79}
html[data-theme=dark] .dk-live{border:1px dashed #25457e;background:#1a1f20}
html[data-theme=dark] .dk-live-tag{color:#82a4e3;background:#183053}
html[data-theme=dark] .dk-live-leer{color:#e6e9e9}
html[data-theme=dark] .dk-p{background:#a6aaac}
html[data-theme=dark] .dk-p.gut{background:#0ca30c}
html[data-theme=dark] .dk-pw{background:#533918;border:1px solid #7e5725;color:#f7ba6e}
html[data-theme=dark] .kb-hero .pt-muted{color:#c9cdcd}
html[data-theme=dark] .kb-live{background:var(--white);color:var(--black);border:1px solid var(--linie);box-shadow:0 10px 28px rgba(0,0,0,.14)}
html[data-theme=dark] .kb-live a{color:var(--black);border-bottom:1px solid var(--linie)}
html[data-theme=dark] .kb-live a:hover,html[data-theme=dark] .kb-live a:focus{background:var(--soft)}
html[data-theme=dark] .kb-live a small{color:var(--grau)}
html[data-theme=dark] .kb-live .kb-live-alle{color:var(--black)}
html[data-theme=dark] .kb-live p{color:var(--grau)}
html[data-theme=dark] .kb-kat{background:var(--white);border:1px solid var(--linie);color:var(--black)}
html[data-theme=dark] .kb-kat:hover{border-color:var(--orange)}
html[data-theme=dark] .kb-kat small{color:var(--grau)}
html[data-theme=dark] .kb-artikel{background:var(--white);border:1px solid var(--linie);color:var(--black)}
html[data-theme=dark] .kb-artikel:hover{border-color:var(--orange)}
html[data-theme=dark] .kb-artikel span{color:var(--grau)}
html[data-theme=dark] .kb-artikel small{color:var(--orange)}
html[data-theme=dark] .kb-pfad{color:var(--grau)}
html[data-theme=dark] .kb-pfad a{color:var(--black)}
html[data-theme=dark] .kb-bewertung{border-top:1px solid var(--linie)}
html[data-theme=dark] .kb-mini li{border-bottom:1px solid var(--linie)}
html[data-theme=dark] .kb-mini a{color:var(--black)}
html[data-theme=dark] .kb-mini a:hover{color:var(--orange)}
html[data-theme=dark] .kb-tipp{border:1px solid #7e5625;border-left:4px solid var(--orange);background:#533b18}
html[data-theme=dark] .kb-tipp small{color:var(--grau)}
html[data-theme=dark] .kb-tipp a{color:var(--black);border-top:1px solid #7e5925}
html[data-theme=dark] .kb-tipp a b{text-decoration-color:var(--orange)}
html[data-theme=dark] .kb-tipp a span{color:var(--grau)}
html[data-theme=dark] .sd-tipp{color:#c9cdcd}
html[data-theme=dark] .sd-tipp b{color:#fff}
html[data-theme=dark] .sd-tipp a{color:var(--orange)}
html[data-theme=dark] .sd-live{background:var(--white);color:var(--black);border:1px solid var(--linie);box-shadow:0 12px 30px rgba(0,0,0,.18)}
html[data-theme=dark] .sd-gruppe{border-bottom:1px solid var(--linie)}
html[data-theme=dark] .sd-gruppe > b{color:var(--grau)}
html[data-theme=dark] .sd-gruppe a{color:var(--black)}
html[data-theme=dark] .sd-gruppe a:hover,html[data-theme=dark] .sd-gruppe a:focus{background:var(--soft);outline:none;box-shadow:inset 3px 0 0 var(--orange)}
html[data-theme=dark] .sd-gruppe a small{color:var(--grau)}
html[data-theme=dark] .sd-gruppe p{color:var(--grau)}
html[data-theme=dark] .sd-gruppe p a{color:var(--black)}
html[data-theme=dark] .sd-alle{color:var(--black)}
html[data-theme=dark] .sd-alle:hover{background:var(--soft)}
html[data-theme=dark] .kb-unter{color:var(--grau)}
html[data-theme=dark] .ck-vorschau{background:#533a18;border-left:4px solid var(--orange);color:#e6e9e9}
html[data-theme=dark] .ck-rolle{border:1px solid var(--linie);background:var(--white);color:var(--dark)}
html[data-theme=dark] .ck-rolle b{color:var(--black)}
html[data-theme=dark] .ck-p{background:var(--light)}
html[data-theme=dark] .ck-p-gr{background:#1f9d55}
html[data-theme=dark] .ck-p-g{background:#e3a008}
html[data-theme=dark] .ck-p-o{background:#ea7a0f}
html[data-theme=dark] .ck-p-r{background:#d64545}
html[data-theme=dark] .ck-p-b{background:#2f7de1}
html[data-theme=dark] .ck-held{border:1px solid var(--linie);background:var(--white)}
html[data-theme=dark] .ck-status{border-left:8px solid #1f9d55;background:linear-gradient(90deg, rgba(31, 157, 85, .11), rgba(31, 157, 85, 0) 75%)}
html[data-theme=dark] .ck-status.ck-s-orange{border-left-color:#ea7a0f;background:linear-gradient(90deg, rgba(234, 122, 15, .12), rgba(234, 122, 15, 0) 75%)}
html[data-theme=dark] .ck-status.ck-s-rot{border-left-color:#d64545;background:linear-gradient(90deg, rgba(214, 69, 69, .12), rgba(214, 69, 69, 0) 75%)}
html[data-theme=dark] .ck-ampel{color:var(--dark)}
html[data-theme=dark] .ck-status p{color:var(--dark)}
html[data-theme=dark] .ck-status small{color:var(--grau)}
html[data-theme=dark] .ck-bereiche{border-left:1px solid var(--linie)}
html[data-theme=dark] .ck-bereiche a{border-bottom:1px solid var(--linie);border-right:1px solid var(--linie)}
html[data-theme=dark] .ck-bereiche a:hover{background:var(--soft)}
html[data-theme=dark] .ck-bereiche a small{color:var(--grau)}
html[data-theme=dark] .ck-emp li{border-top:1px solid var(--linie)}
html[data-theme=dark] .ck-emp p{color:var(--dark)}
html[data-theme=dark] .ck-bal{background:#d64545}
html[data-theme=dark] .ck-bal.ck-c-mittel{background:#ea7a0f}
html[data-theme=dark] .ck-bal.ck-c-niedrig{background:#e3a008}
html[data-theme=dark] .ck-bal.ck-c-info{background:var(--light)}
html[data-theme=dark] .ck-chip{background:var(--soft);color:var(--dark)}
html[data-theme=dark] .ck-chip.ck-c-hoch{background:rgba(214, 69, 69, .14);color:#db8a8a}
html[data-theme=dark] .ck-chip.ck-c-mittel{background:rgba(234, 122, 15, .15);color:#f7b26e}
html[data-theme=dark] .ck-chip.ck-c-niedrig{background:rgba(227, 160, 8, .17);color:#f7d46e}
html[data-theme=dark] .ck-chip.ck-c-status{background:rgba(47, 125, 225, .13);color:#82ade3}
html[data-theme=dark] .ck-erledigt{border-top:1px dashed var(--linie)}
html[data-theme=dark] .ck-erledigt small{color:var(--grau)}
html[data-theme=dark] .ck-einr{color:var(--grau)}
html[data-theme=dark] .ck-k{background:var(--white);border:1px solid var(--linie)}
html[data-theme=dark] .ck-k h3{color:var(--grau)}
html[data-theme=dark] .ck-gross small,html[data-theme=dark] .ck-gross-inline small{color:var(--grau)}
html[data-theme=dark] .ck-hinw{background:rgba(241, 135, 0, .1);border-left:3px solid var(--orange)}
html[data-theme=dark] .ck-fuss{color:var(--grau)}
html[data-theme=dark] .ck-review{background:#000404;color:#fff}
html[data-theme=dark] .ck-review p{color:#c9cdce}
html[data-theme=dark] .ck-ico{color:var(--orange)}
html[data-theme=dark] .ck-filter a{border:1px solid var(--linie);background:var(--white)}
html[data-theme=dark] .ck-filter a[aria-current]{background:var(--black);color:var(--white);border-color:var(--black)}
html[data-theme=dark] .ck-weg{color:var(--grau)}
html[data-theme=dark] .ck-weg a{color:var(--grau)}
html[data-theme=dark] .ck-det-kopf{border:1px solid var(--linie);border-left:8px solid #d64545;background:var(--white)}
html[data-theme=dark] .ck-det-kopf.ck-k-mittel{border-left-color:#ea7a0f}
html[data-theme=dark] .ck-det-kopf.ck-k-niedrig{border-left-color:#e3a008}
html[data-theme=dark] .ck-det-kopf.ck-k-info{border-left-color:var(--light)}
html[data-theme=dark] .ck-det-kopf p{color:var(--dark)}
html[data-theme=dark] .ck-block h3{color:var(--grau)}
html[data-theme=dark] .ck-vorteil{background:rgba(31, 157, 85, .1);border-left:4px solid #1f9d55}
html[data-theme=dark] .ck-vorteil h3{color:#84e1ac}
html[data-theme=dark] .ck-mb{background:rgba(241, 135, 0, .1);border-left:4px solid var(--orange)}
html[data-theme=dark] .ck-fakten dt{color:var(--grau)}
html[data-theme=dark] .ck-btn-leise{background:transparent;border:1px solid var(--linie);color:var(--dark)}
html[data-theme=dark] .ck-tech{border:1px solid var(--linie);background:var(--white)}
html[data-theme=dark] .ck-tech summary small{color:var(--grau)}
html[data-theme=dark] .ck-quelle{color:var(--grau)}
html[data-theme=dark] .ck-tab th{color:var(--grau);border-bottom:2px solid var(--black)}
html[data-theme=dark] .ck-tab td{border-bottom:1px solid var(--linie)}
html[data-theme=dark] .ck-tab td small{color:var(--grau)}
html[data-theme=dark] .ck-zeit li{border-left:2px solid var(--linie)}
html[data-theme=dark] .ck-zeit li::before{background:var(--orange)}
html[data-theme=dark] .ck-zeit small{color:var(--grau)}
html[data-theme=dark] .ck-sw{background:#252c2d}
html[data-theme=dark] .ck-sw i{background:#1a1f20}
html[data-theme=dark] .ck-sw.an{background:#1f9d55}
html[data-theme=dark] .ck-sw:focus-visible{outline:2px solid var(--orange)}
html[data-theme=dark] .wc-q{color:var(--grau)}
html[data-theme=dark] .wc-tab th{color:var(--grau);border-bottom:2px solid var(--black)}
html[data-theme=dark] .wc-tab td{border-bottom:1px solid var(--linie)}
html[data-theme=dark] .wc-tab td small{color:var(--grau)}
html[data-theme=dark] .wc-st{background:var(--soft)}
html[data-theme=dark] .wc-st.o{background:rgba(234, 122, 15, .15);color:#f7b26e}
html[data-theme=dark] .wc-st.g{background:rgba(31, 157, 85, .13);color:#83e2ad}
html[data-theme=dark] .wc-a{border:1px solid var(--linie)}
html[data-theme=dark] .wc-a small{color:var(--grau)}
html[data-theme=dark] .wc-offen{background:rgba(234, 122, 15, .1);border-left:3px solid #ea7a0f}
html[data-theme=dark] .wc-pos{color:var(--grau)}
html[data-theme=dark] .ck-herkunft{background:var(--soft)}
html[data-theme=dark] .ck-h-mindbrain,html[data-theme=dark] .ck-h-miete{background:rgba(241, 135, 0, .14);color:#f7b86e}
html[data-theme=dark] .ck-h-fremd{background:rgba(47, 125, 225, .13);color:#82ade3}
html[data-theme=dark] .ck-i{background:var(--grau);color:var(--white)}
html[data-theme=dark] .ck-pdf b{text-decoration-color:var(--orange)}
html[data-theme=dark] .ck-pdf span,html[data-theme=dark] .ck-pdf-tag{background:#d64545;color:#fff}
html[data-theme=dark] .ck-seg{border:1px solid var(--linie)}
html[data-theme=dark] .ck-seg button{background:transparent;color:var(--grau)}
html[data-theme=dark] .ck-seg button + button{border-left:1px solid var(--linie)}
html[data-theme=dark] .ck-seg button.an{background:#1a1d1e;color:#fff}
html[data-theme=dark] .ck-seg button:focus-visible{outline:2px solid var(--orange)}
html[data-theme=dark] .ck-aufklapp{border:1px dashed var(--linie);background:transparent;color:inherit}
html[data-theme=dark] .ck-aufklapp::after{color:var(--orange)}
html[data-theme=dark] .ck-aufklapp:hover{border-color:var(--orange)}
html[data-theme=dark] .ck-demo{background:#000404;color:#fff;border-left:4px solid var(--orange)}
html[data-theme=dark] .ck-demo b{color:var(--orange)}
html[data-theme=dark] .ck-demo nav{border:1px solid #555}
html[data-theme=dark] .ck-demo nav a{color:#fff}
html[data-theme=dark] .ck-demo nav a + a{border-left:1px solid #555}
html[data-theme=dark] .ck-demo nav a[aria-current]{background:var(--orange);color:#e6e9e9}
@media (max-width: 999px){
html[data-theme=dark] .pt-zus{border-top:1px solid var(--linie);box-shadow:0 -6px 16px rgba(0, 0, 0, .08)}
}
@media (min-width: 1000px){
html[data-theme=dark] .pt-kat-nav{background:var(--white);border:1px solid var(--linie)}
html[data-theme=dark] .pt-kat-nav a:hover{background:var(--soft)}
html[data-theme=dark] .pt-kat-nav a.akt{background:#533c18;color:var(--black);border-left-color:var(--orange)}
html[data-theme=dark] .pt-kat-nav .pt-kat-alle{border-bottom:1px solid var(--linie)}
}
@media (max-width: 900px){
html[data-theme=dark] .ck-bereiche{border-top:1px solid var(--linie)}
}
/* === DARK MODE ENDE === */

/* ---------- Dark Mode: Grundfarben (Variablen) ---------- */
html[data-theme=dark] { color-scheme: dark; --black: #e6e9e9; --white: #1a1f20; --soft: #0f1314; --linie: #2c3335; --grau: #9aa3a3; --light: #7e8787; --dark: #c9cdcd; }
html[data-theme=dark] .pt-kopf, html[data-theme=dark] .pt-hero, html[data-theme=dark] .pt-fuss { background: #050808; color: #f3f4f4; }
html[data-theme=dark] .pt-fuss { color: #a6aaac; }
html[data-theme=dark] .pt-logo .w { color: #fff; }
html[data-theme=dark] .pt-ico { background: #050808; }
html[data-theme=dark] .pt-btn:not(.pt-btn-hell) { color: #000404; }
html[data-theme=dark] .pt-btn-hell { color: var(--black); }
html[data-theme=dark] input, html[data-theme=dark] select, html[data-theme=dark] textarea { background-color: #121718; color: var(--black); border-color: var(--linie); }
html[data-theme=dark] input[type=checkbox], html[data-theme=dark] input[type=radio] { background-color: transparent; }
html[data-theme=dark] ::placeholder { color: #6f7878; }
html[data-theme=dark] .pt-s-rueckfrage, html[data-theme=dark] .pt-s-erinnerung, html[data-theme=dark] .pt-s-warten { color: #000404; }

html[data-theme=dark] .pt-kopf .pt-nav a, html[data-theme=dark] .pt-kopf .pt-nav-btn { color: #f3f4f4; }
html[data-theme=dark] .pt-kopf .pt-nav a:hover, html[data-theme=dark] .pt-kopf .pt-nav a[aria-current], html[data-theme=dark] .pt-kopf .pt-nav-btn:hover { color: var(--orange); }

/* Hell/Dunkel-Schalter in der Kopfleiste rechts neben „Anmelden“ (beide Designs) */
.pt-kopf .pt-nav .thema-schalter, html[data-theme=dark] .pt-kopf .pt-nav .thema-schalter { position: static; top: auto; right: auto; margin-left: 6px; background: transparent; border: 1px solid #3a3f40; color: #a6aaac; }
.pt-kopf .pt-nav .thema-schalter:hover, html[data-theme=dark] .pt-kopf .pt-nav .thema-schalter:hover { border-color: var(--orange); }

/* Dark Mode: Fußzeile bleibt dunkel – Texte, die auf --white stehen, bekommen feste helle Farben (wie der Fernwartungstext) */
html[data-theme=dark] .pt-fuss-notfall, html[data-theme=dark] .pt-fuss-notfall b { color: var(--light); }
html[data-theme=dark] .pt-fuss a, html[data-theme=dark] .pt-fuss dd, html[data-theme=dark] .pt-fuss-logo .w { color: #f3f4f4; }
html[data-theme=dark] .pt-fuss-unten a, html[data-theme=dark] .pt-fuss-klein a { color: var(--light); }
html[data-theme=dark] .pt-fuss .pt-fuss-btn { color: #000404; }

/* Rückweg in die Mindbrain-App (nur wenn aus der App geöffnet) */
.pt-app-zurueck { display: block; background: #f18700; color: #000404; text-align: center; font-weight: 600; font-size: 14px; padding: 8px 16px; text-decoration: none; }
.pt-app-zurueck:hover, .pt-app-zurueck:focus-visible { background: #000404; color: #f18700; }

html[data-theme=dark] .kb-tipp{background:#2a2112;border-color:#5a4220}
html[data-theme=dark] .kb-tipp a{border-top-color:#3a2e1a}
html[data-theme=dark] .kb-hero .pt-muted{color:#9aa3a3}

html[data-theme=dark] .sd-tipp{color:#c9cdcd}

/* Doku-Blöcke wie in Confluence: Status, Datum, Textfarbe, Notiz-Infobox, Aufklappbar, Spalten (v284) */
.dk-status { display: inline-block; font: 600 11px/1.6 "IBM Plex Mono", Consolas, monospace; letter-spacing: .04em; text-transform: uppercase; padding: 0 6px; border-radius: 3px; vertical-align: 1px; white-space: nowrap; }
.dk-st-grau { background: #eceeee; color: #3a3f40; } .dk-st-blau { background: #e3edff; color: #1d4ea8; } .dk-st-gruen { background: #dff3e4; color: #17652c; } .dk-st-gelb { background: #fff1c2; color: #7a5600; } .dk-st-rot { background: #fde2e0; color: #a4261c; }
.dk-datum { display: inline-block; background: #eceeee; color: #3a3f40; padding: 0 6px; border-radius: 3px; font-size: .92em; white-space: nowrap; }
.dk-farbe.dk-f-rot { color: #c62828; } .dk-farbe.dk-f-orange { color: #d87400; } .dk-farbe.dk-f-gruen { color: #17803a; } .dk-farbe.dk-f-blau { color: #1d5fc4; } .dk-farbe.dk-f-grau { color: #6b7272; }
.dk-kasten.dk-notiz { border-left-color: #f18700; background: #fff6ea; } .dk-kasten.dk-notiz .dk-kasten-titel { color: #a85d00; }
.dk-kasten-ico { font-size: 15px; letter-spacing: 0; text-transform: none; }
.dk-auf { border: 1px solid #e2e4e4; margin: 0 0 14px; background: #fff; }
.dk-auf > summary, .dk-auf > .dk-auf-titel { padding: 8px 12px; font-weight: 600; cursor: pointer; list-style: none; }
.dk-auf > summary::-webkit-details-marker { display: none; }
.dk-auf > summary::before, .dk-auf > .dk-auf-titel::before { content: "▸"; display: inline-block; width: 1.1em; color: #f18700; transition: transform .15s; }
.dk-auf[open] > summary::before, .dk-auf.dk-auf-offen > .dk-auf-titel::before, .dk-wysiwyg .dk-auf > .dk-auf-titel::before { transform: rotate(90deg); }
.dk-auf-inhalt { padding: 2px 14px 4px 30px; }
.dk-spalten { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin: 0 0 14px; }
.dk-spalten.dk-sp-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .dk-spalten.dk-sp-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .dk-spalten.dk-sp-1 { grid-template-columns: 1fr; }
.dk-spalte > :first-child { margin-top: 0; }
@media (max-width: 700px) { .dk-spalten, .dk-spalten.dk-sp-3, .dk-spalten.dk-sp-4 { grid-template-columns: 1fr; } }
@media print { .dk-auf { break-inside: avoid; } }


/* IT-Cockpit: Penetrationstests */
.pek-sev { display: inline-flex; align-items: center; gap: 6px; font: 600 12px var(--mono); white-space: nowrap; }
.pek-sev::before { content: ""; width: 10px; height: 10px; flex: none; background: #9aa3a3; }
.pek-sev-krit::before { background: #b3261e; } .pek-sev-hoch::before { background: #e8590c; } .pek-sev-mittel::before { background: #e0a800; } .pek-sev-niedrig::before { background: #4f8fd6; }
.pek-st { display: inline-block; font: 500 12px var(--mono); padding: 3px 8px; border-left: 3px solid #a6aaac; background: rgba(166, 170, 172, .16); white-space: nowrap; }
.pek-st-offen { border-color: #d64545; background: rgba(214, 69, 69, .12); } .pek-st-geplant { border-color: #8a8fd6; background: rgba(138, 143, 214, .14); }
.pek-st-arbeit { border-color: #f18700; background: rgba(241, 135, 0, .13); } .pek-st-umgesetzt { border-color: #1f9d55; background: rgba(31, 157, 85, .13); }
.pek-st-verifiziert { border-color: #0f6b3a; background: rgba(15, 107, 58, .14); } .pek-st-akzeptiert { border-color: #6b7272; background: rgba(107, 114, 114, .14); }
.pek-stand { display: grid; grid-template-columns: 150px 1fr; gap: 22px; align-items: center; }
@media (max-width: 640px) { .pek-stand { grid-template-columns: 1fr; } }
.pek-zahl { display: grid; text-align: center; border: 4px solid var(--orange); padding: 16px 8px; }
.pek-zahl b { font-size: 38px; line-height: 1; } .pek-zahl span { font-size: 13px; color: var(--grau); margin-top: 6px; }
.pek-stand h2 { margin: 0 0 4px; } .pek-stand p { margin: 6px 0; }
.pek-fort { width: 100%; height: 8px; display: block; margin-top: 10px; }
.pek-zwei { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr); gap: 18px; }
@media (max-width: 900px) { .pek-zwei { grid-template-columns: 1fr; } }
.pek-reihe { display: grid; grid-template-columns: 90px 1fr 40px; gap: 10px; align-items: center; margin: 9px 0; }
.pek-reihe span:last-child { font: 13px var(--mono); color: var(--grau); text-align: right; }
.pe-balken { width: 100%; height: 18px; display: block; }
.pe-leg { display: flex; flex-wrap: wrap; gap: 6px 14px; font-size: 12px; color: var(--grau); margin-top: 10px; }
.pe-leg span { display: inline-flex; align-items: center; gap: 5px; } .pe-leg svg { width: 10px; height: 10px; }
.pe-svg { width: 100%; height: auto; display: block; }
.pe-grid { stroke: var(--linie); stroke-width: 1; } .pe-ax { fill: var(--grau); font: 11px var(--mono); }
.pe-soll { fill: none; stroke: var(--light); stroke-width: 1.5; stroke-dasharray: 5 4; }
.pe-ist { fill: none; stroke: var(--orange); stroke-width: 2.5; stroke-linejoin: round; }
.pe-ist-pkt { fill: var(--orange); } .pe-lbl { fill: var(--black); font: 600 12px var(--sans); } .pe-lbl-or { fill: var(--orange); }
.pe-retest { stroke: var(--orange); stroke-width: 1.5; stroke-dasharray: 2 3; }
.pek-wahl { margin-bottom: 14px; }
.pek-frage { display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap; }
.pek-frage h2 { margin: 0 0 4px; } .pek-frage p { margin: 0; } .pek-frage form { margin: 0; }
.ck-tab td.mono { font-family: var(--mono); font-size: 12.5px; white-space: nowrap; }

/* IT-Cockpit Shop */
.sh-korb-btn { display: inline-flex; align-items: center; gap: 8px; font: 600 15px var(--sans); padding: 11px 16px; background: var(--black); color: var(--white); border: 0; cursor: pointer; }
.sh-korb-btn svg { width: 20px; height: 20px; fill: none; stroke: var(--orange); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.sh-korb-btn b { background: var(--orange); color: var(--black); font: 600 12px var(--mono); min-width: 22px; padding: 2px 6px; text-align: center; }
.sh-leiste { display: flex; flex-wrap: wrap; gap: 12px; justify-content: space-between; align-items: center; margin: 0 0 22px; }
.sh-filter { display: flex; flex-wrap: wrap; gap: 6px; }
.sh-filter button { font: 500 14px var(--sans); padding: 8px 14px; border: 1px solid var(--linie); background: var(--white); color: var(--black); cursor: pointer; }
.sh-filter button:hover { border-color: var(--orange); }
.sh-filter button[aria-pressed="true"] { background: var(--black); color: var(--white); border-color: var(--black); }
.sh-suche { width: 260px; max-width: 100%; } .sh-suche input { padding: 9px 12px; font-size: 15px; }
.sh-gruppe { margin: 0 0 30px; }
.sh-gruppe-titel { font-size: 19px; margin: 0 0 14px; display: flex; gap: 12px; align-items: baseline; flex-wrap: wrap; }
.sh-gruppe-titel small { font: 400 13px var(--mono); color: var(--grau); }
.sh-kacheln { display: grid; gap: 16px; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); }
.sh-artikel { background: var(--white); border: 1px solid var(--linie); display: flex; flex-direction: column; transition: border-color .15s, box-shadow .15s; }
.sh-artikel:hover { border-color: var(--orange); box-shadow: 0 6px 18px rgba(0, 4, 4, .08); }
.sh-bild { position: relative; display: block; padding: 0; border: 0; background: var(--soft); cursor: pointer; aspect-ratio: 4 / 3; overflow: hidden; }
.sh-bild img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .25s; }
.sh-artikel:hover .sh-bild img { transform: scale(1.04); }
.sh-marke { position: absolute; top: 10px; left: 10px; background: var(--orange); color: var(--black); font: 600 11px var(--mono); font-style: normal; padding: 2px 8px; }
.sh-info { padding: 14px 16px 16px; display: flex; flex-direction: column; flex: 1; }
.sh-info h3 { margin: 0 0 4px; font-size: 16px; }
.sh-info h3 button { all: unset; cursor: pointer; } .sh-info h3 button:hover { text-decoration: underline; text-decoration-color: var(--orange); }
.sh-info h3 button:focus-visible { outline: 3px solid var(--orange); }
.sh-info p { margin: 0 0 14px; font-size: 14px; color: var(--grau); line-height: 1.45; }
.sh-fuss { margin-top: auto; display: flex; justify-content: space-between; align-items: center; gap: 10px; flex-wrap: wrap; }
.sh-preis { font: 600 16px var(--mono); } .sh-preis small { font: 400 12px var(--mono); color: var(--grau); }
.sh-anfrage { font: 500 13px var(--mono); color: var(--grau); }
.sh-plus { font: 600 13px var(--sans); padding: 8px 12px; border: 1px solid var(--orange); background: var(--orange); color: var(--black); cursor: pointer; }
.sh-plus:hover { filter: brightness(1.06); }
.sh-hinweis-preise { margin-top: -6px; }
/* Details */
.sh-dlg { border: 0; padding: 0; width: min(880px, calc(100vw - 32px)); max-height: calc(100vh - 32px); background: var(--white); color: var(--black); }
.sh-dlg[open] { display: grid; grid-template-columns: 1fr; }
@media (min-width: 760px) { .sh-dlg[open] { grid-template-columns: 1fr 1fr; } }
.sh-dlg::backdrop { background: rgba(0, 4, 4, .55); }
.sh-dlg-text { padding: 24px; position: relative; }
.sh-dlg-text h2 { margin: 0 0 8px; font-size: 22px; padding-right: 30px; } .sh-dlg-text > p { margin: 0 0 12px; font-size: 15px; }
.sh-zu { position: absolute; top: 10px; right: 12px; border: 0; background: none; font-size: 28px; line-height: 1; cursor: pointer; color: var(--black); padding: 4px 8px; }
.sh-punkte { list-style: none; margin: 0 0 16px; padding: 0; font-size: 14px; }
.sh-punkte li { padding: 3px 0 3px 22px; position: relative; } .sh-punkte li::before { content: "✓"; position: absolute; left: 0; color: var(--orange); font-weight: 700; }
.sh-var { border: 0; padding: 0; margin: 0 0 16px; display: grid; gap: 8px; }
.sh-var legend { font-size: 14px; font-weight: 600; margin-bottom: 6px; }
.sh-var label { display: block; font-weight: 400; cursor: pointer; }
.sh-var input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.sh-var span { display: flex; justify-content: space-between; padding: 10px 12px; border: 1px solid #c9cdcd; font: 400 14px var(--mono); }
.sh-var b { font-family: var(--sans); }
.sh-var input:checked + span { border-color: var(--orange); box-shadow: inset 0 0 0 1px var(--orange); background: #fff8ee; }
.sh-var input:focus-visible + span { outline: 3px solid var(--orange); outline-offset: 2px; }
.sh-dlg-fuss { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 12px; border-top: 1px solid var(--linie); padding-top: 16px; }
.sh-preis-gross { font-size: 22px; flex: 1 0 100%; }
.sh-menge { width: 90px; } .sh-menge input { padding: 9px 10px; }
.sh-dlg-fuss .pt-btn { flex: 1; }
/* Warenkorb */
.sh-korb-hg { position: fixed; inset: 0; background: rgba(0, 4, 4, .45); z-index: 40; }
.sh-korb { position: fixed; top: 0; right: 0; bottom: 0; width: min(420px, 100vw); background: var(--white); z-index: 41; overflow: auto; padding: 22px; border-left: 4px solid var(--orange); transform: translateX(100%); transition: transform .2s; }
.sh-korb.auf { transform: none; }
.sh-korb-kopf { display: flex; justify-content: space-between; align-items: center; position: relative; }
.sh-korb-kopf h2 { margin: 0 0 14px; } .sh-korb-kopf .sh-zu { position: static; }
.sh-posten { list-style: none; margin: 0 0 14px; padding: 0; }
.sh-posten li { display: grid; grid-template-columns: 64px 1fr auto; gap: 12px; align-items: start; padding: 12px 0; border-bottom: 1px solid var(--linie); }
.sh-posten img { width: 64px; height: 48px; object-fit: cover; background: var(--soft); }
.sh-p-text b { display: block; font-size: 14px; } .sh-p-text small { display: block; color: var(--grau); font: 400 12px var(--mono); }
.sh-p-menge { display: flex; width: max-content; align-items: center; margin-top: 6px; border: 1px solid var(--linie); }
.sh-p-menge button { border: 0; background: var(--soft); width: 28px; height: 28px; cursor: pointer; font-size: 16px; }
.sh-p-menge output { min-width: 32px; text-align: center; font: 500 14px var(--mono); }
.sh-p-weg { border: 0; background: none; color: var(--grau); font-size: 12px; text-decoration: underline; cursor: pointer; padding: 0; }
.sh-summen { margin: 0 0 16px; } .sh-summen p { display: flex; justify-content: space-between; margin: 0 0 4px; font-size: 15px; }
.sh-summen b { font-family: var(--mono); } .sh-summen small { color: var(--grau); font-size: 12px; }
.sh-korb-felder { display: grid; gap: 12px; }
.sh-agb { display: flex; gap: 10px; align-items: flex-start; font-weight: 400; font-size: 13px; }
.sh-agb input { width: 18px; height: 18px; flex: none; margin-top: 2px; }
.sh-bestellen { width: 100%; }
.sh-dlg-bild { display: flex; flex-direction: column; align-self: start; }
.sh-dlg-bild > img { width: 100%; aspect-ratio: 4 / 3; object-fit: contain; display: block; background: var(--white); }
.sh-thumbs { display: flex; gap: 8px; padding: 0 16px 16px; flex-wrap: wrap; }
.sh-thumbs button { padding: 0; border: 2px solid var(--linie); background: var(--white); cursor: pointer; width: 64px; height: 48px; }
.sh-thumbs button[aria-current] { border-color: var(--orange); }
.sh-thumbs img { width: 100%; height: 100%; object-fit: contain; display: block; }
.sh-bild img { object-fit: contain; background: var(--white); }
.sh-preis .sh-indiv, .sh-indiv { font: 600 11px var(--mono); background: #fff4e3; color: #8a4b00; padding: 2px 7px; vertical-align: middle; }
.sh-danke { border-left-color: #1f9d55; background: #eaf7ef; }
.sh-fehler { border-left-color: #c62828; background: #fdecec; }
.sh-dlg { overflow: auto; overscroll-behavior: contain; }
.sh-korb { overscroll-behavior: contain; }   /* Dialog selbst ist der einzige Scrollbereich */
html:has(.sh-dlg[open]), html:has(.sh-korb.auf) { overflow: hidden; }   /* Seite dahinter scrollt nicht mit */
@media (max-width: 759px) { .sh-dlg-bild > img { max-height: 38vh; } .sh-dlg .sh-zu { position: fixed; top: 24px; right: 24px; background: var(--white); border: 1px solid var(--linie); z-index: 2; } }

/* IT-Cockpit: IT-Prozesse (v348) */
.ck-zahl { display: inline-block; min-width: 18px; padding: 0 5px; margin-left: 4px; background: var(--orange); color: #000; font: 600 11px/18px var(--mono); text-align: center; }
.pzk-offen { border-left: 4px solid var(--orange); }
.pzk-raster { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 18px; }
.pzk-liste { list-style: none; margin: 0; padding: 0; }
.pzk-liste li { border-top: 1px solid var(--linie); }
.pzk-liste a { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; padding: 9px 0; text-decoration: none; color: inherit; }
.pzk-liste a:hover b { text-decoration: underline; text-decoration-color: var(--orange); }
.pzk-liste span { color: var(--grau); font-size: 13px; text-align: right; }
.pzk-frei { display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap; border-left: 4px solid var(--orange); }
.pzk-frei form { margin: 0; }
.pzk-meta { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 22px; margin: 0; }
.pzk-meta div { padding: 8px 0; border-bottom: 1px solid var(--linie); }
.pzk-meta dt { font-size: 12px; color: var(--grau); } .pzk-meta dd { margin: 0; font-weight: 600; font-size: 14px; }
.pzk-werte td:first-child { color: var(--grau); width: 38%; }
.pzk-schritte { list-style: none; margin: 0; padding: 0; counter-reset: pzk; }
.pzk-schritte li { counter-increment: pzk; display: grid; grid-template-columns: 28px minmax(0, 1fr) auto; gap: 10px; padding: 9px 0; border-bottom: 1px solid var(--linie); font-size: 14px; }
.pzk-schritte li::before { content: counter(pzk); font: 600 12px var(--mono); width: 24px; height: 24px; display: grid; place-items: center; background: var(--soft); border: 1px solid var(--linie); }
.pzk-schritte small { display: block; color: var(--grau); }
.pzk-wer { font: 500 11px var(--mono); padding: 2px 7px; background: var(--soft); color: var(--dark); white-space: nowrap; align-self: start; }
.pzk-wer-kd { background: #fff1de; color: #9a5600; }
.pzk-frage { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr); gap: 18px; align-items: start; }
.pzk-frage form { display: grid; gap: 10px; justify-items: start; } .pzk-frage textarea { width: 100%; }
html[data-theme=dark] .pzk-wer-kd { background: #4a3315; color: #f7c27a; }
@media (max-width: 760px) { .pzk-raster, .pzk-meta, .pzk-frage { grid-template-columns: minmax(0, 1fr); } .pzk-liste a { flex-direction: column; gap: 2px; } .pzk-liste span { text-align: left; } }