/* fuchs-saison: aktiv "halloween" (Paket 2026) */
/* FuchsNetwork Saison-Paket "halloween" (erzeugt von gen.py; nicht von Hand aendern) */
/* Basis: <div class="saison-deko" aria-hidden="true"></div> (leer) als ERSTES Kind des Hero-Abschnitts (wird dessen Flaeche, scrollt mit, liegt hinter dem Inhalt)
   und optional <div class="saison-szene" aria-hidden="true"></div> in der Logo-Buehne (.stage): Begleiter direkt am Fuchs (Kuerbis, Hase, Zahnraeder).
   Bewegt wird nur transform/opacity/translate. */
.saison-deko{background-repeat:no-repeat;position:absolute;inset:0 auto;left:calc(50% - 50vw + 8px);width:calc(100vw - 16px);z-index:-1;pointer-events:none;overflow:hidden}
*:has(>.saison-deko){position:relative;isolation:isolate;overflow:visible;clip-path:inset(0 -100vw)}
:root:has(.saison-deko){overflow-x:clip}
.saison-deko::before,.saison-deko::after{content:"";position:absolute;pointer-events:none}
.saison-szene{position:absolute;inset:0;z-index:2;pointer-events:none}
*:has(>.saison-szene){position:relative}
.saison-szene::before,.saison-szene::after{content:"";position:absolute;pointer-events:none;background-repeat:no-repeat;background-size:100% 100%}
.saison-zeile{display:none}
@keyframes sd-y{to{transform:translate3d(0,var(--sd-dy,0),0)}}
@keyframes sd-x{to{transform:translate3d(var(--sd-dx,0),0,0)}}
@keyframes sd-sway{from{translate:calc(var(--sd-sw,0px)*-1) 0}to{translate:var(--sd-sw,0px) 0}}
@keyframes sd-wipp{from{translate:0 -34px}to{translate:0 34px}}
@keyframes sd-atmen{from{opacity:var(--sd-o1,.6)}to{opacity:var(--sd-o2,1)}}
@keyframes sd-dreh{to{transform:rotate(360deg)}}
@keyframes sd-burst{0%{opacity:0;transform:scale(.72)}5%{opacity:1}12%{opacity:.95;transform:scale(1)}40%{opacity:.7;transform:scale(1.05)}58%,100%{opacity:0;transform:scale(1.08)}}
@keyframes sd-hop{0%,78%,100%{transform:translateY(0)}84%{transform:translateY(-14px)}90%{transform:translateY(0)}93%{transform:translateY(-6px)}96%{transform:translateY(0)}}
@keyframes sd-blende{0%{opacity:0}7%{opacity:1}38%{opacity:.85}62%,100%{opacity:0}}
/* Freie Flaechen: Ab Zweispalter (52rem) laufen die Flug-/Schwebeebenen ueber die ganze Hero-Flaeche, Textspalte (erstes Kind des Hero-Rasters) und Logo-Buehne
   bekommen aber denselben Punktraster-Grund wie die Seite (fixed = deckungsgleich) und decken die Ebenen ab: Text, Knoepfe, Adressfeld und Fuchs werden nie ueberflogen. */
@media (min-width:52.01rem){
  .saison-deko~*>:first-child,*:has(>.saison-szene){position:relative;isolation:isolate}
  .saison-deko~*>:first-child::before,*:has(>.saison-szene)::before{content:"";position:absolute;inset:-28px;z-index:-1;pointer-events:none;
    background-color:var(--bg);background-image:radial-gradient(circle at 1px 1px,var(--punkt,var(--line)) 1px,transparent 0);background-size:28px 28px;background-attachment:fixed;
    -webkit-mask-image:linear-gradient(to right,transparent,#000 28px,#000 calc(100% - 28px),transparent),linear-gradient(to bottom,transparent,#000 28px,#000 calc(100% - 28px),transparent);
    -webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent,#000 28px,#000 calc(100% - 28px),transparent),linear-gradient(to bottom,transparent,#000 28px,#000 calc(100% - 28px),transparent);mask-composite:intersect}
}
.saison-zeile{display:block;margin:-.4rem 0 1.5rem;font-weight:600;color:var(--accent,#a83d08);font-size:1.15rem}
.saison-zeile::after{content:"Hier spukt bald dein Projekt \2026 "}
.saison-szene::after{right:-32%;bottom:-34%;width:80%;aspect-ratio:240/220}
.saison-szene::after{background-image:url(saison/halloween-2026-40f637eca6d50523-kuerbis-hell-s.svg);}
@media (prefers-color-scheme:dark){:root:not([data-theme="hell"]) .saison-szene::after{background-image:url(saison/halloween-2026-40f637eca6d50523-kuerbis-dunkel-s.svg);}}
:root[data-theme="dunkel"] .saison-szene::after{background-image:url(saison/halloween-2026-40f637eca6d50523-kuerbis-dunkel-s.svg);}
@media all{
.saison-szene::after{background-image:url(saison/halloween-2026-0e169192e73363ba-kuerbis-hell.svg);}
@media (prefers-color-scheme:dark){:root:not([data-theme="hell"]) .saison-szene::after{background-image:url(saison/halloween-2026-0e169192e73363ba-kuerbis-dunkel.svg);}}
:root[data-theme="dunkel"] .saison-szene::after{background-image:url(saison/halloween-2026-0e169192e73363ba-kuerbis-dunkel.svg);}
}
@media all{.saison-szene::after{--sd-dy:-7px;animation:sd-y 4.2s ease-in-out infinite alternate}}
.saison-deko::before{left:0;right:-220px;top:0;height:min(100%,460px);background-size:900px 460px;background-repeat:repeat-x;-webkit-mask-image:linear-gradient(to bottom,#000 55%,transparent);mask-image:linear-gradient(to bottom,#000 55%,transparent)}
.saison-deko::before{background-image:url(saison/halloween-2026-5ddd079a5d7d4f4f-fledermaeuse-hell-s.svg);}
@media (prefers-color-scheme:dark){:root:not([data-theme="hell"]) .saison-deko::before{background-image:url(saison/halloween-2026-8f6c96926ff3acc6-fledermaeuse-dunkel-s.svg);}}
:root[data-theme="dunkel"] .saison-deko::before{background-image:url(saison/halloween-2026-8f6c96926ff3acc6-fledermaeuse-dunkel-s.svg);}
@media all{
.saison-deko::before{background-image:url(saison/halloween-2026-30fccb805e1bd115-fledermaeuse-hell.svg);}
@media (prefers-color-scheme:dark){:root:not([data-theme="hell"]) .saison-deko::before{background-image:url(saison/halloween-2026-34d668a9263efdf7-fledermaeuse-dunkel.svg);}}
:root[data-theme="dunkel"] .saison-deko::before{background-image:url(saison/halloween-2026-34d668a9263efdf7-fledermaeuse-dunkel.svg);}
}
@media all{.saison-deko::before{--sd-dx:-200px;will-change:transform;animation:sd-x 21s ease-in-out infinite alternate,sd-wipp 7s ease-in-out infinite alternate}}
.saison-deko::after{inset:0;background-size:900px 800px;-webkit-mask-image:linear-gradient(to bottom,#000 68%,transparent);mask-image:linear-gradient(to bottom,#000 68%,transparent)}
.saison-deko::after{background-image:url(saison/halloween-2026-a9b04b1895edb35b-fliegen-hell-s.svg);}
@media (prefers-color-scheme:dark){:root:not([data-theme="hell"]) .saison-deko::after{background-image:url(saison/halloween-2026-a9b04b1895edb35b-fliegen-dunkel-s.svg);}}
:root[data-theme="dunkel"] .saison-deko::after{background-image:url(saison/halloween-2026-a9b04b1895edb35b-fliegen-dunkel-s.svg);}
@media all{
.saison-deko::after{background-image:url(saison/halloween-2026-20ff21a5d7c36184-fliegen-hell.svg);}
@media (prefers-color-scheme:dark){:root:not([data-theme="hell"]) .saison-deko::after{background-image:url(saison/halloween-2026-20ff21a5d7c36184-fliegen-dunkel.svg);}}
:root[data-theme="dunkel"] .saison-deko::after{background-image:url(saison/halloween-2026-20ff21a5d7c36184-fliegen-dunkel.svg);}
}
@media (max-width:52rem){:root:root:root .saison-deko::before,:root:root:root .saison-deko::after{left:auto;right:0;width:14%}}
/* Bewegung aus (data-bewegung="aus") */
:root[data-bewegung="aus"] .saison-deko,:root[data-bewegung="aus"] .saison-deko::before,:root[data-bewegung="aus"] .saison-deko::after,:root[data-bewegung="aus"] .saison-szene,:root[data-bewegung="aus"] .saison-szene::before,:root[data-bewegung="aus"] .saison-szene::after{animation:none!important;will-change:auto!important}
:root[data-bewegung="aus"] .saison-szene::after{background-image:url(saison/halloween-2026-40f637eca6d50523-kuerbis-hell-s.svg)!important}
@media (prefers-color-scheme:dark){:root[data-bewegung="aus"]:not([data-theme="hell"]) .saison-szene::after{background-image:url(saison/halloween-2026-40f637eca6d50523-kuerbis-dunkel-s.svg)!important}}
:root[data-bewegung="aus"][data-theme="dunkel"] .saison-szene::after{background-image:url(saison/halloween-2026-40f637eca6d50523-kuerbis-dunkel-s.svg)!important}
:root[data-bewegung="aus"] .saison-deko::before{background-image:url(saison/halloween-2026-5ddd079a5d7d4f4f-fledermaeuse-hell-s.svg)!important}
@media (prefers-color-scheme:dark){:root[data-bewegung="aus"]:not([data-theme="hell"]) .saison-deko::before{background-image:url(saison/halloween-2026-8f6c96926ff3acc6-fledermaeuse-dunkel-s.svg)!important}}
:root[data-bewegung="aus"][data-theme="dunkel"] .saison-deko::before{background-image:url(saison/halloween-2026-8f6c96926ff3acc6-fledermaeuse-dunkel-s.svg)!important}
:root[data-bewegung="aus"] .saison-deko::after{background-image:url(saison/halloween-2026-a9b04b1895edb35b-fliegen-hell-s.svg)!important}
@media (prefers-color-scheme:dark){:root[data-bewegung="aus"]:not([data-theme="hell"]) .saison-deko::after{background-image:url(saison/halloween-2026-a9b04b1895edb35b-fliegen-dunkel-s.svg)!important}}
:root[data-bewegung="aus"][data-theme="dunkel"] .saison-deko::after{background-image:url(saison/halloween-2026-a9b04b1895edb35b-fliegen-dunkel-s.svg)!important}