/* AUTOMATISCH ERZEUGT von webapp/scripts/leicht-farben-erzeugen.cjs (2026-10-24).
   Nicht von Hand bearbeiten: Gruentoene der alten Stile -> Sand/Tinte, nur mit <html class="leicht">.
   Handgeschriebene Feinheiten stehen in assets/leicht.css (wird danach geladen). */
/* ---- aus index.html: 27 Deklarationen ---- */
html.leicht{--shadow:0 14px 40px rgba(28, 36, 24, .16);--shadow-soft:0 8px 26px rgba(28, 36, 24, .10)}
html.leicht body{background-image:linear-gradient(170deg, rgb(238, 241, 230) 0%, rgb(244, 234, 212) 100%)}
html.leicht .btn-pri{box-shadow:rgba(28, 36, 24, 0.32) 0px 8px 22px}
html.leicht .btn-pri:hover{box-shadow:rgba(28, 36, 24, 0.36) 0px 12px 28px}
html.leicht .nav{border-bottom-color:rgba(201, 164, 101, 0.18)}
html.leicht .wordmark .logo-img{box-shadow:rgba(28, 36, 24, 0.22) 0px 2px 8px}
html.leicht .hero{background-image:linear-gradient(rgba(28, 36, 24, 0.62) 0%, rgba(28, 36, 24, 0.54) 42%, rgba(28, 36, 24, 0.8) 100%), url("img/hero-sunrise-1920.jpg")}
@media (max-width: 760px){
  html.leicht .hero{background-image:linear-gradient(rgba(28, 36, 24, 0.62) 0%, rgba(28, 36, 24, 0.56) 42%, rgba(28, 36, 24, 0.82) 100%), url("img/hero-sunrise-960.jpg")}
}
html.leicht .will-media{background-color:rgb(28, 36, 24)}
html.leicht .will-video{background-color:rgb(28, 36, 24)}
html.leicht .benefit .note{background-color:rgba(236, 217, 176, 0.4)}
html.leicht .benefit .icon{box-shadow:rgba(138, 95, 29, 0.24) 0px 6px 16px}
html.leicht .fcard{border-top-color:rgba(201, 164, 101, 0.28);border-right-color:rgba(201, 164, 101, 0.28);border-bottom-color:rgba(201, 164, 101, 0.28);border-left-color:rgba(201, 164, 101, 0.28)}
html.leicht .fcard-img::after{background-image:linear-gradient(rgba(28, 36, 24, 0) 55%, rgba(28, 36, 24, 0.28) 100%)}
html.leicht .bento-media::after{background-image:linear-gradient(90deg, rgba(28, 36, 24, 0) 60%, rgba(28, 36, 24, 0.5) 100%)}
@media (max-width: 820px){
  html.leicht .bento-media::after{background-image:linear-gradient(rgba(28, 36, 24, 0) 55%, rgba(28, 36, 24, 0.55) 100%)}
}
html.leicht .pricing .price-card.card-green{box-shadow:rgba(28, 36, 24, 0.34) 0px 18px 48px}
html.leicht .price-card.hl{box-shadow:rgba(28, 36, 24, 0.22) 0px 18px 48px}
html.leicht .plan-badge{box-shadow:rgba(28, 36, 24, 0.3) 0px 6px 16px}
html.leicht .bottom-cta .mini-breath{background-image:radial-gradient(circle, rgba(236, 217, 176, 0.5) 0%, rgba(236, 217, 176, 0) 70%)}
html.leicht footer{border-top-color:rgba(201, 164, 101, 0.22)}
html.leicht .pfad-schritt{border-right-color:rgba(201, 164, 101, 0.26)}
@media (max-width: 640px){
  html.leicht .pfad-schritt{border-bottom-color:rgba(201, 164, 101, 0.26)}
}