/* env-related.css -- zentrale CSS des Related-Blocks section.envr (Welle 2, 21.08.2026).
   Ersetzt den byte-identischen Inline-<style> aus 69 page-*.php (Muster: page-versicherungen-gastronomie-ed.php:184).
   Site-weit enqueued in functions.php (gleiches Muster wie env-statband.css).
   Cascade-Hinweis: solange ein Template den Inline-Block noch traegt, gewinnt der bei gleicher
   Spezifitaet (spaeter im Dokument) -- deshalb erst diese Datei deployen, dann die Inline-Bloecke
   in Tranchen entfernen. Additive Regeln (Eyebrow-Linie, Pfeil, Schatten) wirken sofort.
   Farb-Fallbacks entsprechen den cy-Body-Tokens (--navy #0d1b2a, --navy-light #122a4a,
   --cyan #3dd4e8); #1e3a5f (Border) und #b8c2d0 (Text) haben keinen Token. */

section.envr{background:var(--navy,#0d1b2a);padding:56px 20px;border-top:1px solid #1e3a5f}
section.envr .envr__in{max-width:980px;margin:0 auto}
section.envr h2.envr__h{font-family:'Lora','Source Serif Pro',Georgia,serif;color:#fff;font-size:26px;line-height:1.25;margin:0 0 28px;font-weight:500}
/* Kopf auf cy-Eyebrow-Ebene: cyan Akzentlinie ueber der Headline (cy-Signatur, vgl. .cy-eyebrow in env-cy.css) */
section.envr h2.envr__h::before{content:"";display:block;width:40px;height:2px;background:var(--cyan,#3dd4e8);margin-bottom:18px}
section.envr .envr__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
/* Waisen-Reihe: ersetzt die alte Regel (:last-child:nth-child(3n+1) -> ueberbreite zentrierte
   Einzelkarte, Sebastian-Befund "sieht unfertig aus"). Eine Waisen-Karte bleibt normalbreit in
   Spalte 1. Nur eine EINZELNE Karte wird gekappt, weil auto-fit sie sonst auf volle Breite zieht. */
section.envr .envr__c:only-child{max-width:600px}
section.envr a.envr__c{display:block;background:var(--navy-light,#122a4a);border:1px solid #1e3a5f;border-radius:16px;padding:20px 22px;text-decoration:none;transition:border-color .2s,transform .2s,box-shadow .2s}
section.envr a.envr__c:hover{border-color:var(--cyan,#3dd4e8);transform:translateY(-2px);box-shadow:0 10px 26px rgba(0,0,0,.28)}
section.envr .envr__t{display:block;color:var(--cyan,#3dd4e8);font-weight:600;font-size:16px;margin-bottom:8px}
/* Pfeil-Affordanz: macht die Karte als Link erkennbar. display:inline + NBSP im content
   bindet den Pfeil ans letzte Titelwort (design-critic 21.08.: inline-block-Pfeil brach bei
   zweizeiligen Titeln als Waise um; die Hover-Bewegung traegt stattdessen die Karte selbst). */
section.envr .envr__t::after{content:"\00a0\2192";display:inline}
/* 16px statt 15px: Brand-Minimum fuer Fliesstext (design-critic-Auflage 21.08.2026) */
section.envr .envr__d{display:block;color:#b8c2d0;font-size:16px;line-height:1.55}
@media(max-width:600px){section.envr{padding:40px 16px}section.envr h2.envr__h{font-size:22px}}
@media(prefers-reduced-motion:reduce){section.envr a.envr__c{transition:none}section.envr a.envr__c:hover{transform:none}}