/* Cookie-Erklaerungstabelle von CCM19 (cookies.html, datenschutz.html).
   CCM19 fuellt <div class="ccm-cookie-declaration"> beim Laden mit
   Ueberschriften und Tabellen und uebernimmt laut Doku "das Styling der
   umschliessenden Website" — Bootstrap gibt Tabellen aber keine Raender und
   keine Breitenbegrenzung. Die Tabelle wird auf dem Telefon breiter als der
   Bildschirm; deshalb der scrollende Behaelter (CLAUDE.md: kein waagerechtes
   Scrollen der SEITE). Farben aus docs/farbraum.md: Fliesstext #232323,
   Haarlinie #d9d9d9, Bedienung #537c83. Das Banner selbst wird im
   CCM19-Backend gestaltet (docs/betrieb/ccm19.md, Abschnitt Theme). */

/* Der Banner selbst. CCM19 setzt keine Schrift; der Dialog (div.ccm-root
   direkt im body) erbt von body — und die ist je Seite verschieden
   (gemessen 2026-09-12): auf index.html gewinnt Bootstraps Systemstapel,
   auf kontakt.html die Mobirise-Regel "body { font-family: Muli }", weil
   mbr-additional.css dort NACH bootstrap-reboot geladen wird. Muli wird
   nirgends geladen (docs/migration/probebau.md, Bereinigung 3); WebKit
   faellt ohne Rueckfall auf Times zurueck — daher der Serifen-Banner auf
   der Kontaktseite in Safari und Chrome auf dem iPad, waehrend er auf der
   Startseite serifenlos war. Deshalb bekommt der Dialog seine Schrift
   ausdruecklich, PT Sans wie die Seite, und diese Datei liegt seit PR #22
   auf allen acht Seiten. Kein !important noetig: CCM19s Elemente erben. */
.ccm-root,
.ccm-root button,
.ccm-root input,
.ccm-root select {
  font-family: 'PT Sans', -apple-system, system-ui, sans-serif;
}

/* Das Cookie-Symbol unten links (Settings-Summoner): div > button > img,
   48 x 48 px, fest positioniert (gemessen 2026-09-12). Das Bild erzeugt CCM19
   aus zwei Farben im Backend (Themes > Branding > Einstellungs-Icon:
   Hintergrund #537c83, Schrift #ffffff — docs/betrieb/ccm19.md); die Form
   liefert es eckig, radius 0. Rund wie die Knoepfe der Seite (gemessen 100 px
   im Hilfe-Block) macht es diese Regel. Der Schatten von CCM19 (0 0 6px 1px
   schwarz 50 %) wirkt auf Weiss wie ein Rahmen; hier ein weicherer.
   Selektor mit Elternknoten: CCM19s app.css (fremd, nicht auslesbar) steht als
   letztes Stylesheet und gewinnt bei gleicher Spezifitaet — gemessen, die
   einfache Klasse blieb bei radius 0. */
.ccm-settings-summoner .ccm-settings-summoner--link,
.ccm-settings-summoner .ccm-settings-summoner--icon {
  border-radius: 50%;
}

.ccm-settings-summoner .ccm-settings-summoner--link {
  overflow: hidden;
  /* !important: CCM19 setzt seinen Schatten selbst so — der Elternknoten-
     Selektor reichte fuer den Radius (gemessen 50 %), nicht fuer den
     Schatten (blieb 0 0 6px 1px). Dokumentierte Ausnahme (CLAUDE.md). */
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25) !important;
}

.ccm-settings-summoner .ccm-settings-summoner--link:focus-visible {
  outline: 3px solid #537c83;
  outline-offset: 3px;
}

.ccm-cookie-declaration {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  font-family: 'PT Sans', sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  color: #232323;
}

/* CCM19 legt die Abschnitte je Zweck und je Einbindung auf #eeeeee — als
   Inline-Stil am Element, nicht per Stylesheet (gemessen 2026-09-12:
   section.ccm-cookie-declaration--purpose und --embedding rgb(238,238,238),
   keine passende Regel in einem Stylesheet). Gegen einen Inline-Stil hilft
   nur !important; die Ausnahme ist hiermit dokumentiert (CLAUDE.md). Die
   Seite ist weiss, die Tabelle soll es auch sein — Wunsch des Betreibers. */
.ccm-cookie-declaration .ccm-cookie-declaration--purpose,
.ccm-cookie-declaration .ccm-cookie-declaration--embedding {
  background-color: #ffffff !important;
}

.ccm-cookie-declaration h3,
.ccm-cookie-declaration h4 {
  margin: 1.5rem 0 0.5rem;
  font-family: 'PT Sans', sans-serif;
  font-size: 1.125rem;
  font-weight: 700;
}

.ccm-cookie-declaration table {
  width: 100%;
  min-width: 36rem;
  margin: 0.5rem 0 1rem;
  border-collapse: collapse;
}

.ccm-cookie-declaration th,
.ccm-cookie-declaration td {
  padding: 0.5rem 0.75rem;
  border-bottom: 1px solid #d9d9d9;
  text-align: left;
  vertical-align: top;
  overflow-wrap: anywhere;
}

.ccm-cookie-declaration th {
  font-weight: 700;
}

.ccm-cookie-declaration a {
  color: #537c83;
  text-decoration: underline;
  text-underline-offset: 0.22em;
}

.ccm-cookie-declaration a:focus-visible {
  outline: 3px solid #537c83;
  outline-offset: 2px;
}