/* apple-global.css – gemeinsame Bausteine der Ansicht "Neu" für ALLE Seiten (nur Vorschau-Umgebung).
   Alle Regeln hängen an body.apple. Farben wie heute (Hauptfarbe kommt aus --farbe-primaer, also aus den Design-Einstellungen),
   dezent: klare Hierarchie, Rhythmus 4/8 px, gleiche Radien und Höhen, sichtbarer Fokus, Tippflächen 44 px mobil, lesbare Hilfetexte.

   Spezifität (wichtig, damit apple.css für Kanban und "Einsatz bearbeiten" Vorrang behält):
   - :where(body.apple) .x  = (0,1,0): gleich stark wie basis.css, gewinnt nur durch die spätere Ladereihenfolge; Seitenregeln gewinnen.
   - body.apple .x          = (0,2,1): nur dort, wo basis.css mit ".karte button" (0,1,1) o. Ä. überstimmt werden muss.
   Die Regeln in apple.css (body.apple .a .b, #kombiniertformular ...) sind stärker und bleiben unverändert wirksam. */

/* ===== 1. Variablen und Fokus ===== */
/* Die App hat nur den hellen Auftritt: Formularelemente, Scrollbalken und Tastatur sollen im Dunkelmodus des Geräts nicht halb dunkel werden. */
:root { color-scheme: light; }
/* iPhone quer: Die Aussparung (Kerbe) sitzt seitlich und verdeckte sonst einen Streifen des Inhalts. Hochkant sind die Werte 0. */
body.apple { padding-left: env(safe-area-inset-left); padding-right: env(safe-area-inset-right); }
body.apple {
  /* Hilfetexte und Beschriftungen waren zu hell (#afa294 = 2,3:1). Neu: >= 4,8:1 auch auf Beige (#f1e8da). */
  --farbe-text-mittel: #5f554a;     /* 6,4:1 auf #f5efe8 */
  --farbe-text-schwach: #6e6354;    /* 4,8:1 auf #f1e8da, 5,9:1 auf Weiß */
  --a-hinweis-text: #6b4a08;        /* Text im gelben Hinweiskasten: 7:1 auf #faedd6 */
  --a-gefahr: #b4443a;              /* ruhiges Rot, Weiß darauf 5,5:1 */
  --a-gefahr-dunkel: #8f352d;
  --a-fehler: #b42318;
  --a-h-knopf: 36px;                /* Knopfhöhe Desktop; mobil 44 px (unten) */
  --a-r-karte: 16px;
  --a-sprung: .15s ease;
}
@media (pointer: coarse), (max-width: 800px) {
  body.apple { --a-h-knopf: 44px; }
}

/* sichtbarer Fokusring für alles Bedienbare (Tastatur); Mausklick zeigt keinen Ring bei Knöpfen und Links */
body.apple :is(a, button, input, select, textarea, summary, [tabindex]:not([tabindex="-1"])):focus-visible {
  outline: 2px solid var(--a-petrol, #0c577f); outline-offset: 2px;
}

/* ===== 2. Überschriften, Links, Hilfetexte ===== */
:where(body.apple) h1 { font-size: 32px; line-height: 1.15; font-weight: 700; letter-spacing: -.01em; color: var(--farbe-text); margin: 0 0 16px; }
:where(body.apple) h2 { font-size: 19px; line-height: 1.25; font-weight: 700; color: var(--farbe-text); margin: 0 0 12px; }
:where(body.apple) h3 { font-size: 16px; line-height: 1.3; font-weight: 700; color: var(--farbe-text); margin: 0 0 8px; }
:where(body.apple) h4 { font-size: 15px; line-height: 1.3; font-weight: 700; margin: 0 0 8px; }
@media (max-width: 800px) {
  :where(body.apple) h1 { font-size: 28px; margin-bottom: 12px; }
}

:where(body.apple) a { color: var(--a-petrol, #0c577f); text-underline-offset: 2px; text-decoration-thickness: 1px; }
:where(body.apple) a:hover { color: var(--a-petrol-dunkel, #084660); }

/* Hilfetexte und Nebeninfos: lesbar, ruhig */
:where(body.apple) .hinweis-klein { font-size: 14px; line-height: 1.4; color: var(--farbe-text-mittel); margin: 4px 0 0; }
:where(body.apple) :is(.helptext, .kanban-hinweis, .wiki-meta, .chat-nachricht-zeit) { color: var(--farbe-text-mittel); }
:where(body.apple) .helptext { display: block; font-size: 14px; line-height: 1.4; margin-top: 4px; }

/* ===== 3. Titelzeile und Karte ===== */
:where(body.apple) .kopfzeile-mit-aktion { margin-bottom: 20px; gap: 12px 24px; align-items: center; }
@media (max-width: 800px) { :where(body.apple) .kopfzeile-mit-aktion { margin-bottom: 16px; } }

:where(body.apple) .karte {
  background: var(--farbe-flaeche); border: 1px solid var(--a-linie, #e8dccb); border-radius: var(--a-r-karte);
  box-shadow: 0 1px 2px rgba(58, 38, 28, .06); padding: 16px 20px; margin-bottom: 16px;
}
@media (max-width: 800px) { :where(body.apple) .karte { padding: 14px 16px; } }

/* ===== 4. Knöpfe: gleiche Höhe, Pille, Hover/Active/Disabled ===== */
body.apple .button, body.apple :is(.karte, .anmelde-box) button:where(:not([class])) {
  display: inline-flex; align-items: center; justify-content: center; gap: 6px;
  min-height: var(--a-h-knopf); padding: 0 18px; box-sizing: border-box;
  border: 0; border-radius: 999px; box-shadow: none;
  background: var(--farbe-primaer); color: #fff;
  font-family: inherit; font-size: 14px; font-weight: 600; line-height: 1.2; text-decoration: none; cursor: pointer;
  transition: background-color var(--a-sprung), transform var(--a-sprung);
  -webkit-tap-highlight-color: transparent;
}
body.apple .button:hover, body.apple :is(.karte, .anmelde-box) button:where(:not([class])):hover {
  background: var(--farbe-primaer-dunkel);
  background: color-mix(in srgb, var(--farbe-primaer) 82%, #000);
  color: #fff;
}
body.apple .button:active, body.apple :is(.karte, .anmelde-box) button:where(:not([class])):active {
  background: color-mix(in srgb, var(--farbe-primaer) 68%, #000); transform: translateY(.5px);
}
body.apple .button:disabled, body.apple .button[aria-disabled="true"],
body.apple :is(.karte, .anmelde-box) button:where(:not([class])):disabled { opacity: .5; cursor: not-allowed; transform: none; }

/* Sekundär: Umriss statt Fläche (Rahmen 1,5 px, deshalb 1,5 px weniger Innenabstand: gleiche Breite wie der Hauptknopf) */
body.apple .button-sekundaer {
  background: transparent; color: var(--farbe-text); border: 1.5px solid var(--a-rand, #c4b399); padding: 0 16.5px; box-shadow: none;
}
body.apple .button-sekundaer:hover { background: var(--a-gruppe-bg, #f5efe8); color: var(--farbe-text); }
body.apple .button-sekundaer:active { background: #efe4d4; }

/* Gefahr: ruhiges Rot */
body.apple .button-gefahr { background: var(--a-gefahr); color: #fff; }
body.apple .button-gefahr:hover { background: var(--a-gefahr-dunkel); }
body.apple .button-gefahr:active { background: #752a24; }
body.apple .button-sekundaer.button-gefahr { background: transparent; color: var(--a-gefahr); border-color: var(--a-gefahr); }
body.apple .button-sekundaer.button-gefahr:hover { background: #fbeceb; color: var(--a-gefahr-dunkel); }

/* Großer Hauptknopf ("+ Neuer Einsatz"): gleich wie in apple.css */
body.apple .button-gross { padding: 0 24px; min-height: 44px; font-size: 16px; font-weight: 700; }

/* Der kleine Forum-Knopf (in Tabellen und auf Karten) bleibt klein; Kanban regelt seine Größe selbst */
body.apple .forum-link-knopf { min-height: 28px; padding: 0 12px; font-size: 12px; white-space: nowrap; }
@media (pointer: coarse), (max-width: 800px) { body.apple .forum-link-knopf { min-height: 44px; } }

/* Textknopf: sieht aus wie ein Link, hat aber 44 px Tippfläche auf dem Handy */
body.apple .link-button, body.apple .karte button.link-button {
  background: none; border: 0; box-shadow: none; padding: 0; margin: 0; min-height: 0;
  color: var(--a-petrol, #0c577f); font: inherit; text-decoration: underline; text-underline-offset: 2px; cursor: pointer;
}
body.apple .link-button:hover { color: var(--a-petrol-dunkel, #084660); background: none; }
body.apple .link-button:disabled { opacity: .5; cursor: not-allowed; }
@media (pointer: coarse) { body.apple .link-button { min-height: 44px; } }

/* Umschalter-Pillen ("Aktiv / Erledigt / Suche", "Online / Aktiv / Offline") */
body.apple .status-auswahl { gap: 8px; margin: 8px 0 12px; }
body.apple .status-knopf, body.apple .karte button.status-knopf {
  display: inline-flex; align-items: center; justify-content: center; margin: 0;
  min-height: var(--a-h-knopf); padding: 0 18px; box-sizing: border-box;
  border: 1px solid var(--a-rand, #c4b399); border-radius: 999px; box-shadow: none;
  background: #fff; color: var(--farbe-text-mittel);
  font-family: inherit; font-size: 14px; font-weight: 600; line-height: 1.2; text-decoration: none; cursor: pointer;
  transition: background-color var(--a-sprung), color var(--a-sprung);
}
body.apple .status-knopf:hover, body.apple .karte button.status-knopf:hover { background: var(--a-gruppe-bg, #f5efe8); color: var(--farbe-text); }
body.apple .status-knopf:active, body.apple .karte button.status-knopf:active { background: #efe4d4; transform: translateY(.5px); }
body.apple .status-knopf-aktiv, body.apple .karte button.status-knopf-aktiv {
  background: var(--farbe-primaer); border-color: var(--farbe-primaer); color: #fff;
}
body.apple .status-knopf-aktiv:hover, body.apple .karte button.status-knopf-aktiv:hover {
  background: color-mix(in srgb, var(--farbe-primaer) 82%, #000); color: #fff;
}
body.apple .status-knopf:disabled { opacity: .5; cursor: not-allowed; }

/* ===== 5. Formularfelder (in Karten und auf der Anmeldung) ===== */
/* Beschriftung klar über dem Feld */
body.apple :is(.karte, .anmelde-box) label {
  display: block; margin-bottom: 4px; font-size: 14px; line-height: 1.3; font-weight: 600; color: var(--a-label, #4a4038);
}
body.apple .anmelde-box label { margin-top: 12px; }
body.apple .pflicht-stern { color: var(--a-pflicht, #b42318); }

/* Textfelder, Auswahl, Textbereich: Höhe 40/44, Rand #c4b399, Radius 12, beiger Grund wie heute (hebt sich vom Rand klar ab) */
body.apple :is(.karte, .anmelde-box) :is(input, select, textarea):where(
  :not([type="checkbox"], [type="radio"], [type="hidden"], [type="submit"], [type="button"], [type="file"], [type="color"], [type="range"], [type="image"],
       [type="datetime-local"], [type="date"], [type="time"], .rgb-farbe-felder *)
) {
  min-height: var(--a-h-feld, 40px); padding: 8px 12px;
  border: 1px solid var(--a-rand, #c4b399); border-radius: var(--a-r-feld, 12px);
  background-color: var(--a-gruppe-bg, #f5efe8); color: var(--farbe-text);
  font-family: inherit; font-size: 16px; line-height: 1.35;
  transition: border-color var(--a-sprung), background-color var(--a-sprung);
}
body.apple :is(.karte, .anmelde-box) textarea { min-height: 96px; resize: vertical; }
body.apple :is(.karte, .anmelde-box) select:where(:not([multiple])) {
  -webkit-appearance: none; appearance: none; padding-right: 36px; text-overflow: ellipsis;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235f554a' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: right 12px center; background-size: 16px;
}
/* Datum/Uhrzeit: Maße und Kalender-Symbol bleiben wie in basis.css, nur Rahmen und Rundung angleichen */
body.apple :is(.karte, .anmelde-box) :is(input[type="datetime-local"], input[type="date"], input[type="time"]) {
  border-color: var(--a-rand, #c4b399); border-radius: var(--a-r-feld, 12px);
}
body.apple :is(.karte, .anmelde-box) :is(input, select, textarea):where(:not([type="checkbox"], [type="radio"], [type="submit"], [type="button"], [type="color"], [type="range"])):hover {
  border-color: #a8977a;
}
body.apple :is(.karte, .anmelde-box) :is(input, select, textarea):where(:not([type="checkbox"], [type="radio"], [type="submit"], [type="button"], [type="color"], [type="range"])):focus {
  outline: none; background-color: #fff; border-color: var(--a-petrol, #0c577f); box-shadow: none;
}
body.apple :is(.karte, .anmelde-box) :is(input, select, textarea):where(:not([type="checkbox"], [type="radio"], [type="submit"], [type="button"])):focus-visible {
  outline: 2px solid var(--a-petrol, #0c577f); outline-offset: 2px;
}
body.apple :is(.karte, .anmelde-box) :is(input, select, textarea)::placeholder { color: var(--farbe-text-schwach); opacity: 1; }
body.apple :is(.karte, .anmelde-box) :is(input, select, textarea):disabled { opacity: .6; cursor: not-allowed; }
body.apple :is(.karte, .anmelde-box) :is(input, textarea)[readonly] { color: var(--farbe-text-mittel); }
body.apple :is(.karte, .anmelde-box) :is(input, select, textarea)[aria-invalid="true"] { border-color: var(--a-fehler); }

/* Kästchen und Auswahlpunkte: feste Größe, Hauptfarbe (basis.css streckt sie sonst auf volle Breite) */
body.apple :is(.karte, .anmelde-box) :is(input[type="checkbox"], input[type="radio"]):where(:not(.profil-schalter *)) {
  width: 20px; height: 20px; min-height: 0; padding: 0; margin: 0 8px 0 0; vertical-align: middle; flex: 0 0 20px;
  accent-color: var(--farbe-primaer); background: none; cursor: pointer;
}
body.apple input[type="checkbox"], body.apple input[type="radio"] { accent-color: var(--farbe-primaer); }

/* Fehler: lesbar, nicht nur durch Farbe (Abstand + Gewicht) */
body.apple .fehler, body.apple .errorlist, body.apple .errorlist li { color: var(--a-fehler); }
body.apple .errorlist { list-style: none; margin: 4px 0; padding: 0; font-size: 14px; line-height: 1.4; font-weight: 600; }
body.apple .fehler { font-weight: 600; }

/* ===== 6. Tabellen, Chips, Zähler ===== */
:where(body.apple) .tabelle { border-collapse: collapse; background: var(--farbe-flaeche); font-size: 15px; }
body.apple .tabelle th, body.apple .tabelle td { padding: 10px 14px; border-bottom: 1px solid var(--a-linie, #e8dccb); vertical-align: middle; }
body.apple .tabelle th {
  font-size: 13px; line-height: 1.3; font-weight: 600; letter-spacing: 0; text-transform: none;
  color: var(--farbe-text-mittel); background: var(--a-gruppe-bg, #f5efe8); border-bottom-color: var(--a-rand, #c4b399); white-space: nowrap;
}
body.apple .tabelle tbody tr:last-child td { border-bottom: 0; }
body.apple .tabelle tbody tr:hover, body.apple .klickbar:hover { background: #f9f4ec; }
body.apple .klickbar { cursor: pointer; }
body.apple .klickbar:focus-visible { outline: 2px solid var(--a-petrol, #0c577f); outline-offset: -2px; }
body.apple .th-sortierbar { gap: 4px; }
body.apple .th-sortierbar:hover { color: var(--farbe-text); text-decoration: none; }
body.apple .th-sortierbar::after { opacity: .55; }
:where(body.apple) .tabelle-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; max-width: 100%; }
:where(body.apple) .tabelle-scroll > .tabelle { min-width: 560px; }

/* Tabellen als Karten auf dem Handy (Kontakte, Einsatzliste): Karte statt loser Zeile */
@media (max-width: 800px) {
  body.apple .tabelle-karten tr {
    background: var(--farbe-flaeche); border: 1px solid var(--a-linie, #e8dccb); border-radius: 14px;
    padding: 10px 14px; margin-bottom: 8px; box-shadow: 0 1px 2px rgba(58, 38, 28, .06);
  }
  body.apple .tabelle-karten td { padding: 3px 0; border: 0; }
  body.apple .tabelle-karten td[data-label]:not(:empty)::before { color: var(--farbe-text-mittel); }
  body.apple .tabelle-karten tbody tr:hover { background: var(--farbe-flaeche); }
}

/* Status-Pillen: nur Form schärfen, Farben bleiben (Farbe kommt teils inline aus den Status-Einstellungen) */
:where(body.apple) .status, :where(body.apple) .status-chip {
  display: inline-flex; align-items: center; min-height: 24px; padding: 0 10px; border-radius: 999px;
  font-size: 13px; font-weight: 600; line-height: 1.3; white-space: nowrap;
}
:where(body.apple) .status { margin-left: 6px; }
:where(body.apple) .status-chip { padding: 0 12px; }
:where(body.apple) .punkt { width: 10px; height: 10px; flex: 0 0 10px; vertical-align: baseline; }
/* Zähler (kleine runde Zahl, z. B. "3 gewählt", Anzahl pro Spalte) */
:where(body.apple) .zaehler {
  display: inline-flex; align-items: center; justify-content: center; min-width: 24px; height: 22px; padding: 0 8px; box-sizing: border-box;
  border-radius: 999px; background: var(--a-petrol-tint, #e3eef3); color: var(--a-petrol-dunkel, #084660);
  font-size: 12px; font-weight: 700; line-height: 1;
}

/* ===== 7. Meldungen, Hinweis, Aufklapper, Modal ===== */
body.apple .meldung {
  padding: 10px 14px; margin-bottom: 8px; border-radius: 12px; border: 1px solid rgba(58, 38, 28, .08);
  font-size: 15px; line-height: 1.4; color: var(--farbe-text);
}
body.apple .meldung.error { background: #f8d7da; border-color: #eab6bb; }
body.apple .meldung.success { background: #e3f1e6; border-color: #bcdcc4; }
body.apple .meldung.warning { background: #faedd6; border-color: #ebd2a4; }
body.apple .meldung.info { background: var(--a-petrol-tint, #e3eef3); border-color: #bcd5e0; }

/* gelber Hinweiskasten (Warnung vor Doppel-Einträgen, Support-Hinweis ...) */
:where(body.apple) .hinweis {
  background: #faedd6; border: 1px solid #ebd2a4; border-radius: 12px; padding: 10px 14px;
  color: var(--a-hinweis-text); font-size: 15px; line-height: 1.4;
}
:where(body.apple) .hinweis a { color: var(--a-hinweis-text); font-weight: 600; }
:where(body.apple) .hinweis-bestaetigen { min-height: 36px; }

/* Aufklapper in Karten (Wiki-Aufklapper behalten ihre eigenen Regeln in basis.css) */
:where(body.apple) summary { cursor: pointer; border-radius: 8px; }
body.apple .karte details { border: 1px solid var(--a-linie, #e8dccb); border-radius: 14px; padding: 0 16px; margin: 8px 0; background: var(--farbe-flaeche); }
body.apple .karte details > summary { min-height: var(--a-h-knopf); display: flex; align-items: center; padding: 8px 0; font-weight: 600; color: var(--farbe-text); }
body.apple .karte details[open] { padding-bottom: 12px; }
body.apple .karte details[open] > summary { margin-bottom: 4px; }

/* Modal (Kommentare): nur Optik */
:where(body.apple) .modal-overlay { background: rgba(58, 38, 28, .5); -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); }
body.apple .modal-fenster { border-radius: 20px; padding: 20px 24px; box-shadow: 0 28px 56px -24px rgba(58, 38, 28, .4); }
body.apple .modal-kopf { margin-bottom: 12px; }
body.apple .modal-kopf h3 { font-size: 18px; }
@media (max-width: 800px) { body.apple .modal-fenster { padding: 16px; border-radius: 16px; } }

/* Anmeldung */
body.apple .anmelde-box { border-radius: 20px; border-color: var(--a-linie, #e8dccb); }

@media (prefers-reduced-motion: reduce) {
  body.apple .button, body.apple .status-knopf, body.apple :is(input, select, textarea) { transition: none; }
  :where(body.apple) .modal-overlay { -webkit-backdrop-filter: none; backdrop-filter: none; }
}

/* ===== Ein/Aus-Schalter =====
   Nur noch für Einstellungen in einer Zeile mit Beschriftung (Apple: Schalter in einer Listenzeile): Wiki "Nur für Administrator:innen";
   Chat-Schalter in apple-benutzer/-sonstige.css. Das echte Kästchen bleibt (Tastatur, Screenreader, JS). */
body.apple input[name="nur_admins"] {
  -webkit-appearance: none; appearance: none; position: relative; flex: 0 0 auto; cursor: pointer;
  width: 48px; height: 28px; min-height: 0; margin: 0; padding: 0; border-radius: 999px; box-sizing: border-box;
  background: #8a7d68; border: 0; transition: background-color var(--a-sprung, .15s ease);
}
body.apple input[name="nur_admins"]::after {
  content: ""; position: absolute; top: 3px; left: 3px; width: 22px; height: 22px; border-radius: 50%; background: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .3); transition: transform var(--a-sprung, .15s ease);
}
body.apple input[name="nur_admins"]:checked { background: var(--farbe-primaer); }
body.apple input[name="nur_admins"]:checked::after { transform: translateX(20px); }
body.apple input[name="nur_admins"]:focus-visible { outline: 2px solid var(--a-petrol, #0c577f); outline-offset: 2px; }
body.apple .seite-wiki-formular .karte form p:has(> input[name="nur_admins"]) { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 12px; min-height: 44px; }
body.apple .seite-wiki-formular .karte form p:has(> input[name="nur_admins"]) label { margin: 0; font-size: 16px; font-weight: 600; cursor: pointer; }
body.apple .seite-wiki-formular .karte form p:has(> input[name="nur_admins"]) input { order: -1; }
body.apple .seite-wiki-formular .karte form p:has(> input[name="nur_admins"]) .helptext { flex-basis: 100%; margin: 0; }

/* ===== Pillenknopf, der sich wie ein Schalter verhält (Apple: Knopf mit Zustand statt Schalter außerhalb einer Liste) =====
   Aus = weiß mit Rand, an = Hauptfarbe mit Häkchen. Das echte Kästchen bleibt unsichtbar im Hintergrund (Tastatur, Funktion unverändert). */
body.apple .alarm-automatik { position: relative; display: inline-flex; align-items: center; flex-wrap: wrap; gap: 4px 10px; cursor: pointer; }
body.apple .alarm-automatik > input#alarm-automatik { position: absolute; opacity: 0; width: 1px; height: 1px; margin: 0; pointer-events: none; }
body.apple .alarm-automatik .aa-name {
  display: inline-flex; align-items: center; gap: 6px; min-height: 36px; padding: 0 16px; border: 1px solid #c4b399; border-radius: 999px;
  background: #fff; color: var(--farbe-text, #3a332c); font-size: 14px; font-weight: 600; line-height: 1.2; user-select: none; -webkit-user-select: none;
  transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}
body.apple .alarm-automatik:hover .aa-name { background: #f5efe8; }
body.apple .alarm-automatik > input#alarm-automatik:checked + span .aa-name { background: var(--farbe-primaer); border-color: var(--farbe-primaer); color: #fff; }
body.apple .alarm-automatik > input#alarm-automatik:checked + span .aa-name::before { content: "\2713"; font-size: 13px; font-weight: 700; }
body.apple .alarm-automatik > input#alarm-automatik:focus-visible + span .aa-name { outline: 2px solid var(--a-petrol, #0c577f); outline-offset: 2px; }
body.apple .alarm-automatik .aa-rest { font-size: 13px; color: var(--farbe-text-mittel); }
body.apple .alarm-automatik .aa-rest { margin-left: 2px; }
body.apple .alarm-automatik .aa-rest::before { content: ": "; }
@media (max-width: 800px) { body.apple .alarm-automatik .aa-name { min-height: 44px; } }

/* ===== Statuspunkte: Farbe plus Form (voll = aktiv, halb = online, leer = offline) ===== */
body.apple .punkt-aktiv, body.apple .punkt-online, body.apple .punkt-offline { width: 12px; height: 12px; flex: 0 0 12px; border-radius: 50%; box-sizing: border-box; box-shadow: none; vertical-align: -1px; }
body.apple .punkt-aktiv { background: #3f8f55; border: 2px solid #3f8f55; }
body.apple .punkt-online { background: linear-gradient(90deg, #e3a70a 50%, transparent 50%); border: 2px solid #b07d00; }
body.apple .punkt-offline { background: transparent; border: 2px solid #c0463c; }