/* Terminplaner — Hausstil-Aufsatz fuer die oeffentlichen Seiten (27.10.2026).
   Wird nur in kopf() (seiten/rahmen.php) NACH stil.css geladen; der Adminbereich
   laedt ihn nicht und bleibt im alten Stil. Nur Gestaltung: stil.css bleibt
   unveraendert, dieser Aufsatz legt die eigenen Variablen auf die Hauswerte
   (/hausstil/v1.1.0/hausstil.css) und ersetzt fest eingetragene Farben.
   Faellt der Hausstil weg, greifen die Rueckfallwerte.
   Kalender: frei = gefuellter Kreis (Gold hell) mit fetter Tinte,
   nicht frei = blasse Zahl ohne Kreis, gewaehlt = Tinte mit heller Schrift. */

:root {
  --blau: var(--hs-ink, #1c1a17);
  --blau-dunkel: var(--hs-ink-hover, #2e2b26);
  --blau-hell: var(--hs-gold-100, #efe6d4);
  --text: var(--hs-ink, #1c1a17);
  --text-blass: var(--hs-text-subtle, #6b645a);
  --rand: var(--hs-border, #e5ddd0);
  --grund: var(--hs-bg, #f3eee6);
  --karte: var(--hs-surface, #ffffff);
  --rot: var(--hs-error, #8a2f1f);
  --radius: var(--hs-radius, 1.25rem);
  --schatten: var(--hs-shadow, 0 12px 32px rgba(28, 26, 23, .1));
  --ts-zweit: var(--hs-text-muted, #4a453d);
  --ts-aus: #b5ad9f;
}

body {
  font-family: var(--hs-font-sans, "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
  accent-color: var(--hs-ink, #1c1a17);
}

/* Ueberschriften in Newsreader, Gewicht 400 */
.termin-titel, .abschnitt-titel, .zielkarte h1 {
  font-family: var(--hs-font-display, "Newsreader", Georgia, serif);
  font-weight: 400;
  letter-spacing: -.02em;
  color: var(--hs-ink, #1c1a17);
}
.termin-titel { font-size: 30px; line-height: 1.15; }
.termin-titel.klein { font-size: 22px; }
.abschnitt-titel { font-size: 26px; }
.zielkarte h1 { font-size: 32px; }

/* Fest eingetragene Graublau-Toene auf den zweiten Rang */
.merkmale li, .beschreibung, .begruessung, .untertitel, .kachel-text, .zeitzone-knopf, .dauerknopf { color: var(--ts-zweit); }
.merkmale li.hervor { color: var(--hs-gold-dark, #7a5512); }
.beschreibung a, .rechtstext a { color: var(--hs-gold-dark, #7a5512); }
.feld label, .kachel-inhalt strong, .hinweis { color: var(--hs-ink, #1c1a17); }

/* Kalender: frei und nicht frei bleiben klar unterscheidbar */
.tag { color: var(--ts-aus); }
a.tag.frei { background: var(--hs-gold-100, #efe6d4); color: var(--hs-ink, #1c1a17); box-shadow: inset 0 0 0 1px var(--hs-gold-200, #e5d3ab); }
a.tag.frei:hover, a.tag.frei.gewaehlt { background: var(--hs-ink, #1c1a17); color: var(--hs-on-ink, #f3eee6); box-shadow: none; }
.pfeil.aus { color: var(--ts-aus); }
.pfeil:hover { background: var(--hs-gold-100, #efe6d4); }

/* Zeiten und Dauer als Pillen */
.zeitknopf { border-radius: var(--hs-radius-pill, 999px); border-color: var(--hs-ink, #1c1a17); color: var(--hs-ink, #1c1a17); }
.zeitknopf:hover { background: var(--hs-ink, #1c1a17); color: var(--hs-on-ink, #f3eee6); }
.zeitzone-knopf { background: var(--hs-surface, #fff); border: 1px solid var(--hs-border, #e5ddd0); }
.dauerknopf.aktiv, .dauerknopf:hover { border-color: var(--hs-ink, #1c1a17); color: var(--hs-ink, #1c1a17); background: var(--hs-gold-100, #efe6d4); }

/* Knoepfe: Hauptknopf Tinte als Pille mit Pfeil, Zweitknopf weiss mit Rand */
.hauptknopf, .nebenknopf, .warnknopf, button.klein { border-radius: var(--hs-radius-pill, 999px); font-weight: 600; }
.hauptknopf { color: var(--hs-on-ink, #f3eee6); }
.hauptknopf::after { content: " \2192"; }
.nebenknopf { background: var(--hs-surface, #fff); color: var(--hs-ink, #1c1a17); border-color: var(--hs-border, #e5ddd0); }
.nebenknopf:hover { background: var(--hs-bg, #f3eee6); }
.warnknopf:hover { background: #6e2518; }

/* Formular */
.feld input[type=text], .feld input[type=email], .feld input[type=tel],
.feld input[type=number], .feld textarea, .feld select, .absageformular textarea {
  border-color: #cfc5b5;
  border-radius: 10px;
}
.feld input:focus, .feld textarea:focus { outline-color: var(--hs-gold, #c9a04a); border-color: var(--hs-gold, #c9a04a); }
details.gaeste > summary[style] { color: var(--hs-gold-dark, #7a5512) !important; }

/* Kacheln und Bloecke */
.terminkachel, .terminblock { border-radius: 14px; }
.terminkachel[style*="0069ff"] { --farbe: var(--hs-gold, #c9a04a) !important; }
.avatar-buchstabe { background: var(--hs-ink, #1c1a17); color: var(--hs-on-ink, #f3eee6); font-family: var(--hs-font-display, "Newsreader", Georgia, serif); font-weight: 400; }

/* Zustaende */
.haken { color: var(--hs-ok, #4f6b3a); }
.haken.abgesagt { color: var(--hs-error, #8a2f1f); }
.fehlerkasten { background: var(--hs-error-soft, #f4d8d1); border-color: #e8c3ba; color: var(--hs-error, #8a2f1f); }
.tippfehler-hinweis { background: var(--hs-warn-soft, #f0deb8); border-color: var(--hs-gold-200, #e5d3ab); color: var(--hs-warn, #8a5a14); }
.tippfehler-hinweis button { color: var(--hs-gold-dark, #7a5512); }