/* NatusatC – Variante D „Waben stärker“ (v4.6.0, 23.10.2026). Statisch, KEINE Animationen.
   Schalter: in layout/header.tpl {assign var='ncGruenD' value=false} -> Datei wird nicht geladen (1 Schritt zurück).
   Stärke: --gd-k (Deckkraft-Faktor, Demo = 1; hier 2,2; mobil 1,5). Strichstärke steckt in gd/waben-*.svg (2,2x). */
:root{--gd-k:2.2;--gd-gold:url(gd/waben-gold.svg);--gd-creme:url(gd/waben-creme.svg);
 --gd-edge:linear-gradient(90deg,rgba(246,168,0,0),#F6A800 10%,#FFE08A 50%,#F6A800 90%,rgba(246,168,0,0));
 --gd-sheen:radial-gradient(120% 150% at 10% -20%,rgba(255,236,170,.13),rgba(255,236,170,0) 55%)}
@media (max-width:767.98px){:root{--gd-k:1.5}#footer:before{opacity:calc(.08*1.1)}}

/* Header: Waben (Creme) als Überlagerung, Goldkante unten */
#jtl-nav-wrapper{background-image:var(--gd-sheen)}
#jtl-nav-wrapper:before{content:'';position:absolute;inset:0;pointer-events:none;z-index:1;background:var(--gd-creme) 40% 0/640px;opacity:calc(.10*var(--gd-k))}
#jtl-nav-wrapper:after{content:'';position:absolute;left:0;right:0;bottom:0;height:3px;pointer-events:none;z-index:2;background:var(--gd-edge)}

/* Kategorie-Banner: goldene Waben (zur Sonne hin kräftig, links hinter dem Text zurückgenommen), Goldkante, feine Welle */
.nc-cat-hero{background-image:var(--gd-sheen),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='900' height='50' viewBox='0 0 900 50'%3E%3Cpath d='M0 25 Q225.0 7 450.0 25 T900 25' fill='none' stroke='%23F6A800' stroke-opacity='0.4' stroke-width='1.3' stroke-linecap='round'/%3E%3C/svg%3E");background-position:0 0,-260px 94%;background-size:auto,900px 50px;background-repeat:no-repeat,repeat-x;
 box-shadow:inset 0 -3px 0 #F6A800,inset 0 -16px 26px -16px rgba(246,168,0,.38)}
.nc-cat-hero:before{content:'';position:absolute;z-index:0;inset:0;pointer-events:none;background:var(--gd-gold) 10% 30%/620px;opacity:min(1,calc(.52*var(--gd-k)));
 -webkit-mask:linear-gradient(100deg,rgba(0,0,0,.09) 0,rgba(0,0,0,.09) 34%,#000 52%,#000 62%,transparent 86%);mask:linear-gradient(100deg,rgba(0,0,0,.09) 0,rgba(0,0,0,.09) 34%,#000 52%,#000 62%,transparent 86%)}
@media (max-width:767.98px){.nc-cat-hero:before{opacity:min(1,calc(.3*var(--gd-k)));-webkit-mask:linear-gradient(100deg,rgba(0,0,0,.05) 0,rgba(0,0,0,.05) 55%,#000 100%);mask:linear-gradient(100deg,rgba(0,0,0,.05) 0,rgba(0,0,0,.05) 55%,#000 100%)}}

/* Start-Hero (dunkle Sektion): Waben (Creme) hinter dem Inhalt, Wellenkante mit Goldlinie unten */
.nc-home-hero{position:relative;isolation:isolate;margin-bottom:30px;background-image:var(--gd-sheen)}
.nc-home-hero:before{content:'';position:absolute;z-index:-1;inset:0;pointer-events:none;background:var(--gd-creme) 60% 0/700px;opacity:calc(.07*var(--gd-k))}
.nc-home-hero:after{content:'';position:absolute;left:0;right:0;bottom:-28px;height:30px;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='30' viewBox='0 0 800 30' preserveAspectRatio='none'%3E%3Cpath d='M0 0 L0 16 Q200 32 400 16 T800 16 L800 0 Z' fill='%231f2a1d'/%3E%3Cpath d='M0 16 Q200 32 400 16 T800 16' fill='none' stroke='%23F6A800' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") 0 0/800px 30px repeat-x}

/* Footer: Wellenkante oben mit Goldlinie, Waben, Goldkante über der Copyright-Leiste */
#footer{position:relative;isolation:isolate;margin-top:2.5rem}
#footer:before{content:'';position:absolute;z-index:-1;inset:0;pointer-events:none;background:var(--gd-creme) 20% 0/720px;opacity:calc(.08*var(--gd-k))}
#footer:after{content:'';position:absolute;left:0;right:0;top:-28px;height:30px;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='30' viewBox='0 0 800 30' preserveAspectRatio='none'%3E%3Cpath d='M0 30 L0 14 Q200 -2 400 14 T800 14 L800 30 Z' fill='%231f2a1d'/%3E%3Cpath d='M0 14 Q200 -2 400 14 T800 14' fill='none' stroke='%23F6A800' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") 0 100%/800px 30px repeat-x}
#copyright{border-top:1px solid rgba(246,168,0,.45)}

/* Buttons: Gold mit dezentem Diagonalglanz (statisch) */
.btn-primary{background:linear-gradient(110deg,#F6A800 0 56%,#FDBF3A 56% 64%,#F6A800 64%);border-color:#F6A800;color:#1f2a1d;box-shadow:0 6px 14px -8px rgba(246,168,0,.7)}
.btn-outline-light{border-color:#F6A800;color:#FFE08A}