/* Ergänzende Styles (nicht Tailwind-generiert): Header, Progress, FAQ, Cookie-Widget */

/* Sticky-Header: transparent über Hero, wird beim Scrollen zu Glas */
#site-header {
  transition: background-color .4s ease, box-shadow .4s ease, backdrop-filter .4s ease, border-color .4s ease;
  border-bottom: 1px solid transparent;
}
#site-header.is-scrolled {
  background-color: rgba(26, 92, 79, .92);
  backdrop-filter: saturate(160%) blur(14px);
  -webkit-backdrop-filter: saturate(160%) blur(14px);
  box-shadow: 0 12px 34px -18px rgba(15, 44, 38, .6);
  border-bottom-color: rgba(255, 255, 255, .1);
}

/* Navbar bleibt grün/dunkel – Logo & Navigation immer weiß (Logo ist weiß/transparent) */
#site-header .brand-text,
#site-header .nav-link { color: #ffffff; }
#site-header .nav-link:hover { color: #a7e8d5; }

/* Sprachumschalter (details/summary) */
.lang-switcher > summary { list-style: none; }
.lang-switcher > summary::-webkit-details-marker { display: none; }
.lang-switcher > summary::marker { content: ""; }
.lang-switcher > div { opacity: 0; transform: translateY(-4px); pointer-events: none; transition: opacity .2s ease, transform .2s ease; }
.lang-switcher[open] > div { opacity: 1; transform: translateY(0); pointer-events: auto; }

/* Mobiler Drawer: slidet von rechts rein, Markengrün */
#mobile-menu {
  transform: translateX(100%);
  transition: transform .38s cubic-bezier(.22, 1, .36, 1);
  will-change: transform;
}
#mobile-menu.is-open { transform: translateX(0); }
#menu-overlay {
  opacity: 0;
  pointer-events: none;
  transition: opacity .3s ease;
}
#menu-overlay.is-open { opacity: 1; pointer-events: auto; }

/* Scroll-Fortschritt oben */
#scroll-progress {
  transform-origin: 0 50%;
  transform: scaleX(0);
  transition: transform .1s linear;
}

/* FAQ-Accordion */
[data-faq-panel] {
  max-height: 0;
  overflow: hidden;
  transition: max-height .45s cubic-bezier(.22, 1, .36, 1);
}
[data-faq] .faq-chevron { transition: transform .35s ease; }
[data-faq].is-open .faq-chevron { transform: rotate(180deg); }

/* orestbida cookieconsent v3 – an Markenfarben angepasst */
#cc-main {
  --cc-btn-primary-bg: #3daa8f;
  --cc-btn-primary-border-color: #3daa8f;
  --cc-btn-primary-hover-bg: #2d7a6b;
  --cc-btn-primary-hover-border-color: #2d7a6b;
  --cc-toggle-on-bg: #3daa8f;
  --cc-focus-ring-color: #3daa8f;
  --cc-btn-border-radius: 999px;
  --cc-modal-border-radius: 1.25rem;
}