/* ==========================================================================
   TNT NATURDESIGN – BILDERRAHMEN V6.1 · 2026-08-25
   Zweiter Anlauf nach Nutzer-Feedback: statt jede einzelne Box mit einer
   eigenen Ecke/Kante zu behängen (wirkte "an die Box geklebt", Blumen
   "wuchsen auf dem Dach" der Boxen), gibt es jetzt EINEN durchgehenden,
   nahtlos kachelnden Ranken-Rahmen links/rechts über die gesamte
   Seitenlänge – wie ein Bilderrahmen, in den alle Boxen sauber und
   schmucklos eingebettet sind (genau wie im Vorbild: nur der äußere
   Rahmen ist bepflanzt, die Icon-Boxen etc. sind komplett clean).

   Dazu zwei kleine, bewusst platzierte Akzente direkt am Hero-Foto und
   am Hero-Titel (Efeu, das ins Foto hineinragt + Herz/Schmetterling
   neben der Überschrift) – exakt wie im Vorbild, sonst NICHTS.

   WICHTIG:
   - Ändert KEINE Inhalte, Fotos oder Texte.
   - Reine Deko-Ebene per ::before/::after – rein optisch, pointer-events:none.
   - Nach home-theme-organic-v5.css laden.
   - Gilt weiterhin nur für: body.page-home.home-theme-natur-leben
     und body.page-home.home-theme-feld-sonne
   ========================================================================== */


/* ==========================================================================
   0) ALTE DEKO-EBENE VOLLSTÄNDIG NEUTRALISIEREN
   (V5-Basis + die alte Feinschliff-V5.1.8-Ebene + die eigene V6-Vorfassung)
   ========================================================================== */
body.page-home.home-theme-natur-leben::before,
body.page-home.home-theme-natur-leben::after,
body.page-home.home-theme-natur-leben .hero::before,
body.page-home.home-theme-natur-leben .hero::after,
body.page-home.home-theme-natur-leben .hero-copy::before,
body.page-home.home-theme-natur-leben .hero-copy::after,
body.page-home.home-theme-natur-leben .hero-visual::before,
body.page-home.home-theme-natur-leben .hero-visual::after,
body.page-home.home-theme-natur-leben .section-intro::after,
body.page-home.home-theme-natur-leben .home-seo-hub::before,
body.page-home.home-theme-natur-leben .home-seo-hub::after,
body.page-home.home-theme-natur-leben .seo-link-grid::after,
body.page-home.home-theme-natur-leben .tnt-journey-donation::before,
body.page-home.home-theme-natur-leben .tnt-journey-donation::after,
body.page-home.home-theme-natur-leben .section-animals::before,
body.page-home.home-theme-natur-leben .section-animals::after,
body.page-home.home-theme-natur-leben .mission-cards::after,
body.page-home.home-theme-natur-leben .colorful-band::before,
body.page-home.home-theme-natur-leben .colorful-band::after,
body.page-home.home-theme-natur-leben .section-news::before,
body.page-home.home-theme-natur-leben .section-news::after,
body.page-home.home-theme-natur-leben .footer-cta::before,
body.page-home.home-theme-natur-leben .footer-cta-inner::after,
body.page-home.home-theme-feld-sonne::before,
body.page-home.home-theme-feld-sonne::after,
body.page-home.home-theme-feld-sonne .hero::before,
body.page-home.home-theme-feld-sonne .hero::after,
body.page-home.home-theme-feld-sonne .hero-copy::before,
body.page-home.home-theme-feld-sonne .hero-copy::after,
body.page-home.home-theme-feld-sonne .hero-visual::before,
body.page-home.home-theme-feld-sonne .hero-visual::after,
body.page-home.home-theme-feld-sonne .section-intro::after,
body.page-home.home-theme-feld-sonne .home-seo-hub::before,
body.page-home.home-theme-feld-sonne .home-seo-hub::after,
body.page-home.home-theme-feld-sonne .seo-link-grid::after,
body.page-home.home-theme-feld-sonne .tnt-journey-donation::before,
body.page-home.home-theme-feld-sonne .tnt-journey-donation::after,
body.page-home.home-theme-feld-sonne .section-animals::before,
body.page-home.home-theme-feld-sonne .section-animals::after,
body.page-home.home-theme-feld-sonne .mission-cards::after,
body.page-home.home-theme-feld-sonne .colorful-band::before,
body.page-home.home-theme-feld-sonne .colorful-band::after,
body.page-home.home-theme-feld-sonne .section-news::before,
body.page-home.home-theme-feld-sonne .section-news::after,
body.page-home.home-theme-feld-sonne .footer-cta::before,
body.page-home.home-theme-feld-sonne .footer-cta-inner::after{
  content:none !important;
  display:none !important;
  background-image:none !important;
}


/* Anmerkung: Der seitliche Ranken-Rahmen (body::before/::after) wurde
   auf Wunsch wieder entfernt — er wird bereits oben in Schritt 0
   neutralisiert (content:none) und hier bewusst NICHT neu definiert. */


/* ==========================================================================
   1b) DIE WIESE SELBST — voller Wiesen-Hintergrund hinter Hero-Karte und
       -Foto, statt schmalem Rand-Ornament. Der Hero "liegt" jetzt in der
       Wiese, genau wie im Vorbild; Gras/Blumen/Schmetterlinge/Bienen
       füllen die ganze Fläche und schimmern auch in den Lücken um Karte
       und Foto herum durch.
   ========================================================================== */
body.page-home.home-theme-natur-leben .hero,
body.page-home.home-theme-feld-sonne .hero{
  position:relative !important;
}
body.page-home.home-theme-natur-leben .hero::before,
body.page-home.home-theme-feld-sonne .hero::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  top:0 !important; left:0 !important; right:auto !important; bottom:auto !important;
  width:100% !important; height:100% !important;
  z-index:0 !important;
  pointer-events:none !important;
  border-radius:inherit !important;
  background-repeat:no-repeat !important;
  background-size:cover !important;
  background-position:center 62% !important;
  opacity:1 !important;
}
body.page-home.home-theme-natur-leben .hero::before{
  background-image:url("../img/themes/organic-v6/nl/hero-meadow-bg.svg") !important;
}
body.page-home.home-theme-feld-sonne .hero::before{
  background-image:url("../img/themes/organic-v6/fs/hero-meadow-bg.svg") !important;
}


/* ==========================================================================
   1c) DIESELBE WIESE AUF DEN ÜBRIGEN HELLEN BEREICHEN — mit Abwechslung
       (andere Variante je Bereich, statt überall dieselbe Kachel).
       Die dunkelgrünen Bänder (Spenden-CTA, Footer-CTA, Footer) bleiben
       bewusst clean — eine helle Wiese würde dort gegen die Kontrast-
       farbe der Marke arbeiten.
   ========================================================================== */
body.page-home.home-theme-natur-leben .section-intro,
body.page-home.home-theme-natur-leben .home-seo-hub,
body.page-home.home-theme-natur-leben .tnt-journey-donation,
body.page-home.home-theme-natur-leben .section-animals,
body.page-home.home-theme-natur-leben .section-news,
body.page-home.home-theme-feld-sonne .section-intro,
body.page-home.home-theme-feld-sonne .home-seo-hub,
body.page-home.home-theme-feld-sonne .tnt-journey-donation,
body.page-home.home-theme-feld-sonne .section-animals,
body.page-home.home-theme-feld-sonne .section-news{
  position:relative !important;
}
body.page-home.home-theme-natur-leben .section-intro > *,
body.page-home.home-theme-natur-leben .home-seo-hub > *,
body.page-home.home-theme-natur-leben .tnt-journey-donation > *,
body.page-home.home-theme-natur-leben .section-animals > *,
body.page-home.home-theme-natur-leben .section-news > *,
body.page-home.home-theme-feld-sonne .section-intro > *,
body.page-home.home-theme-feld-sonne .home-seo-hub > *,
body.page-home.home-theme-feld-sonne .tnt-journey-donation > *,
body.page-home.home-theme-feld-sonne .section-animals > *,
body.page-home.home-theme-feld-sonne .section-news > *{
  position:relative;
  z-index:2;
}
body.page-home.home-theme-natur-leben .section-intro::after,
body.page-home.home-theme-natur-leben .home-seo-hub::before,
body.page-home.home-theme-natur-leben .tnt-journey-donation::before,
body.page-home.home-theme-natur-leben .section-animals::before,
body.page-home.home-theme-natur-leben .section-news::before,
body.page-home.home-theme-feld-sonne .section-intro::after,
body.page-home.home-theme-feld-sonne .home-seo-hub::before,
body.page-home.home-theme-feld-sonne .tnt-journey-donation::before,
body.page-home.home-theme-feld-sonne .section-animals::before,
body.page-home.home-theme-feld-sonne .section-news::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  top:0 !important; left:0 !important; right:0 !important; bottom:0 !important;
  width:100% !important; height:100% !important;
  z-index:0 !important;
  pointer-events:none !important;
  border-radius:inherit !important;
  background-repeat:no-repeat !important;
  background-size:cover !important;
  background-position:center 78% !important;
  opacity:1 !important;
  mask-image:linear-gradient(to bottom, transparent 0%, rgba(0,0,0,.35) 30%, rgba(0,0,0,.85) 55%, #000 75%) !important;
  -webkit-mask-image:linear-gradient(to bottom, transparent 0%, rgba(0,0,0,.35) 30%, rgba(0,0,0,.85) 55%, #000 75%) !important;
}
/* Natur & Leben: Variante B bei Intro/Tiere, Variante C bei Themen-Hub/Spendenweg/News */
body.page-home.home-theme-natur-leben .section-intro::after,
body.page-home.home-theme-natur-leben .section-animals::before{
  background-image:url("../img/themes/organic-v6/nl/hero-meadow-bg-b.svg") !important;
}
body.page-home.home-theme-natur-leben .home-seo-hub::before,
body.page-home.home-theme-natur-leben .tnt-journey-donation::before,
body.page-home.home-theme-natur-leben .section-news::before{
  background-image:url("../img/themes/organic-v6/nl/hero-meadow-bg-c.svg") !important;
}
/* Feld & Sonne: dieselbe Aufteilung, warme Varianten */
body.page-home.home-theme-feld-sonne .section-intro::after,
body.page-home.home-theme-feld-sonne .section-animals::before{
  background-image:url("../img/themes/organic-v6/fs/hero-meadow-bg-b.svg") !important;
}
body.page-home.home-theme-feld-sonne .home-seo-hub::before,
body.page-home.home-theme-feld-sonne .tnt-journey-donation::before,
body.page-home.home-theme-feld-sonne .section-news::before{
  background-image:url("../img/themes/organic-v6/fs/hero-meadow-bg-c.svg") !important;
}
/* News-Sektion ist textlastig — Wiese dezenter, damit Meldungen lesbar bleiben */
body.page-home.home-theme-natur-leben .section-news::before,
body.page-home.home-theme-feld-sonne .section-news::before{
  opacity:.55 !important;
}


/* ==========================================================================
   2) Die zwei einzigen Akzente INNERHALB des Rahmens — direkt am Hero-Foto
      und am Hero-Titel, wie im Vorbild. Alles andere bleibt bewusst clean.
   ========================================================================== */
body.page-home.home-theme-natur-leben .hero-visual,
body.page-home.home-theme-natur-leben .hero-copy,
body.page-home.home-theme-feld-sonne .hero-visual,
body.page-home.home-theme-feld-sonne .hero-copy{
  overflow:visible !important;
  position:relative !important;
}
body.page-home.home-theme-natur-leben .hero-visual > *,
body.page-home.home-theme-feld-sonne .hero-visual > *{
  position:relative;
  z-index:5;
}

body.page-home.home-theme-natur-leben .hero-visual::after,
body.page-home.home-theme-natur-leben .hero-copy::before,
body.page-home.home-theme-natur-leben .hero-copy::after,
body.page-home.home-theme-feld-sonne .hero-visual::after,
body.page-home.home-theme-feld-sonne .hero-copy::before,
body.page-home.home-theme-feld-sonne .hero-copy::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  pointer-events:none !important;
  background-repeat:no-repeat !important;
  top:auto !important; left:auto !important; right:auto !important; bottom:auto !important;
  margin:0 !important; border:0 !important; border-radius:0 !important;
}

body.page-home.home-theme-natur-leben .hero-visual::after{
  left:-10px !important; top:-10px !important; width:168px !important; height:168px !important;
  z-index:4 !important; opacity:.78 !important;
  background-image:url("../img/themes/organic-v6/nl/corner-leafvine.svg") !important;
  background-size:contain !important; background-position:left top !important;
}
body.page-home.home-theme-natur-leben .hero-copy::before{
  top:62px !important; right:52px !important; width:34px !important; height:28px !important;
  z-index:6 !important; opacity:.6 !important;
  background-image:url("../img/themes/organic-v6/nl/doodle-heart.svg") !important;
  background-size:contain !important; background-position:center !important;
}
body.page-home.home-theme-natur-leben .hero-copy::after{
  bottom:64px !important; right:36px !important; width:32px !important; height:32px !important;
  z-index:6 !important; opacity:.65 !important;
  background-image:url("../img/themes/organic-v6/nl/doodle-butterfly.svg") !important;
  background-size:contain !important; background-position:center !important;
}

body.page-home.home-theme-feld-sonne .hero-visual::after{
  left:-10px !important; top:-10px !important; width:168px !important; height:168px !important;
  z-index:4 !important; opacity:.78 !important;
  background-image:url("../img/themes/organic-v6/fs/corner-wheat.svg") !important;
  background-size:contain !important; background-position:left top !important;
}
body.page-home.home-theme-feld-sonne .hero-copy::before{
  top:62px !important; right:52px !important; width:34px !important; height:28px !important;
  z-index:6 !important; opacity:.6 !important;
  background-image:url("../img/themes/organic-v6/fs/doodle-heart.svg") !important;
  background-size:contain !important; background-position:center !important;
}
body.page-home.home-theme-feld-sonne .hero-copy::after{
  bottom:64px !important; right:36px !important; width:32px !important; height:32px !important;
  z-index:6 !important; opacity:.65 !important;
  background-image:url("../img/themes/organic-v6/fs/doodle-butterfly.svg") !important;
  background-size:contain !important; background-position:center !important;
}