/* Runde 2y: Anrufprotokoll (#/anrufe). Nur Tokens aus styles.css, alle Klassen mit Präfix .an-.
   Kein Rot: eingehend Grün, verpasst bzw. nicht angenommen Gelb, ausgehend neutral (MediPersonal Blau). Hell und dunkel über die Tokens.
   Handy bis 760 px: Karten statt Tabelle, Filter in einem ausklappbaren Bereich, grosse Tippflächen, Details als ganze Seite. */

/* ---------- Kopf ---------- */
.an-seite { display: flex; flex-direction: column; gap: 12px; min-width: 0; }
.an-kopf { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; padding-bottom: 12px; border-bottom: 1px solid var(--line); }
.an-kopf .head-icon { width: 36px; height: 36px; border-radius: 10px; }
.an-kopf .head-icon svg.i { width: 19px; height: 19px; }
.an-titel { flex: 1 1 240px; min-width: 0; }
.an-titel h2 { font-size: 20px; margin: 0; }
.an-titel .sub { font-size: 13px; color: var(--muted); margin-top: 2px; }
.an-neu svg.i { width: 15px; height: 15px; }

/* ---------- Suche und Filter ---------- */
.an-suchzeile { display: flex; align-items: center; gap: 8px; min-width: 0; }
.an-suche { flex: 1 1 auto; min-width: 0; max-width: 520px; }
.an-suche input { height: 40px; padding-top: 0; padding-bottom: 0; }
.an-filter-knopf { display: none; flex: none; }
.an-fzahl { min-width: 20px; height: 20px; padding: 0 6px; box-sizing: border-box; border-radius: 10px; display: inline-grid; place-items: center;
  font-size: 11.5px; font-weight: 700; background: var(--text); color: var(--app); }
.an-fzahl[hidden] { display: none; }
.an-filter { display: grid; gap: 8px; min-width: 0; }
.an-fz { display: grid; grid-template-columns: 92px minmax(0, 1fr); align-items: center; gap: 10px; min-width: 0; }
.an-lbl { font-size: 10.5px; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; color: var(--muted-2); white-space: nowrap; }
.an-fz-inhalt { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; min-width: 0; }
.an-schalter { display: inline-flex; align-items: center; gap: 7px; height: 36px; padding: 0 13px; border-radius: 999px; border: 1px solid var(--line-strong);
  background: var(--flaeche-2); color: var(--text); font: inherit; font-size: 12.5px; font-weight: 700; white-space: nowrap; cursor: pointer; }
.an-schalter:hover { border-color: var(--line-3); }
.an-schalter svg.i { width: 15px; height: 15px; color: var(--muted); }
.an-schalter[aria-pressed="true"] { background: var(--text); border-color: var(--text); color: var(--app); }
.an-schalter[aria-pressed="true"] svg.i { color: var(--app); }
.an-schalter:focus-visible, .an-zeit:focus-visible, .an-f-zeile:focus-visible, .an-zu-treffer:focus-visible { outline: 2px solid var(--ring); outline-offset: 2px; }
#an-berater { height: 36px; padding-top: 0; padding-bottom: 0; min-width: 0; max-width: 320px; }
.an-bereich { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; margin-left: 102px; }
.an-bereich[hidden] { display: none; }
.an-bereich label { flex-direction: row; align-items: center; gap: 8px; font-size: 13px; }
.an-bereich input { height: 36px; padding: 0 10px; font-size: 13px; }

/* ---------- Runde 2y, Layout: Suche, Filter und Kopfzahl ----------
   .an-steuer ist ein Raster mit zwei Spalten. Schmal (Handy und mittlere Breiten) steht alles untereinander wie bisher.
   Ab 880 px Breite der Hülle (am Computer ab etwa 1230 px Fensterbreite) steht der Filterblock rechtsbündig neben dem Suchfeld,
   die Kopfzahl unter dem Suchfeld auf Höhe der letzten Filterzeile. Die Liste beginnt dadurch rund 100 px weiter oben. */
.an-steuer { container: an-steuer / inline-size; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px 32px; min-width: 0; }
.an-steuer > * { grid-column: 1 / -1; }
.an-steuer > .an-suchzeile, .an-steuer > .an-kopfzahl { min-width: 0; }
@media (min-width: 761px) {
  /* Filterblock als Raster: Beschriftung, Hauptwahl, Schalter. Die drei Zeilen fluchten links und rechts, beide Schalter sind gleich breit. */
  .an-filter { grid-template-columns: max-content max-content max-content; justify-content: start; align-items: center; gap: 8px; }
  .an-filter .an-fz, .an-filter .an-fz-inhalt { display: contents; }
  .an-filter .an-lbl { grid-column: 1; padding-right: 8px; }
  .an-filter .an-wahl { grid-column: 2; }
  .an-filter .an-wahl[aria-labelledby="an-l-zeit"] { grid-column: 2 / -1; }
  .an-filter .an-wahl button { flex: 1 1 auto; }
  .an-filter .an-wahl + .an-schalter, .an-filter #an-berater + .an-schalter { grid-column: 3; justify-content: center; }
  .an-filter .an-fz-inhalt > .an-schalter:first-child { grid-column: 2; justify-self: start; } /* Berater: nur «Nur ohne Zuordnung» */
  .an-filter #an-berater { grid-column: 2; width: 100%; max-width: none; }
  .an-filter .an-bereich { grid-column: 2 / -1; margin-left: 0; gap: 8px 12px; contain: inline-size; } /* Von und Bis machen den Block nicht breiter, sie brechen notfalls um */
}
@container an-steuer (min-width: 880px) {
  .an-steuer > .an-suchzeile { grid-column: 1; grid-row: 1; align-self: start; }
  .an-steuer > .an-filter { grid-column: 2; grid-row: 1 / span 2; justify-self: end; align-self: start; }
  .an-steuer > .an-kopfzahl { grid-column: 1; grid-row: 2; align-self: end; min-height: 36px; }
  .an-steuer > .an-kopfzahl p > .muted { display: inline-block; } /* «ab … bis …» bricht als Ganzes um, nicht mitten im Zeitraum */
}

/* ---------- Kopfzahl ---------- */
.an-kopfzahl { display: flex; align-items: center; gap: 8px 12px; flex-wrap: wrap; min-height: 32px; }
.an-kopfzahl p { margin: 0; font-size: 14px; }
.an-kz-v { display: inline-block; margin-left: 6px; padding: 1px 9px; border-radius: 999px; font-size: 12px; font-weight: 700; vertical-align: 1px;
  background: var(--warn-bg); color: var(--warn-tx); border: 1px solid var(--warn-ln); }
.an-zurueck svg.i { width: 13px; height: 13px; }

/* ---------- Liste ---------- */
.an-tabelle { overflow-x: auto; overflow-y: visible; }
.an-tabelle table { min-width: 880px; }
.an-tabelle thead th { position: static; }
.an-tabelle tr.an-tag th { padding: 16px 8px 6px; font-size: 12.5px; font-weight: 700; color: var(--muted); background: transparent; border-bottom: 1px solid var(--line); }
.an-tabelle tbody tr.an-tag:first-child th { padding-top: 6px; }
.an-tabelle tbody tr.an-tag:hover th { background: transparent; }
tr.an-zeile { cursor: pointer; }
tr.an-zeile td { padding: 9px 8px; }
.an-zeit { border: 0; background: none; padding: 4px 6px; margin: -4px -6px; border-radius: 8px; font: inherit; font-weight: 700; color: var(--text);
  font-variant-numeric: tabular-nums; cursor: pointer; }
.an-art { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 600; color: var(--text); }
.an-art svg.i { width: 28px; height: 28px; padding: 6px; box-sizing: border-box; border-radius: 50%; border: 1px solid var(--neu-ln); background: var(--neu-bg); color: var(--neu-tx); }
.an-art-ein svg.i { background: var(--ok-bg); color: var(--ok-tx); border-color: var(--ok-ln); }
.an-art-verpasst svg.i { background: var(--warn-bg); color: var(--warn-tx); border-color: var(--warn-ln); }
.an-art-verpasst > span { color: var(--warn-tx); font-weight: 700; }
body[data-mandant="med"] .an-art-aus svg.i { background: var(--ak-bg); color: var(--ink); border-color: var(--ak-ln); }
.an-n { font-variant-numeric: tabular-nums; }
.an-f { max-width: 360px; }
.an-wer { display: inline-flex; align-items: center; gap: 10px; min-width: 0; max-width: 100%; vertical-align: middle; }
.an-wer-t { display: flex; flex-direction: column; min-width: 0; }
.an-wer-t b { font-weight: 650; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.an-wer-t small { font-size: 12px; color: var(--muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.an-unbekannt b { color: var(--muted); font-weight: 600; }
.an-notiz-ic { display: inline-grid; place-items: center; margin-left: 8px; vertical-align: middle; color: var(--muted); }
.an-notiz-ic svg.i { width: 14px; height: 14px; }
.an-berater { display: inline-flex; align-items: center; gap: 7px; min-width: 0; }
.an-berater > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.an-d { font-variant-numeric: tabular-nums; color: var(--muted); }
.an-d-m, .an-b-ws { display: none; }
.an-w { color: var(--muted); }
.an-mehr { display: flex; justify-content: center; }
.an-mehr:empty { display: none; }
.an-laedt { padding: 18px 4px; }
.an-leer { display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 34px 16px; text-align: center; color: var(--muted); }
.an-leer svg.i { width: 28px; height: 28px; opacity: .7; }
.an-leer p { margin: 0; }

/* ---------- Details (Pop-up) ---------- */
.modal-box:has(.an-detail), .modal-box:has(.an-form) { width: min(700px, 100%); }
.an-detail { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
.an-d-kopf { display: flex; align-items: center; gap: 12px; }
.an-sym { width: 44px; height: 44px; border-radius: 50%; display: grid; place-items: center; flex: none; border: 1px solid var(--neu-ln); background: var(--neu-bg); color: var(--neu-tx); }
.an-sym svg.i { width: 20px; height: 20px; }
.an-sym-ein { background: var(--ok-bg); color: var(--ok-tx); border-color: var(--ok-ln); }
.an-sym-verpasst { background: var(--warn-bg); color: var(--warn-tx); border-color: var(--warn-ln); }
body[data-mandant="med"] .an-sym-aus { background: var(--ak-bg); color: var(--ink); border-color: var(--ak-ln); }
.an-d-titel { flex: 1 1 auto; min-width: 0; }
.an-detail .an-d-titel h2 { margin: 0; font-size: 20px; }
.an-d-titel .sub { font-size: 13px; color: var(--muted); margin-top: 2px; }
.an-d-zu { flex: none; }
.an-d-wer { display: flex; align-items: center; justify-content: space-between; gap: 12px 18px; flex-wrap: wrap; padding: 14px 16px; border: 1px solid var(--line);
  border-radius: 14px; background: var(--flaeche-2); min-width: 0; }
.an-d-wer-link { min-width: 0; text-decoration: none; color: var(--text); }
.an-d-wer-link .an-wer-t b { font-size: 16px; white-space: normal; }
.an-d-wer-link .an-wer-t small { font-size: 13px; white-space: normal; }
.an-d-wer-link:hover b { text-decoration: underline; text-decoration-color: var(--ak-ln); text-underline-offset: 3px; }
.an-d-unbekannt { display: flex; align-items: center; gap: 10px; color: var(--muted); min-width: 0; flex: 1 1 260px; }
.an-d-unbekannt svg.i { width: 18px; height: 18px; flex: none; }
.an-d-nummer { display: flex; flex-direction: column; align-items: flex-end; gap: 1px; margin-left: auto; }
.an-d-nr { font-size: 20px; font-weight: 700; letter-spacing: .01em; font-variant-numeric: tabular-nums; white-space: nowrap; }
.an-d-nummer small { font-size: 12px; color: var(--muted); }
.an-d-akt { display: flex; flex-wrap: wrap; gap: 8px; }
.an-d-akt .btn { min-height: 40px; }
/* Runde 2y Korrektur 2: Anruf eines Beraters der anderen Abteilung, Hinweis statt der Knöpfe zum Zuordnen (ruhig, kein Rot) */
.an-d-hinweis { display: flex; align-items: flex-start; gap: 8px; margin: -6px 0 0; font-size: 13px; color: var(--muted); }
.an-d-hinweis svg.i { width: 15px; height: 15px; flex: none; margin-top: 2px; }
.an-d-werte { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 12px 18px; margin: 0; padding: 2px 2px 0; }
.an-d-werte dt { font-size: 12px; color: var(--muted-2); }
.an-d-werte dd { margin: 3px 0 0; font-weight: 600; font-variant-numeric: tabular-nums; min-width: 0; overflow-wrap: anywhere; }
.an-d-teil { display: flex; flex-direction: column; gap: 8px; border-top: 1px solid var(--line); padding-top: 14px; }
.an-d-teil h3 { display: flex; align-items: center; gap: 7px; margin: 0; font-size: 13px; color: var(--muted); font-weight: 700; }
.an-d-teil h3 svg.i { width: 15px; height: 15px; }
.an-d-teil > .btn { align-self: flex-start; }
.an-d-verlauf, .an-d-frueher { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
/* Runde 2y Korrektur 2: Spalte so breit wie die Zeit (mindestens 52 px). An anderen Tagen stehen Datum und Uhrzeit untereinander, nichts läuft in den Namen. */
.an-d-verlauf li { display: grid; grid-template-columns: minmax(52px, max-content) minmax(0, 1fr); gap: 10px; padding: 8px 10px; border-radius: 10px; background: var(--flaeche-2); border: 1px solid var(--line); }
.an-v-zeit { font-size: 12.5px; color: var(--muted); font-variant-numeric: tabular-nums; padding-top: 2px; white-space: nowrap; }
.an-v-zeit > span { display: block; }
.an-v-z1 { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; }
.an-v-z1 .tag { margin: 0; }
.an-d-verlauf p { margin: 4px 0 0; font-size: 13px; color: var(--muted); overflow-wrap: anywhere; white-space: pre-line; }
.an-f-zeile { display: grid; grid-template-columns: 30px 128px minmax(90px, 1fr) minmax(0, 1fr) auto; align-items: center; gap: 10px; width: 100%; min-height: 44px;
  padding: 6px 10px; border: 1px solid var(--line); border-radius: 10px; background: var(--flaeche-2); color: var(--text); font: inherit; font-size: 13px; text-align: left; cursor: pointer; }
.an-f-zeile:hover { border-color: var(--line-3); }
.an-f-zeile .an-art svg.i { width: 26px; height: 26px; padding: 5px; }
.an-f-zeit, .an-f-d { font-variant-numeric: tabular-nums; }
.an-f-b, .an-f-d { color: var(--muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* ---------- Notiz und Zuordnen ---------- */
.an-form { display: flex; flex-direction: column; gap: 12px; min-width: 0; }
.an-form h2 { display: flex; align-items: center; gap: 8px; margin: 0; font-size: 20px; }
.an-form-satz { margin: 0; overflow-wrap: anywhere; }
.an-form-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; }
.an-form select { height: 40px; }
.an-form textarea { width: 100%; resize: vertical; min-height: 96px; }
.an-fehler { margin: 0; min-height: 1.2em; font-size: 13px; color: var(--warn-tx); }
.an-fehler:empty { min-height: 0; }
.an-form-akt { margin-top: 4px; }
.an-nr { font-variant-numeric: tabular-nums; white-space: nowrap; }
.an-zu-suche input { height: 42px; }
.an-zu-liste { display: grid; gap: 6px; margin-top: 8px; max-height: min(46vh, 340px); overflow: auto; }
.an-zu-hinweis { margin: 4px 2px; font-size: 13px; }
.an-zu-treffer { display: flex; align-items: center; gap: 10px; min-height: 50px; padding: 8px 12px; border: 1px solid var(--line); border-radius: 12px; background: var(--flaeche-2);
  color: var(--text); font: inherit; text-align: left; cursor: pointer; }
.an-zu-treffer:hover { border-color: var(--line-3); }
.an-zu-treffer > span, .an-zu-gewaehlt > span { display: flex; flex-direction: column; min-width: 0; flex: 1 1 auto; }
.an-zu-treffer b, .an-zu-gewaehlt b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.an-zu-treffer small, .an-zu-gewaehlt small { font-size: 12px; color: var(--muted); }
.an-zu-gewaehlt { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border: 1px solid var(--line-strong); border-radius: 12px; background: var(--flaeche-2); margin-bottom: 10px; }
.an-ziel { display: grid; gap: 0; margin: 0; padding: 6px 12px 8px; border: 1px solid var(--line); border-radius: 12px; min-width: 0; }
.an-ziel legend { padding: 0 6px; font-size: 12.5px; color: var(--muted); }
label.an-wahlzeile { flex-direction: row; align-items: center; gap: 10px; min-height: 42px; padding: 4px 2px; color: var(--text); font-size: 14px; cursor: pointer; }
label.an-wahlzeile input { width: 18px; height: 18px; margin: 0; flex: none; }
.an-neu-person { display: grid; grid-template-columns: 110px minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr); gap: 8px; padding: 2px 0 8px 28px; }
.an-neu-person[hidden] { display: none; }
.an-neu-person input, .an-neu-person select { height: 38px; padding-top: 0; padding-bottom: 0; min-width: 0; }

/* ---------- Mittlere Breiten (761 bis 1180 px): Warteschlange steht in den Details, Tabelle ohne Mindestbreite ---------- */
@media (max-width: 1180px) and (min-width: 761px) {
  .an-tabelle table { min-width: 0; }
  .an-tabelle thead th:last-child, .an-tabelle td.an-w { display: none; }
  .an-r .an-art > span { display: none; } /* Zeichen mit Farbe und Titel, das Wort steht in den Details */
  .an-f { max-width: 260px; }
  .an-wer-t b, .an-wer-t small, .an-berater > span { max-width: 220px; }
}

/* ---------- Handy ---------- */
@media (max-width: 760px) {
  .an-kopf { gap: 10px; flex-wrap: nowrap; align-items: flex-start; }
  .an-titel { flex: 1 1 0; }
  .an-neu span { display: none; }
  /* Runde 2y Korrektur 2: .btn.small (styles.css) ging vor, die Tippfläche war nur 30 px hoch */
  .an-kopf .btn.an-neu { min-height: 44px; height: 44px; width: 44px; padding: 0; justify-content: center; }
  .an-suche { max-width: none; }
  .an-seite.panel { padding: 16px 14px; }
  .an-suche input { height: 46px; font-size: 16px; padding-right: 8px; }
  .an-filter-knopf { display: inline-flex; min-height: 46px; padding: 0 12px; gap: 6px; }
  .an-filter { display: none; padding: 12px; border: 1px solid var(--line); border-radius: 14px; background: var(--flaeche-2); gap: 12px; }
  .an-filter.offen { display: grid; }
  .an-fz { grid-template-columns: minmax(0, 1fr); gap: 6px; }
  /* Segmentwahl als Raster aus grossen Tippflächen (3 je Zeile), keine umgebrochene Pille */
  .an-wahl { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); width: 100%; border-radius: 14px; }
  .an-wahl button { height: 42px; padding: 0 6px; border-radius: 11px; }
  .an-schalter { height: 44px; flex: 1 1 auto; justify-content: center; }
  #an-berater { max-width: none; width: 100%; height: 44px; }
  .an-bereich { margin-left: 0; }
  .an-bereich label { flex: 1 1 100%; justify-content: space-between; }
  .an-bereich input { height: 44px; flex: 1 1 auto; min-width: 0; font-size: 15px; }
  .an-kopfzahl .btn { min-height: 40px; }

  /* Karten statt Tabelle: eine Karte je Anruf, die ganze Karte ist die Tippfläche */
  .an-tabelle { overflow: visible; }
  .an-tabelle table, .an-tabelle tbody { display: block; min-width: 0; }
  .an-tabelle thead { display: none; }
  .an-tabelle tr.an-tag { display: block; }
  .an-tabelle tr.an-tag th { display: block; padding: 14px 2px 6px; border: 0; white-space: normal; }
  tr.an-zeile { display: grid; grid-template-columns: 44px minmax(0, 1fr) auto; grid-template-areas: "r f z" "r n d" "r b b"; gap: 2px 12px; align-items: center;
    margin: 0 0 8px; padding: 12px 14px; border: 1px solid var(--line); border-radius: 14px; background: var(--flaeche-2); min-height: 76px; }
  tr.an-zeile td { display: block; padding: 0; border: 0; white-space: normal; min-width: 0; background: none !important; }
  tr.an-zeile:active { border-color: var(--line-3); }
  td.an-r { grid-area: r; align-self: start; }
  td.an-r .an-art > span { display: none; }
  td.an-r .an-art svg.i { width: 40px; height: 40px; padding: 10px; }
  td.an-f { grid-area: f; max-width: none; }
  td.an-f .flogo, td.an-f .avatar { display: none; }
  td.an-f .an-wer-t b { font-size: 15px; }
  td.an-f .an-wer-t small { font-size: 12.5px; }
  td.an-z { grid-area: z; text-align: right; align-self: start; }
  .an-zeit { font-size: 14px; }
  td.an-n { grid-area: n; font-size: 13px; color: var(--muted); }
  td.an-d { grid-area: d; text-align: right; font-size: 12.5px; }
  td.an-d .an-d-m { display: inline; color: var(--warn-tx); font-weight: 700; }
  td.an-b { grid-area: b; font-size: 12.5px; color: var(--muted); margin-top: 4px; }
  td.an-b .avatar.xs { width: 20px; height: 20px; }
  td.an-b .an-b-ws { display: inline; }
  tr.an-zeile td.an-w { display: none; }
  .an-notiz-ic { margin-left: 6px; }
  .an-mehr .btn { width: 100%; min-height: 48px; }

  /* Details und Formulare als ganze Seite, eine Hauptaktion (Anrufen) gross oben */
  .modal:has(.an-detail), .modal:has(.an-form) { padding: 0; place-items: stretch; }
  .modal-box:has(.an-detail), .modal-box:has(.an-form) { width: 100%; max-height: none; height: 100%; border-radius: 0; padding: 18px 16px 24px; }
  .an-d-kopf { align-items: flex-start; }
  .an-d-zu { width: 44px; height: 44px; min-height: 44px; }
  .an-d-wer { padding: 12px 14px; }
  .an-d-nummer { align-items: flex-start; margin-left: 0; width: 100%; }
  .an-d-akt { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .an-d-akt .btn { min-height: 48px; }
  .an-d-akt .an-d-anrufen { grid-column: 1 / -1; min-height: 54px; font-size: 16px; }
  .an-d-werte { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .an-f-zeile { grid-template-columns: 30px minmax(0, 1fr) auto; grid-template-areas: "s z d" "s a b"; row-gap: 2px; min-height: 56px; }
  .an-f-zeile .an-art { grid-area: s; }
  .an-f-zeit { grid-area: z; font-weight: 700; }
  .an-f-art { grid-area: a; color: var(--muted); }
  .an-f-b { grid-area: b; text-align: right; }
  .an-f-d { grid-area: d; text-align: right; }
  .an-form-akt { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); position: sticky; bottom: -24px; margin: 4px -16px -24px; padding: 12px 16px 16px;
    background: var(--app); border-top: 1px solid var(--line); }
  html[data-theme="light"] .an-form-akt { background: #fff; }
  .an-zu-liste { max-height: none; }
  .an-form-akt .btn { min-height: 50px; }
  .an-form select, .an-form input { font-size: 16px; }
  .an-neu-person { grid-template-columns: minmax(0, 1fr); padding-left: 0; }
  .an-neu-person input, .an-neu-person select { height: 44px; }
  label.an-wahlzeile { min-height: 48px; }
}