/* FÖHRE v31 — zentrale Hover-/Aktivfarben.
   KAPITEL-REGELN: Start / Über uns = orange; Leistungen = grün;
   Bibliothek / Artikel = schwarz; Referenzen bleiben unverändert.
   AUSNAHMEN: Bibliotheks-Übersichtszeile = orange auf hellgrau;
   Footer = orange auf allen Seiten; geöffnetes Hauptmenü eigenständig.
   Keine neuen Farbkorrekturen in anderen CSS-Dateien ergänzen. */
:root {
  --foehre-hover-orange: #c84820;
  --foehre-hover-green: #244230;
  --foehre-hover-black: #101510;
  --foehre-menu-active: #c84820;
  --foehre-menu-green: #324230;
  --foehre-menu-white: #ebf0ef;
}
body:is(.design-home,.design-about) {
  --foehre-section-hover: var(--foehre-hover-orange);
}
body.design-services {
  --foehre-section-hover: var(--foehre-hover-green);
}
body:is(.design-library-index,.library-page) {
  --foehre-section-hover: var(--foehre-hover-black);
}
/* Header has one independent colour system in the v39 section below.
   Chapter colours remain applicable only to main content. */
/* Seiteninhalt: einheitliche vererbte Hoverfarbe; Bilder bleiben unverändert. */
html body:is(.design-home,.design-about,.design-services,.design-library-index,.library-page)
  main :is(a,button,summary):is(:hover,:focus-visible),
html body:is(.design-home,.design-about,.design-services,.design-library-index,.library-page)
  main :is(a,button,summary):is(:hover,:focus-visible) :is(span,strong,em,small,time,svg) {
  color: var(--foehre-section-hover) !important;
}
/* Kapitelnavigation samt Pfeil: gleicher Akzent wie die übrige Seite. */
html body:is(.design-home,.design-about,.design-services,.design-library-index,.library-page)
  a.foehre-chapter-cta.is-interactive:is(:hover,:focus-visible),
html body:is(.design-home,.design-about,.design-services,.design-library-index,.library-page)
  a.foehre-chapter-cta.is-interactive:is(:hover,:focus-visible) :is(.foehre-chapter-cta-label,.foehre-chapter-cta-icon) {
  color: var(--foehre-section-hover) !important;
}
/* Suchfeld, Suchtreffer und Artikelnavigation in der Bibliothek: schwarz. */
html body:is(.design-library-index,.library-page)
  :is(.foehre-search-field,.library-sidebar,.library-main,.design-library-main)
  :is(a,button,svg):is(:hover,:focus-visible),
html body:is(.design-library-index,.library-page)
  .foehre-search-field:is(:hover,:focus-within) > svg {
  color: var(--foehre-hover-black) !important;
  stroke: var(--foehre-hover-black) !important;
}
html body:is(.design-library-index,.library-page)
  :is(.foehre-search-field,.foehre-search-field:is(:hover,:focus-within)) input[type="search"]:is(:hover,:focus),
html body:is(.design-library-index,.library-page)
  .foehre-search-field:is(:hover,:focus-within) input[type="search"]::placeholder {
  color: var(--foehre-hover-black) !important;
}
/* Bibliotheksübersicht: Eintrag, Titel UND Jahreszahl gemeinsam orange. */
html body.design-library-index main #library-topics a.design-library-entry:is(:hover,:focus-visible) {
  background: #ebf0ef !important;
  color: var(--foehre-hover-orange) !important;
}
html body.design-library-index main #library-topics a.design-library-entry:is(:hover,:focus-visible) * {
  color: var(--foehre-hover-orange) !important;
}
/* Footer hat eine EIGENE, seitenunabhängige Farbe — auch Referenzen. */
html body .site-footer.design-footer :is(a,button):is(:hover,:focus-visible),
html body .site-footer.design-footer :is(a,button):is(:hover,:focus-visible) :is(span,svg,i,strong,em) {
  color: var(--foehre-hover-orange) !important;
}
/* Geöffnetes Hauptmenü: keine Kapitel-Hoverfarben erben.
   Neutral: grüne Symbole, grüner Text, aktive Seite orange.
   Preview: farbiger Grund, WORT und LOGO weiß; andere Zeilen ausgeblendet.
   Normale (nicht-hovered) Zeilen bleiben hit-testbar, damit man ohne
   Rücksprung in den grauen Zustand direkt zwischen Zeilen wechseln kann. */
html body #site-mobile-menu.design-menu-overlay {
  --foehre-section-hover: var(--foehre-hover-orange);
  --foehre-menu-preview: #ebf0ef;
}
html body #site-mobile-menu.design-menu-overlay .site-mobile-nav.design-menu-items .design-menu-link,
html body #site-mobile-menu.design-menu-overlay .site-mobile-nav.design-menu-items .design-menu-link .design-menu-label {
  color: var(--foehre-menu-green) !important;
}
html body #site-mobile-menu.design-menu-overlay:not(.is-menu-item-hover)
  .site-mobile-nav.design-menu-items .design-menu-link[aria-current="page"],
html body #site-mobile-menu.design-menu-overlay:not(.is-menu-item-hover)
  .site-mobile-nav.design-menu-items .design-menu-link[aria-current="page"] .design-menu-label {
  color: var(--foehre-menu-active) !important;
}
html body #site-mobile-menu.design-menu-overlay .site-mobile-nav.design-menu-items .design-menu-link .design-menu-icon img {
  filter: none !important;
}
html body #site-mobile-menu.design-menu-overlay.is-hover-about {background-color:#324230 !important;}
html body #site-mobile-menu.design-menu-overlay.is-hover-services {background-color:#9b7723 !important;}
html body #site-mobile-menu.design-menu-overlay.is-hover-library {background-color:#b34b00 !important;}
html body #site-mobile-menu.design-menu-overlay.is-hover-refs {background-color:#324230 !important;}
@media (hover:hover) {
  html body #site-mobile-menu.design-menu-overlay.is-menu-item-hover
    .site-mobile-nav.design-menu-items .design-menu-link:not(.is-hovered-link) {
    opacity:0 !important;
    visibility:visible !important;
    pointer-events:auto !important;
  }
  html body #site-mobile-menu.design-menu-overlay.is-menu-item-hover
    .site-mobile-nav.design-menu-items .design-menu-link.is-hovered-link {
    opacity:1 !important;
    visibility:visible !important;
  }
}
html body #site-mobile-menu.design-menu-overlay.is-menu-item-hover
  .site-mobile-nav.design-menu-items .design-menu-link.is-hovered-link,
html body #site-mobile-menu.design-menu-overlay.is-menu-item-hover
  .site-mobile-nav.design-menu-items .design-menu-link.is-hovered-link .design-menu-label {
  color: var(--foehre-menu-white) !important;
}
html body #site-mobile-menu.design-menu-overlay.is-menu-item-hover
  .site-mobile-nav.design-menu-items .design-menu-link.is-hovered-link .design-menu-icon img {
  filter: brightness(0) invert(1) !important;
}
html body #site-mobile-menu.design-menu-overlay:is(.is-hover-about,.is-hover-services,.is-hover-library,.is-hover-refs)
  :is(.design-menu-home,.design-menu-languages a,.design-menu-close) {
  color: var(--foehre-menu-white) !important;
}
html body #site-mobile-menu.design-menu-overlay:not(.is-menu-item-hover)
  .design-menu-home[aria-current="page"],
html body #site-mobile-menu.design-menu-overlay:not(.is-menu-item-hover)
  .design-menu-languages a[aria-current="page"] {
  color: var(--foehre-menu-active) !important;
}
html body #site-mobile-menu.design-menu-overlay:not(.is-menu-item-hover)
  :is(.design-menu-home,.design-menu-languages a):is(:hover,:focus-visible) {
  color: var(--foehre-hover-orange) !important;
}


/* FÖHRE v40 — einzige Farbsteuerung für den GESCHLOSSENEN Header.
   START / REFERENZEN (und neutrale Seiten): Schwarz, Hover und aktiv Orange.
   ÜBER UNS: Inaktiv und Trennzeichen Weiß, Hover und aktiv Orange.
   LEISTUNGEN: Inaktiv und Trennzeichen Weiß, Hover und aktiv Grün.
   BIBLIOTHEK und alle ARTIKEL: Inaktiv und Trennzeichen Weiß,
     Hover und aktiv Schwarz.
   Für den GEÖFFNETEN Hauptmenü-Overlay gelten weiterhin separat
   die Regeln für grüne Logos, orange aktive Einträge und weißen Hover. */
html body {
  --foehre-header-normal:#101510;
  --foehre-header-hover:#c84820;
  --foehre-header-current:#c84820;
}
html body.design-about {
  --foehre-header-normal:#ebf0ef;
}
html body.design-services {
  --foehre-header-normal:#ebf0ef;
  --foehre-header-hover:#244230;
  --foehre-header-current:#244230;
}
html body:is(.design-library-index,.library-page) {
  --foehre-header-normal:#ebf0ef;
  --foehre-header-hover:#101510;
  --foehre-header-current:#101510;
}

/* Inaktive Sprachlinks, Trenner und MENÜ: gut lesbare Grundfarbe. */
html body .site-header.design-header .design-languages,
html body .site-header.design-header .design-languages span[aria-hidden],
html body .site-header.design-header .design-languages a:not([aria-current="page"]):not(:hover):not(:focus-visible),
html body .site-header.design-header .design-menu-trigger:not(:hover):not(:focus-visible) {
  color:var(--foehre-header-normal) !important;
  opacity:1 !important;
}

/* Aktive Sprache bleibt in jeder Situation in ihrer Kapitelfarbe. */
html body .site-header.design-header .design-languages a[aria-current="page"] {
  color:var(--foehre-header-current) !important;
  opacity:1 !important;
}

/* Hover und Tastaturfokus folgen nur für Header-Controls der Kapitelfarbe. */
html body .site-header.design-header .design-languages a:not([aria-current="page"]):is(:hover,:focus-visible),
html body .site-header.design-header .design-menu-trigger:is(:hover,:focus-visible) {
  color:var(--foehre-header-hover) !important;
  opacity:1 !important;
}

/* Mobile Burger-Linien müssen dieselbe Farbe wie MENÜ bekommen. */
html body .site-header.design-header .design-menu-trigger:not(:hover):not(:focus-visible) .design-menu-burger path {
  stroke:var(--foehre-header-normal) !important;
}
html body .site-header.design-header .design-menu-trigger:is(:hover,:focus-visible) .design-menu-burger path {
  stroke:var(--foehre-header-hover) !important;
}

/* While previewing any one of the four menu sections, the language
   dividers must turn white along with language labels and the close icon. */
html body #site-mobile-menu.design-menu-overlay.is-menu-item-hover
  .design-menu-languages span[aria-hidden] {
  color:#ebf0ef !important;
  opacity:1 !important;
}