/* Optimiert am 26.05.2026, 12:11:27 von Web-Projekt-Auditor Pro */
:root {
  --bg: #ffffff;
  --surface: rgba(255, 255, 255, 0.9);
  --surface-strong: #ffffff;
  --surface-soft: #dfe9e2;
  --surface-dark: #123a34;
  --text: #16342e;
  --muted: #4f6962;
  --line: rgba(22, 52, 46, 0.12);
  --line-strong: rgba(22, 52, 46, 0.22);
  --gold: #b9eb46;
  --gold-soft: rgba(185, 235, 70, 0.18);
  --gold-strong: #d8f871;
  --moss: #0d5b50;
  --moss-soft: rgba(13, 91, 80, 0.78);
  --brand-gradient-lead: linear-gradient(135deg, #0d5b50 0%, #1d7b64 42%, #b9eb46 100%);
  --brand-gradient-deep: linear-gradient(145deg, #0b3f38 0%, #0d5b50 48%, #8dcb37 100%);
  --white: #fbfdf8;
  --shadow: 0 28px 64px rgba(11, 29, 25, 0.1);
  --shadow-soft: 0 20px 46px rgba(11, 29, 25, 0.08);
  --hero-title-size: clamp(3rem, 4.8vw, 5.3rem);
  --hero-title-width: clamp(25rem, 33vw, 35rem);
  --hero-title-line: 0.98;
  --hero-lead-size: clamp(1rem, 1.1vw, 1.22rem);
  --hero-lead-width: clamp(27rem, 34vw, 38rem);
  --hero-media-pos-x: 76%;
  --hero-media-pos-y: 44%;
  --hero-media-mobile-pos-x: 72%;
  --hero-media-mobile-pos-y: 38%;
}

@media (max-width: 760px) {
  :root {
    --hero-title-size: clamp(1.72rem, 6.5vw, 2.16rem);
    --hero-title-width: clamp(15.2rem, 88vw, 18.6rem);
    --hero-title-line: 1.26;
    --hero-lead-size: clamp(0.75rem, 2vw, 0.88rem);
    --hero-lead-width: clamp(18rem, 92vw, 28rem);
  }
}