/* Fisolgut Green3 — "Konzepttreu" (2026-11-03)
   Wie Designkonzept-Foto: viel Grün, Rot NUR im Logo/Ähren-Grafik (Branding).
   Trick: :root --red->Grün färbt automatisch ALLE Rot-Regeln (bar, buttons,
   eyebrows, filter-pressed, links, hero-bottom, contact...) um. */
:root{--red:#397e45;--red-dark:#2e6337}

::selection{background:var(--red);color:#fff}
:focus-visible{outline-color:var(--red)}

/* Headline komplett dunkel (kein rot/grünes em-Gemische wie im Konzept) */
.hero h1 em{color:var(--ink)}
.heading em{color:var(--ink)}

/* Subline: grüner Unterstrich unter dem Textblock (Konzept) */
.hero-copy>p:after{content:'';display:block;width:64px;height:3px;background:var(--red);margin-top:16px;border-radius:2px}

/* Produkte: Titel dunkelgrün + grüner Unterstrich unten, Ähren-Badge auf Fotos */
.products .product-title-button{color:#2c4a34}
.products .product-title-button span{color:var(--red)}
.products .product-information{position:relative;padding-bottom:30px}
.products .product-information:after{content:'';position:absolute;left:19px;bottom:15px;width:36px;height:2.5px;background:var(--red);border-radius:2px}
.products .product-image:before{content:'';position:absolute;top:0;left:0;width:36px;height:47px;background:url('../images/badge-aehre.svg') center/contain no-repeat;z-index:3}
.products .product-card:hover{box-shadow:0 18px 30px #397e4524}

/* Modals: grüner Bildhintergrund */
.product-modal-grid>img{background:var(--red)}
/* Branding bleibt Rot (Logo-Wortmarke) — Rot NUR am Logo */
.brand-text strong{color:#a42935}
/* Kontakt-Sektion (jetzt grün): Texte in Mint statt Rosa */
.contact-section .eyebrow{color:#b7d4bd}
.contact-section .heading em{color:#e6f2e8}
.contact-section p{color:#dff0e2}

/* 4b (2026-11-03): Etwas mehr Rot — Bordeaux kehrt in Akzenten zurück,
   Grundfarben (Topbar, Buttons, Siegel, Badges) bleiben grün */
.hero h1 em, .heading em{color:#a42935}
.products .product-title-button span{color:#a42935}
.history-tags strong{color:#a42935}
.market-day{color:#a42935}
.seller-spot, .seller-arrow{color:#a42935}
.link-arrow{color:#a42935;border-color:#a42935}
.filter-buttons button:hover, .gallery-filter button:hover{border-color:#a42935}
.contact-card .eyebrow{color:#a42935}
.contact-card a{color:#a42935}