/* Valoren: einheitliches Markengrün und klare Anliegenführung, 28.10.2026. */
:root {
  --green-deep: #0a1f19;
  --green-950: var(--green-deep);
  --green-900: var(--green-deep);
  --green-800: var(--green-deep);
  --green-700: var(--green-deep);
}
.site-header,
.site-header.scrolled,
.site-header.solid,
.hero,
.band,
.collaboration,
.cta-band,
.contact-editorial,
.site-footer {
  background: var(--green-deep);
}
.main-nav { background-color: var(--green-deep); }
.text-link { text-decoration-color: rgba(10,31,25,.4); }
.valoren-refined :focus-visible { outline-color: var(--green-deep); }
.site-header :focus-visible,
.hero :focus-visible,
.band :focus-visible,
.cta-band :focus-visible,
.site-footer :focus-visible { outline-color: var(--gold-light); }
.hero-valoren .hero-copy { max-width: 850px; }
.hero-valoren h1 { max-width: 820px; }
.hero-valoren .lead { max-width: 620px; }
.occasion-copy .text-link { margin-top: 12px; font-weight: 500; }
.occasion-copy p { max-width: 60ch; }
.hero-valoren .hero-ctas .btn-gold,
.contact-editorial .btn-gold {
  background: var(--gold);
  color: var(--green-deep);
  border-color: var(--gold);
}
.hero-valoren .hero-ctas .btn-gold:hover,
.contact-editorial .btn-gold:hover {
  background: var(--gold-light);
  color: var(--green-deep);
  border-color: var(--gold-light);
}
.footer-motto { text-transform: none; letter-spacing: 0; font-size: .87rem; }
@media (max-width:1119px) {
  html:not(.js) .site-header { background: var(--green-deep); }
}
@media (max-width:600px) {
  .hero-valoren h1 { font-size: clamp(2.5rem,10.1vw,3.3rem); }
  .occasion { gap: 14px; }
}