/* ============================================================
   Turza – Light Theme (showcase2 – Muster Startseite)
   Weniger Dunkelgrün, mehr Weiß, Gold-/Grün-Akzente,
   dezente Hintergrund-Illustrationen der Grafikerin.
   Wird NACH site.css/pages.css geladen (überschreibt gezielt).
   ============================================================ */

/* ---------- Navigation: hell statt transparent/dunkel ---------- */
.nav,.nav.scrolled{background:rgba(255,253,247,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line);box-shadow:0 2px 20px rgba(16,39,26,.06)}
.nav-links a{color:var(--green);text-shadow:none}
.nav-links a:hover{color:var(--gold-deep)}
.nav-cta,.nav.scrolled .nav-cta{background:var(--green);border-color:var(--green);color:#fff!important}
.nav-links .nav-cta:hover{background:var(--green-mid);border-color:var(--green-mid);color:#fff!important}
.burger span{background:var(--green)}
.logo img{filter:none}

/* ---------- Hero: hell, Produkt + grüne Display-Schrift ---------- */
.hero{min-height:auto;padding:170px 0 100px;background:var(--warm-white)}
/* bewegtes Hintergrundbild bleibt – aber hell überlagert, damit der dunkelgrüne Text lesbar bleibt */
.hero-bg img{opacity:1}
.hero-bg::after{background:
  linear-gradient(100deg,rgba(255,253,247,.92) 0%,rgba(255,253,247,.78) 50%,rgba(255,253,247,.36) 100%),
  radial-gradient(circle at 82% 28%,rgba(201,169,98,.14),transparent 55%)}
.hero::before{display:none}
.hero-content{color:var(--ink)}
.hero h1{color:var(--green-deep)}
.hero h1 .script{color:var(--gold-deep)}
.hero-sub{color:var(--gold-deep)}
/* dunkler + kräftiger für gute Lesbarkeit auf dem hellen Foto */
.hero-desc{color:#2e3a2a;font-weight:500}
.hero-badge{background:var(--green-tint);border-color:rgba(26,61,46,.18);color:var(--green)}
.hero-badge svg{fill:var(--gold-deep)}
.hero-card{background:#fff;border:1px solid var(--line);backdrop-filter:none;box-shadow:0 26px 60px rgba(16,39,26,.14)}
.scrolldown{color:var(--muted)}
.scrolldown::after{background:linear-gradient(var(--gold-deep),transparent)}
/* zweiter Button im Hero (Ghost) auf hell lesbar */
.hero-actions .btn-ghost{color:var(--green);border-color:rgba(26,61,46,.35)}
.hero-actions .btn-ghost:hover{background:var(--green);color:#fff}

/* ---------- Trust-Band: hell ---------- */
.trust{background:var(--cream);color:var(--ink);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.trust .n{color:var(--gold-deep)}
.trust .l{color:var(--muted)}
.trust .div:not(:last-child)::after{background:rgba(26,61,46,.12)}

/* ---------- Journey: hell ---------- */
.journey{background:var(--cream);color:var(--ink)}
.journey::before{background:none center/min(900px,90%) no-repeat;opacity:.05;mix-blend-mode:normal}
.journey .shead h2{color:var(--green-deep)}
.journey .shead h2 em{color:var(--gold-deep)}
.journey .shead p{color:var(--muted)}
.journey .label{color:var(--gold-deep)}
.jstep h3{color:var(--green-deep)}
.jstep p{color:var(--muted)}
.jico{background:var(--green-tint)}
.jico svg{stroke:var(--gold-deep)}
.jstep:hover .jico svg{stroke:var(--green-deep)}
.jtimeline.revealed::before{opacity:.5}

/* ---------- Mittagstisch (.menu): heller Textteil ---------- */
.menu{background:#fff}
.menu-body{color:var(--ink)}
.menu-body .label{color:var(--gold-deep)}
.menu-body h2{color:var(--green-deep)}
.menu-body h2 em{color:var(--gold-deep)}
.menu-body p{color:var(--muted)}
.menu-time{background:var(--green-tint);border-color:rgba(26,61,46,.16);color:var(--green)}

/* ---------- Kontakt-Band: hell ---------- */
.cta-band{background:var(--cream);color:var(--ink)}
.cta-band::after{background:none}
.cta-band h2{color:var(--green-deep)}
.cta-band h2 em{color:var(--gold-deep)}
.cta-band p{color:var(--muted)}
.cta-band .label{color:var(--gold-deep)!important}
.cta-band .btn-ghost{color:var(--green);border-color:rgba(26,61,46,.35)}
.cta-band .btn-ghost:hover{background:var(--green);color:#fff}
.cta-band::before{content:"";position:absolute;left:-2%;bottom:-10%;width:min(42%,520px);height:120%;
  background:none left bottom/contain no-repeat;opacity:.05;pointer-events:none}

/* Logo-Drop-Shadow auf hell entfernen (grünes Logo) */
.logo img{filter:none}

/* ---------- Dezente Hintergrund-Illustrationen (mehrfach verteilt) ---------- */
.features,.products,.about,.sb,.awards,.reviews{position:relative;overflow:hidden}
.features>.wrap,.products>.wrap,.about>.wrap,.sb>.wrap,.awards>.wrap,.reviews>.wrap{position:relative;z-index:1}
.features::before,.products::before,.about::before,.sb::before,.awards::before,.reviews::before{
  content:"";position:absolute;z-index:0;pointer-events:none;opacity:.05;
  background:none no-repeat;background-size:contain}
.features::before{width:min(34%,420px);height:60%;left:-3%;bottom:-6%;background-position:left bottom}
.products::before{width:min(32%,400px);height:55%;right:-2%;top:5%;background-position:right top}
.about::before{width:min(34%,420px);height:60%;right:-3%;bottom:-6%;background-position:right bottom}
.sb::before{width:min(30%,380px);height:55%;left:-2%;top:7%;background-position:left top}
.awards::before{width:min(32%,400px);height:55%;left:-3%;bottom:-4%;background-position:left bottom}
.reviews::before{width:min(32%,400px);height:55%;right:-2%;bottom:-4%;background-position:right bottom}
@media(max-width:700px){.features::before,.products::before,.about::before,.sb::before,.awards::before,.reviews::before{opacity:.04;width:58%}}

/* ============ Unterseiten (hell) ============ */
/* Seitenkopf hell statt dunkelgrün */
.page-hero{background:var(--warm-white)}
.page-hero .ph-bg img{opacity:1}
.page-hero::after{background:
  linear-gradient(100deg,rgba(255,253,247,.9) 0%,rgba(255,253,247,.74) 48%,rgba(255,253,247,.5) 100%),
  radial-gradient(circle at 82% 25%,rgba(201,169,98,.12),transparent 55%)}
.page-hero h1{color:var(--green-deep)}
.page-hero h1 em{color:var(--gold-deep)}
.page-hero .ph-lead{color:#2e3a2a;font-weight:500}
.page-hero .label{color:var(--gold-deep)!important}
/* Ghost-Button im hellen Seitenkopf lesbar (vorher weiß auf weiß) */
.page-hero .btn-ghost{background:rgba(255,255,255,.88);color:var(--green-deep);border-color:var(--green)}
.page-hero .btn-ghost:hover{background:var(--green);color:#fff;border-color:var(--green)}
/* Öffnungs-Badge auf hellem Kontakt-Card lesbar (Footer-Variante ist für dunkel) */
.ki-c b.oh-label{display:flex;align-items:center;gap:.5rem}
.ki-c .open-badge{vertical-align:middle;margin-left:auto;font-size:.62rem;padding:.1rem .5rem}
.ki-c .open-badge.open{background:rgba(46,125,50,.12);color:#2f7d32;border:1px solid rgba(46,125,50,.4)}
.ki-c .open-badge.open::before{color:#2f9d42}
.ki-c .open-badge.closed{background:rgba(176,60,45,.1);color:#b23c2d;border:1px solid rgba(176,60,45,.38)}
.ki-c .open-badge.closed::before{content:"● ";color:#c0533f}

/* Abschluss-CTA hell */
.page-cta{background:var(--cream);color:var(--ink)}
.page-cta::after{background:none}
.page-cta h2{color:var(--green-deep)}
.page-cta h2 em{color:var(--gold-deep)}
.page-cta p{color:var(--muted)}
.page-cta .label{color:var(--gold-deep)!important}
.page-cta .btn-ghost{color:var(--green);border-color:rgba(26,61,46,.35)}
.page-cta .btn-ghost:hover{background:var(--green);color:#fff}

/* Info-Chips im Seitenkopf (z.B. Wochenmenü) auf hell lesbar */
.page-hero .ph-chip{background:var(--green-tint);border-color:rgba(26,61,46,.18);color:var(--green)}
.page-hero .ph-chip svg{stroke:var(--gold-deep)}