.btn--evkirche{background-color:var(--color-primary);color:#fff}.hero--evkirche{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary))}@media print{.site-header,.site-footer,.back-to-top{display:none!important}}
/* Lane N1, 14.09.2026 — zweite Menueebene der Hauptnavigation.
   Desktop: Klappliste unter dem Elternpunkt, sichtbar bei Zeigen UND bei
   Tastaturfokus (:focus-within). Handy: eingerueckte Liste im offenen Panel. */
.site-nav__list>li{position:relative}
.site-nav__sublist{list-style:none;margin:0;padding:0}
@media(min-width:721px){
.site-nav__sublist{position:absolute;top:100%;left:0;right:auto;z-index:60;display:none;min-width:15rem;padding:6px;border:1px solid var(--he-line);border-radius:var(--he-radius);background:var(--he-paper-light);box-shadow:var(--shadow-soft)}
.site-nav__list>li:hover>.site-nav__sublist,.site-nav__list>li:focus-within>.site-nav__sublist{display:block}
.site-nav__list>li:last-child>.site-nav__sublist{left:auto;right:0}
.site-nav__sublist a{display:block;white-space:nowrap}
}
@media(max-width:720px){
.site-nav__sublist{margin:0 0 4px 14px;padding-left:12px;border-left:2px solid var(--he-line)}
.site-nav__sublist a{display:block;padding:8px 12px;font-size:.88rem}
/* Mit zweiter Ebene ist die Liste laenger als der Bildschirm. Das Panel haengt
   am klebenden Kopf, also muss es selbst rollen koennen — sonst sind die
   unteren Punkte nicht erreichbar. */
.site-nav.is-open{max-height:calc(100vh - 96px);max-height:calc(100svh - 96px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
}

/* Lane N1, 14.09.2026 — Verweise im Fliesstext waren farblich und formal nicht
   von normalem Text zu unterscheiden (gemessen: gleiche Farbe rgb(13,38,71),
   text-decoration: none). Das betraf jede E-Mail-Adresse, jede Telefonnummer
   und jeden Querverweis auf den Rechtsseiten. Knoepfe (.button, .split__cta)
   haben eine eigene Klasse und bleiben unberuehrt. */
.richtext a:not([class]),.text-column a:not([class]),.page-intro__lead a:not([class]){text-decoration:underline;text-underline-offset:.18em;text-decoration-thickness:.07em}
.richtext a:not([class]):hover,.text-column a:not([class]):hover,.page-intro__lead a:not([class]):hover{text-decoration-thickness:.14em}

/* Lane N1, 14.09.2026 — Bildunterschrift der Galerie war abgeschnitten.
   Ursache: .min-gallery__figure traegt aspect-ratio UND overflow:hidden, die
   Unterschrift steht als Kind darin und fiel damit aus dem Kasten. Das
   Seitenverhaeltnis wandert deshalb auf das Bild, die Unterschrift steht
   darunter. Nur Mandantenschicht, min_core bleibt unveraendert. */
.min-gallery__figure{aspect-ratio:auto;overflow:visible}
.min-gallery__picture{display:block;overflow:hidden;border-radius:var(--min-gallery-radius);aspect-ratio:var(--min-gallery-ratio,1)}

/* ===================================================================
   Lane O2, 14.09.2026 — Dunkelmodus
   -------------------------------------------------------------------
   Der Dunkelmodus war nie geprueft worden, weil die Seite
   prefers-color-scheme nicht folgt: er kommt nur ueber den Schalter.
   Mit echtem Schalter fanden sich sieben Kontrastverstoesse gegen
   WCAG 1.4.3 AA. Ursache ist eine einzige Regel aus min_core:
     [data-theme="dark"] a { color: var(--min-color-primary, #6dabf5) }
   Sie faerbt JEDEN Verweis blau, auch den goldenen Knopf. --min-color-primary
   ist in diesem Mandanten nirgends gesetzt, es greift also immer der
   Rueckfallwert #6dabf5 — auf Gold sind das 1,04:1.
   Die Regel selbst bleibt unangetastet (min_core-Kern). Hier steht nur,
   wo der Mandant es anders braucht. custom.css liegt ausserhalb jeder
   @layer und laedt zuletzt, gewinnt also bei hoeherer Spezifitaet.
   =================================================================== */

:root{
  /* Markenblau als TEXTfarbe. Hell unveraendert; dunkel eine Aufhellung
     desselben Tons (H 201, S 81 % wie --he-blue-light, Helligkeit 65 %).
     Gemessen: 7,32:1 auf --he-paper-light, 8,45:1 auf --he-paper. */
  --he-blue-text: var(--he-blue);
}
html[data-theme="dark"]{
  --he-blue-text: #5ebaee;
}

/* 1. Goldener Knopf: dunkle Schrift zurueckholen (gemessen 8,91:1). */
html[data-theme="dark"] a.button--primary,
html[data-theme="dark"] a.button--primary > span,
html[data-theme="dark"] a.button--primary *{
  color: var(--he-ink-dark);
}

/* 2. "Ich ..."-Kacheln auf /ich-pilgere: fest verdrahtetes --he-blue auf
      dunkler Kachel ergab 1,74:1. Jetzt der Textton des Markenblaus. */
html[data-theme="dark"] .ich-liste li{
  color: var(--he-blue-text);
}

/* 3. Kein Verstoss, aber dieselbe Ursache: der stille Knopf traegt seine
      Umrandung in --he-blue. Auf dunklem Grund sind das 1,7:1 und damit
      unter den 3:1, die WCAG 1.4.11 fuer Bedienelemente verlangt. */
html[data-theme="dark"] .button--quiet{
  border-color: var(--he-blue-text);
}

/* 4. Wortmarke im Kopf: das farbige Logo traegt den Schriftzug in
      Dunkelblau, auf rgb(7,23,32) rund 1,2:1 — unlesbar. Die weisse
      Fassung liegt bereits im System (der Fuss nutzt sie). content:url()
      statt eines zweiten <img>: so wird die Datei nur im Dunkelmodus
      ueberhaupt geladen. Faellt content:url() aus, bleibt schlicht das
      farbige Logo stehen — kein kaputter Zustand. */
html[data-theme="dark"] .site-header .brand > img{
  content: url("/fileadmin/fotos/prototype/assets/logo/logo-himmel-erde-weiss.svg");
}

/* ===================================================================
   Lane O2, 14.09.2026 — Sprachstufen ausblenden
   -------------------------------------------------------------------
   "Vereinfacht" und "Leicht" versprechen etwas, das es hier nicht gibt:
   der easytext-Anbieter steht auf "disabled", im Inhalt existiert kein
   einziges [data-simple]/[data-level-3]/[data-level-6]. Gemessen: Text
   vor dem Klick 4443 Zeichen, danach 4443 Zeichen. Ein Schalter ohne
   Wirkung ist auf einer Seite mit Barrierefreiheitserklaerung schlechter
   als kein Schalter. min_core baut den Abschnitt fest ein
   (AccessibilityToolbarViewHelper), es gibt dafuer keine Einstellung —
   deshalb hier. Wieder einblenden: diese beiden Regeln loeschen.
   =================================================================== */
.min-style-switcher__section:has(#min-style-lang-label){ display: none; }
.min-style-switcher__btn[data-lang="medium"],
.min-style-switcher__btn[data-lang="easy"]{ display: none; }

/* ===================================================================
   Lane O2, 14.09.2026 — Schalterfeld auf sehr schmalen Geraeten
   -------------------------------------------------------------------
   Gemessen bei 320 px Fensterbreite: das Feld beginnt bei x=24 und ist
   fest 320 px breit, der rechte Rand liegt also bei 344 — 24 px
   ausserhalb des Bildschirms. "Aa+" und "Kontrast" waren angeschnitten.
   WCAG 1.4.10 verlangt Bedienbarkeit ohne Querscrollen. Die Breite steht
   in min_core (Css/Frontend/style-switcher.css) fest; hier wird sie nur
   gedeckelt, die Gestaltung bleibt unveraendert.
   =================================================================== */
.min-style-switcher__panel{ min-width: min(320px, calc(100vw - 48px)); max-width: calc(100vw - 48px); }