/* ratgeber-fx.css – 100 Bausteine für den Ratgeber (alle Klassen fx-*).
   Grundregel: Ohne JS ist der Ruhezustand = Endzustand. Versteckte Startzustände nur unter html.fx-ready.
   Nach dem Inline-<style> von _ratgeber.php einbinden (gleiche Spezifität, Reihenfolge entscheidet). */
@property --fx-t{syntax:'<number>';inherits:true;initial-value:1}
@property --fx-r{syntax:'<percentage>';inherits:true;initial-value:62%}
:root{--fx-gold:var(--rb-gold,#C9A84C);--fx-pale:var(--rb-pale,#E8D5A3);--fx-line:var(--rb-line,rgba(232,213,163,.14));--fx-muted:var(--rb-muted,#9A917F);--fx-text:var(--rb-text,#EDE7DB);--fx-ink:var(--rb-ink,#060606);--fx-surface:var(--rb-surface,#100e0b);--fx-serif:'Cormorant Garamond',Georgia,serif;--fx-sans:'Montserrat',system-ui,sans-serif;--fx-ease:cubic-bezier(.22,1,.36,1);--fx-top:76px;--fx-warm:#b98a6e}

/* ---------- Basis ---------- */
.rb-wrap [class*="fx-"] figure{width:auto;left:auto;transform:none;margin:0}
.rb-wrap figure[class*="fx-"]{width:auto;left:auto;transform:none;margin:2.6rem 0}
[class*="fx-"] img{max-width:100%;display:block}
[class*="fx-"] [role="button"],[class*="fx-"] [role="tab"],[class*="fx-"] [role="checkbox"],[class*="fx-"] [role="slider"]{cursor:pointer;-webkit-tap-highlight-color:transparent}
[class*="fx-"] [tabindex]:focus-visible,[class*="fx-"]:focus-visible,.fx-lb [tabindex]:focus-visible{outline:1px solid var(--fx-gold);outline-offset:3px}
.fx-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.fx-wide,.fx-parallax,.fx-kenburns,.fx-letterbox,.fx-mosaic,.fx-pano,.fx-img-quote,.fx-img-wipe{width:min(1060px,calc(100vw - 2.4rem))!important;margin-left:calc(50% - min(530px,calc(50vw - 1.2rem)))!important}
.fx-btn{display:inline-flex;align-items:center;gap:.6rem;padding:.8rem 1.3rem;border:1px solid var(--c,var(--fx-gold));color:var(--c,var(--fx-gold));font-family:var(--fx-sans);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;user-select:none;transition:background .4s,color .4s}
.fx-btn:hover{background:var(--c,var(--fx-gold));color:var(--fx-ink)}
.fx-ico{width:1.5rem;height:1.5rem;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}

/* ---------- A · Scroll-Reveals ---------- */
.fx-fade-up,.fx-slide-left,.fx-slide-right,.fx-zoom-in,.fx-blur-in{transition:opacity 1s var(--fx-ease),transform 1.1s var(--fx-ease),filter 1.1s var(--fx-ease)}
.fx-ready .fx-fade-up:not(.fx-in){opacity:0;transform:translateY(28px)}
.fx-ready .fx-slide-left:not(.fx-in){opacity:0;transform:translateX(-18px)}
.fx-ready .fx-slide-right:not(.fx-in){opacity:0;transform:translateX(18px)}
.fx-ready .fx-zoom-in:not(.fx-in){opacity:0;transform:scale(.94)}
.fx-ready .fx-blur-in:not(.fx-in){opacity:0;filter:blur(14px)}
.fx-wipe{transition:clip-path 1.3s var(--fx-ease),opacity .6s}
.fx-ready .fx-wipe:not(.fx-in){clip-path:inset(0 100% 0 0);opacity:.2}
.fx-stagger>*{transition:opacity .9s var(--fx-ease),transform .9s var(--fx-ease);transition-delay:calc(var(--fx-i,0)*110ms)}
.fx-ready .fx-stagger:not(.fx-in)>*{opacity:0;transform:translateY(18px)}
.fx-parallax{position:relative;overflow:hidden;aspect-ratio:16/9;background:#000}
.rb-wrap .fx-parallax img,.fx-parallax img{position:absolute;left:0;top:-10%;width:100%;height:120%;object-fit:cover;transform:translate3d(0,calc(var(--fx-p,0)*7%),0);will-change:transform}
.fx-parallax figcaption,.fx-kenburns figcaption,.fx-letterbox figcaption{position:absolute;left:0;right:0;bottom:0;margin:0!important;max-width:none!important;padding:2.2rem 1.2rem 1rem;background:linear-gradient(transparent,rgba(6,6,6,.75));color:var(--fx-text)!important}
.fx-kenburns{position:relative;overflow:hidden;aspect-ratio:3/2;background:#000}
.rb-wrap .fx-kenburns img,.fx-kenburns img{width:100%;height:100%;object-fit:cover;transform-origin:60% 40%}
.fx-ready .fx-kenburns.fx-in img{animation:fxKb 18s cubic-bezier(.25,.1,.25,1) forwards}
@keyframes fxKb{from{transform:scale(1)}to{transform:scale(1.13) translate(-1.5%,-1%)}}
.fx-letterbox{position:relative;overflow:hidden;aspect-ratio:16/9;background:#000}
.rb-wrap .fx-letterbox img,.fx-letterbox img{width:100%;height:100%;object-fit:cover}
.fx-letterbox::before,.fx-letterbox::after{content:'';position:absolute;left:0;right:0;height:50%;background:#000;z-index:1;transform:scaleY(.2);transition:transform 1.6s cubic-bezier(.7,0,.2,1)}
.fx-letterbox::before{top:0;transform-origin:50% 0}
.fx-letterbox::after{bottom:0;transform-origin:50% 100%}
.fx-letterbox figcaption{z-index:2;bottom:10%;background:none}
.fx-ready .fx-letterbox:not(.fx-in)::before,.fx-ready .fx-letterbox:not(.fx-in)::after{transform:scaleY(1.01)}
.fx-ready .fx-letterbox img{transition:transform 2.4s var(--fx-ease)}
.fx-ready .fx-letterbox:not(.fx-in) img{transform:scale(1.08)}

/* ---------- B · Typografie ---------- */
@supports ((-webkit-background-clip:text) or (background-clip:text)){
.fx-gold-title{background:linear-gradient(100deg,#a8822f 0%,#E8D5A3 28%,#C9A84C 46%,#f6ead0 58%,#b8913a 76%,#E8D5A3 100%);background-size:250% 100%;background-position:0 0;-webkit-background-clip:text;background-clip:text;color:transparent!important}
.fx-ready .fx-gold-title.fx-in{animation:fxSheen 2.6s var(--fx-ease) both}
}
@keyframes fxSheen{from{background-position:100% 0}to{background-position:0 0}}
mark.fx-marker,.fx-marker{color:inherit;padding:0 .12em;margin:0 -.04em;background:linear-gradient(transparent 56%,var(--c,rgba(201,168,76,.38)) 56%,var(--c,rgba(201,168,76,.38)) 92%,transparent 92%) no-repeat 0 0/100% 100%;transition:background-size 1.2s var(--fx-ease) .2s}
.fx-ready .fx-marker:not(.fx-in){background-size:0 100%}
.fx-underline{background:linear-gradient(var(--c,var(--fx-gold)),var(--c,var(--fx-gold))) no-repeat 0 100%/100% 1px;padding-bottom:.1em;transition:background-size 1.1s var(--fx-ease) .15s}
.fx-ready .fx-underline:not(.fx-in){background-size:0 1px}
.fx-words .fx-w{display:inline-block;transition:opacity .8s var(--fx-ease),transform .8s var(--fx-ease),filter .8s;transition-delay:calc(var(--fx-i,0)*55ms)}
.fx-ready .fx-words:not(.fx-in) .fx-w{opacity:0;transform:translateY(.45em);filter:blur(4px)}
p.fx-typewriter,.fx-typewriter{font-family:var(--fx-serif);font-style:italic;font-weight:300;font-size:clamp(1.5rem,4vw,2.1rem);line-height:1.35;color:#fff;margin:2.4rem 0}
.fx-tw-h{visibility:hidden}
.fx-tw-c{display:inline-block;width:1px;height:1em;margin:0 1px -.12em;background:var(--fx-gold);animation:fxBlink 1s steps(1) infinite}
.fx-tw-done .fx-tw-c{animation:fxFade 1.2s 1s forwards}
@keyframes fxBlink{50%{opacity:0}}
@keyframes fxFade{to{opacity:0}}
.fx-dropcap::first-letter{float:left;font-family:var(--fx-serif);font-weight:300;font-size:4.8em;line-height:.78;padding:.06em .1em 0 0;color:var(--c,var(--fx-gold))}
.fx-dropcap{transition:opacity 1.2s var(--fx-ease)}
.fx-ready .fx-dropcap:not(.fx-in){opacity:0}
.fx-pullquote{margin:3.6rem 0;padding:2rem 0;position:relative;text-align:center}
.fx-pullquote::before,.fx-pullquote::after{content:'';position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--c,var(--fx-gold)),transparent);transition:transform 1.4s var(--fx-ease)}
.fx-pullquote::before{top:0}.fx-pullquote::after{bottom:0}
.fx-pullquote p{font-family:var(--fx-serif)!important;font-style:italic;font-weight:300;font-size:clamp(1.8rem,5.4vw,2.9rem)!important;line-height:1.2!important;color:#fff!important;margin:0 auto!important;max-width:22ch;transition:opacity 1.2s var(--fx-ease) .3s,transform 1.2s var(--fx-ease) .3s}
.fx-pullquote cite{display:block;margin-top:1.2rem;font-style:normal;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--fx-muted)}
.fx-ready .fx-pullquote:not(.fx-in)::before,.fx-ready .fx-pullquote:not(.fx-in)::after{transform:scaleX(0)}
.fx-ready .fx-pullquote:not(.fx-in) p{opacity:0;transform:translateY(14px)}
.fx-bignum{margin:3rem 0;display:grid;gap:.4rem}
.fx-bignum b{font-family:var(--fx-serif);font-weight:300;font-size:clamp(5rem,20vw,9.5rem);line-height:.85;color:transparent;-webkit-text-stroke:1px var(--c,var(--fx-gold));font-variant-numeric:lining-nums tabular-nums;letter-spacing:-.02em}
.fx-bignum p{margin:0!important;max-width:30rem;color:var(--fx-text)}
.fx-split span{display:block;transition:opacity 1.1s var(--fx-ease),transform 1.2s var(--fx-ease)}
.fx-split span+span{padding-left:clamp(1.5rem,8vw,4rem);color:var(--c,var(--fx-pale));font-style:italic}
.fx-ready .fx-split:not(.fx-in) span:first-child{opacity:0;transform:translateX(-16px)}
.fx-ready .fx-split:not(.fx-in) span+span{opacity:0;transform:translateX(16px)}
.fx-split span+span{transition-delay:.18s}
.fx-rotate{color:var(--c,var(--fx-gold));font-style:italic}
.fx-rotate.fx-on{display:inline-grid;vertical-align:bottom;overflow:hidden}
.fx-rotate.fx-on>span{grid-area:1/1;transition:opacity .7s var(--fx-ease),transform .7s var(--fx-ease);opacity:0;transform:translateY(60%)}
.fx-rotate.fx-on>span.fx-act{opacity:1;transform:none}
.fx-rotate.fx-on>span.fx-out{opacity:0;transform:translateY(-60%)}
p.fx-kicker,.fx-kicker{display:flex;align-items:center;gap:.9rem;margin:3rem 0 .8rem;font-family:var(--fx-sans);font-size:.7rem!important;letter-spacing:.26em;text-transform:uppercase;color:var(--c,var(--fx-gold))!important;line-height:1.5!important}
.fx-kicker::before{content:'';flex:0 0 2.4rem;height:1px;background:currentColor;transform-origin:0 50%;transition:transform 1s var(--fx-ease)}
.fx-ready .fx-kicker:not(.fx-in)::before{transform:scaleX(0)}
.fx-note{position:relative;margin:2.8rem auto;max-width:30rem;padding:2rem 1.6rem 1.4rem;background:repeating-linear-gradient(transparent 0 2.05rem,rgba(232,213,163,.08) 2.05rem calc(2.05rem + 1px)),#14110d;border:1px solid var(--fx-line);transform:rotate(-.8deg);transition:opacity 1s var(--fx-ease),transform 1.1s var(--fx-ease)}
.fx-note::before{content:'';position:absolute;top:-.7rem;left:50%;width:6rem;height:1.3rem;margin-left:-3rem;background:rgba(232,213,163,.16);transform:rotate(2deg)}
.fx-note p{font-family:var(--fx-serif)!important;font-style:italic;font-size:1.32rem!important;line-height:1.55!important;color:var(--fx-pale)!important;margin:0 0 .6rem!important}
.fx-note small{display:block;text-align:right;font-family:var(--fx-serif);font-style:italic;font-size:1.1rem;color:var(--fx-gold)}
.fx-ready .fx-note:not(.fx-in){opacity:0;transform:rotate(-3deg) translateY(16px)}
abbr.fx-gloss,.fx-gloss{position:relative;text-decoration:none;border-bottom:1px dotted var(--fx-gold);cursor:help}
.fx-gloss-pop{display:none;position:absolute;z-index:20;left:50%;bottom:calc(100% + .6rem);width:max-content;max-width:min(17rem,78vw);padding:.7rem .9rem;background:#17140f;border:1px solid rgba(201,168,76,.4);color:var(--fx-text);font-family:var(--fx-sans);font-style:normal;font-size:.82rem;line-height:1.55;letter-spacing:0;text-transform:none;transform:translate(calc(-50% + var(--fx-dx,0px)),0);pointer-events:none}
.fx-gloss.fx-open .fx-gloss-pop,.fx-gloss:hover .fx-gloss-pop,.fx-gloss:focus-visible .fx-gloss-pop{display:block;animation:fxPop .35s var(--fx-ease)}
.fx-quotemarks{position:relative;margin:3rem 0;padding:2.2rem clamp(1.4rem,6vw,3rem)}
.fx-quotemarks::before,.fx-quotemarks::after{position:absolute;font-family:var(--fx-serif);font-size:6rem;line-height:1;color:var(--c,var(--fx-gold));transition:opacity 1s var(--fx-ease),transform 1.2s var(--fx-ease)}
.fx-quotemarks::before{content:'\201C';left:0;top:-.6rem}
.fx-quotemarks::after{content:'\201D';right:0;bottom:-3.4rem}
.fx-quotemarks p{font-family:var(--fx-serif)!important;font-style:italic;font-size:clamp(1.3rem,3.6vw,1.7rem)!important;line-height:1.45!important;color:#fff!important;margin:0!important}
.fx-quotemarks cite{display:block;margin-top:1rem;font-style:normal;font-size:.75rem;letter-spacing:.12em;color:var(--fx-muted)}
.fx-ready .fx-quotemarks:not(.fx-in)::before{opacity:0;transform:translate(-10px,-10px) scale(.7)}
.fx-ready .fx-quotemarks:not(.fx-in)::after{opacity:0;transform:translate(10px,10px) scale(.7)}

/* ---------- C · Zahlen & Daten ---------- */
.fx-count b,.fx-bignum b,.fx-countdown b,.fx-kpi b,.fx-delta b,.fx-num,.fx-figure b{font-variant-numeric:tabular-nums lining-nums}
.fx-count{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:2.8rem 0;border-top:1px solid var(--fx-line);border-bottom:1px solid var(--fx-line)}
.fx-count>div{padding:1.5rem 1.2rem 1.5rem 0}
.fx-count>div+div{border-left:1px solid var(--fx-line);padding-left:1.2rem}
.fx-count b{display:block;font-family:var(--fx-serif);font-weight:300;font-size:clamp(2.6rem,6vw,3.4rem);line-height:1;color:var(--c,var(--fx-gold));margin-bottom:.6rem}
.fx-count span{display:block;font-size:.84rem;line-height:1.6;color:var(--fx-muted)}
@media(max-width:520px){.fx-count{grid-template-columns:1fr}.fx-count>div+div{border-left:0;border-top:1px solid var(--fx-line);padding-left:0}}
.fx-figure{margin:3rem 0;text-align:center}
.fx-figure small{display:block;font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;color:var(--fx-muted)}
.fx-figure b{display:block;font-family:var(--fx-serif);font-weight:300;font-size:clamp(3.6rem,13vw,6.4rem);line-height:1.05;color:#fff}
.fx-figure sup{font-size:.38em;color:var(--c,var(--fx-gold));vertical-align:.95em;margin-left:.08em}
.fx-figure>span{display:block;max-width:26rem;margin:.6rem auto 0;font-size:.9rem;line-height:1.7;color:var(--fx-muted)}
.fx-bars{margin:2.6rem 0}
.fx-bars>div{display:grid;grid-template-columns:1fr auto;gap:.45rem 1rem;margin-bottom:1.2rem;font-size:.92rem}
.fx-bars span{color:var(--fx-text)}
.fx-bars b{font-weight:400;color:var(--c,var(--fx-gold))}
.fx-bars>div::after{content:'';grid-column:1/-1;height:3px;background:linear-gradient(var(--c,var(--fx-gold)),var(--c,var(--fx-gold))) no-repeat 0 0/calc(var(--v,0)*1%) 100%,var(--fx-line);transition:background-size 1.4s var(--fx-ease);transition-delay:calc(var(--fx-i,0)*120ms)}
.fx-ready .fx-bars:not(.fx-in)>div::after{background-size:0 100%,auto}
.fx-compare{margin:2.6rem 0}
.fx-compare-legend{display:flex;flex-wrap:wrap;gap:.4rem 1.4rem;font-size:.74rem!important;letter-spacing:.06em;color:var(--fx-muted)!important;margin:0 0 1rem!important}
.fx-compare-legend span::before{content:'';display:inline-block;width:.8rem;height:.8rem;margin-right:.5rem;vertical-align:-.1rem;background:var(--fx-gold)}
.fx-compare-legend span+span::before{background:transparent;border:1px solid var(--fx-pale)}
.fx-compare>div{display:grid;gap:.3rem;margin-bottom:1.3rem}
.fx-compare>div>span{font-size:.9rem;color:var(--fx-text)}
.fx-compare i{display:block;width:calc(var(--v,0)*1%);min-width:3rem;box-sizing:border-box;padding:.18rem .5rem;font-style:normal;font-size:.7rem;text-align:right;color:var(--fx-ink);background:var(--fx-gold);transition:clip-path 1.3s var(--fx-ease)}
.fx-compare i+i{background:transparent;border:1px solid var(--fx-pale);color:var(--fx-pale);transition-delay:.15s}
.fx-ready .fx-compare:not(.fx-in) i{clip-path:inset(0 100% 0 0)}
.fx-stack{margin:2.6rem 0}
.fx-stack-bar{display:flex;height:2.6rem;gap:2px;transition:clip-path 1.6s var(--fx-ease)}
.fx-stack-bar>span{flex:var(--v,1) 1 0;min-width:0;display:flex;align-items:center;justify-content:center;font-size:.72rem;color:var(--fx-ink);overflow:hidden;white-space:nowrap;background:var(--c,var(--fx-gold))}
.fx-stack-bar>span:nth-child(2),.fx-legend li:nth-child(2)::before{--fx-sw:#E8D5A3}
.fx-stack-bar>span:nth-child(3),.fx-legend li:nth-child(3)::before{--fx-sw:#8f7638}
.fx-stack-bar>span:nth-child(4),.fx-legend li:nth-child(4)::before{--fx-sw:#5e5443}
.fx-stack-bar>span:nth-child(5),.fx-legend li:nth-child(5)::before{--fx-sw:#3a342b}
.fx-stack-bar>span:nth-child(n+2){background:var(--c,var(--fx-sw))}
.fx-stack-bar>span:nth-child(n+4){color:var(--fx-text)}
.fx-ready .fx-stack:not(.fx-in) .fx-stack-bar{clip-path:inset(0 100% 0 0)}
ul.fx-legend,.fx-legend{list-style:none;padding:0!important;margin:1rem 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.2rem 1.2rem}
.fx-legend li{font-size:.86rem!important;line-height:1.6!important;margin:0!important;color:var(--fx-text)}
.fx-legend li::before{content:'';display:inline-block;width:.7rem;height:.7rem;margin-right:.6rem;background:var(--fx-sw,var(--fx-gold))}
.fx-ring{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem 2.6rem;margin:2.8rem 0}
.fx-ring>div{display:grid;justify-items:center;text-align:center;width:9.5rem;transition:--fx-t 1.8s var(--fx-ease)}
.fx-ring>div::before{content:'';grid-area:1/1;width:8.5rem;aspect-ratio:1;border-radius:50%;background:conic-gradient(var(--c,var(--fx-gold)) calc(var(--v,0)*3.6deg*var(--fx-t)),rgba(232,213,163,.13) 0);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2.5px));mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2.5px))}
.fx-ring b{grid-area:1/1;align-self:center;font-family:var(--fx-serif);font-weight:300;font-size:2.2rem;color:#fff}
.fx-ring span{margin-top:.8rem;font-size:.82rem;line-height:1.55;color:var(--fx-muted)}
.fx-ready .fx-ring:not(.fx-in)>div{--fx-t:0}
.fx-donut{display:grid;gap:1.6rem;align-items:center;justify-items:center;margin:2.8rem 0;transition:--fx-t 2s var(--fx-ease)}
.fx-donut::before{content:'';grid-area:1/1;width:min(15rem,68vw);aspect-ratio:1;border-radius:50%;transform:rotate(-90deg);background:conic-gradient(var(--fx-gold) 0deg calc(var(--s1,0)*3.6deg*var(--fx-t)),#E8D5A3 0deg calc((var(--s1,0) + var(--s2,0))*3.6deg*var(--fx-t)),#8f7638 0deg calc((var(--s1,0) + var(--s2,0) + var(--s3,0))*3.6deg*var(--fx-t)),#5e5443 0deg calc((var(--s1,0) + var(--s2,0) + var(--s3,0) + var(--s4,0))*3.6deg*var(--fx-t)),#3a342b 0deg calc((var(--s1,0) + var(--s2,0) + var(--s3,0) + var(--s4,0) + var(--s5,0))*3.6deg*var(--fx-t)),rgba(232,213,163,.08) 0deg);-webkit-mask:radial-gradient(farthest-side,transparent 64%,#000 65%);mask:radial-gradient(farthest-side,transparent 64%,#000 65%)}
.fx-donut>b{grid-area:1/1;font-family:var(--fx-serif);font-weight:300;font-size:1.9rem;color:#fff;text-align:center;line-height:1.1}
.fx-donut>b small{display:block;font-family:var(--fx-sans);font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--fx-muted)}
.fx-donut .fx-legend{grid-template-columns:1fr;justify-self:stretch}
@media(min-width:600px){.fx-donut{grid-template-columns:auto 1fr;justify-items:start}.fx-donut .fx-legend{grid-area:1/2}}
.fx-ready .fx-donut:not(.fx-in){--fx-t:0}
.fx-gauge{display:grid;justify-items:center;text-align:center;margin:2.8rem 0;transition:--fx-t 1.8s var(--fx-ease)}
.fx-gauge::before{content:'';width:min(16rem,76vw);aspect-ratio:1;margin-bottom:calc(min(16rem,76vw)/-2);border-radius:50%;background:conic-gradient(from -90deg,var(--c,var(--fx-gold)) calc(var(--v,0)*1.8deg*var(--fx-t)),rgba(232,213,163,.13) 0 180deg,transparent 0);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 9px),#000 calc(100% - 8.5px));mask:radial-gradient(farthest-side,transparent calc(100% - 9px),#000 calc(100% - 8.5px));clip-path:inset(0 0 50% 0)}
.fx-gauge b{margin-top:-2.6rem;font-family:var(--fx-serif);font-weight:300;font-size:2.6rem;line-height:1;color:#fff}
.fx-gauge span{margin-top:.7rem;max-width:22rem;font-size:.84rem;line-height:1.6;color:var(--fx-muted)}
.fx-ready .fx-gauge:not(.fx-in){--fx-t:0}
.fx-dots{margin:2.6rem 0}
.fx-dots-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:.5rem;max-width:26rem;margin-bottom:1rem}
.fx-dots-grid i{aspect-ratio:1;border-radius:50%;border:1px solid rgba(232,213,163,.3);transition:background .6s,border-color .6s,transform .6s var(--fx-ease);transition-delay:calc(var(--fx-i,0)*45ms)}
.fx-dots-grid i.fx-on{background:var(--c,var(--fx-gold));border-color:var(--c,var(--fx-gold))}
.fx-dots-grid.fx-many{gap:.28rem;max-width:20rem}
.fx-dots-grid.fx-many i{transition-delay:calc(var(--fx-i,0)*8ms)}
.fx-ready .fx-dots:not(.fx-in) .fx-dots-grid i.fx-on{background:transparent;border-color:rgba(232,213,163,.3);transform:scale(.6)}
.fx-dots p{margin:0!important;font-size:.92rem!important;color:var(--fx-muted)!important}
.fx-dots p b,.fx-dots p strong{color:var(--fx-gold)!important;font-weight:400}
.fx-stars{margin:2.4rem 0;display:grid;gap:.3rem;transition:--fx-t 1.6s var(--fx-ease)}
.fx-stars::before,.fx-stars::after{content:'\2605\2605\2605\2605\2605';font-size:1.7rem;letter-spacing:.3em;line-height:1;grid-area:1/1;width:max-content}
.fx-stars::before{color:rgba(232,213,163,.18)}
.fx-stars::after{color:var(--c,var(--fx-gold));clip-path:inset(0 calc(100% - var(--v,5)*20%*var(--fx-t)) 0 0)}
.fx-stars b{font-family:var(--fx-serif);font-weight:300;font-size:2.2rem;color:#fff;line-height:1.1;margin-top:.5rem}
.fx-stars span{font-size:.84rem;color:var(--fx-muted)}
.fx-ready .fx-stars:not(.fx-in){--fx-t:0}
.fx-thermo{display:grid;grid-template-columns:auto 1fr;gap:0 1.6rem;align-items:end;margin:2.6rem 0}
.fx-thermo::before,.fx-thermo::after{content:'';grid-area:1/1/3/2;width:12px;height:11rem;border-radius:6px}
.fx-thermo::before{border:1px solid rgba(232,213,163,.3)}
.fx-thermo::after{margin:3px;width:6px;height:calc(11rem - 6px);background:linear-gradient(to top,var(--c,var(--fx-gold)),var(--fx-pale));transform-origin:50% 100%;transform:scaleY(calc(var(--v,0)/100));transition:transform 1.6s var(--fx-ease)}
.fx-thermo b{font-family:var(--fx-serif);font-weight:300;font-size:3rem;line-height:1;color:#fff}
.fx-thermo span{font-size:.86rem;line-height:1.6;color:var(--fx-muted);padding-top:.4rem}
.fx-ready .fx-thermo:not(.fx-in)::after{transform:scaleY(0)}
ol.fx-scrollline,.fx-scrollline{list-style:none;padding:0 0 0 2.4rem!important;margin:2.8rem 0;position:relative}
.fx-scrollline::before,.fx-scrollline::after{content:'';position:absolute;left:.45rem;top:.5rem;bottom:.5rem;width:1px;background:var(--fx-line)}
.fx-scrollline::after{background:var(--c,var(--fx-gold));transform-origin:50% 0;transform:scaleY(var(--fx-s,1))}
.fx-scrollline li{position:relative;margin:0 0 2rem!important;transition:opacity .6s}
.fx-scrollline li::before{content:'';position:absolute;left:-2.4rem;top:.45rem;width:.9rem;height:.9rem;border-radius:50%;box-sizing:border-box;border:1px solid var(--fx-gold);background:var(--fx-gold);transition:background .5s,box-shadow .5s;z-index:1}
.fx-scrollline li b{display:block;font-weight:400;color:#fff}
.fx-scrollline li span{display:block;font-size:.95rem;color:var(--fx-text)}
.fx-scrollline.fx-live li:not(.fx-on){opacity:.45}
.fx-scrollline.fx-live li:not(.fx-on)::before{background:var(--fx-ink)}
ol.fx-milestones,.fx-milestones{list-style:none;padding:0!important;margin:2.8rem 0;position:relative}
.fx-milestones::before{content:'';position:absolute;left:.4rem;top:.6rem;bottom:.6rem;width:1px;background:linear-gradient(var(--fx-gold),rgba(201,168,76,.08));transform-origin:50% 0;transition:transform 1.6s var(--fx-ease)}
.fx-milestones li{position:relative;padding:0 0 1.8rem 2.2rem!important;margin:0!important;transition:opacity .8s var(--fx-ease),transform .8s var(--fx-ease);transition-delay:calc(.2s + var(--fx-i,0)*140ms)}
.fx-milestones li::before{content:'';position:absolute;left:0;top:.5rem;width:.8rem;height:.8rem;transform:rotate(45deg);border:1px solid var(--fx-gold);background:var(--fx-ink)}
.fx-milestones small{display:block;font-family:var(--fx-serif);font-style:italic;font-size:1.05rem;color:var(--fx-gold)}
.fx-milestones b{display:block;font-weight:400;color:#fff}
.fx-milestones span{display:block;font-size:.94rem;line-height:1.75;color:var(--fx-text)}
.fx-ready .fx-milestones:not(.fx-in)::before{transform:scaleY(0)}
.fx-ready .fx-milestones:not(.fx-in) li{opacity:0;transform:translateY(14px)}
ol.fx-dayplan,.fx-dayplan{list-style:none;display:flex;gap:0;padding:0 0 1rem!important;margin:2.8rem 0;overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(201,168,76,.4) transparent}
.fx-dayplan li{flex:0 0 9.5rem;scroll-snap-align:start;position:relative;padding:2rem 1rem 0 0!important;margin:0!important;transition:opacity .8s var(--fx-ease),transform .8s var(--fx-ease);transition-delay:calc(var(--fx-i,0)*110ms)}
.fx-dayplan li::before{content:'';position:absolute;left:0;right:0;top:.55rem;height:1px;background:var(--fx-line)}
.fx-dayplan li::after{content:'';position:absolute;left:0;top:.2rem;width:.7rem;height:.7rem;border-radius:50%;background:var(--fx-ink);border:1px solid var(--fx-gold)}
.fx-dayplan li.fx-hl::after,.fx-dayplan li[data-fx="hl"]::after{background:var(--fx-gold)}
.fx-dayplan b{display:block;font-family:var(--fx-serif);font-weight:300;font-size:1.7rem;line-height:1;color:var(--fx-gold);margin-bottom:.4rem}
.fx-dayplan span{display:block;font-size:.84rem;line-height:1.55;color:var(--fx-text)}
.fx-ready .fx-dayplan:not(.fx-in) li{opacity:0;transform:translateX(14px)}
.fx-months{display:grid;grid-template-columns:repeat(12,1fr);gap:3px;margin:2.6rem 0 .6rem;height:9rem;align-items:end}
.fx-months>span{position:relative;height:100%;display:flex;align-items:flex-end;justify-content:center;font-size:.6rem;letter-spacing:.04em;color:var(--fx-muted);padding-top:0}
.fx-months>span::before{content:'';position:absolute;left:0;right:0;bottom:1.4rem;height:calc(100% - 1.4rem);background:var(--c,var(--fx-gold));opacity:calc(.2 + var(--v,0)/125);transform-origin:50% 100%;transform:scaleY(calc(var(--v,0)/100));transition:transform 1.2s var(--fx-ease);transition-delay:calc(var(--fx-i,0)*60ms)}
.fx-ready .fx-months:not(.fx-in)>span::before{transform:scaleY(0)}
.fx-budget{margin:2.6rem 0}
.fx-budget ul{list-style:none;padding:0!important;margin:0}
.fx-budget li{display:flex;justify-content:space-between;gap:1rem;padding:.8rem 0 .9rem!important;margin:0!important;font-size:.94rem!important;position:relative;border-bottom:1px solid var(--fx-line)}
.fx-budget li::after{content:'';position:absolute;left:0;bottom:-1px;height:1px;width:calc(var(--v,0)*1%);background:var(--c,var(--fx-gold));transform-origin:0 50%;transition:transform 1.3s var(--fx-ease);transition-delay:calc(var(--fx-i,0)*110ms)}
.fx-budget li b{font-weight:400;color:var(--fx-pale);white-space:nowrap}
.fx-budget-total{display:flex;justify-content:space-between;margin:1rem 0 0!important;font-family:var(--fx-serif);font-size:1.5rem!important;color:#fff!important}
.fx-budget-total b{font-weight:300;color:var(--fx-gold)}
.fx-ready .fx-budget:not(.fx-in) li::after{transform:scaleX(0)}
.fx-linechart,.fx-barchart{background:var(--fx-surface);border:1px solid var(--fx-line);padding:1.2rem}
.fx-linechart svg,.fx-barchart svg{display:block;width:100%;height:auto;overflow:visible}
.fx-linechart line,.fx-barchart line{stroke:rgba(232,213,163,.12);stroke-width:1}
.fx-linechart text,.fx-barchart text{fill:var(--fx-muted);font-family:var(--fx-sans);font-size:22px}
@media(min-width:600px){.fx-linechart text,.fx-barchart text{font-size:14px}}
.fx-line{fill:none;stroke:var(--c,var(--fx-gold));stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.fx-area{fill:rgba(201,168,76,.09);stroke:none;transition:opacity 1.2s 1.2s}
.fx-pt{fill:var(--fx-ink);stroke:var(--c,var(--fx-gold));stroke-width:2;transition:opacity .6s;transition-delay:calc(.6s + var(--fx-i,0)*90ms)}
.fx-ready .fx-linechart:not(.fx-in) .fx-pt,.fx-ready .fx-linechart:not(.fx-in) .fx-area{opacity:0}
.fx-bar{fill:var(--c,var(--fx-gold));opacity:.55;transform-box:fill-box;transform-origin:50% 100%;transition:transform 1.2s var(--fx-ease);transition-delay:calc(var(--fx-i,0)*80ms)}
.fx-bar.fx-hl{opacity:1}
.fx-ready .fx-barchart:not(.fx-in) .fx-bar{transform:scaleY(0)}
.fx-linechart figcaption,.fx-barchart figcaption{font-family:var(--fx-sans)!important;font-style:normal!important;font-size:.8rem!important;color:var(--fx-muted);padding:.6rem .2rem 0;margin:0!important}
.fx-delta{display:grid;grid-template-columns:1fr 2.6rem 1fr;align-items:center;gap:1rem .6rem;margin:2.8rem 0;padding:1.6rem 0;border-top:1px solid var(--fx-line);border-bottom:1px solid var(--fx-line)}
.fx-delta::before{content:'';grid-area:1/2;height:1px;background:var(--fx-gold);position:relative;transform-origin:0 50%;transition:transform 1s var(--fx-ease) .5s}
.fx-delta::after{content:'';grid-area:1/2;justify-self:end;width:.55rem;height:.55rem;border:solid var(--fx-gold);border-width:1px 1px 0 0;transform:rotate(45deg);transition:opacity .4s 1.3s}
.fx-delta>div:first-of-type{grid-area:1/1}
.fx-delta>div:last-of-type{grid-area:1/3}
.fx-delta small{display:block;font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;color:var(--fx-muted);margin-bottom:.3rem}
.fx-delta b{font-family:var(--fx-serif);font-weight:300;font-size:clamp(1.9rem,7vw,3rem);line-height:1;color:var(--fx-muted)}
.fx-delta>div:last-of-type b{color:var(--fx-gold)}
.fx-delta p{grid-column:1/-1;margin:0!important;font-size:.88rem!important;color:var(--fx-muted)!important}
.fx-ready .fx-delta:not(.fx-in)::before{transform:scaleX(0)}
.fx-ready .fx-delta:not(.fx-in)::after{opacity:0}
.fx-countdown{display:grid;grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:.6rem;margin:2.8rem 0}
.fx-countdown>div{border:1px solid var(--fx-line);background:var(--fx-surface);padding:1.3rem .6rem 1rem;text-align:center;position:relative;transition:opacity .9s var(--fx-ease),transform .9s var(--fx-ease);transition-delay:calc(var(--fx-i,0)*110ms)}
.fx-countdown>div::before{content:'';position:absolute;left:0;right:0;top:50%;height:1px;background:rgba(6,6,6,.7)}
.fx-countdown b{display:block;font-family:var(--fx-serif);font-weight:300;font-size:clamp(2.4rem,9vw,3.6rem);line-height:1;color:#fff}
.fx-countdown span{display:block;margin-top:.6rem;font-size:.64rem;letter-spacing:.2em;text-transform:uppercase;color:var(--fx-gold)}
.fx-ready .fx-countdown:not(.fx-in)>div{opacity:0;transform:perspective(600px) rotateX(-40deg)}
ol.fx-ranking,.fx-ranking{list-style:none;padding:0!important;margin:2.6rem 0;counter-reset:fxr}
.fx-ranking li{counter-increment:fxr;display:grid;grid-template-columns:2.6rem 1fr;gap:0 .8rem;padding:.9rem 0 1rem!important;margin:0!important;position:relative;border-bottom:1px solid var(--fx-line)}
.fx-ranking li::before{content:counter(fxr);grid-row:1/3;font-family:var(--fx-serif);font-weight:300;font-size:2.2rem;line-height:1;color:var(--fx-gold)}
.fx-ranking li::after{content:'';position:absolute;left:3.4rem;bottom:-1px;height:2px;width:calc((100% - 3.4rem)*var(--v,0)/100);background:var(--c,var(--fx-gold));transform-origin:0 50%;transition:transform 1.3s var(--fx-ease);transition-delay:calc(var(--fx-i,0)*130ms)}
.fx-ranking b{font-weight:400;color:#fff}
.fx-ranking span{font-size:.86rem;color:var(--fx-muted)}
.fx-ready .fx-ranking:not(.fx-in) li::after{transform:scaleX(0)}
.fx-kpi{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1px;background:var(--fx-line);border:1px solid var(--fx-line);margin:2.6rem 0}
.fx-kpi>div{background:var(--fx-surface);padding:1.2rem 1.1rem;transition:opacity .8s var(--fx-ease),transform .8s var(--fx-ease);transition-delay:calc(var(--fx-i,0)*90ms)}
.fx-kpi small{display:block;font-size:.64rem;letter-spacing:.16em;text-transform:uppercase;color:var(--fx-muted);min-height:2.1em}
.fx-kpi b{display:block;font-family:var(--fx-serif);font-weight:300;font-size:2.3rem;line-height:1.1;color:#fff;margin:.3rem 0}
.fx-kpi span{font-size:.76rem;color:var(--fx-gold)}
.fx-ready .fx-kpi:not(.fx-in)>div{opacity:0;transform:translateY(12px)}
.fx-sun{display:grid;justify-items:center;text-align:center;margin:3rem 0;transition:--fx-t 2.4s var(--fx-ease)}
.fx-sun::before{content:'';grid-area:1/1;width:min(18rem,80vw);aspect-ratio:2/1;box-sizing:border-box;border:1px dashed rgba(232,213,163,.35);border-bottom:1px solid var(--fx-line);border-radius:999px 999px 0 0}
.fx-sun::after{content:'';grid-area:1/1;align-self:end;width:1.1rem;height:1.1rem;margin-bottom:-.55rem;border-radius:50%;background:radial-gradient(circle,#f6dfa0,var(--fx-gold));box-shadow:0 0 22px 6px rgba(201,168,76,.45);transform:rotate(calc(-90deg + var(--v,50)*1.8deg*var(--fx-t))) translateY(calc(min(9rem,40vw)*-1));transform-origin:50% 50%}
.fx-sun b{margin-top:1.4rem;font-family:var(--fx-serif);font-weight:300;font-size:2.4rem;line-height:1;color:#fff}
.fx-sun span{margin-top:.5rem;max-width:22rem;font-size:.84rem;line-height:1.6;color:var(--fx-muted)}
.fx-ready .fx-sun:not(.fx-in){--fx-t:0}

/* ---------- D · Bilder ---------- */
.fx-ba{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:2px;margin:2.6rem 0;user-select:none;-webkit-user-select:none}
.fx-ba img{width:100%;aspect-ratio:3/2;object-fit:cover;height:auto}
.fx-ba::before,.fx-ba::after{position:absolute;top:.8rem;z-index:3;padding:.3rem .6rem;font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:#fff;background:rgba(6,6,6,.55);pointer-events:none}
.fx-ba::before{content:attr(data-before);left:.8rem}
.fx-ba::after{content:attr(data-after);left:calc(50% + .8rem)}
.fx-ba.fx-on{display:block;touch-action:pan-y;cursor:ew-resize;overflow:hidden}
.fx-ba.fx-on::after{left:auto;right:.8rem}
.fx-ba.fx-on img:nth-of-type(2){position:absolute;inset:0;width:100%;height:100%;clip-path:inset(0 0 0 var(--fx-pos,50%))}
.fx-ba-h{position:absolute;top:0;bottom:0;left:var(--fx-pos,50%);width:2.8rem;margin-left:-1.4rem;z-index:4;display:flex;align-items:center;justify-content:center;touch-action:none}
.fx-ba-h::before{content:'';position:absolute;top:0;bottom:0;left:50%;width:1px;background:var(--fx-pale)}
.fx-ba-h::after{content:'\2039\00a0\203A';position:relative;width:2.6rem;height:2.6rem;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(6,6,6,.6);border:1px solid var(--fx-pale);color:var(--fx-pale);font-size:1rem;line-height:1;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.fx-ba-h:focus-visible::after{outline:1px solid var(--fx-gold);outline-offset:3px}
.fx-zoom{overflow:hidden}
.fx-zoom img{width:100%;transition:transform 1.4s var(--fx-ease),opacity 1s}
.fx-zoom:hover img{transform:scale(1.06)}
.fx-ready .fx-zoom:not(.fx-in) img{transform:scale(1.08);opacity:.4}
.fx-zoom figcaption{padding:0 .2rem}
.fx-polaroid{display:flex;justify-content:center;align-items:flex-start;padding:1.4rem .4rem 2rem;margin:2.6rem 0}
.fx-polaroid figure{flex:0 0 36%;max-width:15rem;background:#f1ebdf;padding:.55rem .55rem 0;box-shadow:0 18px 40px rgba(0,0,0,.55);transition:transform 1.3s var(--fx-ease);margin:0 -4%!important}
.fx-polaroid figure:nth-child(1){transform:rotate(-7deg) translateY(10px)}
.fx-polaroid figure:nth-child(2){transform:rotate(2deg);z-index:1}
.fx-polaroid figure:nth-child(3){transform:rotate(8deg) translateY(16px);z-index:2}
.fx-polaroid img{width:100%;aspect-ratio:1;object-fit:cover;height:auto}
.fx-polaroid figcaption{font-family:var(--fx-serif)!important;font-style:italic;font-size:clamp(.9rem,2.6vw,1.1rem)!important;color:#3a3127!important;text-align:center;margin:0!important;padding:.45rem 0 .7rem!important;line-height:1.2!important}
.fx-polaroid:hover figure:nth-child(1){transform:rotate(-9deg) translate(-10px,6px)}
.fx-polaroid:hover figure:nth-child(3){transform:rotate(10deg) translate(10px,12px)}
.fx-ready .fx-polaroid:not(.fx-in) figure{transform:rotate(0) translateY(30px)}
.fx-ready .fx-polaroid:not(.fx-in) figure:nth-child(1){transform:translateX(60%) rotate(0)}
.fx-ready .fx-polaroid:not(.fx-in) figure:nth-child(3){transform:translateX(-60%) rotate(0)}
.fx-film{display:flex;gap:.6rem;overflow-x:auto;scroll-snap-type:x proximity;margin:2.6rem 0;padding:1.7rem .6rem;background:repeating-linear-gradient(90deg,rgba(237,231,219,.22) 0 9px,transparent 9px 20px) 0 .55rem/100% 7px no-repeat,repeating-linear-gradient(90deg,rgba(237,231,219,.22) 0 9px,transparent 9px 20px) 0 calc(100% - .55rem)/100% 7px no-repeat,#0c0a08;background-attachment:local,local,scroll;scrollbar-width:thin;scrollbar-color:rgba(201,168,76,.4) transparent;-webkit-overflow-scrolling:touch}
.fx-film img{flex:0 0 auto;height:clamp(8.5rem,26vw,12rem);width:auto;aspect-ratio:3/2;object-fit:cover;scroll-snap-align:start;filter:saturate(.9);transition:opacity .9s var(--fx-ease),filter .5s;transition-delay:calc(var(--fx-i,0)*90ms)}
.fx-film img:hover{filter:saturate(1.05)}
.fx-ready .fx-film:not(.fx-in) img{opacity:0}
.fx-carousel{margin:2.6rem 0;position:relative}
.fx-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:0}
.fx-track::-webkit-scrollbar{display:none}
.fx-track>*{flex:0 0 100%;scroll-snap-align:center;margin:0!important}
.fx-track img{width:100%;aspect-ratio:3/2;object-fit:cover;height:auto}
.fx-track figcaption{padding:0 .2rem}
.fx-dotsnav{display:flex;align-items:center;justify-content:center;gap:.2rem;margin-top:.9rem}
.fx-dotsnav span{display:inline-flex;align-items:center;justify-content:center;min-width:1.9rem;height:1.9rem;color:var(--fx-pale)}
.fx-dotsnav .fx-d::after{content:'';width:.4rem;height:.4rem;border-radius:50%;background:rgba(232,213,163,.3);transition:background .4s,transform .4s}
.fx-dotsnav .fx-d.fx-act::after{background:var(--fx-gold);transform:scale(1.4)}
.fx-dotsnav .fx-arr{font-size:1.2rem}
.fx-mosaic{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:clamp(70px,15vw,170px);gap:4px}
.rb-wrap .fx-mosaic img,.fx-mosaic img{width:100%;height:100%;object-fit:cover;transition:opacity 1s var(--fx-ease),transform 1.2s var(--fx-ease);transition-delay:calc(var(--fx-i,0)*100ms)}
.fx-mosaic>img:first-child{grid-column:span 2;grid-row:span 2}
.fx-ready .fx-mosaic:not(.fx-in) img{opacity:0;transform:scale(1.04)}
.fx-masonry{columns:2;column-gap:.6rem;margin:2.6rem 0}
.fx-masonry img{width:100%;height:auto;margin-bottom:.6rem;break-inside:avoid;transition:opacity 1s var(--fx-ease),transform 1s var(--fx-ease);transition-delay:calc(var(--fx-i,0)*90ms)}
.fx-ready .fx-masonry:not(.fx-in) img{opacity:0;transform:translateY(18px)}
.fx-caption{position:relative;overflow:hidden;background:#000}
.fx-caption img{width:100%;transition:transform 1.2s var(--fx-ease),opacity .8s}
.fx-js .fx-caption figcaption{position:absolute;left:0;right:0;bottom:0;margin:0!important;max-width:none!important;padding:3rem 1.2rem 1.1rem!important;color:#fff!important;background:linear-gradient(transparent,rgba(6,6,6,.85));transition:transform .8s var(--fx-ease),opacity .8s}
@media(hover:hover){.fx-js .fx-caption figcaption{transform:translateY(40%);opacity:0}.fx-js .fx-caption:hover figcaption,.fx-js .fx-caption:focus-within figcaption{transform:none;opacity:1}.fx-caption:hover img{transform:scale(1.03);opacity:.85}}
.fx-js .fx-caption.fx-open figcaption{transform:none;opacity:1}
.fx-split-img{display:grid;gap:1.4rem;margin:2.8rem 0;align-items:center}
.fx-split-img img{width:100%;aspect-ratio:4/5;object-fit:cover;height:auto;transition:clip-path 1.4s var(--fx-ease)}
.fx-split-img>div{transition:opacity 1s var(--fx-ease) .3s,transform 1s var(--fx-ease) .3s}
.fx-split-img h3,.fx-split-img h4{font-family:var(--fx-serif)!important;font-weight:300!important;font-size:1.9rem!important;line-height:1.15;margin:0 0 .7rem!important;color:#fff}
.fx-split-img p{font-size:.98rem!important;margin:0 0 .8rem!important}
@media(min-width:620px){.fx-split-img{grid-template-columns:5fr 6fr;gap:2.2rem}.fx-split-img.fx-rev img{order:2}}
.fx-ready .fx-split-img:not(.fx-in) img{clip-path:inset(0 0 100% 0)}
.fx-ready .fx-split-img:not(.fx-in)>div{opacity:0;transform:translateY(16px)}
.fx-duotone{position:relative;overflow:hidden;background:#000}
.fx-duotone img{width:100%;filter:grayscale(1) sepia(.25) brightness(.92) contrast(1.06);transition:filter 1.4s var(--fx-ease)}
.fx-duotone::after{content:'';position:absolute;inset:0;background:linear-gradient(160deg,var(--c,#C9A84C),#3b2a12);mix-blend-mode:color;opacity:.55;pointer-events:none;transition:opacity 1.4s var(--fx-ease)}
.fx-duotone figcaption{position:relative;z-index:1;background:var(--fx-ink);margin:0!important;padding:.8rem .2rem 0}
.fx-duotone:hover img,.fx-duotone.fx-open img{filter:none}
.fx-duotone:hover::after,.fx-duotone.fx-open::after{opacity:0}
.fx-img-wipe{position:relative;overflow:hidden}
.fx-img-wipe img{width:100%;transition:clip-path 1.6s cubic-bezier(.7,0,.2,1)}
.fx-img-wipe::after{content:'';position:absolute;top:0;bottom:0;left:100%;width:1px;background:var(--fx-gold);box-shadow:0 0 12px rgba(201,168,76,.8);opacity:0;pointer-events:none}
.fx-ready .fx-img-wipe:not(.fx-in) img{clip-path:inset(0 100% 0 0)}
.fx-ready .fx-img-wipe.fx-in::after{animation:fxWipeLine 1.6s cubic-bezier(.7,0,.2,1)}
@keyframes fxWipeLine{0%{left:0;opacity:1}85%{opacity:1}100%{left:100%;opacity:0}}
.fx-img-wipe figcaption{padding:0 .2rem}
.fx-tilt{perspective:900px}
.fx-tilt img{width:100%;transform:rotateX(var(--fx-rx,0deg)) rotateY(var(--fx-ry,0deg));transition:transform .6s var(--fx-ease);box-shadow:0 24px 50px rgba(0,0,0,.5)}
.fx-tilt.fx-hover img{transition:transform .12s linear}
.fx-tilt figcaption{text-align:center}
.fx-bleed{position:relative;width:calc(100vw - var(--fx-sbw,0px))!important;margin-left:calc(50% - 50vw + var(--fx-sbw,0px)/2)!important;overflow:hidden;background:#000}
.rb-wrap .fx-bleed img,.fx-bleed img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;transition:transform 2.2s var(--fx-ease),opacity 1.4s}
@media(min-width:700px){.rb-wrap .fx-bleed img,.fx-bleed img{aspect-ratio:21/9}}
.fx-bleed figcaption{position:absolute;inset:auto 0 0 0;margin:0!important;max-width:none!important;text-align:center;padding:4rem 1.2rem 1.6rem!important;font-size:clamp(1.3rem,3.4vw,2rem)!important;color:#fff!important;background:linear-gradient(transparent,rgba(6,6,6,.8))}
.fx-ready .fx-bleed:not(.fx-in) img{transform:scale(1.07);opacity:.5}
.fx-grid4{display:grid;grid-template-columns:1fr 1fr;gap:3px;margin:2.6rem 0}
.fx-grid4 figure{position:relative;overflow:hidden;transition:opacity .9s var(--fx-ease);transition-delay:calc(var(--fx-i,0)*120ms)}
.rb-wrap .fx-grid4 img,.fx-grid4 img{width:100%;aspect-ratio:1;object-fit:cover;height:auto}
.fx-grid4 figcaption{position:absolute;left:0;bottom:0;margin:0!important;padding:.4rem .6rem!important;font-family:var(--fx-sans)!important;font-style:normal!important;font-size:.62rem!important;letter-spacing:.16em;text-transform:uppercase;color:#fff!important;background:rgba(6,6,6,.6)}
.fx-ready .fx-grid4:not(.fx-in) figure{opacity:0}
.fx-vignette{position:relative;overflow:hidden;background:#000;transition:--fx-r 2s var(--fx-ease)}
.fx-vignette img{width:100%}
.fx-vignette::after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at var(--fx-mx,50%) var(--fx-my,50%),transparent 0,transparent var(--fx-r),rgba(6,6,6,.88) calc(var(--fx-r) + 40%))}
.fx-vignette figcaption{position:absolute;left:0;right:0;bottom:0;z-index:1;text-align:center;margin:0!important;max-width:none!important;padding:1rem!important;color:var(--fx-pale)!important}
.fx-ready .fx-vignette:not(.fx-in){--fx-r:0%}
.fx-hotspots{position:relative}
.fx-hotspots>div:first-child,.fx-hs-img{position:relative}
.fx-hotspots img{width:100%}
.fx-spot{position:absolute;left:calc(var(--x,50)*1%);top:calc(var(--y,50)*1%);width:2rem;height:2rem;margin:-1rem 0 0 -1rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;color:var(--fx-ink);background:var(--fx-pale);box-shadow:0 0 0 1px rgba(6,6,6,.3);z-index:2;transition:transform .5s var(--fx-ease)}
.fx-spot::after{content:'';position:absolute;inset:-1px;border-radius:50%;border:1px solid var(--fx-pale);opacity:0}
.fx-ready .fx-hotspots.fx-in .fx-spot::after{animation:fxPulse 2.6s var(--fx-ease) 3}
.fx-spot.fx-act{background:var(--fx-gold);transform:scale(1.12)}
@keyframes fxPulse{0%{transform:scale(1);opacity:.8}100%{transform:scale(2.4);opacity:0}}
.fx-spot-pop{position:absolute;z-index:3;width:min(16rem,70%);padding:.8rem 1rem;background:rgba(16,14,11,.95);border:1px solid rgba(201,168,76,.45);font-size:.82rem;line-height:1.55;color:var(--fx-text);transform:translate(-50%,calc(-100% - 1.4rem));pointer-events:none;animation:fxPop .4s var(--fx-ease)}
@keyframes fxPop{from{opacity:0;margin-top:6px}}
ol.fx-spots-list,.fx-spots-list{margin:1rem 0 0!important;padding-left:1.3rem!important}
.fx-spots-list li{font-size:.9rem!important;line-height:1.65!important;color:var(--fx-muted);transition:color .4s}
.fx-spots-list li::marker{color:var(--fx-gold)}
.fx-spots-list li.fx-act{color:var(--fx-text)}
.fx-lightbox{cursor:zoom-in;position:relative}
.fx-lightbox img{width:100%}
.fx-lightbox::after{content:'';position:absolute;top:.8rem;right:.8rem;width:1.2rem;height:1.2rem;border:solid rgba(255,255,255,.75);border-width:1px 1px 0 0;box-shadow:-.5rem .5rem 0 -.42rem rgba(255,255,255,.75);opacity:.7;transition:opacity .3s}
.fx-lightbox:hover::after{opacity:1}
.fx-lb{position:fixed;inset:0;z-index:10000;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3.5rem 1rem 1.5rem;background:rgba(6,6,6,.95);animation:fxLb .5s var(--fx-ease);cursor:zoom-out}
.fx-lb img{max-width:100%;max-height:calc(100vh - 8rem);object-fit:contain;animation:fxLbImg .7s var(--fx-ease)}
.fx-lb p{margin:1rem 0 0;font-family:var(--fx-serif);font-style:italic;font-size:1.05rem;color:var(--fx-muted);text-align:center;max-width:40rem}
.fx-lb-x{position:absolute;top:.8rem;right:.8rem;width:2.6rem;height:2.6rem;display:flex;align-items:center;justify-content:center;color:var(--fx-pale);font-size:1.6rem;font-weight:200;cursor:pointer}
@keyframes fxLb{from{opacity:0}}
@keyframes fxLbImg{from{transform:scale(.96);opacity:0}}
.fx-pano{position:relative;height:clamp(220px,42vw,440px);overflow-x:auto;overflow-y:hidden;background:#000;-webkit-overflow-scrolling:touch}
.rb-wrap .fx-pano img,.fx-pano img{height:100%;width:180%;max-width:none;object-fit:cover}
.fx-pano.fx-on{overflow:hidden}
.fx-pano.fx-on img{transform:translate3d(calc(var(--fx-p2,0)*-44.44%),0,0);will-change:transform}
.fx-pano figcaption{position:absolute;left:0;bottom:0;margin:0!important;padding:.5rem .9rem!important;font-size:.9rem!important;color:var(--fx-pale)!important;background:rgba(6,6,6,.6)}
.fx-img-quote{position:relative;overflow:hidden;background:#000}
.rb-wrap .fx-img-quote img,.fx-img-quote img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;opacity:.85}
@media(min-width:700px){.rb-wrap .fx-img-quote img,.fx-img-quote img{aspect-ratio:16/9}}
.fx-img-quote blockquote{position:absolute;left:0;right:0;bottom:0;margin:0;padding:5rem clamp(1.2rem,6vw,4rem) clamp(1.4rem,4vw,3rem);background:linear-gradient(transparent,rgba(6,6,6,.88) 45%);transition:opacity 1.2s var(--fx-ease) .3s,transform 1.2s var(--fx-ease) .3s}
.fx-img-quote p{font-family:var(--fx-serif)!important;font-style:italic;font-weight:300;font-size:clamp(1.4rem,4vw,2.4rem)!important;line-height:1.25!important;color:#fff!important;margin:0!important;max-width:24ch}
.fx-img-quote cite{display:block;margin-top:.9rem;font-style:normal;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--fx-gold)}
.fx-ready .fx-img-quote:not(.fx-in) blockquote{opacity:0;transform:translateY(20px)}
.fx-contact{display:grid;grid-template-columns:repeat(3,1fr);gap:.9rem .5rem;padding:1rem .8rem 1.2rem;margin:2.6rem 0;background:#0c0a08;border:1px solid var(--fx-line);counter-reset:fxc 11}
.fx-contact figure{position:relative;counter-increment:fxc}
.rb-wrap .fx-contact img,.fx-contact img{width:100%;aspect-ratio:3/2;object-fit:cover;height:auto;filter:saturate(.85)}
.fx-contact figure::after{content:counter(fxc) 'A';display:block;margin-top:.25rem;font-size:.58rem;letter-spacing:.14em;color:#d9a441;opacity:.75}
.fx-contact figure[data-fx="pick"]::before{content:'';position:absolute;inset:-7px -6px 8px -7px;border:1.5px solid #d9534f;border-radius:46% 54% 48% 52%/55% 48% 52% 45%;transform:rotate(-2deg);z-index:1;transition:clip-path 1s var(--fx-ease) .4s,opacity .3s .4s}
.fx-contact figure[data-fx="pick"] img{filter:none}
.fx-ready .fx-contact:not(.fx-in) figure[data-fx="pick"]::before{clip-path:inset(0 100% 0 0);opacity:0}
.fx-story{margin:2.8rem 0;display:grid;gap:2.4rem}
.fx-story>div{display:grid;gap:1rem;align-items:center;transition:opacity 1s var(--fx-ease),transform 1s var(--fx-ease)}
.fx-story img{width:100%;aspect-ratio:3/2;object-fit:cover;height:auto}
.fx-story b{display:block;font-family:var(--fx-serif);font-style:italic;font-weight:300;font-size:1.3rem;color:var(--fx-gold)}
.fx-story h4{font-family:var(--fx-serif)!important;font-weight:300!important;font-size:1.7rem!important;margin:.1rem 0 .4rem!important;color:#fff}
.fx-story p{font-size:.95rem!important;margin:0!important}
@media(min-width:620px){.fx-story>div{grid-template-columns:1fr 1fr;gap:1.8rem}.fx-story>div:nth-child(even) img{order:2}}
.fx-story>div.fx-in-row{opacity:1}
.fx-ready .fx-story:not(.fx-in)>div{opacity:0;transform:translateY(20px)}
.fx-story>div{transition-delay:calc(var(--fx-i,0)*160ms)}

/* ---------- E · Interaktiv & Layout ---------- */
.fx-tabs,.fx-seasons{margin:2.8rem 0}
.fx-tablist{display:flex;gap:.2rem;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--fx-line);margin-bottom:1.4rem}
.fx-tablist::-webkit-scrollbar{display:none}
.fx-tablist [role="tab"]{flex:0 0 auto;padding:.8rem .75rem .9rem;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--fx-muted);position:relative;transition:color .4s}
.fx-tablist [role="tab"]::after{content:'';position:absolute;left:.75rem;right:.75rem;bottom:-1px;height:1px;background:var(--c,var(--fx-gold));transform:scaleX(0);transition:transform .6s var(--fx-ease)}
.fx-tablist [role="tab"][aria-selected="true"]{color:#fff}
.fx-tablist [role="tab"][aria-selected="true"]::after{transform:scaleX(1)}
.fx-tab::before,.fx-season::before{content:attr(data-label);display:block;font-family:var(--fx-serif);font-style:italic;font-size:1.3rem;color:var(--c,var(--fx-gold));margin:1.4rem 0 .4rem}
.fx-on>.fx-tab::before,.fx-on>.fx-season::before{display:none}
.fx-tab[role="tabpanel"],.fx-season[role="tabpanel"]{animation:fxPanel .7s var(--fx-ease)}
@keyframes fxPanel{from{opacity:0;transform:translateY(8px)}}
.fx-seasons .fx-tablist{border:0;gap:.5rem;justify-content:flex-start;flex-wrap:nowrap}
.fx-seasons .fx-tablist [role="tab"]{border:1px solid var(--fx-line);border-radius:2rem;padding:.6rem 1.1rem;text-transform:none;letter-spacing:.06em;font-size:.84rem}
.fx-seasons .fx-tablist [role="tab"]::after{display:none}
.fx-seasons .fx-tablist [role="tab"][aria-selected="true"]{border-color:var(--c,var(--fx-gold));color:var(--c,var(--fx-gold))}
.fx-season{border-left:1px solid var(--c,var(--fx-gold));padding:.2rem 0 .2rem 1.3rem;transition:border-color .6s}
.fx-season h4,.fx-tab h4{font-family:var(--fx-serif)!important;font-weight:300!important;font-size:1.6rem!important;margin:0 0 .5rem!important;color:#fff}
.fx-flip{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:2.8rem 0}
.fx-card{border:1px solid var(--fx-line);background:var(--fx-surface)}
.fx-front,.fx-back{padding:1.6rem 1.3rem}
.fx-front h4,.fx-back h4{font-family:var(--fx-serif)!important;font-weight:300!important;font-size:1.6rem!important;margin:0 0 .5rem!important;color:#fff}
.fx-front p,.fx-back p{font-size:.92rem!important;line-height:1.7!important;margin:0!important}
.fx-back{border-top:1px solid var(--fx-line)}
.fx-flip.fx-on .fx-card{display:grid;border:0;background:none;transform-style:preserve-3d;transition:transform 1s var(--fx-ease);transform:perspective(1100px) rotateY(0)}
.fx-flip.fx-on .fx-card.fx-flipped{transform:perspective(1100px) rotateY(180deg)}
.fx-flip.fx-on .fx-front,.fx-flip.fx-on .fx-back{grid-area:1/1;backface-visibility:hidden;-webkit-backface-visibility:hidden;border:1px solid var(--fx-line);background:var(--fx-surface);min-height:11rem}
.fx-flip.fx-on .fx-back{transform:rotateY(180deg);border-color:rgba(201,168,76,.45);background:#15120d}
.fx-flip.fx-on .fx-front::after{content:'Umdrehen \21BB';display:block;margin-top:1rem;font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:var(--fx-gold)}
.fx-accordion{margin:2.6rem 0;counter-reset:fxa}
.fx-accordion details{border-top:1px solid var(--fx-line);counter-increment:fxa}
.fx-accordion details:last-child{border-bottom:1px solid var(--fx-line)}
.fx-accordion summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:2.4rem 1fr 1.4rem;align-items:baseline;padding:1.15rem 0;color:#fff;font-size:1.02rem}
.fx-accordion summary::-webkit-details-marker{display:none}
.fx-accordion summary::before{content:counter(fxa,decimal-leading-zero);font-family:var(--fx-serif);font-style:italic;color:var(--fx-gold);font-size:1.05rem}
.fx-accordion summary::after{content:'';justify-self:end;width:.6rem;height:.6rem;border:solid var(--fx-gold);border-width:0 1px 1px 0;transform:translateY(-.2rem) rotate(45deg);transition:transform .5s var(--fx-ease)}
.fx-accordion details[open] summary::after{transform:translateY(.1rem) rotate(-135deg)}
.fx-accordion details>:not(summary){padding-left:2.4rem;margin-top:0}
.fx-accordion details[open]>:not(summary){animation:fxPanel .6s var(--fx-ease)}
.fx-accordion summary:focus-visible{outline:1px solid var(--fx-gold);outline-offset:3px}
.fx-checklist,.fx-packlist{margin:2.6rem 0;padding:1.5rem 1.4rem;background:var(--fx-surface);border:1px solid var(--fx-line)}
.fx-cl-head{display:grid;grid-template-columns:1fr auto;gap:.6rem 1rem;align-items:baseline;margin-bottom:1rem}
.fx-cl-head b{font-family:var(--fx-serif);font-style:italic;font-weight:400;font-size:1.25rem;color:var(--fx-gold)}
.fx-cl-head span{font-size:.75rem;letter-spacing:.1em;color:var(--fx-muted)}
.fx-cl-head i{grid-column:1/-1;height:2px;background:linear-gradient(var(--fx-gold),var(--fx-gold)) no-repeat 0 0/calc(var(--fx-done,0)*100%) 100%,var(--fx-line);transition:background-size .6s var(--fx-ease)}
.fx-cl-reset{grid-column:1/-1;justify-self:start;font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--fx-muted)}
.fx-checklist ul,.fx-packlist ul{list-style:none;padding:0!important;margin:0}
.fx-checklist li,.fx-packlist li{position:relative;padding:.55rem 0 .55rem 2.1rem!important;margin:0!important;font-size:.96rem!important;line-height:1.6!important;transition:color .4s}
.fx-checklist li+li{border-top:1px solid var(--fx-line)}
.fx-checklist li::before,.fx-packlist li::before{content:'';position:absolute;left:0;top:.78rem;width:1.05rem;height:1.05rem;box-sizing:border-box;border:1px solid var(--fx-gold);transition:background .35s}
.fx-checklist li::after,.fx-packlist li::after{content:'';position:absolute;left:.38rem;top:.9rem;width:.28rem;height:.56rem;border:solid var(--fx-ink);border-width:0 1.5px 1.5px 0;transform:rotate(45deg) scale(0);transition:transform .35s var(--fx-ease)}
.fx-checklist li[aria-checked="true"],.fx-packlist li[aria-checked="true"]{color:var(--fx-muted)}
.fx-checklist li[aria-checked="true"]::before,.fx-packlist li[aria-checked="true"]::before{background:var(--fx-gold)}
.fx-checklist li[aria-checked="true"]::after,.fx-packlist li[aria-checked="true"]::after{transform:rotate(45deg) scale(1)}
.fx-packlist h4{font-family:var(--fx-sans)!important;font-weight:400!important;font-size:.7rem!important;letter-spacing:.2em;text-transform:uppercase;color:var(--fx-gold);margin:1.2rem 0 .4rem!important}
.fx-packlist li{font-size:.9rem!important;padding:.3rem 0 .3rem 1.8rem!important}
.fx-packlist li::before{top:.55rem;width:.9rem;height:.9rem}
.fx-packlist li::after{left:.32rem;top:.66rem;width:.24rem;height:.48rem}
@media(min-width:560px){.fx-packlist ul{columns:2;column-gap:1.6rem}.fx-packlist li{break-inside:avoid}}
.fx-steps{margin:2.8rem 0}
.fx-step{border-left:1px solid var(--fx-gold);padding:.3rem 0 .3rem 1.4rem;margin-bottom:1.4rem}
.fx-step h4{font-family:var(--fx-serif)!important;font-weight:300!important;font-size:1.5rem!important;margin:0 0 .3rem!important;color:#fff}
.fx-step p{margin:0!important;font-size:.98rem!important}
.fx-steps.fx-on .fx-step{animation:fxPanel .8s var(--fx-ease)}
.fx-steps-nav{display:flex;flex-wrap:wrap;align-items:center;gap:1rem}
.fx-steps-nav small{font-size:.74rem;letter-spacing:.1em;color:var(--fx-muted)}
.fx-quiz{margin:2.8rem 0;padding:1.7rem 1.5rem;background:var(--fx-surface);border:1px solid var(--fx-line);position:relative}
.fx-quiz::before{content:'Selbsttest';display:block;font-size:.64rem;letter-spacing:.24em;text-transform:uppercase;color:var(--fx-gold);margin-bottom:.6rem}
p.fx-q,.fx-q{font-family:var(--fx-serif)!important;font-weight:300;font-size:1.55rem!important;line-height:1.3!important;color:#fff!important;margin:0 0 1rem!important}
.fx-quiz ul{list-style:none;padding:0!important;margin:0 0 1rem;display:grid;gap:.5rem}
.fx-quiz li{margin:0!important;padding:.7rem 1rem!important;border:1px solid var(--fx-line);font-size:.95rem!important;transition:border-color .4s,color .4s,background .4s}
.fx-quiz li:hover{border-color:rgba(201,168,76,.5)}
.fx-quiz.fx-done li{cursor:default}
.fx-quiz.fx-done li.fx-right{border-color:var(--fx-gold);background:rgba(201,168,76,.08);color:#fff}
.fx-quiz.fx-done li.fx-right::after{content:' \2713';color:var(--fx-gold)}
.fx-quiz.fx-done li.fx-picked:not(.fx-right){color:var(--fx-muted);text-decoration:line-through;text-decoration-color:rgba(154,145,127,.6)}
.fx-a{border-top:1px solid var(--fx-line);padding-top:1rem}
.fx-a p{margin:0!important;font-size:.98rem!important}
.fx-a:not([hidden]){animation:fxPanel .7s var(--fx-ease)}
.fx-myth{display:grid;gap:1px;background:var(--fx-line);border:1px solid var(--fx-line);margin:2.8rem 0}
@media(min-width:600px){.fx-myth{grid-template-columns:1fr 1fr}}
.fx-myth>div{background:var(--fx-surface);padding:1.4rem 1.3rem}
.fx-myth small{display:block;font-size:.64rem;letter-spacing:.22em;text-transform:uppercase;margin-bottom:.5rem}
.fx-myth-m small{color:var(--fx-muted)}
.fx-myth-f small{color:var(--fx-gold)}
.fx-myth-m p{color:var(--fx-muted)!important;margin:0!important;font-size:.98rem!important}
.fx-myth-m p span,.fx-myth-m p{background:linear-gradient(rgba(154,145,127,.8),rgba(154,145,127,.8)) no-repeat 0 55%/100% 1px;transition:background-size 1.1s var(--fx-ease) .3s}
.fx-myth-f p{margin:0!important;color:#fff!important;font-size:.98rem!important;transition:opacity 1s var(--fx-ease) 1s}
.fx-myth-m p{display:inline;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.fx-ready .fx-myth:not(.fx-in) .fx-myth-m p{background-size:0 1px}
.fx-ready .fx-myth:not(.fx-in) .fx-myth-f p{opacity:0}
.fx-proscons,.fx-dodont{display:grid;gap:1.4rem;margin:2.8rem 0}
@media(min-width:600px){.fx-proscons,.fx-dodont{grid-template-columns:1fr 1fr}}
.fx-proscons>div,.fx-dodont>div{transition:opacity .9s var(--fx-ease),transform .9s var(--fx-ease)}
.fx-proscons>div+div,.fx-dodont>div+div{transition-delay:.2s}
.fx-proscons h4,.fx-dodont h4{display:flex;align-items:center;gap:.7rem;font-family:var(--fx-serif)!important;font-weight:300!important;font-size:1.5rem!important;margin:0 0 .6rem!important;color:#fff}
.fx-proscons h4::before,.fx-dodont h4::before{content:'+';display:inline-flex;align-items:center;justify-content:center;width:1.8rem;height:1.8rem;border-radius:50%;border:1px solid var(--fx-gold);color:var(--fx-gold);font-family:var(--fx-sans);font-size:1rem;font-weight:300}
.fx-proscons>div+div h4::before{content:'\2212';border-color:var(--fx-muted);color:var(--fx-muted)}
.fx-dodont h4::before{content:'\2713';font-size:.85rem}
.fx-dodont>div+div h4::before{content:'\2715';border-color:var(--fx-warm);color:var(--fx-warm)}
.fx-proscons ul,.fx-dodont ul{list-style:none;padding:0!important;margin:0}
.fx-proscons li,.fx-dodont li{position:relative;padding:.5rem 0 .5rem 1.4rem!important;margin:0!important;border-top:1px solid var(--fx-line);font-size:.93rem!important;line-height:1.65!important}
.fx-proscons li::before,.fx-dodont li::before{content:'';position:absolute;left:0;top:1.08rem;width:.45rem;height:1px;background:var(--fx-gold)}
.fx-proscons>div+div li::before{background:var(--fx-muted)}
.fx-dodont>div:first-child{border-top:2px solid var(--fx-gold);padding-top:1rem}
.fx-dodont>div+div{border-top:2px solid var(--fx-warm);padding-top:1rem}
.fx-dodont>div+div li::before{background:var(--fx-warm)}
.fx-ready .fx-proscons:not(.fx-in)>div,.fx-ready .fx-dodont:not(.fx-in)>div{opacity:0;transform:translateY(16px)}
.fx-tip,.fx-warn,.fx-callout{display:flex;gap:1rem;align-items:flex-start;margin:2.4rem 0;padding:1.3rem 1.3rem 1.2rem;background:var(--fx-surface);border:1px solid var(--fx-line);transition:opacity .9s var(--fx-ease),transform .9s var(--fx-ease)}
.fx-tip .fx-ico,.fx-warn .fx-ico,.fx-callout .fx-ico{margin-top:.15rem;color:var(--c,var(--fx-gold))}
.fx-tip>div,.fx-warn>div,.fx-callout>div{min-width:0}
.fx-tip b,.fx-warn b,.fx-callout b{display:block;font-family:var(--fx-serif);font-style:italic;font-weight:400;font-size:1.2rem;color:var(--c,var(--fx-gold));margin-bottom:.15rem}
.fx-tip p,.fx-warn p,.fx-callout p{margin:0!important;font-size:.96rem!important;line-height:1.75!important}
.fx-tip{border-left:2px solid var(--c,var(--fx-gold))}
.fx-warn{--c:var(--fx-warm);border-color:rgba(185,138,110,.35);background:linear-gradient(rgba(185,138,110,.07),rgba(185,138,110,.07)),var(--fx-surface)}
.fx-callout{background:transparent;border:0;border-top:1px solid var(--fx-line);border-bottom:1px solid var(--fx-line);padding:1.3rem 0}
.fx-callout .fx-ico{width:2.2rem;height:2.2rem;padding:.5rem;border-radius:50%;border:1px solid var(--c,var(--fx-gold));box-sizing:border-box;stroke-width:1.2}
.fx-ready .fx-tip:not(.fx-in),.fx-ready .fx-warn:not(.fx-in),.fx-ready .fx-callout:not(.fx-in){opacity:0;transform:translateY(14px)}
.fx-gabriel{margin:2.8rem 0;padding:1.8rem 1.6rem 1.5rem;border:1px solid var(--fx-gold);position:relative;background:radial-gradient(120% 80% at 100% 0,rgba(201,168,76,.08),transparent 60%)}
.fx-gabriel::before{content:'Gabriels Notiz';position:absolute;top:-.6rem;left:1.2rem;padding:0 .6rem;background:var(--fx-ink);font-size:.64rem;letter-spacing:.22em;text-transform:uppercase;color:var(--fx-gold)}
.fx-gabriel p{margin:0 0 .8rem!important;font-size:1rem!important}
.fx-gabriel small{display:block;text-align:right;font-family:var(--fx-serif);font-style:italic;font-size:1.25rem;color:var(--fx-pale)}
.fx-gabriel{transition:clip-path 1.4s var(--fx-ease)}
.fx-ready .fx-gabriel:not(.fx-in){clip-path:inset(0 0 100% 0)}
.fx-ornament{display:flex;align-items:center;justify-content:center;gap:1rem;margin:3.6rem auto;max-width:22rem}
.fx-ornament::before,.fx-ornament::after{content:'';flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--c,var(--fx-gold)));transform-origin:100% 50%;transition:transform 1.4s var(--fx-ease)}
.fx-ornament::after{background:linear-gradient(90deg,var(--c,var(--fx-gold)),transparent);transform-origin:0 50%}
.fx-ornament span{width:.55rem;height:.55rem;border:1px solid var(--c,var(--fx-gold));transform:rotate(45deg);transition:transform 1.2s var(--fx-ease),opacity 1s}
.fx-ready .fx-ornament:not(.fx-in)::before,.fx-ready .fx-ornament:not(.fx-in)::after{transform:scaleX(0)}
.fx-ready .fx-ornament:not(.fx-in) span{transform:rotate(-135deg) scale(.4);opacity:0}
.fx-marquee{margin:3rem 0;overflow:hidden;border-top:1px solid var(--fx-line);border-bottom:1px solid var(--fx-line);padding:1rem 0;display:flex;flex-wrap:wrap;gap:.2rem 0}
.fx-marquee span,.fx-mq-track span{font-family:var(--fx-serif);font-style:italic;font-weight:300;font-size:clamp(1.5rem,4.6vw,2.2rem);color:var(--fx-pale);white-space:nowrap}
.fx-marquee span::after,.fx-mq-track span::after{content:'\00B7';margin:0 1.1rem;color:var(--fx-gold);font-style:normal}
.fx-marquee.fx-on{display:block;-webkit-mask:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.fx-mq-track{display:flex;width:max-content;animation:fxMq var(--fx-mqd,40s) linear infinite}
.fx-marquee:hover .fx-mq-track{animation-play-state:paused}
.fx-marquee.fx-paused .fx-mq-track{animation-play-state:paused}
@keyframes fxMq{to{transform:translateX(-50%)}}
.fx-sticky{display:grid;gap:1.4rem;margin:2.8rem 0}
.fx-sticky-note{padding:1.1rem 1.2rem;border-top:1px solid var(--fx-gold);background:var(--fx-surface);font-size:.88rem;line-height:1.7;color:var(--fx-text)}
.fx-sticky-note b{display:block;font-family:var(--fx-serif);font-style:italic;font-weight:400;font-size:1.15rem;color:var(--fx-gold);margin-bottom:.3rem}
.fx-sticky-note p{font-size:.88rem!important;line-height:1.7!important;margin:0!important}
@media(min-width:760px){.fx-sticky{grid-template-columns:1fr 12.5rem;align-items:start}.fx-sticky-note{position:sticky;top:var(--fx-top);order:2}}
.fx-sticky-body>:first-child{margin-top:0}
ol.fx-bigsteps,.fx-bigsteps{list-style:none;padding:0!important;margin:2.8rem 0;counter-reset:fxb}
.fx-bigsteps li{counter-increment:fxb;display:grid;grid-template-columns:clamp(3.6rem,14vw,5.6rem) 1fr;gap:0 1rem;padding:1.4rem 0!important;margin:0!important;border-top:1px solid var(--fx-line);transition:opacity .9s var(--fx-ease),transform .9s var(--fx-ease);transition-delay:calc(var(--fx-i,0)*130ms)}
.fx-bigsteps li::before{content:counter(fxb);grid-row:1/4;font-family:var(--fx-serif);font-weight:300;font-size:clamp(3.4rem,13vw,5.4rem);line-height:.82;color:transparent;-webkit-text-stroke:1px var(--fx-gold)}
.fx-bigsteps b{display:block;font-family:var(--fx-serif);font-weight:300;font-size:1.55rem;color:#fff;line-height:1.2;margin-bottom:.3rem}
.fx-bigsteps span{display:block;font-size:.95rem;line-height:1.75;color:var(--fx-text)}
.fx-ready .fx-bigsteps:not(.fx-in) li{opacity:0;transform:translateY(18px)}
.fx-qa{display:grid;gap:1rem;margin:2.8rem 0}
.fx-qa>div{display:grid;grid-template-columns:2rem 1fr;gap:.3rem .6rem;padding:1.3rem 1.2rem;border:1px solid var(--fx-line);background:var(--fx-surface);transition:opacity .9s var(--fx-ease),transform .9s var(--fx-ease);transition-delay:calc(var(--fx-i,0)*110ms)}
.fx-qa>div::before{content:'F';grid-row:1;font-family:var(--fx-serif);font-style:italic;font-size:1.5rem;line-height:1.1;color:var(--fx-gold)}
.fx-qa>div::after{content:'A';grid-area:2/1;font-family:var(--fx-serif);font-style:italic;font-size:1.5rem;line-height:1.3;color:var(--fx-muted)}
.fx-qa p{grid-column:2;margin:0!important;font-size:.95rem!important;line-height:1.75!important}
.fx-qa p:first-child{grid-row:1;color:#fff!important;font-weight:400}
.fx-qa p+p{grid-row:2}
.fx-ready .fx-qa:not(.fx-in)>div{opacity:0;transform:translateY(14px)}
.fx-pin{position:relative;aspect-ratio:16/10;margin:2.8rem 0;overflow:hidden;border:1px solid var(--fx-line);background:radial-gradient(90% 70% at 50% 110%,rgba(201,168,76,.1),transparent 70%),linear-gradient(#0d0b09,#060606)}
.fx-pin::before,.fx-pin::after{content:'';position:absolute;left:0;right:0;bottom:0;pointer-events:none}
.fx-pin::before{height:62%;background:#15120e;clip-path:polygon(0 70%,8% 52%,15% 60%,24% 30%,31% 44%,38% 20%,47% 48%,55% 34%,63% 52%,72% 18%,80% 40%,88% 30%,100% 55%,100% 100%,0 100%)}
.fx-pin::after{height:40%;background:#1c1813;clip-path:polygon(0 60%,12% 40%,22% 62%,33% 35%,45% 58%,58% 30%,70% 55%,82% 38%,92% 52%,100% 42%,100% 100%,0 100%)}
.fx-pin>span{position:absolute;left:calc(var(--x,50)*1%);top:calc(var(--y,50)*1%);z-index:2;display:flex;align-items:center;gap:.5rem;font-size:.72rem;letter-spacing:.08em;color:var(--fx-text);white-space:nowrap;transform:translate(-.35rem,-50%);transition:opacity .8s var(--fx-ease),transform .8s var(--fx-ease);transition-delay:calc(var(--fx-i,0)*150ms)}
.fx-pin>span::before{content:'';flex:0 0 auto;width:.7rem;height:.7rem;border-radius:50%;background:var(--c,var(--fx-gold));box-shadow:0 0 0 0 rgba(201,168,76,.6)}
.fx-pin>span.fx-hl,.fx-pin>span[data-fx="hl"]{font-size:.85rem;color:#fff}
.fx-pin>span.fx-r{flex-direction:row-reverse;transform:translate(calc(-100% + .35rem),-50%)}
.fx-ready .fx-pin.fx-in>span::before{animation:fxPin 2.4s ease-out 1s 3}
@keyframes fxPin{0%{box-shadow:0 0 0 0 rgba(201,168,76,.6)}100%{box-shadow:0 0 0 14px rgba(201,168,76,0)}}
.fx-ready .fx-pin:not(.fx-in)>span{opacity:0;transform:translate(-.35rem,-150%)}
.fx-pin small{position:absolute;right:.8rem;bottom:.6rem;z-index:2;font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;color:var(--fx-muted)}
.fx-fact{position:relative;overflow:hidden;margin:2.8rem 0;padding:1.8rem 1.6rem 1.6rem 1.6rem;border:1px solid var(--fx-line);background:var(--fx-surface)}
.fx-fact::before{content:'Wusstet ihr?';display:block;font-family:var(--fx-serif);font-style:italic;font-size:1.3rem;color:var(--fx-gold);margin-bottom:.4rem}
.fx-fact::after{content:'?';position:absolute;right:-1.6rem;top:-3.6rem;font-family:var(--fx-serif);font-weight:300;font-size:12rem;line-height:1;color:transparent;-webkit-text-stroke:1px rgba(201,168,76,.16);pointer-events:none;transition:transform 1.6s var(--fx-ease),opacity 1.2s}
.fx-fact p{position:relative;z-index:1;margin:0!important;font-size:1.02rem!important;max-width:34rem;padding-right:2.4rem}
.fx-fact b,.fx-fact strong{color:#fff}
.fx-ready .fx-fact:not(.fx-in)::after{transform:translateY(30px) rotate(-12deg);opacity:0}
.fx-ctable{margin:2.6rem 0;overflow-x:auto;-webkit-overflow-scrolling:touch}
.fx-ctable table{width:100%;min-width:520px;border-collapse:collapse;font-size:.9rem}
.fx-ctable th{text-align:left;font-weight:400;font-family:var(--fx-serif);font-style:italic;font-size:1.1rem;color:var(--fx-pale);padding:1.4rem .8rem .7rem;border-bottom:1px solid var(--fx-gold);vertical-align:bottom}
.fx-ctable td{padding:.8rem;border-bottom:1px solid var(--fx-line);line-height:1.55;color:var(--fx-text);vertical-align:top}
.fx-ctable td:first-child,.fx-ctable th:first-child{padding-left:0;color:#fff}
.fx-ctable .fx-hl{background:rgba(201,168,76,.08);border-left:1px solid rgba(201,168,76,.4);border-right:1px solid rgba(201,168,76,.4);transition:background-color 1s var(--fx-ease) .3s,border-color 1s .3s}
.fx-ctable th.fx-hl{color:var(--fx-gold);position:relative}
.fx-ctable th.fx-hl[data-label]::before{content:attr(data-label);position:absolute;top:.35rem;left:.8rem;font-family:var(--fx-sans);font-style:normal;font-size:.56rem;letter-spacing:.2em;text-transform:uppercase;color:var(--fx-gold)}
.fx-ready .fx-ctable:not(.fx-in) .fx-hl{background-color:transparent;border-color:transparent}
.fx-testimonials{margin:3rem 0;text-align:center}
.fx-testimonials blockquote{margin:0 0 2rem;padding:0}
.fx-testimonials p{font-family:var(--fx-serif)!important;font-style:italic;font-weight:300;font-size:clamp(1.3rem,3.6vw,1.75rem)!important;line-height:1.45!important;color:#fff!important;margin:0 auto!important;max-width:32ch}
.fx-testimonials cite{display:block;margin-top:1rem;font-style:normal;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--fx-gold)}
.fx-testimonials.fx-on .fx-tm{display:grid}
.fx-testimonials.fx-on blockquote{grid-area:1/1;margin:0;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .9s var(--fx-ease),transform .9s var(--fx-ease),visibility 0s .9s}
.fx-testimonials.fx-on blockquote.fx-act{opacity:1;visibility:visible;transform:none;transition-delay:.25s,.25s,0s}
.fx-testimonials::before{content:'\201C';display:block;font-family:var(--fx-serif);font-size:4.6rem;line-height:.6;color:var(--fx-gold);margin-bottom:.8rem}
.fx-readbar{position:relative;margin:2.6rem 0}
.fx-rb-bar{position:sticky;top:var(--fx-top);z-index:5;display:flex;justify-content:space-between;gap:1rem;align-items:center;margin:0 0 1.2rem;padding:.55rem 0 .5rem;background:rgba(6,6,6,.92);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--fx-muted)}
.fx-rb-bar::after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--c,var(--fx-gold));transform-origin:0 50%;transform:scaleX(var(--fx-s,1))}
.fx-rb-bar::before{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--fx-line)}
.fx-rb-bar b{font-weight:400;color:var(--fx-pale);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fx-cta{margin:3.4rem 0;padding:clamp(2rem,6vw,3rem) clamp(1.3rem,5vw,2.6rem);text-align:center;border:1px solid rgba(201,168,76,.35);background:radial-gradient(80% 120% at 50% 0,rgba(201,168,76,.1),transparent 65%),var(--fx-surface);transition:opacity 1s var(--fx-ease),transform 1s var(--fx-ease)}
.fx-cta small{display:block;font-size:.64rem;letter-spacing:.24em;text-transform:uppercase;color:var(--fx-gold);margin-bottom:.8rem}
.fx-cta h3,.fx-cta h4{font-family:var(--fx-serif)!important;font-weight:300!important;font-size:clamp(1.8rem,5vw,2.4rem)!important;line-height:1.15;margin:0 0 .8rem!important;color:#fff}
.fx-cta p{max-width:30rem;margin:0 auto 1.5rem!important;font-size:.98rem!important;color:var(--fx-text)}
.rb-wrap .fx-cta a,.fx-cta a{display:inline-block;padding:.95rem 1.6rem;border:1px solid var(--fx-gold);color:var(--fx-gold);text-decoration:none;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;transition:background .4s,color .4s}
.rb-wrap .fx-cta a:hover,.fx-cta a:hover{background:var(--fx-gold);color:var(--fx-ink)}
.fx-ready .fx-cta:not(.fx-in){opacity:0;transform:translateY(20px)}
.fx-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1rem;margin:2.8rem 0}
.fx-cards>div{padding:1.5rem 1.3rem;border:1px solid var(--fx-line);background:var(--fx-surface);transition:opacity .9s var(--fx-ease),transform .9s var(--fx-ease),border-color .5s;transition-delay:calc(var(--fx-i,0)*110ms),calc(var(--fx-i,0)*110ms),0s}
.fx-cards>div:hover{border-color:rgba(201,168,76,.5)}
.fx-cards small{display:block;font-family:var(--fx-serif);font-style:italic;font-size:1.1rem;color:var(--fx-gold);margin-bottom:.4rem}
.fx-cards h4{font-family:var(--fx-serif)!important;font-weight:300!important;font-size:1.5rem!important;margin:0 0 .5rem!important;color:#fff;line-height:1.2}
.fx-cards p{margin:0!important;font-size:.9rem!important;line-height:1.7!important;color:var(--fx-muted)}
.fx-ready .fx-cards:not(.fx-in)>div{opacity:0;transform:translateY(16px)}
.fx-terms{margin:2.6rem 0;border-top:1px solid var(--fx-line)}
.fx-terms>p{display:grid;gap:.2rem 1.4rem;padding:1rem 0!important;margin:0!important;border-bottom:1px solid var(--fx-line);font-size:.95rem!important;line-height:1.7!important;transition:opacity .8s var(--fx-ease);transition-delay:calc(var(--fx-i,0)*90ms)}
.fx-terms b{font-family:var(--fx-serif);font-style:italic;font-weight:400;font-size:1.2rem;color:var(--fx-gold);line-height:1.3}
@media(min-width:560px){.fx-terms>p{grid-template-columns:11rem 1fr}}
.fx-ready .fx-terms:not(.fx-in)>p{opacity:0}
.fx-poll{margin:2.8rem 0;padding:1.6rem 1.4rem;border:1px solid var(--fx-line);background:var(--fx-surface)}
.fx-poll>p:first-child{font-family:var(--fx-serif)!important;font-weight:300;font-size:1.5rem!important;line-height:1.3!important;color:#fff!important;margin:0 0 1rem!important}
.fx-poll ul{list-style:none;padding:0!important;margin:0;display:grid;gap:.5rem}
.fx-poll li{position:relative;display:flex;justify-content:space-between;gap:1rem;margin:0!important;padding:.75rem 1rem!important;font-size:.95rem!important;border:1px solid var(--fx-line);overflow:hidden;isolation:isolate}
.fx-poll li::before{content:'';position:absolute;inset:0;z-index:-1;background:rgba(201,168,76,.16);transform-origin:0 50%;transform:scaleX(calc(var(--v,0)/100));transition:transform 1.2s var(--fx-ease)}
.fx-poll li b{font-weight:400;color:var(--fx-gold);transition:opacity .6s .5s}
.fx-poll.fx-open li{cursor:pointer}
.fx-poll.fx-open li:hover{border-color:rgba(201,168,76,.5)}
.fx-poll.fx-open li::before{transform:scaleX(0)}
.fx-poll.fx-open li b{opacity:0}
.fx-poll li.fx-picked{border-color:var(--fx-gold)}
.fx-poll small{display:block;margin-top:.9rem;font-size:.74rem;color:var(--fx-muted)}
.fx-calc{margin:2.8rem 0;padding:1.6rem 1.4rem;border:1px solid var(--fx-line);background:var(--fx-surface)}
.fx-calc>p{margin:0 0 .6rem!important;font-size:.95rem!important;color:var(--fx-muted)!important}
.fx-calc-out{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.4rem 1rem;margin-top:.6rem}
.fx-calc-out span{font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--fx-muted)}
.fx-calc-out b{font-family:var(--fx-serif);font-weight:300;font-size:2.6rem;line-height:1.1;color:#fff}
.fx-calc input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:28px;margin:.8rem 0 .2rem;background:transparent;cursor:pointer}
.fx-calc input[type=range]::-webkit-slider-runnable-track{height:1px;background:linear-gradient(90deg,var(--fx-gold) var(--fx-f,50%),rgba(232,213,163,.25) var(--fx-f,50%))}
.fx-calc input[type=range]::-moz-range-track{height:1px;background:rgba(232,213,163,.25)}
.fx-calc input[type=range]::-moz-range-progress{height:1px;background:var(--fx-gold)}
.fx-calc input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;margin-top:-11px;border-radius:50%;background:var(--fx-ink);border:1px solid var(--fx-gold)}
.fx-calc input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--fx-ink);border:1px solid var(--fx-gold)}
.fx-calc input[type=range]:focus-visible{outline:1px solid var(--fx-gold);outline-offset:4px}
.fx-summary{margin:2.8rem 0;padding:1.6rem 1.5rem 1.2rem;border-top:1px solid var(--fx-gold);background:var(--fx-surface)}
.fx-summary::before{content:attr(data-label);display:block;font-size:.64rem;letter-spacing:.24em;text-transform:uppercase;color:var(--fx-gold);margin-bottom:.8rem}
.fx-summary:not([data-label])::before{content:'Das Wichtigste in K\00FCrze'}
.fx-summary ol{list-style:none;padding:0!important;margin:0;counter-reset:fxs}
.fx-summary li{counter-increment:fxs;position:relative;padding:.45rem 0 .45rem 2.2rem!important;margin:0!important;font-size:.98rem!important;line-height:1.7!important;transition:opacity .8s var(--fx-ease),transform .8s var(--fx-ease);transition-delay:calc(var(--fx-i,0)*120ms)}
.fx-summary li::before{content:counter(fxs);position:absolute;left:0;top:.35rem;font-family:var(--fx-serif);font-style:italic;font-size:1.3rem;line-height:1.3;color:var(--fx-gold)}
.fx-ready .fx-summary:not(.fx-in) li{opacity:0;transform:translateX(-10px)}
p.fx-signature,.fx-signature{margin:3rem 0 2rem!important;font-size:.98rem!important;color:var(--fx-text)}
.fx-signature b{position:relative;display:inline-block;margin-top:.2rem;font-family:var(--fx-serif);font-style:italic;font-weight:300;font-size:2.6rem;line-height:1.1;color:var(--fx-pale)}
.fx-signature b::after{content:'';position:absolute;left:-.2rem;right:-1.2rem;bottom:-.25rem;height:.7rem;border-bottom:1px solid var(--fx-gold);border-radius:0 0 60% 40%/0 0 100% 100%;transform-origin:0 50%;transition:clip-path 1.4s var(--fx-ease) .4s;clip-path:inset(0 0 0 0)}
.fx-ready .fx-signature:not(.fx-in) b::after{clip-path:inset(0 100% 0 0)}
.fx-signature b{transition:opacity 1.2s var(--fx-ease),filter 1.2s}
.fx-ready .fx-signature:not(.fx-in) b{opacity:0;filter:blur(6px)}

/* Zähler erst zeigen, wenn sie loslaufen */
.fx-count b,.fx-bignum b,.fx-delta b,.fx-figure b{transition:opacity .6s}
.fx-ready .fx-count:not(.fx-in) b,.fx-ready .fx-bignum:not(.fx-in) b,.fx-ready .fx-delta:not(.fx-in) b,.fx-ready .fx-figure:not(.fx-in) b{opacity:0}

/* ---------- Ruhe ---------- */
@media(prefers-reduced-motion:reduce){
[class*="fx-"],[class*="fx-"]::before,[class*="fx-"]::after,[class*="fx-"] *{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
.fx-mq-track{animation:none!important}
}