/* Pulverfass Theme 0.2.6 – Effekte aus dem Prototyp */
a{color:#D8B98E}a:hover{color:#FFF4E2}
button{font-family:inherit}
.velvet{background-color:#0A0607;background-image:radial-gradient(ellipse 70% 40% at 85% 100%,rgba(176,16,42,.26),transparent 70%),radial-gradient(ellipse 60% 30% at 10% 0%,rgba(255,236,228,.06),transparent 70%),linear-gradient(180deg,#0C0708,#070405)}
.velvet.sheer{background-color:transparent;background-image:radial-gradient(ellipse 60% 28% at 88% 18%,rgba(176,16,42,.09),transparent 70%),radial-gradient(ellipse 55% 26% at 8% 62%,rgba(176,16,42,.07),transparent 70%),linear-gradient(115deg,transparent 40%,rgba(255,240,235,.035) 50%,transparent 60%);background-size:100% 100%,100% 100%,300% 100%;animation:sheen 14s ease-in-out infinite alternate}
.tone{background-image:linear-gradient(180deg,#040203 0%,#060304 12%,#0C0305 18%,#1C0509 22%,#28060D 24%,#120306 28%,#060304 34%,#040203 50%,#060304 62%,#120307 68%,#2A060E 71%,#150408 74%,#060304 80%,#040203 100%);background-size:100% 900%;background-position:50% 22%;animation:tone linear both;animation-timeline:scroll(root)}
@keyframes tone{from{background-position:50% 0%}to{background-position:50% 100%}}
@keyframes sheen{from{background-position:0% 0%,100% 0%,0 0,0 0,0 0,0 0,0 0}to{background-position:100% 70%,0% 90%,0 0,120px 0,0 0,0 0,0 0}}
.glitter{background-image:url(../img/glitzer.png);background-size:256px 256px;background-repeat:repeat;opacity:.5;animation:glitter 6s ease-in-out infinite alternate;pointer-events:none}
.glitter.g2{background-size:180px 180px;background-position:73px 41px;animation-duration:4.5s;animation-delay:1.8s}
@keyframes glitter{0%{opacity:.18}50%{opacity:.55}100%{opacity:.25}}
.glint{position:absolute;pointer-events:none;background:radial-gradient(circle,#FFFFFF 0 1px,rgba(255,236,190,.9) 1.6px,rgba(255,214,140,.35) 3px,transparent 5px),linear-gradient(90deg,transparent 0,rgba(255,244,214,0) 30%,rgba(255,250,235,.95) 50%,rgba(255,244,214,0) 70%,transparent 100%) center/100% 1px no-repeat,linear-gradient(0deg,transparent 0,rgba(255,244,214,0) 30%,rgba(255,250,235,.95) 50%,rgba(255,244,214,0) 70%,transparent 100%) center/1px 100% no-repeat;filter:drop-shadow(0 0 3px rgba(255,220,150,.8));opacity:0;animation:glint 5.5s ease-in-out infinite}
@keyframes glint{0%,70%,100%{opacity:0;transform:scale(.3) rotate(0)}80%{opacity:1;transform:scale(1) rotate(45deg)}90%{opacity:.2;transform:scale(.6) rotate(90deg)}}
.foil{background-image:linear-gradient(100deg,#9C8266 0%,#EFE0CC 30%,#C9AC88 55%,#F6EADB 75%,#A88B6C 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
@keyframes foil{from{background-position:0% 50%}to{background-position:260% 50%}}
.foil-bg{background:linear-gradient(180deg,#B3122C,#8A0C21);box-shadow:inset 0 1px 0 rgba(255,210,216,.35),inset 0 -1px 0 rgba(40,0,6,.5)}
.hero-img{background-image:url(../img/hero.webp);background-size:cover;background-position:50% 30%;animation:kenburns 20s ease-in-out infinite alternate;-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 55%,transparent 100%);mask-image:linear-gradient(180deg,#000 0%,#000 55%,transparent 100%)}
@keyframes kenburns{from{transform:scale(1.03)}to{transform:scale(1.16) translateY(-12px)}}
.wordfill{background-image:url(../img/show-santas-pink-secret.webp);background-size:230% auto;background-position:0% 45%;-webkit-mask-image:url(../img/pulverfass-maske.svg);mask-image:url(../img/pulverfass-maske.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;animation:letterpan 16s linear infinite alternate}
.fill-letters{background-image:url(../img/show-santas-pink-secret.webp);background-size:260% auto;background-position:0% 45%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;-webkit-text-stroke:1px rgba(216,185,142,.55);animation:letterpan 16s linear infinite alternate}
@keyframes letterpan{from{background-position:0% 40%}to{background-position:100% 60%}}
.neon-life{border:2px solid #D0182F;box-shadow:0 0 6px #D0182F,0 0 22px rgba(208,24,47,.8),0 0 64px rgba(208,24,47,.4),inset 0 0 20px rgba(208,24,47,.45);animation:neonlife 3s ease-out .15s 1 both}
@keyframes neonlife{0%{opacity:0;transform:scale(.94)}8%{opacity:1}12%{opacity:.25}17%{opacity:1}21%{opacity:.45}26%{opacity:1;transform:scale(1);filter:blur(0)}100%{opacity:0;transform:scale(1.45);filter:blur(8px)}}
.neon-intro{border:2px solid #D0182F;box-shadow:0 0 6px #D0182F,0 0 22px rgba(208,24,47,.8),0 0 64px rgba(208,24,47,.4),inset 0 0 20px rgba(208,24,47,.45);animation:neonintro 2.6s ease-out 1 both}
@keyframes neonintro{0%{opacity:0}10%{opacity:1}14%{opacity:.2}19%{opacity:1}24%{opacity:.4}30%{opacity:1;transform:scale(1);filter:blur(0)}75%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1.5);filter:blur(10px)}}
.spark-ring{background-image:radial-gradient(circle,rgba(255,236,190,1) 0 1px,transparent 1.6px);background-size:14px 14px;-webkit-mask-image:radial-gradient(circle,transparent 58%,#000 61%,#000 69%,transparent 72%);mask-image:radial-gradient(circle,transparent 58%,#000 61%,#000 69%,transparent 72%);animation:sparkring 3s ease-out .15s 1 both}
@keyframes sparkring{0%,24%{opacity:0;transform:scale(1)}42%{opacity:1}100%{opacity:0;transform:scale(1.9)}}
.logo-draw{animation:logoin 1.4s cubic-bezier(.2,.8,.2,1) .2s both}
@keyframes logoin{from{opacity:0;transform:scale(.82);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}
.word-in{animation:wordin 1.1s ease-out .9s both}
@keyframes wordin{from{opacity:0;transform:translateY(8px);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}
.enter{animation:enter .7s cubic-bezier(.2,.8,.2,1) both}
@keyframes enter{from{opacity:0;transform:translateY(22px);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}
.sheet-in{animation:sheetin .5s cubic-bezier(.2,.8,.2,1) both}
@keyframes sheetin{from{transform:translateY(100%)}to{transform:none}}
.fade-in{animation:fadein .35s ease-out both}
@keyframes fadein{from{opacity:0}to{opacity:1}}
.menu-item{animation:enter .6s cubic-bezier(.2,.8,.2,1) both}
.arch{border-radius:160px 160px 14px 14px;box-shadow:0 0 0 1px rgba(216,185,142,.8),0 0 0 6px rgba(26,5,8,.9),0 0 0 7px rgba(216,185,142,.45),0 24px 50px rgba(0,0,0,.55)}
.rain{position:absolute;top:-12px;border-radius:50%;background:radial-gradient(circle,#FFE9EC 0 28%,#D0182F 55%,transparent 72%);animation:rain 2.6s linear infinite}
@keyframes rain{from{transform:translateY(0) rotate(0);opacity:0}10%{opacity:1}to{transform:translateY(720px) rotate(360deg);opacity:0}}
.twinkle{animation:twinkle 2.4s ease-in-out infinite}
.twinkle.d2{animation-delay:.8s}.twinkle.d3{animation-delay:1.6s}
@keyframes twinkle{0%,100%{opacity:.15}50%{opacity:1}}
.fan-open{transform-origin:50% 94%;animation:fanopen 1.3s cubic-bezier(.2,.8,.2,1) both}
@keyframes fanopen{from{transform:scale(.25) rotate(-70deg);opacity:0}60%{opacity:1}to{transform:none;opacity:1}}
.noscroll{scrollbar-width:none}.noscroll::-webkit-scrollbar{display:none}
.glass{background:rgba(10,5,6,.74);-webkit-backdrop-filter:blur(14px) saturate(1.3);backdrop-filter:blur(14px) saturate(1.3)}
@supports (animation-timeline: view()){
.rv{animation:rvup linear both;animation-timeline:view();animation-range:entry 0% cover 32%}
.rv-l{animation:rvleft linear both;animation-timeline:view();animation-range:entry 0% cover 32%}
.rv-r{animation:rvright linear both;animation-timeline:view();animation-range:entry 0% cover 32%}
.zoom-in{animation:zoomin linear both;animation-timeline:view();animation-range:entry 0% cover 55%}
.line-grow{animation:linegrow linear both;animation-timeline:view();animation-range:entry 10% cover 60%}
}
@keyframes rvup{from{opacity:0;transform:translateY(50px);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}
@keyframes rvleft{from{opacity:0;clip-path:inset(0 35% 0 0);filter:blur(6px)}to{opacity:1;clip-path:inset(-40px -40px -40px -40px);filter:none}}
@keyframes rvright{from{opacity:0;clip-path:inset(0 0 0 35%);filter:blur(6px)}to{opacity:1;clip-path:inset(-40px -40px -40px -40px);filter:none}}
@keyframes zoomin{from{transform:scale(1.22)}to{transform:scale(1)}}
@keyframes linegrow{from{transform:scaleY(0)}to{transform:scaleY(1)}}
.compact{border-radius:50%;box-shadow:0 0 0 2px #D8B98E,0 0 0 9px #0B0607,0 0 0 10px rgba(216,185,142,.55),0 18px 40px rgba(0,0,0,.7),0 0 60px rgba(176,16,42,.18)}
.bullet{transition:transform .5s cubic-bezier(.2,.8,.2,1)}
button:hover .bullet,button:active .bullet{transform:translateY(-3px)}
.kiss{animation:kiss .9s cubic-bezier(.2,1.4,.3,1) .2s both}
@keyframes kiss{from{transform:scale(1.8) rotate(-12deg);opacity:0}to{transform:scale(1) rotate(-8deg);opacity:1}}
.swipe{position:absolute;left:-8px;bottom:-6px;width:300px;height:26px;clip-path:inset(0 100% 0 0);animation:apply 1.25s cubic-bezier(.55,0,.25,1) .7s forwards;pointer-events:none}
.liner{display:block;clip-path:inset(0 100% 0 0);animation:apply 1s cubic-bezier(.55,0,.25,1) .25s forwards}
@keyframes apply{to{clip-path:inset(0 0 0 0)}}
.lip{position:relative;flex-shrink:0}
.lip img{position:absolute;left:0;top:0;width:100%;height:100%;display:block}
.lip .up{transform:translateY(36%)}
.lip.hero .up{animation:twistup 1.6s cubic-bezier(.3,0,.2,1) 1.4s forwards}
.lip.done .up{animation:twistup 1.8s cubic-bezier(.3,0,.2,1) .4s forwards}
@keyframes twistup{0%{transform:translateY(36%)}40%{transform:translateY(22%)}55%{transform:translateY(24%)}100%{transform:translateY(0)}}

@keyframes twistloop{0%,62%,100%{transform:translateY(36%)}72%,90%{transform:translateY(0)}}
button:hover .lip.mini .up,button:active .lip.mini .up{animation:none;transform:translateY(0);transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.mirror{position:relative;width:176px;height:176px;filter:drop-shadow(0 18px 30px rgba(0,0,0,.7))}
.mirror .ph{position:absolute;left:14px;top:14px;width:148px;height:148px;border-radius:50%;object-fit:cover;object-position:50% 22%}
.mirror .fr{position:absolute;left:0;top:0;width:176px;height:176px}
.pan{filter:drop-shadow(0 14px 24px rgba(0,0,0,.75)) drop-shadow(0 0 30px rgba(232,196,184,.12))}
.couture{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:54px;padding:0 30px;border:0;border-radius:2px;cursor:pointer;color:#F7EEE6;font-size:12.5px;font-weight:600;letter-spacing:3.2px;text-transform:uppercase;background:linear-gradient(180deg,#1C1214 0%,#0B0708 55%,#120B0C 100%);box-shadow:inset 0 0 0 1px rgba(216,185,142,.85),inset 0 0 0 4px #0B0708,inset 0 0 0 5px rgba(216,185,142,.28),0 14px 34px rgba(0,0,0,.65);overflow:hidden}
.couture .sw{display:none;position:absolute;left:50%;bottom:7px;width:74%;height:9px;transform:translateX(-50%);object-fit:fill;opacity:.95;clip-path:inset(0 100% 0 0);animation:apply 1.1s cubic-bezier(.55,0,.25,1) 1.8s forwards}
.couture .lbl{position:relative;top:-3px}
.couture .arr{position:relative;top:-3px;width:26px;height:1px;background:rgba(216,185,142,.9);transition:width .45s cubic-bezier(.2,.8,.2,1)}
.couture .arr::after{content:"";position:absolute;right:0;top:-3px;width:7px;height:7px;border-top:1px solid rgba(216,185,142,.9);border-right:1px solid rgba(216,185,142,.9);transform:rotate(45deg)}
.couture:hover .arr{width:36px}
.couture::before{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,240,230,.10),transparent);transition:left .9s ease}
.couture:hover::before{left:120%}
.couture.full{width:100%}
.couture:disabled{opacity:.45;cursor:default}
.couture:disabled .sw{display:none}
.bar-in{opacity:0;transform:translateY(24px);pointer-events:none}

@keyframes barin{to{opacity:1;transform:none;pointer-events:auto}}
.oc{position:relative;width:180px;height:245px}
.oc .ph{position:absolute;left:12.5px;top:17.5px;width:155px;height:155px;border-radius:50%;object-fit:cover;object-position:50% 22%}
.oc .fr{position:absolute;left:0;top:0;width:180px;height:245px;filter:drop-shadow(0 18px 26px rgba(0,0,0,.75))}
.oc .puff{position:absolute;left:-60px;top:-50px;width:300px;height:300px;pointer-events:none;opacity:0}
.facesrow{view-timeline:--faces block}
@supports (animation-timeline: view()){
.oc .ph{animation:settle linear both;animation-timeline:--faces;animation-range:entry 10% cover 50%}
.oc .puff.h{animation:puffh linear both;animation-timeline:--faces;animation-range:entry 0% cover 60%}
.oc .puff.g{animation:puffg linear both;animation-timeline:--faces;animation-range:entry 8% cover 65%}
}
@keyframes settle{0%,30%{opacity:0;filter:blur(10px) brightness(1.6) saturate(.4)}100%{opacity:1;filter:none}}
@keyframes puffh{0%{opacity:0;transform:scale(.45) rotate(-8deg)}25%{opacity:.95}98%{opacity:0;transform:scale(1.55) rotate(6deg)}100%{opacity:0;transform:scale(.45)}}
@keyframes puffg{0%{opacity:0;transform:scale(.4)}20%{opacity:1}98%{opacity:0;transform:scale(1.9) translateY(-18px)}100%{opacity:0;transform:scale(.4)}}
@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}

@font-face{font-family:"Pulverfass Display";src:url(../fonts/PulverfassDisplay-SemiBold.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}
/* =====================================================================
   Pulverfass Theme – Layout (mobile first). Effekte oben stammen 1:1 aus dem
   Canvas-Prototyp „Lack & Lippenstift“ (Runde 4c).
   ===================================================================== */
:root{--pf-fd:"Pulverfass Display",Federo,Didot,serif;--pf-fb:Jost,Futura,sans-serif;--pf-gold:#D8B98E;--pf-creme:#FFF4E2;--pf-puder:#E9D6C4;--pf-rose:#E4566A;--pf-rauch:#C9AE97;--pf-kopf:72px}
html{scroll-behavior:smooth;scroll-padding-top:84px;-webkit-text-size-adjust:100%;overflow-x:hidden}
body.pf{margin:0;background:#050304;color:#F6E8D8;font-family:var(--pf-fb);font-weight:300;overflow-x:clip;max-width:100%}
.pf .wp-site-blocks{overflow-x:clip}
.pf #wpadminbar{overflow-x:clip}
.pf *,.pf *::before,.pf *::after{box-sizing:border-box}
.pf a{color:var(--pf-gold)}.pf a:hover{color:var(--pf-creme)}
.pf button{font-family:inherit}
.pf img{max-width:100%}
.pf .wp-site-blocks{padding:0}
.pf .wp-site-blocks>*{margin-block-start:0}
.pf-main{position:relative;z-index:1;overflow-x:clip}
/* Verstreute Funken: liegen hinter dem Inhalt, leuchten einzeln kurz auf */
.pf-funkeln{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.pf-main>section,.pf-main>.pf-trenner{position:relative;z-index:1}
.funke{position:absolute;opacity:0;background:radial-gradient(circle,#FFFFFF 0 1px,rgba(255,236,190,.9) 1.6px,rgba(255,214,140,.3) 3px,transparent 5px),linear-gradient(90deg,transparent 0,rgba(255,244,214,0) 30%,rgba(255,250,235,.9) 50%,rgba(255,244,214,0) 70%,transparent 100%) center/100% 1px no-repeat,linear-gradient(0deg,transparent 0,rgba(255,244,214,0) 30%,rgba(255,250,235,.9) 50%,rgba(255,244,214,0) 70%,transparent 100%) center/1px 100% no-repeat;filter:drop-shadow(0 0 4px rgba(255,220,150,.7));animation:funkeln 10s ease-in-out infinite;will-change:opacity,transform}
.funke::before{content:"";position:absolute;inset:22%;background:linear-gradient(90deg,transparent,rgba(255,250,235,.85) 50%,transparent) center/100% 1px no-repeat,linear-gradient(0deg,transparent,rgba(255,250,235,.85) 50%,transparent) center/1px 100% no-repeat;transform:rotate(45deg);opacity:.75}
.funke::after{content:"";position:absolute;inset:-30%;border-radius:50%;background:conic-gradient(rgba(255,140,170,0),rgba(255,150,175,.28),rgba(255,228,150,.26),rgba(150,245,210,.2),rgba(150,195,255,.26),rgba(210,160,255,.24),rgba(255,140,170,0));-webkit-mask:radial-gradient(circle,transparent 30%,#000 36%,#000 44%,transparent 52%);mask:radial-gradient(circle,transparent 30%,#000 36%,#000 44%,transparent 52%);opacity:.6}

/* Lens-Flare (Scheinwerfer): selten, langsam, hinter dem Inhalt */
.pf-flare{position:absolute;inset:0;pointer-events:none;overflow:hidden;opacity:0;--x:86%;--y:26%;animation:flare 28s ease-in-out infinite}
.pf-flare>span{position:absolute;border-radius:50%;animation:flaredrift 28s ease-in-out infinite;animation-delay:inherit}
.fl-b{--x:9%;--y:42%;animation-delay:-14s}
.fl-kern{left:var(--x);top:var(--y);width:300px;height:300px;margin:-150px 0 0 -150px;background:radial-gradient(circle,rgba(255,248,236,.55) 0 1.2%,rgba(255,232,190,.24) 5%,rgba(216,185,142,.08) 20%,rgba(176,16,42,.035) 38%,transparent 62%)}
.fl-schleier{left:var(--x);top:var(--y);width:520px;height:120px;margin:-60px 0 0 -260px;background:radial-gradient(ellipse 50% 50% at 50% 50%,rgba(255,236,205,.05),transparent 70%)}
.fl-geist{--k:1}
.fl-a .g1{left:64%;top:41%;width:34px;height:34px;margin:-17px 0 0 -17px;--k:-.2;background:radial-gradient(circle,rgba(255,205,160,.14),rgba(255,205,160,.05) 60%,transparent 70%)}
.fl-a .g2{left:41%;top:56%;width:96px;height:96px;margin:-48px 0 0 -48px;--k:-1.5;background:radial-gradient(circle,transparent 58%,rgba(150,220,210,.08) 66%,rgba(150,200,255,.06) 72%,transparent 76%)}
.fl-a .g3{left:25%;top:67%;width:20px;height:20px;margin:-10px 0 0 -10px;--k:-2.4;background:radial-gradient(circle,rgba(210,170,255,.16),transparent 70%)}
.fl-b .g1{left:26%;top:43%;width:30px;height:30px;margin:-15px 0 0 -15px;--k:-.2;background:radial-gradient(circle,rgba(255,205,160,.13),transparent 70%)}
.fl-b .g2{left:61%;top:51%;width:84px;height:84px;margin:-42px 0 0 -42px;--k:-1.5;background:radial-gradient(circle,transparent 58%,rgba(150,220,210,.07) 66%,rgba(150,200,255,.05) 72%,transparent 76%)}
.fl-b .g3{left:79%;top:55%;width:18px;height:18px;margin:-9px 0 0 -9px;--k:-2.4;background:radial-gradient(circle,rgba(210,170,255,.14),transparent 70%)}
.fl-kern,.fl-schleier{--k:1}
@keyframes flare{0%,58%,100%{opacity:0}70%{opacity:.75}84%{opacity:.6}96%{opacity:0}}
@keyframes flaredrift{0%{transform:translateX(calc(var(--k) * -36px))}100%{transform:translateX(calc(var(--k) * 44px))}}
/* Intro: ein Scheinwerfer-Schwenk über das Logo */
.fl-intro{--x:18%;--y:34%;animation:flareintro 2.8s ease-out .3s both}
.fl-intro>span{animation:flareschwenk 2.8s ease-out .3s both}
.fl-intro .g1{left:44%;top:45%;width:30px;height:30px;margin:-15px 0 0 -15px;--k:-.4;background:radial-gradient(circle,rgba(255,205,160,.16),transparent 70%)}
.fl-intro .g2{left:70%;top:58%;width:90px;height:90px;margin:-45px 0 0 -45px;--k:-1.4;background:radial-gradient(circle,transparent 58%,rgba(150,220,210,.09) 66%,rgba(150,200,255,.07) 72%,transparent 76%)}
.fl-intro .g3{left:86%;top:66%;width:18px;height:18px;margin:-9px 0 0 -9px;--k:-2.2;background:radial-gradient(circle,rgba(210,170,255,.16),transparent 70%)}
@keyframes flareintro{0%{opacity:0}35%{opacity:1}75%{opacity:.8}100%{opacity:0}}
@keyframes flareschwenk{from{transform:translateX(calc(var(--k) * -30px))}to{transform:translateX(calc(var(--k) * 120px))}}
@keyframes funkeln{0%,16%,100%{opacity:0;transform:scale(.2) rotate(0)}6%{opacity:var(--o,.8);transform:scale(1) rotate(30deg)}11%{opacity:calc(var(--o,.8) * .35);transform:scale(.7) rotate(60deg)}}
.pf-abs{position:absolute;inset:0}
.pf-rel{position:relative;display:block}
.pf-nowrap{white-space:nowrap}
.pf-klein{font-size:13px;color:var(--pf-puder)}
.pf-eyebrow{font-family:var(--pf-fb);font-size:11px;letter-spacing:3.5px;text-transform:uppercase;color:var(--pf-rose);font-weight:600}
.pf h1,.pf h2,.pf h3{font-family:var(--pf-fd);font-weight:400;color:var(--pf-creme);margin:0}

/* Hintergrund-Bühne (fest, hinter allem) */
.pf-buehne{position:fixed;inset:0;z-index:-1;pointer-events:none}
.pf-fix{position:absolute;inset:0}
.pf-glints{overflow:hidden}

/* Kopf */
.pf-kopf-wrap{position:sticky;top:0;z-index:50;height:0}
.admin-bar .pf-kopf-wrap{top:32px}
@media (max-width:782px){.admin-bar .pf-kopf-wrap{top:46px}}
.pf-kopf{position:relative;height:88px;padding:10px 10px 26px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,rgba(8,4,5,.96) 0%,rgba(8,4,5,.9) 62%,rgba(8,4,5,0) 100%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-mask-image:linear-gradient(180deg,#000 72%,transparent 100%);mask-image:linear-gradient(180deg,#000 72%,transparent 100%)}
.pf-kopf-btn{width:48px;height:48px;border:0;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;cursor:pointer;color:var(--pf-creme);text-decoration:none;padding:0}
.pf-kopf-btn span{font-size:9px;letter-spacing:2px;text-transform:uppercase;font-weight:400}
.pf .pf-kopf-btn:hover{color:var(--pf-gold)}
.pf .pf-kopf-btn.pf-gold{color:var(--pf-gold)}
.pf-kopf-rechts{display:flex;gap:2px}
.pf-kopf-logo{position:absolute;left:50%;top:36px;transform:translate(-50%,-50%);display:flex}
.pf-kopf-logo img{width:46px;height:44px}

/* Menü */
.pf-menu{position:fixed;inset:0;z-index:100;overflow:hidden;animation:fadein .35s ease-out both}
.pf-menu[hidden]{display:none}
.pf-menu-innen{position:relative;height:100%;max-width:560px;margin:0 auto;display:flex;flex-direction:column;padding:10px 18px 26px;overflow-y:auto}
.pf-menu-kopf{display:flex;align-items:center;justify-content:space-between;min-height:58px}
.pf-menu-raster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:18px;box-shadow:inset 0 1px 0 rgba(216,185,142,.25)}
.pf .pf-menu-item{min-height:104px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;box-shadow:inset 0 -1px 0 rgba(216,185,142,.25);color:var(--pf-creme);text-decoration:none;font-size:15px;letter-spacing:.5px;font-weight:400;animation:enter .6s cubic-bezier(.2,.8,.2,1) both;text-align:center}
.pf-menu-item:nth-child(odd){box-shadow:inset 0 -1px 0 rgba(216,185,142,.25),inset -1px 0 0 rgba(216,185,142,.25)}
.pf-menu-fuss{margin-top:auto;padding-top:24px;display:flex;flex-direction:column;align-items:center;gap:12px}
.pf-menu-offen{overflow:hidden}
.pf-lang{display:flex;gap:6px}
.pf .pf-lang a{min-width:48px;min-height:44px;display:flex;align-items:center;justify-content:center;border-radius:999px;box-shadow:inset 0 0 0 1px var(--pf-gold);color:var(--pf-gold);text-decoration:none;font-weight:600}
.pf .pf-lang a.is-an{background:var(--pf-gold);color:#FFF6F0}

/* Intro (nur beim ersten Besuch der Startseite in dieser Sitzung) */
.pf-intro{display:none}
.pf-intro-an .pf-intro{display:flex;position:fixed;inset:0;z-index:200;flex-direction:column;align-items:center;justify-content:center;gap:30px;background:#050304;overflow:hidden}
.pf-intro>.pf-intro-logo,.pf-intro>.pf-intro-wort,.pf-intro>.pf-intro-skip{position:relative;z-index:2}
.pf-intro .word-in{animation-delay:.9s}
/* Intro-Logo: steht im Dunkeln, leuchtet im Spot auf, fliegt am Ende in die Kopfleiste (Ziel per JS gemessen) */
.pf-intro-bild{position:relative;z-index:2;transform-origin:50% 50%;animation:logolicht 1s ease-out .3s both;transition:transform .95s cubic-bezier(.65,0,.25,1)}
@keyframes logolicht{0%{opacity:.14;filter:brightness(.35)}8%{opacity:.6;filter:brightness(1.2)}14%{opacity:.25;filter:brightness(.6)}22%,100%{opacity:1;filter:brightness(1)}}
.pf-intro-an .pf-kopf-logo{visibility:hidden}
/* Abgang: Lichtkegel zieht sich nach oben zurück, Samt blendet aus, Hero kommt dunkel darunter hervor */
.pf-intro.weg{animation:none!important;background-color:transparent;transition:background-color .7s ease .3s}
.pf-intro.weg .pf-intro-licht{transform-origin:50% 0;transform:scale(.35,.15);opacity:0;transition:transform .9s cubic-bezier(.65,0,.25,1),opacity .9s ease}
.pf-intro-licht{transition:none}
.pf-intro.weg>.velvet,.pf-intro.weg .pf-funkeln-intro{opacity:0;transition:opacity .7s ease .3s}
.pf-intro.weg .pf-intro-skip{opacity:0!important;transition:opacity .35s ease;animation:none}
.pf-intro>.pf-intro-skip{position:absolute}
.pf-funkeln-intro{z-index:1}
.pf-intro-logo{position:relative;width:230px;height:230px;display:flex;align-items:center;justify-content:center}
.pf-intro-licht{position:absolute;inset:0;pointer-events:none;z-index:1}
.pf-intro-spot{position:absolute;inset:0;opacity:0;background:conic-gradient(from 166deg at 50% -4%,rgba(255,236,205,0) 0deg,rgba(255,238,210,.16) 7deg,rgba(255,247,232,.34) 14deg,rgba(255,238,210,.16) 21deg,rgba(255,236,205,0) 28deg,rgba(255,236,205,0) 360deg);-webkit-mask-image:linear-gradient(180deg,#000 0,#000 55%,transparent 85%);mask-image:linear-gradient(180deg,#000 0,#000 55%,transparent 85%);animation:spotan 1.4s ease-out .25s both}
.pf-intro-lichtkreis{position:absolute;left:50%;top:50%;width:300px;height:120px;margin:40px 0 0 -150px;border-radius:50%;opacity:0;background:radial-gradient(ellipse at center,rgba(255,236,205,.16),transparent 70%);animation:spotan 1.4s ease-out .25s both}
.pf-intro-logo img{width:150px;height:140px;object-fit:contain}
.pf-faecher-svg .schein{opacity:0}
.pf-intro-wort{width:180px;height:91px}
.pf-intro-skip{position:absolute;bottom:44px;min-height:44px;padding:10px 24px;border-radius:999px;border:1px solid rgba(216,185,142,.55);background:transparent;color:var(--pf-gold);font-size:13px;letter-spacing:3px;text-transform:uppercase;cursor:pointer}
.pf-intro.weg{animation:fadeout .6s ease-in forwards}
@keyframes fadeout{to{opacity:0;visibility:hidden}}

/* Hero */
.pf-hero{position:relative;height:min(760px,100svh);min-height:640px;overflow:hidden}
.hero-img{position:absolute;left:0;top:0;width:100%;height:84%}
.pf-hero-schatten{position:absolute;left:0;top:0;width:100%;height:160px;background:linear-gradient(180deg,rgba(6,3,4,.7),rgba(6,3,4,0))}
.pf-intro-an:not(:has(.pf-intro.weg)) .pf-spot,.pf-intro-an:not(:has(.pf-intro.weg)) .pf-buehne-dunkel{animation-play-state:paused}
/* Bühnenlicht im Hero: nur Lichtkegel (keine Scheinwerfer sichtbar), gehen nacheinander an.
   Jeder Kegel ist ein heroweiter conic-gradient mit Ursprung am Rand – nichts ragt über den Hero hinaus. */
.pf-hero-licht{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.pf-spot{position:absolute;inset:0;opacity:0;mix-blend-mode:screen;
 background:conic-gradient(from calc(var(--r) - var(--w) / 2) at var(--x) var(--y),rgba(255,236,205,0) 0deg,rgba(255,238,210,.26) calc(var(--w) * .22),rgba(255,247,232,.44) calc(var(--w) * .5),rgba(255,238,210,.26) calc(var(--w) * .78),rgba(255,236,205,0) var(--w),rgba(255,236,205,0) 360deg);
 -webkit-mask-image:radial-gradient(circle at var(--x) var(--y),#000 0,#000 28%,rgba(0,0,0,.55) 55%,transparent 88%);mask-image:radial-gradient(circle at var(--x) var(--y),#000 0,#000 28%,rgba(0,0,0,.55) 55%,transparent 88%);
 animation:spotan 1.2s ease-out both;animation-delay:calc(.35s + var(--i) * .3s)}
.pf-spot.s1{--x:-2%;--y:30%;--r:118.9deg;--w:18deg}
.pf-spot.s2{--x:-2%;--y:10%;--r:142.4deg;--w:17deg}
.pf-spot.s3{--x:12%;--y:-2%;--r:157.4deg;--w:12deg}
.pf-spot.s4{--x:37%;--y:-2%;--r:171.8deg;--w:11deg}
.pf-spot.s5{--x:63%;--y:-2%;--r:188.2deg;--w:11deg}
.pf-spot.s6{--x:88%;--y:-2%;--r:202.6deg;--w:12deg}
.pf-spot.s7{--x:102%;--y:10%;--r:217.6deg;--w:17deg}
.pf-spot.s8{--x:102%;--y:30%;--r:241.1deg;--w:18deg}
@keyframes spotan{0%{opacity:0}5%{opacity:1}10%{opacity:.45}15%{opacity:.95}100%{opacity:.55}}
/* Bühne startet dunkel; mit jedem Spot wird das Foto heller */
.pf-buehne-dunkel{position:absolute;inset:0;background:#000;opacity:.06;animation:buehnean 1.8s linear 0s both}
@keyframes buehnean{0%,18%{opacity:1}20%,34%{opacity:.78}36%,51%{opacity:.55}53%,68%{opacity:.32}70%{opacity:.14}100%{opacity:.06}}
.pf-hero-ring{position:absolute;left:50%;top:104px;width:220px;height:220px;margin-left:-110px;border-radius:50%}
.pf-hero-funken{position:absolute;left:50%;top:79px;width:270px;height:270px;margin-left:-135px;border-radius:50%}
.pf-hero-text{position:absolute;left:22px;right:22px;bottom:34px;max-width:560px;display:flex;flex-direction:column;gap:12px}
.pf-hero-h1{display:flex;flex-direction:column;position:relative}
.pf-hero-h1>span:first-child{font-size:50px;line-height:1;color:var(--pf-creme)}
.pf-hero-h1b{font-size:50px;line-height:1.1;color:#FFF6F0}
.pf-lead{margin:0;font-size:17px;line-height:1.55;font-weight:300;color:#F3E4D3}
.pf-hero-cta{display:flex;align-items:center}
/* Ticket-Knopf im Hero = Lippenstift, reduziert und flach (wie der Fächer): Gold, Lackrot, klare Kanten */
.pf .pf-cta-lip{--h:56px;--gold:#C39A4A;position:relative;display:inline-flex;align-items:center;text-decoration:none}
.pf .pf-cta-lip:focus-visible{outline:1px solid var(--gold);outline-offset:5px}
.lip-huelse{position:relative;display:flex;align-items:center;height:var(--h);padding:0 26px 0 30px;border-radius:5px 1px 1px 5px;background:var(--gold);transition:background .35s ease}
.pf-cta-lip:hover .lip-huelse{background:#CFA85A}
.lip-huelse .lbl{color:#140A0C;font-size:12.5px;font-weight:600;letter-spacing:3.2px;text-transform:uppercase}
.lip-bahn{position:relative;display:block;width:70px;height:calc(var(--h) * .74);overflow:hidden;margin-left:2px}
.lip-stift{position:absolute;inset:0;display:flex;align-items:center;transform:translateX(-100%);transition:transform .6s cubic-bezier(.4,0,.6,1)}
.pf-cta-lip:hover .lip-stift,.pf-cta-lip:focus-visible .lip-stift{transition:transform 1.6s linear}
.lip-mine{flex:1;height:100%;background:#B3122C;clip-path:polygon(0 0,46.00% 0.00%,50.50% 8.33%,55.00% 16.67%,59.50% 25.00%,64.00% 33.33%,68.50% 41.67%,73.00% 50.00%,77.50% 58.33%,82.00% 66.67%,86.50% 75.00%,91.00% 83.33%,95.50% 91.67%,100.00% 100.00%,0 100%)}
.pf-cta-lip:hover .lip-stift,.pf-cta-lip:focus-visible .lip-stift,.pf-cta-lip:active .lip-stift{transform:none}
/* Drehbewegung: beim Herausdrehen wandert die schräge Schnittfläche einmal um die Achse */
@keyframes lipdreh{0.00%{clip-path:polygon(0 0,100.00% 0.00%,95.50% 8.33%,91.00% 16.67%,86.50% 25.00%,82.00% 33.33%,77.50% 41.67%,73.00% 50.00%,68.50% 58.33%,64.00% 66.67%,59.50% 75.00%,55.00% 83.33%,50.50% 91.67%,46.00% 100.00%,0 100%)}2.78%{clip-path:polygon(0 0,99.08% 0.00%,98.60% 8.33%,95.60% 16.67%,92.09% 25.00%,88.28% 33.33%,84.24% 41.67%,79.99% 50.00%,75.54% 58.33%,70.90% 66.67%,66.01% 75.00%,60.82% 83.33%,55.13% 91.67%,46.92% 100.00%,0 100%)}5.56%{clip-path:polygon(0 0,96.38% 0.00%,99.95% 8.33%,98.65% 16.67%,96.38% 25.00%,93.52% 33.33%,90.21% 41.67%,86.50% 50.00%,82.41% 58.33%,77.93% 66.67%,73.00% 75.00%,67.47% 83.33%,60.98% 91.67%,49.62% 100.00%,0 100%)}8.33%{clip-path:polygon(0 0,92.09% 0.00%,99.46% 8.33%,99.96% 16.67%,99.08% 25.00%,97.36% 33.33%,95.01% 41.67%,92.09% 50.00%,88.64% 58.33%,84.64% 66.67%,79.99% 75.00%,74.50% 83.33%,67.64% 91.67%,53.91% 100.00%,0 100%)}11.11%{clip-path:polygon(0 0,86.50% 0.00%,97.18% 8.33%,99.43% 16.67%,100.00% 25.00%,99.55% 33.33%,98.31% 41.67%,96.38% 50.00%,93.81% 58.33%,90.55% 66.67%,86.50% 75.00%,81.43% 83.33%,74.68% 91.67%,59.50% 100.00%,0 100%)}13.89%{clip-path:polygon(0 0,79.99% 0.00%,93.24% 8.33%,97.10% 16.67%,99.08% 25.00%,99.92% 33.33%,99.88% 41.67%,99.08% 50.00%,97.55% 58.33%,95.26% 66.67%,92.09% 75.00%,87.78% 83.33%,81.59% 91.67%,66.01% 100.00%,0 100%)}16.67%{clip-path:polygon(0 0,73.00% 0.00%,87.92% 8.33%,93.12% 16.67%,96.38% 25.00%,98.46% 33.33%,99.62% 41.67%,100.00% 50.00%,99.62% 58.33%,98.46% 66.67%,96.38% 75.00%,93.12% 83.33%,87.92% 91.67%,73.00% 100.00%,0 100%)}19.44%{clip-path:polygon(0 0,66.01% 0.00%,81.59% 8.33%,87.78% 16.67%,92.09% 25.00%,95.26% 33.33%,97.55% 41.67%,99.08% 50.00%,99.88% 58.33%,99.92% 66.67%,99.08% 75.00%,97.10% 83.33%,93.24% 91.67%,79.99% 100.00%,0 100%)}22.22%{clip-path:polygon(0 0,59.50% 0.00%,74.68% 8.33%,81.43% 16.67%,86.50% 25.00%,90.55% 33.33%,93.81% 41.67%,96.38% 50.00%,98.31% 58.33%,99.55% 66.67%,100.00% 75.00%,99.43% 83.33%,97.18% 91.67%,86.50% 100.00%,0 100%)}25.00%{clip-path:polygon(0 0,53.91% 0.00%,67.64% 8.33%,74.50% 16.67%,79.99% 25.00%,84.64% 33.33%,88.64% 41.67%,92.09% 50.00%,95.01% 58.33%,97.36% 66.67%,99.08% 75.00%,99.96% 83.33%,99.46% 91.67%,92.09% 100.00%,0 100%)}27.78%{clip-path:polygon(0 0,49.62% 0.00%,60.98% 8.33%,67.47% 16.67%,73.00% 25.00%,77.93% 33.33%,82.41% 41.67%,86.50% 50.00%,90.21% 58.33%,93.52% 66.67%,96.38% 75.00%,98.65% 83.33%,99.95% 91.67%,96.38% 100.00%,0 100%)}30.56%{clip-path:polygon(0 0,46.92% 0.00%,55.13% 8.33%,60.82% 16.67%,66.01% 25.00%,70.90% 33.33%,75.54% 41.67%,79.99% 50.00%,84.24% 58.33%,88.28% 66.67%,92.09% 75.00%,95.60% 83.33%,98.60% 91.67%,99.08% 100.00%,0 100%)}33.33%{clip-path:polygon(0 0,46.00% 0.00%,50.50% 8.33%,55.00% 16.67%,59.50% 25.00%,64.00% 33.33%,68.50% 41.67%,73.00% 50.00%,77.50% 58.33%,82.00% 66.67%,86.50% 75.00%,91.00% 83.33%,95.50% 91.67%,100.00% 100.00%,0 100%)}36.11%{clip-path:polygon(0 0,46.92% 0.00%,55.13% 8.33%,60.82% 16.67%,66.01% 25.00%,70.90% 33.33%,75.54% 41.67%,79.99% 50.00%,84.24% 58.33%,88.28% 66.67%,92.09% 75.00%,95.60% 83.33%,98.60% 91.67%,99.08% 100.00%,0 100%)}38.89%{clip-path:polygon(0 0,49.62% 0.00%,60.98% 8.33%,67.47% 16.67%,73.00% 25.00%,77.93% 33.33%,82.41% 41.67%,86.50% 50.00%,90.21% 58.33%,93.52% 66.67%,96.38% 75.00%,98.65% 83.33%,99.95% 91.67%,96.38% 100.00%,0 100%)}41.67%{clip-path:polygon(0 0,53.91% 0.00%,67.64% 8.33%,74.50% 16.67%,79.99% 25.00%,84.64% 33.33%,88.64% 41.67%,92.09% 50.00%,95.01% 58.33%,97.36% 66.67%,99.08% 75.00%,99.96% 83.33%,99.46% 91.67%,92.09% 100.00%,0 100%)}44.44%{clip-path:polygon(0 0,59.50% 0.00%,74.68% 8.33%,81.43% 16.67%,86.50% 25.00%,90.55% 33.33%,93.81% 41.67%,96.38% 50.00%,98.31% 58.33%,99.55% 66.67%,100.00% 75.00%,99.43% 83.33%,97.18% 91.67%,86.50% 100.00%,0 100%)}47.22%{clip-path:polygon(0 0,66.01% 0.00%,81.59% 8.33%,87.78% 16.67%,92.09% 25.00%,95.26% 33.33%,97.55% 41.67%,99.08% 50.00%,99.88% 58.33%,99.92% 66.67%,99.08% 75.00%,97.10% 83.33%,93.24% 91.67%,79.99% 100.00%,0 100%)}50.00%{clip-path:polygon(0 0,73.00% 0.00%,87.92% 8.33%,93.12% 16.67%,96.38% 25.00%,98.46% 33.33%,99.62% 41.67%,100.00% 50.00%,99.62% 58.33%,98.46% 66.67%,96.38% 75.00%,93.12% 83.33%,87.92% 91.67%,73.00% 100.00%,0 100%)}52.78%{clip-path:polygon(0 0,79.99% 0.00%,93.24% 8.33%,97.10% 16.67%,99.08% 25.00%,99.92% 33.33%,99.88% 41.67%,99.08% 50.00%,97.55% 58.33%,95.26% 66.67%,92.09% 75.00%,87.78% 83.33%,81.59% 91.67%,66.01% 100.00%,0 100%)}55.56%{clip-path:polygon(0 0,86.50% 0.00%,97.18% 8.33%,99.43% 16.67%,100.00% 25.00%,99.55% 33.33%,98.31% 41.67%,96.38% 50.00%,93.81% 58.33%,90.55% 66.67%,86.50% 75.00%,81.43% 83.33%,74.68% 91.67%,59.50% 100.00%,0 100%)}58.33%{clip-path:polygon(0 0,92.09% 0.00%,99.46% 8.33%,99.96% 16.67%,99.08% 25.00%,97.36% 33.33%,95.01% 41.67%,92.09% 50.00%,88.64% 58.33%,84.64% 66.67%,79.99% 75.00%,74.50% 83.33%,67.64% 91.67%,53.91% 100.00%,0 100%)}61.11%{clip-path:polygon(0 0,96.38% 0.00%,99.95% 8.33%,98.65% 16.67%,96.38% 25.00%,93.52% 33.33%,90.21% 41.67%,86.50% 50.00%,82.41% 58.33%,77.93% 66.67%,73.00% 75.00%,67.47% 83.33%,60.98% 91.67%,49.62% 100.00%,0 100%)}63.89%{clip-path:polygon(0 0,99.08% 0.00%,98.60% 8.33%,95.60% 16.67%,92.09% 25.00%,88.28% 33.33%,84.24% 41.67%,79.99% 50.00%,75.54% 58.33%,70.90% 66.67%,66.01% 75.00%,60.82% 83.33%,55.13% 91.67%,46.92% 100.00%,0 100%)}66.67%{clip-path:polygon(0 0,100.00% 0.00%,95.50% 8.33%,91.00% 16.67%,86.50% 25.00%,82.00% 33.33%,77.50% 41.67%,73.00% 50.00%,68.50% 58.33%,64.00% 66.67%,59.50% 75.00%,55.00% 83.33%,50.50% 91.67%,46.00% 100.00%,0 100%)}69.44%{clip-path:polygon(0 0,99.08% 0.00%,98.60% 8.33%,95.60% 16.67%,92.09% 25.00%,88.28% 33.33%,84.24% 41.67%,79.99% 50.00%,75.54% 58.33%,70.90% 66.67%,66.01% 75.00%,60.82% 83.33%,55.13% 91.67%,46.92% 100.00%,0 100%)}72.22%{clip-path:polygon(0 0,96.38% 0.00%,99.95% 8.33%,98.65% 16.67%,96.38% 25.00%,93.52% 33.33%,90.21% 41.67%,86.50% 50.00%,82.41% 58.33%,77.93% 66.67%,73.00% 75.00%,67.47% 83.33%,60.98% 91.67%,49.62% 100.00%,0 100%)}75.00%{clip-path:polygon(0 0,92.09% 0.00%,99.46% 8.33%,99.96% 16.67%,99.08% 25.00%,97.36% 33.33%,95.01% 41.67%,92.09% 50.00%,88.64% 58.33%,84.64% 66.67%,79.99% 75.00%,74.50% 83.33%,67.64% 91.67%,53.91% 100.00%,0 100%)}77.78%{clip-path:polygon(0 0,86.50% 0.00%,97.18% 8.33%,99.43% 16.67%,100.00% 25.00%,99.55% 33.33%,98.31% 41.67%,96.38% 50.00%,93.81% 58.33%,90.55% 66.67%,86.50% 75.00%,81.43% 83.33%,74.68% 91.67%,59.50% 100.00%,0 100%)}80.56%{clip-path:polygon(0 0,79.99% 0.00%,93.24% 8.33%,97.10% 16.67%,99.08% 25.00%,99.92% 33.33%,99.88% 41.67%,99.08% 50.00%,97.55% 58.33%,95.26% 66.67%,92.09% 75.00%,87.78% 83.33%,81.59% 91.67%,66.01% 100.00%,0 100%)}83.33%{clip-path:polygon(0 0,73.00% 0.00%,87.92% 8.33%,93.12% 16.67%,96.38% 25.00%,98.46% 33.33%,99.62% 41.67%,100.00% 50.00%,99.62% 58.33%,98.46% 66.67%,96.38% 75.00%,93.12% 83.33%,87.92% 91.67%,73.00% 100.00%,0 100%)}86.11%{clip-path:polygon(0 0,66.01% 0.00%,81.59% 8.33%,87.78% 16.67%,92.09% 25.00%,95.26% 33.33%,97.55% 41.67%,99.08% 50.00%,99.88% 58.33%,99.92% 66.67%,99.08% 75.00%,97.10% 83.33%,93.24% 91.67%,79.99% 100.00%,0 100%)}88.89%{clip-path:polygon(0 0,59.50% 0.00%,74.68% 8.33%,81.43% 16.67%,86.50% 25.00%,90.55% 33.33%,93.81% 41.67%,96.38% 50.00%,98.31% 58.33%,99.55% 66.67%,100.00% 75.00%,99.43% 83.33%,97.18% 91.67%,86.50% 100.00%,0 100%)}91.67%{clip-path:polygon(0 0,53.91% 0.00%,67.64% 8.33%,74.50% 16.67%,79.99% 25.00%,84.64% 33.33%,88.64% 41.67%,92.09% 50.00%,95.01% 58.33%,97.36% 66.67%,99.08% 75.00%,99.96% 83.33%,99.46% 91.67%,92.09% 100.00%,0 100%)}94.44%{clip-path:polygon(0 0,49.62% 0.00%,60.98% 8.33%,67.47% 16.67%,73.00% 25.00%,77.93% 33.33%,82.41% 41.67%,86.50% 50.00%,90.21% 58.33%,93.52% 66.67%,96.38% 75.00%,98.65% 83.33%,99.95% 91.67%,96.38% 100.00%,0 100%)}97.22%{clip-path:polygon(0 0,46.92% 0.00%,55.13% 8.33%,60.82% 16.67%,66.01% 25.00%,70.90% 33.33%,75.54% 41.67%,79.99% 50.00%,84.24% 58.33%,88.28% 66.67%,92.09% 75.00%,95.60% 83.33%,98.60% 91.67%,99.08% 100.00%,0 100%)}100.00%{clip-path:polygon(0 0,46.00% 0.00%,50.50% 8.33%,55.00% 16.67%,59.50% 25.00%,64.00% 33.33%,68.50% 41.67%,73.00% 50.00%,77.50% 58.33%,82.00% 66.67%,86.50% 75.00%,91.00% 83.33%,95.50% 91.67%,100.00% 100.00%,0 100%)}}
.pf-cta-lip:hover .lip-mine,.pf-cta-lip:focus-visible .lip-mine{animation:lipdreh 1.6s linear both}
/* Ohne Maus (Handy): fährt einmal von selbst aus, nachdem die Spots an sind, und bleibt draußen */
@keyframes lipraus{to{transform:none}}
/* Touch: fährt beim Scrollen aus/ein (Klasse .raus per JS) */
.pf-intro-an:not(:has(.pf-intro.weg)) .lip-stift,.pf-intro-an:not(:has(.pf-intro.weg)) .lip-mine{animation-play-state:paused}

/* Couture-Knopf als Link */
.pf a.couture{text-decoration:none;color:#F7EEE6}
.pf a.couture:hover{color:#FFF}

/* PULVERFASS-Lettern + Motto */
.pf-motto{position:relative;padding:20px 16px 28px;display:flex;flex-direction:column;align-items:center;gap:4px}
.pf-wortfill-wrap{filter:drop-shadow(0 0 1px rgba(216,185,142,.9)) drop-shadow(0 0 14px rgba(216,185,142,.25));width:min(358px,100%)}
.wordfill{width:100%;aspect-ratio:358/151}
.pf-motto-zeile{margin:18px 0 0;font-family:var(--pf-fd);font-size:27px;line-height:1.25;text-align:center}
.pf-motto-sub{margin:8px 0 0;font-size:15px;line-height:1.6;text-align:center;color:var(--pf-puder);max-width:300px}
/* Kapitelzeichen: Goldlinie – Fächer – Goldlinie (Fächer faltet sich beim Scrollen auf) */
.pf-trenner{display:flex;align-items:flex-end;justify-content:center;gap:0;padding:6px 22px;view-timeline:--trenner block}
.pf-trenner-linie{flex:1 1 0;height:1px;margin-bottom:3px;background:linear-gradient(90deg,transparent,rgba(216,185,142,.85));transform-origin:right center}
.pf-trenner-linie:last-child{background:linear-gradient(90deg,rgba(216,185,142,.85),transparent);transform-origin:left center}
.pf-trenner-faecher{position:relative;display:block;line-height:0;flex-shrink:0;margin:0 -5px;filter:drop-shadow(0 0 8px rgba(216,185,142,.22))}
.pf-faecher-svg{display:block;overflow:visible}
.pf-faecher-svg .pl{transform-box:view-box;transform-origin:100px 104px}
.pf-faecher-svg .rib{fill:none;stroke:rgba(74,56,36,.4);stroke-width:.6}
.pf-faecher-deco .pf-faecher-falten{stroke:#6E4E1E;stroke-width:.8}
.pf-faecher-schlicht .pf-faecher-falten{stroke:none}
.pf-faecher-svg .gravur{fill:none;stroke:rgba(110,78,30,.55);stroke-width:.9}
.pf-faecher-feder .pf-faecher-falten{stroke:none}
.pf-faecher-svg .stab{fill:none;stroke:#B08530;stroke-width:1.6;stroke-linecap:round}
.pf-faecher-svg .aeste{fill:none;stroke-width:.8;stroke-linecap:round;opacity:.95}
.pf-faecher-svg .koerper{stroke:none;opacity:.2}
.pf-faecher-svg .kiel{fill:none;stroke:#FFF0C8;stroke-width:1;opacity:.85}

.pf-trenner-funke{left:60px;top:-6px;width:14px;height:14px;animation-delay:1.6s}
@supports (animation-timeline: view()){
.pf-trenner .pl{animation:faecherauf linear both;animation-timeline:--trenner;animation-range:cover 24% cover 44%}
.pf-trenner-linie{animation:linedraw linear both;animation-timeline:--trenner;animation-range:cover 32% cover 50%}
}
@keyframes faecherauf{from{transform:rotate(calc(var(--a) * -1))}to{transform:none}}
@keyframes linedraw{from{transform:scaleX(0);opacity:0}to{transform:none;opacity:1}}

/* Sektionen */
.pf-sek{position:relative;padding:22px 0 28px;display:flex;flex-direction:column;gap:22px}
.pf-sek-kopf{padding:0 22px;display:flex;flex-direction:column;gap:4px}
.pf-sek h2{font-size:42px;line-height:1.05}
.pf-sek-kopf p{margin:4px 0 0;font-size:15px;line-height:1.55;color:var(--pf-puder)}
.pf-mitte{text-align:center;align-items:center}
.pf-rechtsbuendig{text-align:right;align-items:flex-end}
.liner{margin-top:10px}

/* Slider */
.pf-slider{display:flex;gap:22px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;padding:24px 30px 48px;margin:-10px 0 -38px;scroll-padding-left:30px}
.pf .pf-showkarte{flex-shrink:0;width:250px;scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--pf-creme);text-align:center;text-decoration:none}
.pf-showbild{position:relative;width:250px;height:340px;overflow:hidden;border-radius:18px;box-shadow:0 16px 30px rgba(0,0,0,.5);display:block}
.pf-showbild img{width:250px;height:340px;object-fit:cover;display:block}
.pf-badge{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);white-space:nowrap;color:#FFF6F0;font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;padding:7px 14px;border-radius:999px}
.pf-showtitel{font-family:var(--pf-fd);font-size:24px;line-height:1.1}
.pf-showpreis{font-size:14px;color:var(--pf-puder)}

/* Dein Abend */
.pf-abend{padding:22px 22px 30px;gap:10px}
.pf-abend .pf-sek-kopf{padding:0}
.pf-zeitleiste{position:relative;display:flex;flex-direction:column;gap:34px;padding-top:26px}
.pf-goldfaden{position:absolute;left:50%;top:20px;width:1px;height:100%;transform-origin:top;background:linear-gradient(180deg,rgba(216,185,142,0),rgba(216,185,142,.9) 15%,rgba(216,185,142,.9) 85%,rgba(216,185,142,0))}
.pf-station{position:relative;display:flex;align-items:center;gap:18px}
.pf-station.pf-rechts{flex-direction:row-reverse}
.pf-station-bild{flex:1 1 0;display:flex;justify-content:center}
.pf-station-bild .arch{width:146px;height:190px;overflow:hidden}
.pf-station-bild img{width:146px;height:190px;object-fit:cover;display:block}
.pf-station-punkt{position:absolute;left:50%;top:50%;width:11px;height:11px;margin:-6px 0 0 -6px;border-radius:50%;background:var(--pf-gold);box-shadow:0 0 12px rgba(216,185,142,.9)}
.pf-station-text{flex:1 1 0;display:flex;flex-direction:column;gap:4px;font-size:15px;line-height:1.5;color:#F3E4D3}
.pf-rechts .pf-station-text{text-align:right}
.pf-zeit{font-family:var(--pf-fd);font-size:34px;line-height:1.05}
.pf-zeit.lang{font-size:24px}
.pf-dresscode{margin:26px 0 0;text-align:center;font-family:var(--pf-fd);font-size:22px;line-height:1.3;letter-spacing:1px;color:var(--pf-gold)}

/* Gesichter */
.pf-gesichter{padding:22px 0 20px}
.pf-slider-mitte{gap:18px;padding:40px 26px 48px;margin:-10px 0 -32px}
.pf-gesicht{flex-shrink:0;width:196px;display:flex;justify-content:center;scroll-snap-align:center;padding-top:10px}

/* Geschenke */
.pf-geschenke{padding:22px 22px 32px;gap:20px}
.pf-geschenke .pf-sek-kopf{padding:0}
.pf .pf-kachel{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px;border-radius:26px;background:rgba(6,3,4,.35);box-shadow:inset 0 0 0 1px rgba(216,185,142,.55);color:var(--pf-creme);text-decoration:none}
.pf-kachel-text{display:flex;flex-direction:column;gap:4px;font-size:14px;line-height:1.45;color:var(--pf-puder)}
.pf-kachel-titel{font-family:var(--pf-fd);font-size:28px;line-height:1.1}
.pf-puderdose{width:104px;height:104px;margin:-26px -12px -26px 0;flex-shrink:0}

/* Hotel */
.pf-hotel{padding:4px 0 28px}
.pf-hotel-bild{position:relative;height:430px;overflow:hidden}
.pf-hotel-bild>img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 22%,#000 60%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0%,#000 22%,#000 60%,transparent 100%)}
.pf-hotel-text{position:absolute;left:22px;right:22px;bottom:26px;max-width:560px;display:flex;flex-direction:column;gap:10px;font-size:15px;line-height:1.55;color:#F3E4D3}
.pf-hotel-titel{font-family:var(--pf-fd);font-size:34px;line-height:1.05;color:var(--pf-creme)}
.pf .pf-pille{align-self:flex-start;min-height:46px;display:flex;align-items:center;padding:0 22px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--pf-gold);color:var(--pf-gold);text-decoration:none;font-size:13px;letter-spacing:2px;text-transform:uppercase;font-weight:600}

/* FAQ */
.pf-faq{padding:22px 22px 30px;gap:0}
.pf-faq h2{font-size:40px;margin:0 0 16px}
.pf-frage{border-top:1px solid rgba(216,185,142,.3)}
.pf-frage summary{list-style:none;min-height:58px;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;color:var(--pf-creme);font-size:17px;font-weight:400;cursor:pointer}
.pf-frage summary::-webkit-details-marker{display:none}
.pf-plus::before{content:"+";font-size:22px;font-weight:300;color:var(--pf-gold)}
.pf-frage[open] .pf-plus::before{content:"–"}
.pf-frage p{margin:0;padding:0 28px 20px 0;font-size:15px;line-height:1.6;color:var(--pf-puder)}

/* Leiste unten (Startseite) */
.pf-leiste{position:fixed;left:14px;right:14px;bottom:16px;z-index:40;max-width:560px;margin:0 auto;padding:7px 7px 7px 20px;border-radius:4px;box-shadow:inset 0 0 0 1px rgba(216,185,142,.45),0 14px 40px rgba(0,0,0,.6);display:flex;align-items:center;justify-content:space-between;gap:10px;opacity:0;transform:translateY(24px);pointer-events:none;transition:opacity .45s ease,transform .45s cubic-bezier(.2,.8,.2,1)}
.pf-leiste.is-an{opacity:1;transform:none;pointer-events:auto}
.pf-leiste-label{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--pf-rauch)}
.pf-leiste-wert{font-size:15px;font-weight:600;color:#F6E8D8}
.pf-leiste-btn{min-height:48px;padding:0 20px}

/* Fuß */
.pf-fuss-wrap{position:relative;z-index:1}
.pf-fuss{padding:30px 22px 140px;display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}
.pf-fuss .pf-trenner{width:100%;padding:0 18px}
.pf-fuss address{font-style:normal;font-size:14px;line-height:1.7;color:var(--pf-puder)}
.pf-fuss address a{color:var(--pf-puder)}
.pf-seit{font-family:var(--pf-fd);font-size:20px;letter-spacing:4px;text-transform:uppercase}
.pf-recht{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;font-size:13px}
.pf-recht a{color:var(--pf-rauch)}

/* Normale Seiten (Impressum, Tickets …) */
.pf-seite{padding:104px 22px 60px;min-height:70vh}
.pf-seite-kopf{margin-bottom:28px}
.pf-seite-titel{font-size:44px!important;line-height:1.05}
.pf-seite-titel::after{content:"";display:block;width:118px;height:13px;margin-top:12px;background:url(../img/strich-2.webp) no-repeat 0 0/contain}
.pf-seite .wp-block-post-content{font-size:17px;line-height:1.65}
.pf-seite .wp-block-post-content h2{font-size:32px;margin:1.6em 0 .5em}
.pf-seite .wp-block-post-content h3{font-size:24px;margin:1.4em 0 .4em}

/* Plugin „Pulverfass Tickets“ im Theme-Look */
.pf .pft-spielplan{--pft-display:var(--pf-fd);--pft-text:var(--pf-fb)}

/* Desktop: vorerst die Mobilansicht mittig, großzügiger – Desktop-Layout folgt */
@media (min-width:768px){
	.pf-kopf{max-width:none;padding:10px 28px 26px}
	.pf-hero-text{left:0;right:0;margin:0 auto;width:min(560px,calc(100% - 44px))}
	.pf-sek,.pf-motto,.pf-trenner{max-width:720px;margin-left:auto;margin-right:auto}
	.pf-spielplan,.pf-gesichter{max-width:none}
	.pf-spielplan .pf-sek-kopf,.pf-gesichter .pf-sek-kopf{max-width:720px;width:100%;margin:0 auto}
	.pf-slider{justify-content:safe center}
	.pf-hotel{max-width:none}
	.pf-hotel-text{left:0;right:0;margin:0 auto;width:min(560px,calc(100% - 44px))}
}

.pf-hero .pf-eyebrow{text-shadow:0 1px 3px rgba(0,0,0,.9),0 0 18px rgba(0,0,0,.75)}
/* =====================================================================
   Cookie-Banner (Borlabs Cookie 3, Layout „Bar“ unten) im Pulverfass-Look
   – dockt unten an, max. ~42 % Höhe, Rechtstext scrollbar, Knöpfe 2×2
   – erscheint erst nach dem Intro (Tracking bleibt bis zur Einwilligung gesperrt)
   ===================================================================== */
#BorlabsCookieBox .brlbs-fixed{top:auto!important;bottom:0!important;height:auto!important;max-height:none!important;overflow:visible!important;pointer-events:none;background:transparent!important}
#BorlabsCookieBox .brlbs-dialog-positioner{pointer-events:auto;align-items:flex-end}
#BorlabsCookieBox .brlbs-cmpnt-dialog{border-radius:0!important;background:#0A0607!important;color:#E9D6C4!important;box-shadow:0 -1px 0 rgba(195,154,74,.65),0 -18px 40px rgba(0,0,0,.6)!important;font-family:Jost,Futura,sans-serif!important}
#BorlabsCookieBox .brlbs-cmpnt-dialog-bar{max-height:42vh;max-height:42svh;display:flex;flex-direction:column}
#BorlabsCookieBox .brlbs-cmpnt-dialog-bar>div:not(.brlbs-cmpnt-close-button){display:flex;flex-direction:column;min-height:0;flex:1}
#BorlabsCookieBox .brlbs-cmpnt-dialog-bar-entrance{display:flex;flex-direction:column;min-height:0;flex:1;gap:10px!important;padding:14px 16px 8px!important}
#BorlabsCookieBox .brlbs-cmpnt-dialog-bar-header{padding-bottom:6px!important;margin-bottom:6px!important;border-color:rgba(195,154,74,.35)!important}
#BorlabsCookieBox .brlbs-cmpnt-dialog-entrance-headline{font-family:"Pulverfass Display",Federo,Didot,serif!important;font-weight:600!important;font-synthesis:none;font-size:19px!important;letter-spacing:.5px;color:#C39A4A!important}
#BorlabsCookieBox .brlbs-cpmnt-dialog-bar-main{display:grid!important;grid-template-columns:1fr!important;grid-template-rows:auto minmax(0,1fr)!important}
#BorlabsCookieBox .brlbs-cmpnt-dialog-bar-content{display:block!important;min-height:0;flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-right:4px;-webkit-mask-image:linear-gradient(180deg,#000 80%,transparent);mask-image:linear-gradient(180deg,#000 80%,transparent)}
#BorlabsCookieBox .brlbs-cmpnt-dialog-entrance-description,#BorlabsCookieBox .brlbs-cmpnt-dialog-entrance-description *{font-size:12.5px!important;line-height:1.5!important;color:#D9C7B4!important}
#BorlabsCookieBox .brlbs-cmpnt-dialog-entrance-description{display:block!important;width:auto!important;margin:0 0 8px!important}
#BorlabsCookieBox .brlbs-cmpnt-dialog-entrance-description>span{display:block;margin-bottom:6px}
#BorlabsCookieBox .brlbs-cmpnt-dialog-entrance-description a,#BorlabsCookieBox .brlbs-cmpnt-dialog-footer button{color:#C39A4A!important}
#BorlabsCookieBox .brlbs-cmpnt-consent-list{font-size:12.5px!important;color:#E9D6C4!important;padding-bottom:10px}
#BorlabsCookieBox .brlbs-cmpnt-consent-list-item-dot{background:#C39A4A!important}
#BorlabsCookieBox .brlbs-cpmnt-dialog-bar-buttons{flex:none!important}
#BorlabsCookieBox .brlbs-cpmnt-dialog-bar-buttons>div{display:grid!important;grid-template-columns:1fr 1fr;gap:8px!important}
#BorlabsCookieBox .brlbs-cpmnt-dialog-bar-buttons>div>div{margin:0!important;padding:0!important}
#BorlabsCookieBox .brlbs-cmpnt-btn{min-height:44px;padding:6px 8px!important;border-radius:2px!important;background:#C39A4A!important;color:#140A0C!important;font-family:Jost,Futura,sans-serif!important;font-size:11px!important;font-weight:600!important;letter-spacing:.6px!important;text-transform:uppercase;line-height:1.2!important;box-shadow:none!important}
#BorlabsCookieBox .brlbs-cmpnt-btn:hover{background:#CFA85A!important}
#BorlabsCookieBox .brlbs-cmpnt-btn-preferences{background:transparent!important;color:#C39A4A!important;box-shadow:inset 0 0 0 1px rgba(195,154,74,.7)!important}
#BorlabsCookieBox .brlbs-cmpnt-dialog-footer{flex:none;padding:4px 12px 8px!important;background:#0A0607!important;border-top:1px solid rgba(195,154,74,.2)}
#BorlabsCookieBox .brlbs-cmpnt-dialog-footer button{font-size:12px!important;padding:6px 4px!important;min-height:32px}
#BorlabsCookieBox .brlbs-cmpnt-close-button{color:#C39A4A!important}
@media (min-width:768px){
	#BorlabsCookieBox .brlbs-cmpnt-dialog-bar{max-height:38vh}
	#BorlabsCookieBox .brlbs-cmpnt-dialog-bar-entrance{flex-direction:row!important;align-items:stretch;gap:32px!important;padding:20px 40px 12px!important;max-width:1240px;margin:0 auto;width:100%}
	#BorlabsCookieBox .brlbs-cpmnt-dialog-bar-buttons{width:440px;align-self:center}
}
/* Während das Intro läuft, bleibt der Banner ausgeblendet */
.pf-intro-an #BorlabsCookieBox{visibility:hidden}

/* Kopf-Navigation: nur Desktop */
.pf-kopf-nav{display:none}

/* =====================================================================
   DESKTOP (ab 1024 px) – eigenes Layout statt gestreckter Handyansicht
   ===================================================================== */
@media (min-width:1024px){
	:root{--pf-rand:max(48px,calc((100vw - 1240px) / 2))}
	/* Kopf */
	.pf-kopf{height:104px;padding:14px 40px 30px;justify-content:flex-start;gap:28px}
	.pf-kopf-logo{position:static;transform:none;order:-1}
	.pf-kopf-logo img{width:54px;height:52px}
	.pf-kopf>.pf-kopf-btn{order:0}
	.pf-kopf-btn{flex-direction:row;width:auto;height:44px;gap:10px;padding:0 6px}
	.pf-kopf-btn span{font-size:11px;letter-spacing:2.6px}
	.pf-kopf-rechts{margin-left:auto;gap:18px}
	.pf .pf-kopf-rechts .pf-gold{padding:0 18px;box-shadow:inset 0 0 0 1px rgba(216,185,142,.6);border-radius:2px}
	.pf-kopf-nav{display:flex;gap:30px;flex:1;justify-content:center}
	.pf .pf-kopf-nav a{white-space:nowrap;color:var(--pf-creme);text-decoration:none;font-size:12px;letter-spacing:2.2px;text-transform:uppercase;font-weight:400;padding:12px 0;position:relative}
	.pf .pf-kopf-nav a::after{content:"";position:absolute;left:0;right:0;bottom:6px;height:1px;background:var(--pf-gold);transform:scaleX(0);transform-origin:left;transition:transform .35s ease}
	.pf .pf-kopf-nav a:hover{color:var(--pf-gold)}
	.pf .pf-kopf-nav a:hover::after{transform:none}
	/* Hero: Vollbild-Bühne, Text links */
	.pf-hero{height:100svh;min-height:680px;max-height:1080px}
	.hero-img{height:100%;background-position:50% 22%;-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 70%,transparent 100%);mask-image:linear-gradient(180deg,#000 0%,#000 70%,transparent 100%)}
	.pf-hero-schatten{height:220px}
	.pf-hero-text{z-index:2;left:var(--pf-rand);right:auto;margin:0;width:min(640px,46vw);bottom:11vh;gap:18px}
	.pf-hero-text::before{content:"";position:absolute;inset:-80px -120px -60px -160px;z-index:-1;background:radial-gradient(ellipse at 30% 60%,rgba(5,3,4,.72),transparent 70%)}
	.pf-hero-h1>span:first-child,.pf-hero-h1b{font-size:clamp(64px,5.6vw,100px)}
	.pf-hero .swipe{width:min(560px,40vw);height:40px;bottom:-10px}
	.pf .pf-cta-lip{--h:62px}
	.lip-huelse .lbl{font-size:13.5px}
	.lip-huelse{padding:0 32px 0 38px}
	.lip-bahn{width:84px}
	.pf-lead{font-size:21px;max-width:520px}
	.pf-eyebrow{font-size:13px;letter-spacing:4.5px}
	.pf-spot.s1{--x:-1%;--y:30%;--r:100.4deg;--w:10deg}
	.pf-spot.s2{--x:-1%;--y:10%;--r:113.2deg;--w:10deg}
	.pf-spot.s3{--x:12%;--y:-2%;--r:127.7deg;--w:9deg}
	.pf-spot.s4{--x:37%;--y:-2%;--r:156.1deg;--w:8deg}
	.pf-spot.s5{--x:63%;--y:-2%;--r:203.9deg;--w:8deg}
	.pf-spot.s6{--x:88%;--y:-2%;--r:232.3deg;--w:9deg}
	.pf-spot.s7{--x:101%;--y:10%;--r:246.8deg;--w:10deg}
	.pf-spot.s8{--x:101%;--y:30%;--r:259.6deg;--w:10deg}
	/* Motto */
	.pf-motto{padding:40px 24px 48px}
	.pf-wortfill-wrap{width:min(640px,60vw)}
	.pf-motto-zeile{font-size:42px}
	.pf-motto-sub{font-size:19px;max-width:560px}
	/* Kapitelzeichen */
	.pf .pf-trenner{max-width:980px;padding:16px 40px}
	.pf-trenner .pf-faecher-svg{width:116px;height:auto}
	/* Sektionen allgemein */
	.pf-sek{padding:48px 0 64px;gap:34px}
	.pf-sek h2{font-size:68px}
	.pf-sek-kopf{padding:0}
	.pf-sek-kopf p{font-size:19px;max-width:620px}
	.pf-spielplan .pf-sek-kopf,.pf-gesichter .pf-sek-kopf{max-width:1240px;padding:0 48px}
	/* Spielplan */
	.pf .pf-showkarte{width:286px}
	.pf-showbild,.pf-showbild img{width:286px;height:390px}
	.pf-showtitel{font-size:30px}
	.pf-showpreis{font-size:16px}
	/* Dein Abend */
	.pf .pf-abend{max-width:1040px}
	.pf-zeitleiste{gap:70px;padding-top:40px}
	.pf-station{gap:60px}
	.pf-station-bild .arch,.pf-station-bild img{width:250px;height:326px}
	.pf-station-text{font-size:19px;gap:8px;max-width:380px}
	.pf-zeit{font-size:56px}
	.pf-zeit.lang{font-size:40px}
	.pf-dresscode{font-size:30px;margin-top:48px}
	/* Geschenke: zwei Kacheln nebeneinander */
	.pf .pf-geschenke{display:grid;grid-template-columns:1fr 1fr;gap:28px;max-width:1040px}
	.pf-geschenke .pf-sek-kopf{grid-column:1/-1;margin-bottom:10px}
	.pf .pf-kachel{padding:34px 34px;min-height:170px}
	.pf-kachel-titel{font-size:36px}
	.pf-kachel-text{font-size:16px}
	/* Hotel: Vollbild */
	.pf-hotel-bild{height:min(82vh,820px)}
	.pf-hotel-text{left:var(--pf-rand);right:auto;margin:0;width:min(560px,44vw);bottom:12%;font-size:19px;gap:16px}
	.pf-hotel-titel{font-size:60px}
	/* FAQ: zwei Spalten */
	.pf .pf-faq{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.7fr);column-gap:80px;row-gap:0;align-content:start;max-width:1140px;padding:56px 48px 64px}
	.pf-faq h2{grid-column:1;grid-row:1 / span 6;text-align:left;align-self:start;position:sticky;top:130px;font-size:64px}
	.pf-faq .pf-frage{grid-column:2}
	.pf-frage summary{font-size:20px;min-height:72px}
	.pf-frage p{font-size:17px;line-height:1.65}
	/* Fuß */
	.pf-fuss{padding:40px 40px 150px}
	/* Leiste „Nächste Show“ als Karte rechts unten */
	.pf-leiste{left:auto;right:32px;bottom:28px;width:460px;margin:0}
}
@media (min-width:1024px) and (max-width:1439px){
	.pf-kopf-nav{gap:22px}
	.pf .pf-kopf-nav a:nth-child(n+5){display:none}
}

/* =====================================================================
   0.2.7 – Stimmigkeits-Durchgang: eine Knopfsprache, Goldlinie statt Pinselstrich,
   Gold-Eyebrows, Art-déco-Kacheln, flache Puderdosen, Haus-Abschnitt mit Text
   ===================================================================== */
.pf-eyebrow{color:var(--pf-gold)}
/* Goldlinie unter Überschriften (ersetzt die roten Pinselstriche) */
.liner{display:block;width:56px;height:1px;margin-top:14px;background:linear-gradient(90deg,rgba(216,185,142,0),#D8B98E 20%,#D8B98E 80%,rgba(216,185,142,0))}
.pf-mitte .liner{margin-left:auto;margin-right:auto}
.pf-rechtsbuendig .liner{margin-left:auto}
.pf-seite-titel::after{width:56px;height:1px;margin-top:16px;background:linear-gradient(90deg,#D8B98E,rgba(216,185,142,0))}

/* Knöpfe: Haupt = flaches Gold, Neben = feiner Goldrahmen; beide eckig */
.pf .pf-knopf{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:50px;padding:0 26px;border:0;border-radius:2px;background:#C39A4A;color:#140A0C;font-family:var(--pf-fb);font-size:12.5px;font-weight:600;letter-spacing:3.2px;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:background .3s ease,color .3s ease}
.pf .pf-knopf:hover{background:#CFA85A;color:#140A0C}
.pf-knopf .arr{position:relative;width:22px;height:1px;background:currentColor;transition:width .4s cubic-bezier(.2,.8,.2,1)}
.pf-knopf .arr::after{content:"";position:absolute;right:0;top:-3px;width:7px;height:7px;border-top:1px solid currentColor;border-right:1px solid currentColor;transform:rotate(45deg)}
.pf-knopf:hover .arr{width:30px}
.pf .pf-knopf-rahmen{background:transparent;color:var(--pf-gold);box-shadow:inset 0 0 0 1px rgba(216,185,142,.8)}
.pf .pf-knopf-rahmen:hover{background:rgba(195,154,74,.12);color:var(--pf-creme)}
.pf-knopf-voll{width:100%}
.pf-hotel .pf-knopf{align-self:flex-start;min-height:46px}
.pf-leiste-btn{min-height:46px;padding:0 18px}

/* Sprachwahl als schlichte Textumschaltung */
.pf-lang{gap:0;align-items:center}
.pf .pf-lang a{min-width:44px;min-height:44px;border-radius:0;box-shadow:none;background:none;color:var(--pf-rauch);font-weight:400;font-size:13px;letter-spacing:2.5px}
.pf .pf-lang a.is-an{background:none;color:var(--pf-gold);font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}
.pf-lang a+a{position:relative}
.pf-lang a+a::before{content:"";position:absolute;left:0;top:50%;width:1px;height:12px;margin-top:-6px;background:rgba(216,185,142,.45)}

/* Kacheln: gerade Kanten, doppelte Goldlinie (Art déco) */
.pf .pf-kachel{border-radius:2px;background:rgba(6,3,4,.45);box-shadow:inset 0 0 0 1px rgba(216,185,142,.6)}
.pf .pf-kachel::after{content:"";position:absolute;inset:5px;border:1px solid rgba(216,185,142,.2);pointer-events:none;transition:border-color .3s ease}
.pf .pf-kachel:hover::after{border-color:rgba(216,185,142,.5)}
.pf-puderdose{width:88px;height:88px;margin:-10px 0;display:block}
.pf-puderdose svg{width:100%;height:100%;display:block}
.pf-kachel-icon{margin-right:6px}

/* Haus-Abschnitt: PULVERFASS-Lettern mit Text und Fakten */
.pf-motto{padding:26px 22px 34px;gap:0}
.pf-motto-zeile{font-size:27px;margin:22px 0 0;max-width:340px;text-wrap:balance}
.pf-motto-text{max-width:560px;margin-top:18px;text-align:center}
.pf-motto-text p{margin:0 0 14px;font-size:16px;line-height:1.7;color:var(--pf-puder)}
.pf-fakten{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;max-width:520px;margin:18px 0 0;padding:18px 0 0;border-top:1px solid rgba(216,185,142,.3)}
.pf-fakten>div{display:flex;flex-direction:column-reverse;align-items:center;gap:6px;text-align:center}
.pf-fakten>div+div{border-left:1px solid rgba(216,185,142,.25)}
.pf-fakten dt{font-size:10px;letter-spacing:2.6px;text-transform:uppercase;color:var(--pf-rauch)}
.pf-fakten dd{margin:0;font-family:var(--pf-fd);font-size:30px;line-height:1;color:var(--pf-gold)}

/* Puderdosen flach: Goldlinie statt Fotorealismus, eine Wolke pro Dose, nacheinander */
.oc .fr{filter:none}
.oc .ph{z-index:0}
.oc .pf-dose{position:absolute;left:0;top:0;z-index:1}
.oc .puff{z-index:2;left:-45px;top:-40px;width:270px;height:270px;max-width:none;opacity:0;animation:none!important}
.oc .ph.vorher{z-index:0}
.pf-js .oc .ph{animation:none!important;opacity:.28;filter:blur(3px) saturate(.5);transition:opacity 1.1s ease .35s,filter 1.1s ease .35s}
.pf-js .oc.hat-vorher .ph{opacity:1;filter:none}
.pf-js .oc.hat-vorher .ph:not(.vorher){opacity:0}
.pf-js .oc.gepudert .ph{opacity:1;filter:none}
.pf-js .oc.hat-vorher.gepudert .ph.vorher{opacity:0}
.pf-js .oc.hat-vorher.gepudert .ph:not(.vorher){opacity:1}
.oc.gepudert .puff{animation:pudern 1.9s cubic-bezier(.2,.7,.3,1) both!important}
@keyframes pudern{0%{opacity:0;transform:translate(var(--dx,0),var(--dy,0)) scale(.55) rotate(var(--r,0deg))}20%,38%{opacity:1}100%{opacity:0;transform:translate(calc(var(--dx,0) * 2),calc(var(--dy,0) * 2 - 10px)) scale(var(--s,1.4)) rotate(calc(var(--r,0deg) + 14deg))}}
@media (prefers-reduced-motion: reduce){.pf-js .oc .ph{opacity:1;filter:none}.pf-js .oc.hat-vorher .ph.vorher{opacity:0}.pf-js .oc.hat-vorher .ph:not(.vorher){opacity:1}}

@media (min-width:1024px){
	.pf .pf-motto{padding:50px 40px 60px;max-width:980px}
	.pf-motto-zeile{font-size:42px;max-width:none}
	.pf-motto-text{max-width:680px;margin-top:26px}
	.pf-motto-text p{font-size:18px;line-height:1.75}
	.pf-fakten{max-width:640px;margin-top:26px;padding-top:26px}
	.pf-fakten dt{font-size:11px}
	.pf-fakten dd{font-size:40px}
	.pf .pf-knopf{min-height:54px;font-size:13px;padding:0 30px}
	.pf-puderdose{width:110px;height:110px}
}

/* =====================================================================
   0.2.8 – Feinschliff nach Handy-Test (Hendrik, 27.09.)
   ===================================================================== */
/* Menü-Knopf: Schrift linksbündig unter den Strichen, Gold wie Tickets/Shop */
.pf .pf-kopf-menue{align-items:flex-start;color:var(--pf-gold);padding-left:6px}
.pf .pf-kopf-menue:hover{color:var(--pf-creme)}

/* Lippenstift: kleiner; auf Touch fährt er beim Scrollen aus (im Bild) und ein (aus dem Bild) */
.pf .pf-cta-lip{--h:50px}
.lip-huelse{padding:0 22px 0 26px}
.lip-huelse .lbl{font-size:12px;letter-spacing:3px}
.lip-bahn{width:58px}
.pf-hero-cta{margin-top:12px}
.pf-hero-text{gap:14px}
.pf-cta-lip.raus .lip-stift{transform:none;transition:transform 1.6s linear}
.pf-cta-lip.raus .lip-mine{animation:lipdreh 1.6s linear both}
.pf-cta-lip.rein .lip-stift{transition:transform .9s linear}
.pf-cta-lip.rein .lip-mine{animation:lipdrehzu .9s linear reverse both}
.pf-cta-lip.raus:hover .lip-mine{animation:lipdreh 1.6s linear both}
@keyframes lipdrehzu{0.00%{clip-path:polygon(0 0,100.00% 0.00%,95.50% 8.33%,91.00% 16.67%,86.50% 25.00%,82.00% 33.33%,77.50% 41.67%,73.00% 50.00%,68.50% 58.33%,64.00% 66.67%,59.50% 75.00%,55.00% 83.33%,50.50% 91.67%,46.00% 100.00%,0 100%)}2.78%{clip-path:polygon(0 0,99.08% 0.00%,98.60% 8.33%,95.60% 16.67%,92.09% 25.00%,88.28% 33.33%,84.24% 41.67%,79.99% 50.00%,75.54% 58.33%,70.90% 66.67%,66.01% 75.00%,60.82% 83.33%,55.13% 91.67%,46.92% 100.00%,0 100%)}5.56%{clip-path:polygon(0 0,96.38% 0.00%,99.95% 8.33%,98.65% 16.67%,96.38% 25.00%,93.52% 33.33%,90.21% 41.67%,86.50% 50.00%,82.41% 58.33%,77.93% 66.67%,73.00% 75.00%,67.47% 83.33%,60.98% 91.67%,49.62% 100.00%,0 100%)}8.33%{clip-path:polygon(0 0,92.09% 0.00%,99.46% 8.33%,99.96% 16.67%,99.08% 25.00%,97.36% 33.33%,95.01% 41.67%,92.09% 50.00%,88.64% 58.33%,84.64% 66.67%,79.99% 75.00%,74.50% 83.33%,67.64% 91.67%,53.91% 100.00%,0 100%)}11.11%{clip-path:polygon(0 0,86.50% 0.00%,97.18% 8.33%,99.43% 16.67%,100.00% 25.00%,99.55% 33.33%,98.31% 41.67%,96.38% 50.00%,93.81% 58.33%,90.55% 66.67%,86.50% 75.00%,81.43% 83.33%,74.68% 91.67%,59.50% 100.00%,0 100%)}13.89%{clip-path:polygon(0 0,79.99% 0.00%,93.24% 8.33%,97.10% 16.67%,99.08% 25.00%,99.92% 33.33%,99.88% 41.67%,99.08% 50.00%,97.55% 58.33%,95.26% 66.67%,92.09% 75.00%,87.78% 83.33%,81.59% 91.67%,66.01% 100.00%,0 100%)}16.67%{clip-path:polygon(0 0,73.00% 0.00%,87.92% 8.33%,93.12% 16.67%,96.38% 25.00%,98.46% 33.33%,99.62% 41.67%,100.00% 50.00%,99.62% 58.33%,98.46% 66.67%,96.38% 75.00%,93.12% 83.33%,87.92% 91.67%,73.00% 100.00%,0 100%)}19.44%{clip-path:polygon(0 0,66.01% 0.00%,81.59% 8.33%,87.78% 16.67%,92.09% 25.00%,95.26% 33.33%,97.55% 41.67%,99.08% 50.00%,99.88% 58.33%,99.92% 66.67%,99.08% 75.00%,97.10% 83.33%,93.24% 91.67%,79.99% 100.00%,0 100%)}22.22%{clip-path:polygon(0 0,59.50% 0.00%,74.68% 8.33%,81.43% 16.67%,86.50% 25.00%,90.55% 33.33%,93.81% 41.67%,96.38% 50.00%,98.31% 58.33%,99.55% 66.67%,100.00% 75.00%,99.43% 83.33%,97.18% 91.67%,86.50% 100.00%,0 100%)}25.00%{clip-path:polygon(0 0,53.91% 0.00%,67.64% 8.33%,74.50% 16.67%,79.99% 25.00%,84.64% 33.33%,88.64% 41.67%,92.09% 50.00%,95.01% 58.33%,97.36% 66.67%,99.08% 75.00%,99.96% 83.33%,99.46% 91.67%,92.09% 100.00%,0 100%)}27.78%{clip-path:polygon(0 0,49.62% 0.00%,60.98% 8.33%,67.47% 16.67%,73.00% 25.00%,77.93% 33.33%,82.41% 41.67%,86.50% 50.00%,90.21% 58.33%,93.52% 66.67%,96.38% 75.00%,98.65% 83.33%,99.95% 91.67%,96.38% 100.00%,0 100%)}30.56%{clip-path:polygon(0 0,46.92% 0.00%,55.13% 8.33%,60.82% 16.67%,66.01% 25.00%,70.90% 33.33%,75.54% 41.67%,79.99% 50.00%,84.24% 58.33%,88.28% 66.67%,92.09% 75.00%,95.60% 83.33%,98.60% 91.67%,99.08% 100.00%,0 100%)}33.33%{clip-path:polygon(0 0,46.00% 0.00%,50.50% 8.33%,55.00% 16.67%,59.50% 25.00%,64.00% 33.33%,68.50% 41.67%,73.00% 50.00%,77.50% 58.33%,82.00% 66.67%,86.50% 75.00%,91.00% 83.33%,95.50% 91.67%,100.00% 100.00%,0 100%)}36.11%{clip-path:polygon(0 0,46.92% 0.00%,55.13% 8.33%,60.82% 16.67%,66.01% 25.00%,70.90% 33.33%,75.54% 41.67%,79.99% 50.00%,84.24% 58.33%,88.28% 66.67%,92.09% 75.00%,95.60% 83.33%,98.60% 91.67%,99.08% 100.00%,0 100%)}38.89%{clip-path:polygon(0 0,49.62% 0.00%,60.98% 8.33%,67.47% 16.67%,73.00% 25.00%,77.93% 33.33%,82.41% 41.67%,86.50% 50.00%,90.21% 58.33%,93.52% 66.67%,96.38% 75.00%,98.65% 83.33%,99.95% 91.67%,96.38% 100.00%,0 100%)}41.67%{clip-path:polygon(0 0,53.91% 0.00%,67.64% 8.33%,74.50% 16.67%,79.99% 25.00%,84.64% 33.33%,88.64% 41.67%,92.09% 50.00%,95.01% 58.33%,97.36% 66.67%,99.08% 75.00%,99.96% 83.33%,99.46% 91.67%,92.09% 100.00%,0 100%)}44.44%{clip-path:polygon(0 0,59.50% 0.00%,74.68% 8.33%,81.43% 16.67%,86.50% 25.00%,90.55% 33.33%,93.81% 41.67%,96.38% 50.00%,98.31% 58.33%,99.55% 66.67%,100.00% 75.00%,99.43% 83.33%,97.18% 91.67%,86.50% 100.00%,0 100%)}47.22%{clip-path:polygon(0 0,66.01% 0.00%,81.59% 8.33%,87.78% 16.67%,92.09% 25.00%,95.26% 33.33%,97.55% 41.67%,99.08% 50.00%,99.88% 58.33%,99.92% 66.67%,99.08% 75.00%,97.10% 83.33%,93.24% 91.67%,79.99% 100.00%,0 100%)}50.00%{clip-path:polygon(0 0,73.00% 0.00%,87.92% 8.33%,93.12% 16.67%,96.38% 25.00%,98.46% 33.33%,99.62% 41.67%,100.00% 50.00%,99.62% 58.33%,98.46% 66.67%,96.38% 75.00%,93.12% 83.33%,87.92% 91.67%,73.00% 100.00%,0 100%)}52.78%{clip-path:polygon(0 0,79.99% 0.00%,93.24% 8.33%,97.10% 16.67%,99.08% 25.00%,99.92% 33.33%,99.88% 41.67%,99.08% 50.00%,97.55% 58.33%,95.26% 66.67%,92.09% 75.00%,87.78% 83.33%,81.59% 91.67%,66.01% 100.00%,0 100%)}55.56%{clip-path:polygon(0 0,86.50% 0.00%,97.18% 8.33%,99.43% 16.67%,100.00% 25.00%,99.55% 33.33%,98.31% 41.67%,96.38% 50.00%,93.81% 58.33%,90.55% 66.67%,86.50% 75.00%,81.43% 83.33%,74.68% 91.67%,59.50% 100.00%,0 100%)}58.33%{clip-path:polygon(0 0,92.09% 0.00%,99.46% 8.33%,99.96% 16.67%,99.08% 25.00%,97.36% 33.33%,95.01% 41.67%,92.09% 50.00%,88.64% 58.33%,84.64% 66.67%,79.99% 75.00%,74.50% 83.33%,67.64% 91.67%,53.91% 100.00%,0 100%)}61.11%{clip-path:polygon(0 0,96.38% 0.00%,99.95% 8.33%,98.65% 16.67%,96.38% 25.00%,93.52% 33.33%,90.21% 41.67%,86.50% 50.00%,82.41% 58.33%,77.93% 66.67%,73.00% 75.00%,67.47% 83.33%,60.98% 91.67%,49.62% 100.00%,0 100%)}63.89%{clip-path:polygon(0 0,99.08% 0.00%,98.60% 8.33%,95.60% 16.67%,92.09% 25.00%,88.28% 33.33%,84.24% 41.67%,79.99% 50.00%,75.54% 58.33%,70.90% 66.67%,66.01% 75.00%,60.82% 83.33%,55.13% 91.67%,46.92% 100.00%,0 100%)}66.67%{clip-path:polygon(0 0,100.00% 0.00%,95.50% 8.33%,91.00% 16.67%,86.50% 25.00%,82.00% 33.33%,77.50% 41.67%,73.00% 50.00%,68.50% 58.33%,64.00% 66.67%,59.50% 75.00%,55.00% 83.33%,50.50% 91.67%,46.00% 100.00%,0 100%)}69.44%{clip-path:polygon(0 0,99.08% 0.00%,98.60% 8.33%,95.60% 16.67%,92.09% 25.00%,88.28% 33.33%,84.24% 41.67%,79.99% 50.00%,75.54% 58.33%,70.90% 66.67%,66.01% 75.00%,60.82% 83.33%,55.13% 91.67%,46.92% 100.00%,0 100%)}72.22%{clip-path:polygon(0 0,96.38% 0.00%,99.95% 8.33%,98.65% 16.67%,96.38% 25.00%,93.52% 33.33%,90.21% 41.67%,86.50% 50.00%,82.41% 58.33%,77.93% 66.67%,73.00% 75.00%,67.47% 83.33%,60.98% 91.67%,49.62% 100.00%,0 100%)}75.00%{clip-path:polygon(0 0,92.09% 0.00%,99.46% 8.33%,99.96% 16.67%,99.08% 25.00%,97.36% 33.33%,95.01% 41.67%,92.09% 50.00%,88.64% 58.33%,84.64% 66.67%,79.99% 75.00%,74.50% 83.33%,67.64% 91.67%,53.91% 100.00%,0 100%)}77.78%{clip-path:polygon(0 0,86.50% 0.00%,97.18% 8.33%,99.43% 16.67%,100.00% 25.00%,99.55% 33.33%,98.31% 41.67%,96.38% 50.00%,93.81% 58.33%,90.55% 66.67%,86.50% 75.00%,81.43% 83.33%,74.68% 91.67%,59.50% 100.00%,0 100%)}80.56%{clip-path:polygon(0 0,79.99% 0.00%,93.24% 8.33%,97.10% 16.67%,99.08% 25.00%,99.92% 33.33%,99.88% 41.67%,99.08% 50.00%,97.55% 58.33%,95.26% 66.67%,92.09% 75.00%,87.78% 83.33%,81.59% 91.67%,66.01% 100.00%,0 100%)}83.33%{clip-path:polygon(0 0,73.00% 0.00%,87.92% 8.33%,93.12% 16.67%,96.38% 25.00%,98.46% 33.33%,99.62% 41.67%,100.00% 50.00%,99.62% 58.33%,98.46% 66.67%,96.38% 75.00%,93.12% 83.33%,87.92% 91.67%,73.00% 100.00%,0 100%)}86.11%{clip-path:polygon(0 0,66.01% 0.00%,81.59% 8.33%,87.78% 16.67%,92.09% 25.00%,95.26% 33.33%,97.55% 41.67%,99.08% 50.00%,99.88% 58.33%,99.92% 66.67%,99.08% 75.00%,97.10% 83.33%,93.24% 91.67%,79.99% 100.00%,0 100%)}88.89%{clip-path:polygon(0 0,59.50% 0.00%,74.68% 8.33%,81.43% 16.67%,86.50% 25.00%,90.55% 33.33%,93.81% 41.67%,96.38% 50.00%,98.31% 58.33%,99.55% 66.67%,100.00% 75.00%,99.43% 83.33%,97.18% 91.67%,86.50% 100.00%,0 100%)}91.67%{clip-path:polygon(0 0,53.91% 0.00%,67.64% 8.33%,74.50% 16.67%,79.99% 25.00%,84.64% 33.33%,88.64% 41.67%,92.09% 50.00%,95.01% 58.33%,97.36% 66.67%,99.08% 75.00%,99.96% 83.33%,99.46% 91.67%,92.09% 100.00%,0 100%)}94.44%{clip-path:polygon(0 0,49.62% 0.00%,60.98% 8.33%,67.47% 16.67%,73.00% 25.00%,77.93% 33.33%,82.41% 41.67%,86.50% 50.00%,90.21% 58.33%,93.52% 66.67%,96.38% 75.00%,98.65% 83.33%,99.95% 91.67%,96.38% 100.00%,0 100%)}97.22%{clip-path:polygon(0 0,46.92% 0.00%,55.13% 8.33%,60.82% 16.67%,66.01% 25.00%,70.90% 33.33%,75.54% 41.67%,79.99% 50.00%,84.24% 58.33%,88.28% 66.67%,92.09% 75.00%,95.60% 83.33%,98.60% 91.67%,99.08% 100.00%,0 100%)}100.00%{clip-path:polygon(0 0,46.00% 0.00%,50.50% 8.33%,55.00% 16.67%,59.50% 25.00%,64.00% 33.33%,68.50% 41.67%,73.00% 50.00%,77.50% 58.33%,82.00% 66.67%,86.50% 75.00%,91.00% 83.33%,95.50% 91.67%,100.00% 100.00%,0 100%)}}

/* Dein Abend: Bild und Text im gleichen Abstand zur Mittellinie */
.pf-station{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:34px;align-items:center}
.pf-station-bild{justify-content:flex-end}
.pf-station-text{justify-self:start;text-align:left}
.pf-station.pf-rechts .pf-station-bild{order:2;justify-content:flex-start}
.pf-station.pf-rechts .pf-station-text{order:1;justify-self:end;text-align:right}
/* Innerer Rahmen geschlossen, äußerer Rahmen nach unten offen */
.pf-bogen{position:relative;display:block}
.pf-station-bild .arch{position:relative;box-shadow:0 0 0 1px rgba(216,185,142,.85),0 0 0 6px rgba(26,5,8,.92),0 24px 50px rgba(0,0,0,.55)}
.pf-bogen::before{content:"";position:absolute;inset:-7px -7px 0 -7px;border:1px solid rgba(216,185,142,.5);border-bottom:0;border-radius:400px 400px 0 0;pointer-events:none;-webkit-mask-image:linear-gradient(180deg,#000 55%,transparent 92%);mask-image:linear-gradient(180deg,#000 55%,transparent 92%)}
/* Licht läuft beim Scrollen die Goldlinie hinunter; Punkte leuchten auf, wenn es sie erreicht */
.pf-lichtlauf{display:none}
.pf-lichtbahn{display:none}
@supports (animation-timeline: view()){
	.pf-zeitleiste{view-timeline:--zeit block}
	.pf-lichtbahn{display:block}
	.pf-lichtlauf{display:block;position:absolute;left:50%;top:0;width:3px;height:120px;margin:-60px 0 0 -1.5px;border-radius:2px;background:linear-gradient(180deg,rgba(255,236,200,0),rgba(255,240,210,.95) 50%,rgba(255,236,200,0));box-shadow:0 0 14px 2px rgba(216,185,142,.45);animation:lichtlauf linear both;animation-timeline:--zeit;animation-range:cover 0% cover 100%}
	.pf-station-punkt{background:rgba(216,185,142,.45);box-shadow:none;animation:punktan linear both;animation-timeline:view();animation-range:cover 46% cover 52%}
}
@keyframes lichtlauf{from{top:calc(-50vh - 20px)}to{top:calc(100% + 50vh - 20px)}}
/* Lichtbahn: eigene Ebene über der Goldlinie, blendet an Anfang und Ende weich aus */
.pf-lichtbahn{position:absolute;left:50%;top:20px;bottom:-20px;width:60px;margin-left:-30px;overflow:hidden;pointer-events:none;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 14%,#000 80%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 14%,#000 80%,transparent 100%)}
@keyframes punktan{from{background:rgba(216,185,142,.45);box-shadow:none;transform:scale(.8)}to{background:#E8CB98;box-shadow:0 0 14px rgba(216,185,142,.9);transform:none}}

/* Séparée: Taschen-Kreis wie die Gutschein-Dose */
.pf-kachel .pf-puderdose svg{overflow:visible}

@media (min-width:1024px){
	.pf .pf-cta-lip{--h:58px}
	.lip-huelse{padding:0 30px 0 34px}
	.lip-huelse .lbl{font-size:13px}
	.lip-bahn{width:72px}
	.pf-station{column-gap:96px}
	.pf-station-text{max-width:380px}
}
.pf-fakten dd.pf-unendlich{font-family:var(--pf-fb);font-weight:300;font-size:46px;line-height:30px;height:30px}
.pf-dresscode{text-wrap:balance}
@media (min-width:1024px){.pf-fakten dd.pf-unendlich{font-size:60px;line-height:40px;height:40px}}

/* =====================================================================
   0.2.9 – Intro als Logo-Einheit, Hero-Licht wärmer und auf den Bühnenboden
   ===================================================================== */
/* Intro: Bildlogo + Schriftzug stehen zusammen wie das vertikale Logo */
.pf-intro-an .pf-intro{gap:6px}
.pf-intro-logo{width:170px;height:158px}
.pf-intro-logo img{width:170px;height:158px}
.pf-intro-wort{width:196px;height:99px;margin-top:4px}
/* Kräftigerer Kegel, der das Bildlogo ganz erfasst */
.pf-intro-spot{background:conic-gradient(from 161deg at 50% -4%,rgba(255,226,180,0) 0deg,rgba(255,228,186,.24) 8deg,rgba(255,238,210,.5) 19deg,rgba(255,228,186,.24) 30deg,rgba(255,226,180,0) 38deg,rgba(255,226,180,0) 360deg);-webkit-mask-image:linear-gradient(180deg,#000 0,#000 50%,transparent 74%);mask-image:linear-gradient(180deg,#000 0,#000 50%,transparent 74%)}
.pf-intro-lichtkreis{width:340px;height:130px;margin:-10px 0 0 -170px;background:radial-gradient(ellipse at center,rgba(255,226,186,.2),transparent 70%)}
/* Abgang: Der Kegel zieht sich von unten nach oben zurück, das Bildlogo fährt mit ihm in den Kopf,
   der Schriftzug bleibt stehen und versinkt im Dunkel */
.pf-intro.weg .pf-intro-licht{opacity:1;transform:none;--reich:-25%;transition:--reich .95s cubic-bezier(.65,0,.25,1)}
@property --reich{syntax:'<percentage>';inherits:false;initial-value:75%}
.pf-intro-licht{--ox:50%;--oy:-4%;--reich:75%;-webkit-mask-image:radial-gradient(circle at var(--ox) var(--oy),#000 0,#000 var(--reich),transparent calc(var(--reich) + 25%));mask-image:radial-gradient(circle at var(--ox) var(--oy),#000 0,#000 var(--reich),transparent calc(var(--reich) + 25%))}
.pf-intro.weg .pf-intro-lichtkreis{opacity:0!important;transition:opacity .35s ease;animation:none}
.pf-intro.weg .pf-intro-wort{animation:wortweg .7s ease .05s both!important}
@keyframes wortweg{from{opacity:1;filter:none}40%{filter:brightness(.45)}to{opacity:0;filter:brightness(.2)}}
.pf-intro.weg .pf-intro-skip{opacity:0!important;transition:opacity .3s ease}

/* Hero: Kegel größer, kräftiger, wärmer – ausgerichtet auf den Bühnenboden */
.pf-spot{background:conic-gradient(from calc(var(--r) - var(--w) / 2) at var(--x) var(--y),rgba(255,214,160,0) 0deg,rgba(255,220,172,.26) calc(var(--w) * .22),rgba(255,232,196,.46) calc(var(--w) * .5),rgba(255,220,172,.26) calc(var(--w) * .78),rgba(255,214,160,0) var(--w),rgba(255,214,160,0) 360deg);
 -webkit-mask-image:radial-gradient(circle at var(--x) var(--y),#000 0,#000 40%,rgba(0,0,0,.7) 70%,transparent 100%);mask-image:radial-gradient(circle at var(--x) var(--y),#000 0,#000 40%,rgba(0,0,0,.7) 70%,transparent 100%)}
.pf-spot.s1{--x:-2%;--y:30%;--r:143.6deg;--w:21deg}
.pf-spot.s2{--x:-2%;--y:10%;--r:156.4deg;--w:19deg}
.pf-spot.s3{--x:12%;--y:-2%;--r:173.6deg;--w:15deg}
.pf-spot.s4{--x:37%;--y:-2%;--r:177.5deg;--w:14deg}
.pf-spot.s5{--x:63%;--y:-2%;--r:182.5deg;--w:14deg}
.pf-spot.s6{--x:88%;--y:-2%;--r:186.4deg;--w:15deg}
.pf-spot.s7{--x:102%;--y:10%;--r:203.6deg;--w:19deg}
.pf-spot.s8{--x:102%;--y:30%;--r:216.4deg;--w:21deg}
/* Lichtpfütze auf dem Bühnenboden, wenn alle Spots an sind */
.pf-hero-licht::after{content:"";position:absolute;left:10%;right:10%;top:68%;height:18%;border-radius:50%;opacity:0;mix-blend-mode:screen;background:radial-gradient(ellipse at center,rgba(255,214,160,.16),rgba(255,214,160,.05) 45%,transparent 70%);animation:spotan 1.2s ease-out 1.5s both}
.pf-hero-h1,.pf-lead{text-shadow:0 1px 3px rgba(0,0,0,.85),0 0 22px rgba(0,0,0,.6)}
.pf-intro-an:not(:has(.pf-intro.weg)) .pf-hero-licht::after{animation-play-state:paused}
@media (min-width:1024px){
	.pf-intro-logo,.pf-intro-logo img{width:200px;height:186px}
	.pf-intro-wort{width:230px;height:116px}
	.pf-spot.s1{--x:-1%;--y:30%;--r:120.7deg;--w:13deg}
	.pf-spot.s2{--x:-1%;--y:10%;--r:133.7deg;--w:13deg}
	.pf-spot.s3{--x:12%;--y:-2%;--r:159.1deg;--w:11deg}
	.pf-spot.s4{--x:37%;--y:-2%;--r:171deg;--w:10deg}
	.pf-spot.s5{--x:63%;--y:-2%;--r:189deg;--w:10deg}
	.pf-spot.s6{--x:88%;--y:-2%;--r:200.9deg;--w:11deg}
	.pf-spot.s7{--x:101%;--y:10%;--r:226.3deg;--w:13deg}
	.pf-spot.s8{--x:101%;--y:30%;--r:239.3deg;--w:13deg}
	.pf-hero-licht::after{left:25%;right:25%;top:78%;height:18%}
}

/* Hintergrund erst aufhellen, wenn der Schriftzug im Dunkel versunken ist */
.pf-intro.weg{transition:background-color .6s ease .55s}
.pf-intro.weg>.velvet,.pf-intro.weg .pf-funkeln-intro{transition:opacity .6s ease .55s}
/* Kein harter Schnitt am Hero-Ende: Licht läuft mit dem Bild weich aus */
.pf-hero-licht{-webkit-mask-image:linear-gradient(180deg,#000 0,#000 58%,transparent 96%);mask-image:linear-gradient(180deg,#000 0,#000 58%,transparent 96%)}
@media (min-width:1024px){.pf-hero-licht{-webkit-mask-image:linear-gradient(180deg,#000 0,#000 72%,transparent 100%);mask-image:linear-gradient(180deg,#000 0,#000 72%,transparent 100%)}}

/* Desktop-Intro: Kegel kommt von links oben (dort sitzt das Logo im Kopf) – das Bildlogo fährt mit dem Licht dorthin zurück */
@media (min-width:1024px){
	.pf-intro-licht{--ox:5%;--oy:-8%}
	.pf-intro-spot{background:conic-gradient(from calc(atan2(45vw, -1 * (50vh - 60px + 8vh)) - 13deg) at 5% -8%,rgba(255,226,180,0) 0deg,rgba(255,228,186,.24) 5deg,rgba(255,238,210,.5) 13deg,rgba(255,228,186,.24) 21deg,rgba(255,226,180,0) 26deg,rgba(255,226,180,0) 360deg);-webkit-mask-image:radial-gradient(circle at 5% -8%,#000 0,#000 52%,transparent 78%);mask-image:radial-gradient(circle at 5% -8%,#000 0,#000 52%,transparent 78%)}
	.pf .pf-kopf-menue{align-items:center}
	.pf .pf-kopf-nav a{color:var(--pf-gold)}
	.pf .pf-kopf-nav a:hover{color:var(--pf-creme)}
}

/* Desktop: Haus-Abschnitt und „Dein Abend“ nutzen die Breite */
@media (min-width:1024px){
	.pf .pf-motto{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);grid-template-rows:auto auto 1fr;column-gap:clamp(48px,6vw,110px);row-gap:0;align-items:start;max-width:1240px;padding:80px 48px 90px;text-align:left}
	.pf-motto .pf-wortfill-wrap{grid-column:1;grid-row:1;width:100%;max-width:600px}
	.pf-motto .pf-motto-zeile{grid-column:1;grid-row:2;text-align:left;font-size:clamp(34px,2.8vw,44px);margin-top:26px;max-width:560px}
	.pf-motto .pf-fakten{grid-column:1;grid-row:3;align-self:start;max-width:560px;margin-top:34px}
	.pf-motto .pf-motto-text{grid-column:2;grid-row:1 / span 3;align-self:center;text-align:left;max-width:none;margin-top:0;padding-left:clamp(28px,3vw,48px);border-left:1px solid rgba(216,185,142,.3)}
	.pf-motto .pf-motto-text p{font-size:19px;line-height:1.8;margin-bottom:20px}
	.pf-motto .pf-motto-text p:first-child::first-line{color:var(--pf-creme)}
	.pf .pf-abend{max-width:1240px}
	.pf-abend .pf-zeitleiste{gap:90px}
	.pf-station{column-gap:120px}
	.pf-station-bild .arch,.pf-station-bild img{width:320px;height:416px}
	.pf-station-text{max-width:460px;font-size:20px;line-height:1.65}
	.pf-zeit{font-size:66px}
	.pf-zeit.lang{font-size:48px}
}

/* Hero-Video (Test): liegt über dem Foto, blendet ein, sobald es läuft – gleiche weiche Kante wie das Foto */
.pf-hero-video{position:absolute;left:0;top:0;width:100%;height:84%;object-fit:cover;opacity:0;transition:opacity 1.4s ease;pointer-events:none;-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 55%,transparent 100%);mask-image:linear-gradient(180deg,#000 0%,#000 55%,transparent 100%)}
.pf-hero-video.laeuft{opacity:1}
@media (min-width:1024px){.pf-hero-video{height:100%;-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 70%,transparent 100%);mask-image:linear-gradient(180deg,#000 0%,#000 70%,transparent 100%)}}
.pf-hero .hero-img{transition:opacity 1.4s ease}
.pf-hero:has(.pf-hero-video.laeuft) .hero-img{opacity:0}

/* Dezentes Rot in „Dein Abend“ und „Gesichter“ – weiche Samt-Schimmer, ohne Kanten */
.pf-abend::before,.pf-gesichter::before{content:"";position:absolute;inset:-140px 0;z-index:-1;pointer-events:none}
.pf-abend::before{background:radial-gradient(ellipse 70% 32% at 12% 30%,rgba(150,14,36,.22),transparent 70%),radial-gradient(ellipse 65% 30% at 90% 72%,rgba(150,14,36,.2),transparent 70%)}
.pf-gesichter::before{background:radial-gradient(ellipse 80% 45% at 50% 62%,rgba(150,14,36,.23),transparent 72%),radial-gradient(ellipse 50% 35% at 95% 20%,rgba(150,14,36,.08),transparent 70%)}

/* Schrift „Pulverfass Display SemiBold“ (Briefing Max, 3.1): nur ein Schnitt 600 aufrecht – nie künstlich verdicken/schrägstellen */
.pf h1,.pf h2,.pf h3,.display,.pf-dresscode,.pf-fakten dd,.pf-hotel-titel,.pf-kachel-titel,.pf-motto-zeile,.pf-seit,.pf-showtitel,.pf-zeit{font-weight:600;font-style:normal;font-synthesis:none}
.pf h1,.pf h2{text-wrap:balance}
@media (min-width:1024px){.pf-faq h2{white-space:nowrap}}

/* Lippenstift-Drehung als Daumenkino: 60 feste Silhouetten, nur opacity wird animiert (läuft auf dem Grafikchip, ruckelt nicht beim Scrollen) */
.pf .lip-mine{position:relative;background:none!important;clip-path:none!important;animation:none!important}
.lip-mine i{position:absolute;inset:0;background:#B3122C;opacity:0}
.lip-mine i:nth-child(60){opacity:1}
.pf-cta-lip .lip-stift{transition:transform .9s cubic-bezier(.4,0,.6,1)}
.pf-cta-lip.raus .lip-stift,.pf-cta-lip:hover .lip-stift,.pf-cta-lip:focus-visible .lip-stift{transform:none;transition:transform 1.8s cubic-bezier(.3,.05,.25,1)}
.lip-mine i:nth-child(1){clip-path:polygon(0 0,46.00% 0.00%,50.50% 8.33%,55.00% 16.67%,59.50% 25.00%,64.00% 33.33%,68.50% 41.67%,73.00% 50.00%,77.50% 58.33%,82.00% 66.67%,86.50% 75.00%,91.00% 83.33%,95.50% 91.67%,100.00% 100.00%,0 100%)}
@keyframes lf0{0%,0.000%{opacity:0}0.000%,1.667%{opacity:1}1.667%,100%{opacity:0}}
@keyframes lr0{0%,98.333%{opacity:0}98.333%,100%{opacity:1}}
.pf-cta-lip:is(.raus,:hover,:focus-visible) .lip-mine i:nth-child(1){animation:lf0 1.8s linear both}.pf-cta-lip.rein:not(:hover) .lip-mine i:nth-child(1){animation:lr0 0.9s linear both}
.lip-mine i:nth-child(2){clip-path:polygon(0 0,46.01% 0.00%,50.87% 8.33%,55.50% 16.67%,60.07% 25.00%,64.62% 33.33%,69.15% 41.67%,73.66% 50.00%,78.15% 58.33%,82.62% 66.67%,87.07% 75.00%,91.48% 83.33%,95.86% 91.67%,99.99% 100.00%,0 100%)}
@keyframes lf1{0%,1.667%{opacity:0}1.667%,3.333%{opacity:1}3.333%,100%{opacity:0}}
@keyframes lr1{0%,96.667%{opacity:0}96.667%,98.333%{opacity:1}98.333%,100%{opacity:0}}
.pf-cta-lip:is(.raus,:hover,:focus-visible) .lip-mine i:nth-child(2){animation:lf1 1.8s linear both}.pf-cta-lip.rein:not(:hover) .lip-mine i:nth-child(2){animation:lr1 0.9s linear both}
.lip-mine i:nth-child(3){clip-path:polygon(0 0,46.05% 0.00%,51.48% 8.33%,56.30% 16.67%,60.99% 25.00%,65.61% 33.33%,70.18% 41.67%,74.69% 50.00%,79.16% 58.33%,83.58% 66.67%,87.94% 75.00%,92.23% 83.33%,96.39% 91.67%,99.95% 100.00%,0 100%)}
@keyframes lf2{0%,3.333%{opacity:0}3.333%,5.000%{opacity:1}5.000%,100%{opacity:0}}
@keyframes lr2{0%,95.000%{opacity:0}95.000%,96.667%{opacity:1}96.667%,100%{opacity:0}}
.pf-cta-lip:is(.raus,:hover,:focus-visible) .lip-mine i:nth-child(3){animation:lf2 1.8s linear both}.pf-cta-lip.rein:not(:hover) .lip-mine i:nth-child(3){animation:lr2 0.9s linear both}
.lip-mine i:nth-child(4){clip-path:polygon(0 0,46.18% 0.00%,52.39% 8.33%,57.46% 16.67%,62.31% 25.00%,67.02% 33.33%,71.62% 41.67%,76.14% 50.00%,80.56% 58.33%,84.90% 66.67%,89.13% 75.00%,93.22% 83.33%,97.08% 91.67%,99.82% 100.00%,0 100%)}
@keyframes lf3{0%,5.000%{opacity:0}5.000%,6.667%{opacity:1}6.667%,100%{opacity:0}}
@keyframes lr3{0%,93.333%{opacity:0}93.333%,95.000%{opacity:1}95.000%,100%{opacity:0}}
.pf-cta-lip:is(.raus,:hover,:focus-visible) .lip-mine i:nth-child(4){animation:lf3 1.8s linear both}.pf-cta-lip.rein:not(:hover) .lip-mine i:nth-child(4){animation:lr3 0.9s linear both}
.lip-mine i:nth-child(5){clip-path:polygon(0 0,46.47% 0.00%,53.67% 8.33%,59.05% 16.67%,64.08% 25.00%,68.89% 33.33%,73.53% 41.67%,78.02% 50.00%,82.37% 58.33%,86.57% 66.67%,90.61% 75.00%,94.43% 83.33%,97.88% 91.67%,99.53% 100.00%,0 100%)}
@keyframes lf4{0%,6.667%{opacity:0}6.667%,8.333%{opacity:1}8.333%,100%{opacity:0}}
@keyframes lr4{0%,91.667%{opacity:0}91.667%,93.333%{opacity:1}93.333%,100%{opacity:0}}
.pf-cta-lip:is(.raus,:hover,:focus-visible) .lip-mine i:nth-child(5){animation:lf4 1.8s linear both}.pf-cta-lip.rein:not(:hover) .lip-mine i:nth-child(5){animation:lr4 0.9s linear both}
.lip-mine i:nth-child(6){clip-path:polygon(0 0,47.02% 0.00%,55.41% 8.33%,61.15% 16.67%,66.37% 25.00%,71.26% 33.33%,75.91% 41.67%,80.34% 50.00%,84.57% 58.33%,88.58% 66.67%,92.35% 75.00%,95.79% 83.33%,98.71% 91.67%,98.98% 100.00%,0 100%)}
@keyframes lf5{0%,8.333%{opacity:0}8.333%,10.000%{opacity:1}10.000%,100%{opacity:0}}
@keyframes lr5{0%,90.000%{opacity:0}90.000%,91.667%{opacity:1}91.667%,100%{opacity:0}}
.pf-cta-lip:is(.raus,:hover,:focus-visible) .lip-mine i:nth-child(6){animation:lf5 1.8s linear both}.pf-cta-lip.rein:not(:hover) .lip-mine i:nth-child(6){animation:lr5 0.9s linear both}
.lip-mine i:nth-child(7){clip-path:polygon(0 0,47.96% 0.00%,57.71% 8.33%,63.83% 16.67%,69.22% 25.00%,74.17% 33.33%,78.78% 41.67%,83.09% 50.00%,87.12% 58.33%,90.86% 66.67%,94.26% 75.00%,97.22% 83.33%,99.45% 91.67%,98.04% 100.00%,0 100%)}
@keyframes lf6{0%,10.000%{opacity:0}10.000%,11.667%{opacity:1}11.667%,100%{opacity:0}}
@keyframes lr6{0%,88.333%{opacity:0}88.333%,90.000%{opacity:1}90.000%,100%{opacity:0}}
.pf-cta-lip:is(.raus,:hover,:focus-visible) .lip-mine i:nth-child(7){animation:lf6 1.8s linear both}.pf-cta-lip.rein:not(:hover) .lip-mine i:nth-child(7){animation:lr6 0.9s linear both}
.lip-mine i:nth-child(8){clip-path:polygon(0 0,49.45% 0.00%,60.68% 8.33%,67.14% 16.67%,72.66% 25.00%,77.60% 33.33%,82.10% 41.67%,86.21% 50.00%,89.95% 58.33%,93.30% 66.67%,96.21% 75.00%,98.54% 83.33%,99.92% 91.67%,96.55% 100.00%,0 100%)}
@keyframes lf7{0%,11.667%{opacity:0}11.667%,13.333%{opacity:1}13.333%,100%{opacity:0}}
@keyframes lr7{0%,86.667%{opacity:0}86.667%,88.333%{opacity:1}88.333%,100%{opacity:0}}
.pf-cta-lip:is(.raus,:hover,:focus-visible) .lip-mine i:nth-child(8){animation:lf7 1.8s linear both}.pf-cta-lip.rein:not(:hover) .lip-mine i:nth-child(8){animation:lr7 0.9s linear both}
.lip-mine i:nth-child(9){clip-path:polygon(0 0,51.67% 0.00%,64.38% 8.33%,71.12% 16.67%,76.67% 25.00%,81.50% 33.33%,85.77% 41.67%,89.55% 50.00%,92.88% 58.33%,95.72% 66.67%,98.00% 75.00%,99.56% 83.33%,99.93% 91.67%,94.33% 100.00%,0 100%)}
@keyframes lf8{0%,13.333%{opacity:0}13.333%,15.000%{opacity:1}15.000%,100%{opacity:0}}
@keyframes lr8{0%,85.000%{opacity:0}85.000%,86.667%{opacity:1}86.667%,100%{opacity:0}}
.pf-cta-lip:is(.raus,:hover,:focus-visible) .lip-mine i:nth-child(9){animation:lf8 1.8s linear both}.pf-cta-lip.rein:not(:hover) .lip-mine i:nth-child(9){animation:lr8 0.9s linear both}
.lip-mine i:nth-child(10){clip-path:polygon(0 0,54.78% 0.00%,68.82% 8.33%,75.70% 16.67%,81.14% 25.00%,85.71% 33.33%,89.61% 41.67%,92.92% 50.00%,95.68% 58.33%,97.86% 66.67%,99.36% 75.00%,100.00% 83.33%,99.20% 91.67%,91.22% 100.00%,0 100%)}
@keyframes lf9{0%,15.000%{opacity:0}15.000%,16.667%{opacity:1}16.667%,100%{opacity:0}}
@keyframes lr9{0%,83.333%{opacity:0}83.333%,85.000%{opacity:1}85.000%,100%{opacity:0}}
.pf-cta-lip:is(.raus,:hover,:focus-visible) .lip-mine i:nth-child(10){animation:lf9 1.8s linear both}.pf-cta-lip.rein:not(:hover) .lip-mine i:nth-child(10){animation:lr9 0.9s linear both}
.lip-mine i:nth-child(11){clip-path:polygon(0 0,58.87% 0.00%,73.94% 8.33%,80.72% 16.67%,85.86% 25.00%,89.98% 33.33%,93.33% 41.67%,96.01% 50.00%,98.04% 58.33%,99.40% 66.67%,99.99% 75.00%,99.57% 83.33%,97.49% 91.67%,87.13% 100.00%,0 100%)}
@keyframes lf10{0%,16.667%{opacity:0}16.667%,18.333%{opacity:1}18.333%,100%{opacity:0}}
@keyframes lr10{0%,81.667%{opacity:0}81.667%,83.333%{opacity:1}83.333%,100%{opacity:0}}
.pf-cta-lip:is(.raus,:hover,:focus-visible) .lip-mine i:nth-child(11){animation:lf10 1.8s linear both}.pf-cta-lip.rein:not(:hover) .lip-mine i:nth-child(11){animation:lr10 0.9s linear both}
.lip-mine i:nth-child(12){clip-path:polygon(0 0,63.93% 0.00%,79.50% 8.33%,85.91% 16.67%,90.49% 25.00%,93.95% 33.33%,96.56% 41.67%,98.43% 50.00%,99.59% 58.33%,100.00% 66.67%,99.56% 75.00%,98.00% 83.33%,94.61% 91.67%,82.07% 100.00%,0 100%)}
@keyframes lf11{0%,18.333%{opacity:0}18.333%,20.000%{opacity:1}20.000%,100%{opacity:0}}
@keyframes lr11{0%,80.000%{opacity:0}80.000%,81.667%{opacity:1}81.667%,100%{opacity:0}}
.pf-cta-lip:is(.raus,:hover,:focus-visible) .lip-mine i:nth-child(12){animation:lf11 1.8s linear both}.pf-cta-lip.rein:not(:hover) .lip-mine i:nth-child(12){animation:lr11 0.9s linear both}
.lip-mine i:nth-child(13){clip-path:polygon(0 0,69.81% 0.00%,85.16% 8.33%,90.86% 16.67%,94.63% 25.00%,97.22% 33.33%,98.90% 41.67%,99.81% 50.00%,99.97% 58.33%,99.34% 66.67%,97.81% 75.00%,95.11% 83.33%,90.48% 91.67%,76.19% 100.00%,0 100%)}
@keyframes lf12{0%,20.000%{opacity:0}20.000%,21.667%{opacity:1}21.667%,100%{opacity:0}}
@keyframes lr12{0%,78.333%{opacity:0}78.333%,80.000%{opacity:1}80.000%,100%{opacity:0}}
.pf-cta-lip:is(.raus,:hover,:focus-visible) .lip-mine i:nth-child(13){animation:lf12 1.8s linear both}.pf-cta-lip.rein:not(:hover) .lip-mine i:nth-child(13){animation:lr12 0.9s linear both}
.lip-mine i:nth-child(14){clip-path:polygon(0 0,76.18% 0.00%,90.47% 8.33%,95.10% 16.67%,97.81% 25.00%,99.34% 33.33%,99.97% 41.67%,99.81% 50.00%,98.91% 58.33%,97.22% 66.67%,94.63% 75.00%,90.87% 83.33%,85.17% 91.67%,69.82% 100.00%,0 100%)}
@keyframes lf13{0%,21.667%{opacity:0}21.667%,23.333%{opacity:1}23.333%,100%{opacity:0}}
@keyframes lr13{0%,76.667%{opacity:0}76.667%,78.333%{opacity:1}78.333%,100%{opacity:0}}
.pf-cta-lip:is(.raus,:hover,:focus-visible) .lip-mine i:nth-child(14){animation:lf13 1.8s linear both}.pf-cta-lip.rein:not(:hover) .lip-mine i:nth-child(14){animation:lr13 0.9s linear both}
.lip-mine i:nth-child(15){clip-path:polygon(0 0,82.57% 0.00%,94.93% 8.33%,98.20% 16.67%,99.65% 25.00%,99.99% 33.33%,99.49% 41.67%,98.25% 50.00%,96.30% 58.33%,93.61% 66.67%,90.08% 75.00%,85.44% 83.33%,78.98% 91.67%,63.43% 100.00%,0 100%)}
@keyframes lf14{0%,23.333%{opacity:0}23.333%,25.000%{opacity:1}25.000%,100%{opacity:0}}
@keyframes lr14{0%,75.000%{opacity:0}75.000%,76.667%{opacity:1}76.667%,100%{opacity:0}}
.pf-cta-lip:is(.raus,:hover,:focus-visible) .lip-mine i:nth-child(15){animation:lf14 1.8s linear both}.pf-cta-lip.rein:not(:hover) .lip-mine i:nth-child(15){animation:lr14 0.9s linear both}
.lip-mine i:nth-child(16){clip-path:polygon(0 0,88.47% 0.00%,98.13% 8.33%,99.81% 16.67%,99.90% 25.00%,99.02% 33.33%,97.40% 41.67%,95.13% 50.00%,92.24% 58.33%,88.70% 66.67%,84.43% 75.00%,79.18% 83.33%,72.34% 91.67%,57.53% 100.00%,0 100%)}
@keyframes lf15{0%,25.000%{opacity:0}25.000%,26.667%{opacity:1}26.667%,100%{opacity:0}}
@keyframes lr15{0%,73.333%{opacity:0}73.333%,75.000%{opacity:1}75.000%,100%{opacity:0}}
.pf-cta-lip:is(.raus,:hover,:focus-visible) .lip-mine i:nth-child(16){animation:lf15 1.8s linear both}.pf-cta-lip.rein:not(:hover) .lip-mine i:nth-child(16){animation:lr15 0.9s linear both}
.lip-mine i:nth-child(17){clip-path:polygon(0 0,93.43% 0.00%,99.78% 8.33%,99.78% 16.67%,98.50% 25.00%,96.46% 33.33%,93.81% 41.67%,90.66% 50.00%,87.01% 58.33%,82.84% 66.67%,78.08% 75.00%,72.54% 83.33%,65.74% 91.67%,52.57% 100.00%,0 100%)}
@keyframes lf16{0%,26.667%{opacity:0}26.667%,28.333%{opacity:1}28.333%,100%{opacity:0}}
@keyframes lr16{0%,71.667%{opacity:0}71.667%,73.333%{opacity:1}73.333%,100%{opacity:0}}
.pf-cta-lip:is(.raus,:hover,:focus-visible) .lip-mine i:nth-child(17){animation:lf16 1.8s linear both}.pf-cta-lip.rein:not(:hover) .lip-mine i:nth-child(17){animation:lr16 0.9s linear both}
.lip-mine i:nth-child(18){clip-path:polygon(0 0,97.09% 0.00%,99.82% 8.33%,98.15% 16.67%,95.61% 25.00%,92.53% 33.33%,89.04% 41.67%,85.20% 50.00%,81.02% 58.33%,76.47% 66.67%,71.52% 75.00%,66.04% 83.33%,59.67% 91.67%,48.91% 100.00%,0 100%)}
@keyframes lf17{0%,28.333%{opacity:0}28.333%,30.000%{opacity:1}30.000%,100%{opacity:0}}
@keyframes lr17{0%,70.000%{opacity:0}70.000%,71.667%{opacity:1}71.667%,100%{opacity:0}}
.pf-cta-lip:is(.raus,:hover,:focus-visible) .lip-mine i:nth-child(18){animation:lf17 1.8s linear both}.pf-cta-lip.rein:not(:hover) .lip-mine i:nth-child(18){animation:lr17 0.9s linear both}
.lip-mine i:nth-child(19){clip-path:polygon(0 0,99.28% 0.00%,98.32% 8.33%,95.14% 16.67%,91.50% 25.00%,87.60% 33.33%,83.49% 41.67%,79.19% 50.00%,74.73% 58.33%,70.08% 66.67%,65.22% 75.00%,60.10% 83.33%,54.52% 91.67%,46.72% 100.00%,0 100%)}
@keyframes lf18{0%,30.000%{opacity:0}30.000%,31.667%{opacity:1}31.667%,100%{opacity:0}}
@keyframes lr18{0%,68.333%{opacity:0}68.333%,70.000%{opacity:1}70.000%,100%{opacity:0}}
.pf-cta-lip:is(.raus,:hover,:focus-visible) .lip-mine i:nth-child(19){animation:lf18 1.8s linear both}.pf-cta-lip.rein:not(:hover) .lip-mine i:nth-child(19){animation:lr18 0.9s linear both}
.lip-mine i:nth-child(20){clip-path:polygon(0 0,100.00% 0.00%,95.54% 8.33%,91.05% 16.67%,86.56% 25.00%,82.07% 33.33%,77.57% 41.67%,73.07% 50.00%,68.57% 58.33%,64.07% 66.67%,59.56% 75.00%,55.05% 83.33%,50.54% 91.67%,46.00% 100.00%,0 100%)}
@keyframes lf19{0%,31.667%{opacity:0}31.667%,33.333%{opacity:1}33.333%,100%{opacity:0}}
@keyframes lr19{0%,66.667%{opacity:0}66.667%,68.333%{opacity:1}68.333%,100%{opacity:0}}
.pf-cta-lip:is(.raus,:hover,:focus-visible) .lip-mine i:nth-child(20){animation:lf19 1.8s linear both}.pf-cta-lip.rein:not(:hover) .lip-mine i:nth-child(20){animation:lr19 0.9s linear both}
.lip-mine i:nth-child(21){clip-path:polygon(0 0,99.37% 0.00%,98.18% 8.33%,94.90% 16.67%,91.21% 25.00%,87.26% 33.33%,83.11% 41.67%,78.80% 50.00%,74.32% 58.33%,69.68% 66.67%,64.84% 75.00%,59.74% 83.33%,54.23% 91.67%,46.63% 100.00%,0 100%)}
@keyframes lf20{0%,33.333%{opacity:0}33.333%,35.000%{opacity:1}35.000%,100%{opacity:0}}
@keyframes lr20{0%,65.000%{opacity:0}65.000%,66.667%{opacity:1}66.667%,100%{opacity:0}}
.pf-cta-lip:is(.raus,:hover,:focus-visible) .lip-mine i:nth-child(21){animation:lf20 1.8s linear both}.pf-cta-lip.rein:not(:hover) .lip-mine i:nth-child(21){animation:lr20 0.9s linear both}
.lip-mine i:nth-child(22){clip-path:polygon(0 0,97.60% 0.00%,99.65% 8.33%,97.69% 16.67%,94.94% 25.00%,91.69% 33.33%,88.07% 41.67%,84.13% 50.00%,79.87% 58.33%,75.29% 66.67%,70.34% 75.00%,64.89% 83.33%,58.65% 91.67%,48.40% 100.00%,0 100%)}
@keyframes lf21{0%,35.000%{opacity:0}35.000%,36.667%{opacity:1}36.667%,100%{opacity:0}}
@keyframes lr21{0%,63.333%{opacity:0}63.333%,65.000%{opacity:1}65.000%,100%{opacity:0}}
.pf-cta-lip:is(.raus,:hover,:focus-visible) .lip-mine i:nth-child(22){animation:lf21 1.8s linear both}.pf-cta-lip.rein:not(:hover) .lip-mine i:nth-child(22){animation:lr21 0.9s linear both}
.lip-mine i:nth-child(23){clip-path:polygon(0 0,94.94% 0.00%,99.98% 8.33%,99.36% 16.67%,97.60% 25.00%,95.15% 33.33%,92.17% 41.67%,88.74% 50.00%,84.86% 58.33%,80.52% 66.67%,75.66% 75.00%,70.10% 83.33%,63.42% 91.67%,51.06% 100.00%,0 100%)}
@keyframes lf22{0%,36.667%{opacity:0}36.667%,38.333%{opacity:1}38.333%,100%{opacity:0}}
@keyframes lr22{0%,61.667%{opacity:0}61.667%,63.333%{opacity:1}63.333%,100%{opacity:0}}
.pf-cta-lip:is(.raus,:hover,:focus-visible) .lip-mine i:nth-child(23){animation:lf22 1.8s linear both}.pf-cta-lip.rein:not(:hover) .lip-mine i:nth-child(23){animation:lr22 0.9s linear both}
.lip-mine i:nth-child(24){clip-path:polygon(0 0,91.64% 0.00%,99.33% 8.33%,99.99% 16.67%,99.24% 25.00%,97.63% 33.33%,95.36% 41.67%,92.53% 50.00%,89.15% 58.33%,85.20% 66.67%,80.59% 75.00%,75.13% 83.33%,68.26% 91.67%,54.36% 100.00%,0 100%)}
@keyframes lf23{0%,38.333%{opacity:0}38.333%,40.000%{opacity:1}40.000%,100%{opacity:0}}
@keyframes lr23{0%,60.000%{opacity:0}60.000%,61.667%{opacity:1}61.667%,100%{opacity:0}}
.pf-cta-lip:is(.raus,:hover,:focus-visible) .lip-mine i:nth-child(24){animation:lf23 1.8s linear both}.pf-cta-lip.rein:not(:hover) .lip-mine i:nth-child(24){animation:lr23 0.9s linear both}
.lip-mine i:nth-child(25){clip-path:polygon(0 0,87.94% 0.00%,97.88% 8.33%,99.72% 16.67%,99.95% 25.00%,99.18% 33.33%,97.66% 41.67%,95.49% 50.00%,92.68% 58.33%,89.22% 66.67%,85.00% 75.00%,79.80% 83.33%,72.98% 91.67%,58.06% 100.00%,0 100%)}
@keyframes lf24{0%,40.000%{opacity:0}40.000%,41.667%{opacity:1}41.667%,100%{opacity:0}}
@keyframes lr24{0%,58.333%{opacity:0}58.333%,60.000%{opacity:1}60.000%,100%{opacity:0}}
.pf-cta-lip:is(.raus,:hover,:focus-visible) .lip-mine i:nth-child(25){animation:lf24 1.8s linear both}.pf-cta-lip.rein:not(:hover) .lip-mine i:nth-child(25){animation:lr24 0.9s linear both}
.lip-mine i:nth-child(26){clip-path:polygon(0 0,84.04% 0.00%,95.82% 8.33%,98.73% 16.67%,99.86% 25.00%,99.91% 33.33%,99.13% 41.67%,97.64% 50.00%,95.45% 58.33%,92.55% 66.67%,88.81% 75.00%,84.00% 83.33%,77.42% 91.67%,61.96% 100.00%,0 100%)}
@keyframes lf25{0%,41.667%{opacity:0}41.667%,43.333%{opacity:1}43.333%,100%{opacity:0}}
@keyframes lr25{0%,56.667%{opacity:0}56.667%,58.333%{opacity:1}58.333%,100%{opacity:0}}
.pf-cta-lip:is(.raus,:hover,:focus-visible) .lip-mine i:nth-child(26){animation:lf25 1.8s linear both}.pf-cta-lip.rein:not(:hover) .lip-mine i:nth-child(26){animation:lr25 0.9s linear both}
.lip-mine i:nth-child(27){clip-path:polygon(0 0,80.11% 0.00%,93.32% 8.33%,97.15% 16.67%,99.11% 25.00%,99.93% 33.33%,99.87% 41.67%,99.05% 50.00%,97.50% 58.33%,95.19% 66.67%,92.01% 75.00%,87.68% 83.33%,81.48% 91.67%,65.89% 100.00%,0 100%)}
@keyframes lf26{0%,43.333%{opacity:0}43.333%,45.000%{opacity:1}45.000%,100%{opacity:0}}
@keyframes lr26{0%,55.000%{opacity:0}55.000%,56.667%{opacity:1}56.667%,100%{opacity:0}}
.pf-cta-lip:is(.raus,:hover,:focus-visible) .lip-mine i:nth-child(27){animation:lf26 1.8s linear both}.pf-cta-lip.rein:not(:hover) .lip-mine i:nth-child(27){animation:lr26 0.9s linear both}
.lip-mine i:nth-child(28){clip-path:polygon(0 0,76.25% 0.00%,90.53% 8.33%,95.15% 16.67%,97.84% 25.00%,99.36% 33.33%,99.97% 41.67%,99.80% 50.00%,98.89% 58.33%,97.19% 66.67%,94.58% 75.00%,90.81% 83.33%,85.10% 91.67%,69.75% 100.00%,0 100%)}
@keyframes lf27{0%,45.000%{opacity:0}45.000%,46.667%{opacity:1}46.667%,100%{opacity:0}}
@keyframes lr27{0%,53.333%{opacity:0}53.333%,55.000%{opacity:1}55.000%,100%{opacity:0}}
.pf-cta-lip:is(.raus,:hover,:focus-visible) .lip-mine i:nth-child(28){animation:lf27 1.8s linear both}.pf-cta-lip.rein:not(:hover) .lip-mine i:nth-child(28){animation:lr27 0.9s linear both}
.lip-mine i:nth-child(29){clip-path:polygon(0 0,72.58% 0.00%,87.57% 8.33%,92.84% 16.67%,96.17% 25.00%,98.31% 33.33%,99.55% 41.67%,100.00% 50.00%,99.69% 58.33%,98.59% 66.67%,96.59% 75.00%,93.40% 83.33%,88.27% 91.67%,73.42% 100.00%,0 100%)}
@keyframes lf28{0%,46.667%{opacity:0}46.667%,48.333%{opacity:1}48.333%,100%{opacity:0}}
@keyframes lr28{0%,51.667%{opacity:0}51.667%,53.333%{opacity:1}53.333%,100%{opacity:0}}
.pf-cta-lip:is(.raus,:hover,:focus-visible) .lip-mine i:nth-child(29){animation:lf28 1.8s linear both}.pf-cta-lip.rein:not(:hover) .lip-mine i:nth-child(29){animation:lr28 0.9s linear both}
.lip-mine i:nth-child(30){clip-path:polygon(0 0,69.14% 0.00%,84.56% 8.33%,90.35% 16.67%,94.21% 25.00%,96.91% 33.33%,98.71% 41.67%,99.72% 50.00%,99.99% 58.33%,99.48% 66.67%,98.07% 75.00%,95.49% 83.33%,90.99% 91.67%,76.86% 100.00%,0 100%)}
@keyframes lf29{0%,48.333%{opacity:0}48.333%,50.000%{opacity:1}50.000%,100%{opacity:0}}
@keyframes lr29{0%,50.000%{opacity:0}50.000%,51.667%{opacity:1}51.667%,100%{opacity:0}}
.pf-cta-lip:is(.raus,:hover,:focus-visible) .lip-mine i:nth-child(30){animation:lf29 1.8s linear both}.pf-cta-lip.rein:not(:hover) .lip-mine i:nth-child(30){animation:lr29 0.9s linear both}
.lip-mine i:nth-child(31){clip-path:polygon(0 0,65.98% 0.00%,81.56% 8.33%,87.75% 16.67%,92.07% 25.00%,95.24% 33.33%,97.54% 41.67%,99.07% 50.00%,99.88% 58.33%,99.92% 66.67%,99.09% 75.00%,97.11% 83.33%,93.26% 91.67%,80.02% 100.00%,0 100%)}
@keyframes lf30{0%,50.000%{opacity:0}50.000%,51.667%{opacity:1}51.667%,100%{opacity:0}}
@keyframes lr30{0%,48.333%{opacity:0}48.333%,50.000%{opacity:1}50.000%,100%{opacity:0}}
.pf-cta-lip:is(.raus,:hover,:focus-visible) .lip-mine i:nth-child(31){animation:lf30 1.8s linear both}.pf-cta-lip.rein:not(:hover) .lip-mine i:nth-child(31){animation:lr30 0.9s linear both}
.lip-mine i:nth-child(32){clip-path:polygon(0 0,63.11% 0.00%,78.65% 8.33%,85.14% 16.67%,89.82% 25.00%,93.39% 33.33%,96.13% 41.67%,98.12% 50.00%,99.42% 58.33%,99.98% 66.67%,99.70% 75.00%,98.32% 83.33%,95.13% 91.67%,82.89% 100.00%,0 100%)}
@keyframes lf31{0%,51.667%{opacity:0}51.667%,53.333%{opacity:1}53.333%,100%{opacity:0}}
@keyframes lr31{0%,46.667%{opacity:0}46.667%,48.333%{opacity:1}48.333%,100%{opacity:0}}
.pf-cta-lip:is(.raus,:hover,:focus-visible) .lip-mine i:nth-child(32){animation:lf31 1.8s linear both}.pf-cta-lip.rein:not(:hover) .lip-mine i:nth-child(32){animation:lr31 0.9s linear both}
.lip-mine i:nth-child(33){clip-path:polygon(0 0,60.54% 0.00%,75.86% 8.33%,82.55% 16.67%,87.52% 25.00%,91.43% 33.33%,94.54% 41.67%,96.95% 50.00%,98.70% 58.33%,99.74% 66.67%,99.97% 75.00%,99.16% 83.33%,96.62% 91.67%,85.46% 100.00%,0 100%)}
@keyframes lf32{0%,53.333%{opacity:0}53.333%,55.000%{opacity:1}55.000%,100%{opacity:0}}
@keyframes lr32{0%,45.000%{opacity:0}45.000%,46.667%{opacity:1}46.667%,100%{opacity:0}}
.pf-cta-lip:is(.raus,:hover,:focus-visible) .lip-mine i:nth-child(33){animation:lf32 1.8s linear both}.pf-cta-lip.rein:not(:hover) .lip-mine i:nth-child(33){animation:lr32 0.9s linear both}
.lip-mine i:nth-child(34){clip-path:polygon(0 0,58.26% 0.00%,73.22% 8.33%,80.04% 16.67%,85.22% 25.00%,89.42% 33.33%,92.85% 41.67%,95.62% 50.00%,97.76% 58.33%,99.24% 66.67%,99.96% 75.00%,99.69% 83.33%,97.79% 91.67%,87.74% 100.00%,0 100%)}
@keyframes lf33{0%,55.000%{opacity:0}55.000%,56.667%{opacity:1}56.667%,100%{opacity:0}}
@keyframes lr33{0%,43.333%{opacity:0}43.333%,45.000%{opacity:1}45.000%,100%{opacity:0}}
.pf-cta-lip:is(.raus,:hover,:focus-visible) .lip-mine i:nth-child(34){animation:lf33 1.8s linear both}.pf-cta-lip.rein:not(:hover) .lip-mine i:nth-child(34){animation:lr33 0.9s linear both}
.lip-mine i:nth-child(35){clip-path:polygon(0 0,56.26% 0.00%,70.76% 8.33%,77.63% 16.67%,82.97% 25.00%,87.39% 33.33%,91.10% 41.67%,94.18% 50.00%,96.68% 58.33%,98.55% 66.67%,99.72% 75.00%,99.95% 83.33%,98.66% 91.67%,89.74% 100.00%,0 100%)}
@keyframes lf34{0%,56.667%{opacity:0}56.667%,58.333%{opacity:1}58.333%,100%{opacity:0}}
@keyframes lr34{0%,41.667%{opacity:0}41.667%,43.333%{opacity:1}43.333%,100%{opacity:0}}
.pf-cta-lip:is(.raus,:hover,:focus-visible) .lip-mine i:nth-child(35){animation:lf34 1.8s linear both}.pf-cta-lip.rein:not(:hover) .lip-mine i:nth-child(35){animation:lr34 0.9s linear both}
.lip-mine i:nth-child(36){clip-path:polygon(0 0,54.52% 0.00%,68.47% 8.33%,75.35% 16.67%,80.80% 25.00%,85.39% 33.33%,89.32% 41.67%,92.68% 50.00%,95.49% 58.33%,97.72% 66.67%,99.29% 75.00%,99.99% 83.33%,99.28% 91.67%,91.48% 100.00%,0 100%)}
@keyframes lf35{0%,58.333%{opacity:0}58.333%,60.000%{opacity:1}60.000%,100%{opacity:0}}
@keyframes lr35{0%,40.000%{opacity:0}40.000%,41.667%{opacity:1}41.667%,100%{opacity:0}}
.pf-cta-lip:is(.raus,:hover,:focus-visible) .lip-mine i:nth-child(36){animation:lf35 1.8s linear both}.pf-cta-lip.rein:not(:hover) .lip-mine i:nth-child(36){animation:lr35 0.9s linear both}
.lip-mine i:nth-child(37){clip-path:polygon(0 0,53.01% 0.00%,66.38% 8.33%,73.20% 16.67%,78.72% 25.00%,83.45% 33.33%,87.57% 41.67%,91.15% 50.00%,94.23% 58.33%,96.78% 66.67%,98.71% 75.00%,99.85% 83.33%,99.69% 91.67%,92.99% 100.00%,0 100%)}
@keyframes lf36{0%,60.000%{opacity:0}60.000%,61.667%{opacity:1}61.667%,100%{opacity:0}}
@keyframes lr36{0%,38.333%{opacity:0}38.333%,40.000%{opacity:1}40.000%,100%{opacity:0}}
.pf-cta-lip:is(.raus,:hover,:focus-visible) .lip-mine i:nth-child(37){animation:lf36 1.8s linear both}.pf-cta-lip.rein:not(:hover) .lip-mine i:nth-child(37){animation:lr36 0.9s linear both}
.lip-mine i:nth-child(38){clip-path:polygon(0 0,51.72% 0.00%,64.46% 8.33%,71.21% 16.67%,76.76% 25.00%,81.58% 33.33%,85.84% 41.67%,89.62% 50.00%,92.94% 58.33%,95.76% 66.67%,98.03% 75.00%,99.57% 83.33%,99.92% 91.67%,94.28% 100.00%,0 100%)}
@keyframes lf37{0%,61.667%{opacity:0}61.667%,63.333%{opacity:1}63.333%,100%{opacity:0}}
@keyframes lr37{0%,36.667%{opacity:0}36.667%,38.333%{opacity:1}38.333%,100%{opacity:0}}
.pf-cta-lip:is(.raus,:hover,:focus-visible) .lip-mine i:nth-child(38){animation:lf37 1.8s linear both}.pf-cta-lip.rein:not(:hover) .lip-mine i:nth-child(38){animation:lr37 0.9s linear both}
.lip-mine i:nth-child(39){clip-path:polygon(0 0,50.63% 0.00%,62.72% 8.33%,69.36% 16.67%,74.91% 25.00%,79.80% 33.33%,84.18% 41.67%,88.12% 50.00%,91.64% 58.33%,94.71% 66.67%,97.28% 75.00%,99.18% 83.33%,100.00% 91.67%,95.37% 100.00%,0 100%)}
@keyframes lf38{0%,63.333%{opacity:0}63.333%,65.000%{opacity:1}65.000%,100%{opacity:0}}
@keyframes lr38{0%,35.000%{opacity:0}35.000%,36.667%{opacity:1}36.667%,100%{opacity:0}}
.pf-cta-lip:is(.raus,:hover,:focus-visible) .lip-mine i:nth-child(39){animation:lf38 1.8s linear both}.pf-cta-lip.rein:not(:hover) .lip-mine i:nth-child(39){animation:lr38 0.9s linear both}
.lip-mine i:nth-child(40){clip-path:polygon(0 0,49.71% 0.00%,61.14% 8.33%,67.66% 16.67%,73.19% 25.00%,78.12% 33.33%,82.59% 41.67%,86.66% 50.00%,90.35% 58.33%,93.64% 66.67%,96.48% 75.00%,98.71% 83.33%,99.96% 91.67%,96.29% 100.00%,0 100%)}
@keyframes lf39{0%,65.000%{opacity:0}65.000%,66.667%{opacity:1}66.667%,100%{opacity:0}}
@keyframes lr39{0%,33.333%{opacity:0}33.333%,35.000%{opacity:1}35.000%,100%{opacity:0}}
.pf-cta-lip:is(.raus,:hover,:focus-visible) .lip-mine i:nth-child(40){animation:lf39 1.8s linear both}.pf-cta-lip.rein:not(:hover) .lip-mine i:nth-child(40){animation:lr39 0.9s linear both}
.lip-mine i:nth-child(41){clip-path:polygon(0 0,48.94% 0.00%,59.73% 8.33%,66.10% 16.67%,71.59% 25.00%,76.54% 33.33%,81.08% 41.67%,85.26% 50.00%,89.10% 58.33%,92.58% 66.67%,95.64% 75.00%,98.17% 83.33%,99.82% 91.67%,97.06% 100.00%,0 100%)}
@keyframes lf40{0%,66.667%{opacity:0}66.667%,68.333%{opacity:1}68.333%,100%{opacity:0}}
@keyframes lr40{0%,31.667%{opacity:0}31.667%,33.333%{opacity:1}33.333%,100%{opacity:0}}
.pf-cta-lip:is(.raus,:hover,:focus-visible) .lip-mine i:nth-child(41){animation:lf40 1.8s linear both}.pf-cta-lip.rein:not(:hover) .lip-mine i:nth-child(41){animation:lr40 0.9s linear both}
.lip-mine i:nth-child(42){clip-path:polygon(0 0,48.31% 0.00%,58.46% 8.33%,64.68% 16.67%,70.11% 25.00%,75.07% 33.33%,79.65% 41.67%,83.92% 50.00%,87.88% 58.33%,91.53% 66.67%,94.80% 75.00%,97.60% 83.33%,99.61% 91.67%,97.69% 100.00%,0 100%)}
@keyframes lf41{0%,68.333%{opacity:0}68.333%,70.000%{opacity:1}70.000%,100%{opacity:0}}
@keyframes lr41{0%,30.000%{opacity:0}30.000%,31.667%{opacity:1}31.667%,100%{opacity:0}}
.pf-cta-lip:is(.raus,:hover,:focus-visible) .lip-mine i:nth-child(42){animation:lf41 1.8s linear both}.pf-cta-lip.rein:not(:hover) .lip-mine i:nth-child(42){animation:lr41 0.9s linear both}
.lip-mine i:nth-child(43){clip-path:polygon(0 0,47.79% 0.00%,57.33% 8.33%,63.39% 16.67%,68.76% 25.00%,73.70% 33.33%,78.32% 41.67%,82.66% 50.00%,86.73% 58.33%,90.51% 66.67%,93.97% 75.00%,97.01% 83.33%,99.35% 91.67%,98.21% 100.00%,0 100%)}
@keyframes lf42{0%,70.000%{opacity:0}70.000%,71.667%{opacity:1}71.667%,100%{opacity:0}}
@keyframes lr42{0%,28.333%{opacity:0}28.333%,30.000%{opacity:1}30.000%,100%{opacity:0}}
.pf-cta-lip:is(.raus,:hover,:focus-visible) .lip-mine i:nth-child(43){animation:lf42 1.8s linear both}.pf-cta-lip.rein:not(:hover) .lip-mine i:nth-child(43){animation:lr42 0.9s linear both}
.lip-mine i:nth-child(44){clip-path:polygon(0 0,47.36% 0.00%,56.32% 8.33%,62.23% 16.67%,67.52% 25.00%,72.44% 33.33%,77.08% 41.67%,81.47% 50.00%,85.63% 58.33%,89.54% 66.67%,93.16% 75.00%,96.41% 83.33%,99.05% 91.67%,98.64% 100.00%,0 100%)}
@keyframes lf43{0%,71.667%{opacity:0}71.667%,73.333%{opacity:1}73.333%,100%{opacity:0}}
@keyframes lr43{0%,26.667%{opacity:0}26.667%,28.333%{opacity:1}28.333%,100%{opacity:0}}
.pf-cta-lip:is(.raus,:hover,:focus-visible) .lip-mine i:nth-child(44){animation:lf43 1.8s linear both}.pf-cta-lip.rein:not(:hover) .lip-mine i:nth-child(44){animation:lr43 0.9s linear both}
.lip-mine i:nth-child(45){clip-path:polygon(0 0,47.03% 0.00%,55.43% 8.33%,61.18% 16.67%,66.40% 25.00%,71.29% 33.33%,75.94% 41.67%,80.37% 50.00%,84.60% 58.33%,88.61% 66.67%,92.37% 75.00%,95.81% 83.33%,98.72% 91.67%,98.97% 100.00%,0 100%)}
@keyframes lf44{0%,73.333%{opacity:0}73.333%,75.000%{opacity:1}75.000%,100%{opacity:0}}
@keyframes lr44{0%,25.000%{opacity:0}25.000%,26.667%{opacity:1}26.667%,100%{opacity:0}}
.pf-cta-lip:is(.raus,:hover,:focus-visible) .lip-mine i:nth-child(45){animation:lf44 1.8s linear both}.pf-cta-lip.rein:not(:hover) .lip-mine i:nth-child(45){animation:lr44 0.9s linear both}
.lip-mine i:nth-child(46){clip-path:polygon(0 0,46.76% 0.00%,54.64% 8.33%,60.24% 16.67%,65.38% 25.00%,70.24% 33.33%,74.89% 41.67%,79.35% 50.00%,83.64% 58.33%,87.74% 66.67%,91.62% 75.00%,95.23% 83.33%,98.38% 91.67%,99.24% 100.00%,0 100%)}
@keyframes lf45{0%,75.000%{opacity:0}75.000%,76.667%{opacity:1}76.667%,100%{opacity:0}}
@keyframes lr45{0%,23.333%{opacity:0}23.333%,25.000%{opacity:1}25.000%,100%{opacity:0}}
.pf-cta-lip:is(.raus,:hover,:focus-visible) .lip-mine i:nth-child(46){animation:lf45 1.8s linear both}.pf-cta-lip.rein:not(:hover) .lip-mine i:nth-child(46){animation:lr45 0.9s linear both}
.lip-mine i:nth-child(47){clip-path:polygon(0 0,46.55% 0.00%,53.95% 8.33%,59.40% 16.67%,64.46% 25.00%,69.29% 33.33%,73.93% 41.67%,78.41% 50.00%,82.75% 58.33%,86.92% 66.67%,90.91% 75.00%,94.67% 83.33%,98.04% 91.67%,99.45% 100.00%,0 100%)}
@keyframes lf46{0%,76.667%{opacity:0}76.667%,78.333%{opacity:1}78.333%,100%{opacity:0}}
@keyframes lr46{0%,21.667%{opacity:0}21.667%,23.333%{opacity:1}23.333%,100%{opacity:0}}
.pf-cta-lip:is(.raus,:hover,:focus-visible) .lip-mine i:nth-child(47){animation:lf46 1.8s linear both}.pf-cta-lip.rein:not(:hover) .lip-mine i:nth-child(47){animation:lr46 0.9s linear both}
.lip-mine i:nth-child(48){clip-path:polygon(0 0,46.39% 0.00%,53.34% 8.33%,58.66% 16.67%,63.64% 25.00%,68.43% 33.33%,73.06% 41.67%,77.56% 50.00%,81.93% 58.33%,86.17% 66.67%,90.25% 75.00%,94.14% 83.33%,97.70% 91.67%,99.61% 100.00%,0 100%)}
@keyframes lf47{0%,78.333%{opacity:0}78.333%,80.000%{opacity:1}80.000%,100%{opacity:0}}
@keyframes lr47{0%,20.000%{opacity:0}20.000%,21.667%{opacity:1}21.667%,100%{opacity:0}}
.pf-cta-lip:is(.raus,:hover,:focus-visible) .lip-mine i:nth-child(48){animation:lf47 1.8s linear both}.pf-cta-lip.rein:not(:hover) .lip-mine i:nth-child(48){animation:lr47 0.9s linear both}
.lip-mine i:nth-child(49){clip-path:polygon(0 0,46.27% 0.00%,52.81% 8.33%,58.00% 16.67%,62.91% 25.00%,67.66% 33.33%,72.28% 41.67%,76.79% 50.00%,81.19% 58.33%,85.48% 66.67%,89.64% 75.00%,93.64% 83.33%,97.37% 91.67%,99.73% 100.00%,0 100%)}
@keyframes lf48{0%,80.000%{opacity:0}80.000%,81.667%{opacity:1}81.667%,100%{opacity:0}}
@keyframes lr48{0%,18.333%{opacity:0}18.333%,20.000%{opacity:1}20.000%,100%{opacity:0}}
.pf-cta-lip:is(.raus,:hover,:focus-visible) .lip-mine i:nth-child(49){animation:lf48 1.8s linear both}.pf-cta-lip.rein:not(:hover) .lip-mine i:nth-child(49){animation:lr48 0.9s linear both}
.lip-mine i:nth-child(50){clip-path:polygon(0 0,46.18% 0.00%,52.36% 8.33%,57.42% 16.67%,62.27% 25.00%,66.97% 33.33%,71.58% 41.67%,76.09% 50.00%,80.52% 58.33%,84.85% 66.67%,89.09% 75.00%,93.19% 83.33%,97.06% 91.67%,99.82% 100.00%,0 100%)}
@keyframes lf49{0%,81.667%{opacity:0}81.667%,83.333%{opacity:1}83.333%,100%{opacity:0}}
@keyframes lr49{0%,16.667%{opacity:0}16.667%,18.333%{opacity:1}18.333%,100%{opacity:0}}
.pf-cta-lip:is(.raus,:hover,:focus-visible) .lip-mine i:nth-child(50){animation:lf49 1.8s linear both}.pf-cta-lip.rein:not(:hover) .lip-mine i:nth-child(50){animation:lr49 0.9s linear both}
.lip-mine i:nth-child(51){clip-path:polygon(0 0,46.11% 0.00%,51.96% 8.33%,56.92% 16.67%,61.70% 25.00%,66.37% 33.33%,70.96% 41.67%,75.47% 50.00%,79.92% 58.33%,84.29% 66.67%,88.58% 75.00%,92.77% 83.33%,96.77% 91.67%,99.89% 100.00%,0 100%)}
@keyframes lf50{0%,83.333%{opacity:0}83.333%,85.000%{opacity:1}85.000%,100%{opacity:0}}
@keyframes lr50{0%,15.000%{opacity:0}15.000%,16.667%{opacity:1}16.667%,100%{opacity:0}}
.pf-cta-lip:is(.raus,:hover,:focus-visible) .lip-mine i:nth-child(51){animation:lf50 1.8s linear both}.pf-cta-lip.rein:not(:hover) .lip-mine i:nth-child(51){animation:lr50 0.9s linear both}
.lip-mine i:nth-child(52){clip-path:polygon(0 0,46.07% 0.00%,51.62% 8.33%,56.48% 16.67%,61.21% 25.00%,65.84% 33.33%,70.41% 41.67%,74.93% 50.00%,79.39% 58.33%,83.80% 66.67%,88.14% 75.00%,92.39% 83.33%,96.51% 91.67%,99.93% 100.00%,0 100%)}
@keyframes lf51{0%,85.000%{opacity:0}85.000%,86.667%{opacity:1}86.667%,100%{opacity:0}}
@keyframes lr51{0%,13.333%{opacity:0}13.333%,15.000%{opacity:1}15.000%,100%{opacity:0}}
.pf-cta-lip:is(.raus,:hover,:focus-visible) .lip-mine i:nth-child(52){animation:lf51 1.8s linear both}.pf-cta-lip.rein:not(:hover) .lip-mine i:nth-child(52){animation:lr51 0.9s linear both}
.lip-mine i:nth-child(53){clip-path:polygon(0 0,46.04% 0.00%,51.34% 8.33%,56.11% 16.67%,60.78% 25.00%,65.39% 33.33%,69.95% 41.67%,74.46% 50.00%,78.93% 58.33%,83.36% 66.67%,87.74% 75.00%,92.06% 83.33%,96.27% 91.67%,99.96% 100.00%,0 100%)}
@keyframes lf52{0%,86.667%{opacity:0}86.667%,88.333%{opacity:1}88.333%,100%{opacity:0}}
@keyframes lr52{0%,11.667%{opacity:0}11.667%,13.333%{opacity:1}13.333%,100%{opacity:0}}
.pf-cta-lip:is(.raus,:hover,:focus-visible) .lip-mine i:nth-child(53){animation:lf52 1.8s linear both}.pf-cta-lip.rein:not(:hover) .lip-mine i:nth-child(53){animation:lr52 0.9s linear both}
.lip-mine i:nth-child(54){clip-path:polygon(0 0,46.02% 0.00%,51.10% 8.33%,55.80% 16.67%,60.43% 25.00%,65.01% 33.33%,69.55% 41.67%,74.06% 50.00%,78.54% 58.33%,82.99% 66.67%,87.41% 75.00%,91.78% 83.33%,96.07% 91.67%,99.98% 100.00%,0 100%)}
@keyframes lf53{0%,88.333%{opacity:0}88.333%,90.000%{opacity:1}90.000%,100%{opacity:0}}
@keyframes lr53{0%,10.000%{opacity:0}10.000%,11.667%{opacity:1}11.667%,100%{opacity:0}}
.pf-cta-lip:is(.raus,:hover,:focus-visible) .lip-mine i:nth-child(54){animation:lf53 1.8s linear both}.pf-cta-lip.rein:not(:hover) .lip-mine i:nth-child(54){animation:lr53 0.9s linear both}
.lip-mine i:nth-child(55){clip-path:polygon(0 0,46.01% 0.00%,50.91% 8.33%,55.55% 16.67%,60.13% 25.00%,64.69% 33.33%,69.22% 41.67%,73.73% 50.00%,78.22% 58.33%,82.68% 66.67%,87.12% 75.00%,91.54% 83.33%,95.89% 91.67%,99.99% 100.00%,0 100%)}
@keyframes lf54{0%,90.000%{opacity:0}90.000%,91.667%{opacity:1}91.667%,100%{opacity:0}}
@keyframes lr54{0%,8.333%{opacity:0}8.333%,10.000%{opacity:1}10.000%,100%{opacity:0}}
.pf-cta-lip:is(.raus,:hover,:focus-visible) .lip-mine i:nth-child(55){animation:lf54 1.8s linear both}.pf-cta-lip.rein:not(:hover) .lip-mine i:nth-child(55){animation:lr54 0.9s linear both}
.lip-mine i:nth-child(56){clip-path:polygon(0 0,46.00% 0.00%,50.76% 8.33%,55.35% 16.67%,59.90% 25.00%,64.43% 33.33%,68.95% 41.67%,73.46% 50.00%,77.95% 58.33%,82.43% 66.67%,86.90% 75.00%,91.34% 83.33%,95.75% 91.67%,100.00% 100.00%,0 100%)}
@keyframes lf55{0%,91.667%{opacity:0}91.667%,93.333%{opacity:1}93.333%,100%{opacity:0}}
@keyframes lr55{0%,6.667%{opacity:0}6.667%,8.333%{opacity:1}8.333%,100%{opacity:0}}
.pf-cta-lip:is(.raus,:hover,:focus-visible) .lip-mine i:nth-child(56){animation:lf55 1.8s linear both}.pf-cta-lip.rein:not(:hover) .lip-mine i:nth-child(56){animation:lr55 0.9s linear both}
.lip-mine i:nth-child(57){clip-path:polygon(0 0,46.00% 0.00%,50.64% 8.33%,55.19% 16.67%,59.72% 25.00%,64.24% 33.33%,68.75% 41.67%,73.26% 50.00%,77.75% 58.33%,82.24% 66.67%,86.72% 75.00%,91.19% 83.33%,95.64% 91.67%,100.00% 100.00%,0 100%)}
@keyframes lf56{0%,93.333%{opacity:0}93.333%,95.000%{opacity:1}95.000%,100%{opacity:0}}
@keyframes lr56{0%,5.000%{opacity:0}5.000%,6.667%{opacity:1}6.667%,100%{opacity:0}}
.pf-cta-lip:is(.raus,:hover,:focus-visible) .lip-mine i:nth-child(57){animation:lf56 1.8s linear both}.pf-cta-lip.rein:not(:hover) .lip-mine i:nth-child(57){animation:lr56 0.9s linear both}
.lip-mine i:nth-child(58){clip-path:polygon(0 0,46.00% 0.00%,50.56% 8.33%,55.08% 16.67%,59.60% 25.00%,64.11% 33.33%,68.61% 41.67%,73.11% 50.00%,77.61% 58.33%,82.11% 66.67%,86.60% 75.00%,91.08% 83.33%,95.56% 91.67%,100.00% 100.00%,0 100%)}
@keyframes lf57{0%,95.000%{opacity:0}95.000%,96.667%{opacity:1}96.667%,100%{opacity:0}}
@keyframes lr57{0%,3.333%{opacity:0}3.333%,5.000%{opacity:1}5.000%,100%{opacity:0}}
.pf-cta-lip:is(.raus,:hover,:focus-visible) .lip-mine i:nth-child(58){animation:lf57 1.8s linear both}.pf-cta-lip.rein:not(:hover) .lip-mine i:nth-child(58){animation:lr57 0.9s linear both}
.lip-mine i:nth-child(59){clip-path:polygon(0 0,46.00% 0.00%,50.52% 8.33%,55.02% 16.67%,59.52% 25.00%,64.03% 33.33%,68.53% 41.67%,73.03% 50.00%,77.53% 58.33%,82.03% 66.67%,86.52% 75.00%,91.02% 83.33%,95.52% 91.67%,100.00% 100.00%,0 100%)}
@keyframes lf58{0%,96.667%{opacity:0}96.667%,98.333%{opacity:1}98.333%,100%{opacity:0}}
@keyframes lr58{0%,1.667%{opacity:0}1.667%,3.333%{opacity:1}3.333%,100%{opacity:0}}
.pf-cta-lip:is(.raus,:hover,:focus-visible) .lip-mine i:nth-child(59){animation:lf58 1.8s linear both}.pf-cta-lip.rein:not(:hover) .lip-mine i:nth-child(59){animation:lr58 0.9s linear both}
.lip-mine i:nth-child(60){clip-path:polygon(0 0,46.00% 0.00%,50.50% 8.33%,55.00% 16.67%,59.50% 25.00%,64.00% 33.33%,68.50% 41.67%,73.00% 50.00%,77.50% 58.33%,82.00% 66.67%,86.50% 75.00%,91.00% 83.33%,95.50% 91.67%,100.00% 100.00%,0 100%)}
@keyframes lf59{0%,98.333%{opacity:0}98.333%,100%{opacity:1}}
@keyframes lr59{0%,0.000%{opacity:0}0.000%,1.667%{opacity:1}1.667%,100%{opacity:0}}
.pf-cta-lip:is(.raus,:hover,:focus-visible) .lip-mine i:nth-child(60){animation:lf59 1.8s linear both}.pf-cta-lip.rein:not(:hover) .lip-mine i:nth-child(60){animation:lr59 0.9s linear both}
.pf-intro-an:not(:has(.pf-intro.weg)) .lip-mine i{animation-play-state:paused}

/* Spot-on zuerst, dann läuft die Show: sobald das Video spielt, blenden Kegel, Bodenlicht und Abdunklung aus */
.pf-hero-licht{transition:opacity 1.8s ease .3s}
.pf-hero.pf-show-laeuft .pf-hero-licht{opacity:0}
@media (min-width:1024px){
	.pf-spot.s1{--w:19deg}.pf-spot.s2{--w:18deg}.pf-spot.s3{--w:16deg}.pf-spot.s4{--w:15deg}
	.pf-spot.s5{--w:15deg}.pf-spot.s6{--w:16deg}.pf-spot.s7{--w:18deg}.pf-spot.s8{--w:19deg}
	.pf-hero-licht::after{left:15%;right:15%;height:22%}
}

/* Hero-Standbild: dunkles Bild aus dem jeweiligen Video (statt „Gelbe Diva“) – die Spots holen es aus dem Dunkel */
.hero-img{background-image:url(../img/trailer-revue-hoch.webp);background-position:50% 30%}
@media (min-width:1024px){.hero-img{background-image:url(../img/hero-santa-desktop.webp);background-position:50% 40%}}

/* =====================================================================
   Unterseiten (ab 0.3.0): Seitenkopf, Shows & Tickets, Show-Seiten
   ===================================================================== */
.pf-unterseite{padding-top:0}
.pf-sk{position:relative;padding:118px 22px 26px;display:flex;flex-direction:column}
.pf-sk.mit-bild{padding-top:0}
.pf-sk-bild{position:relative;margin:0 -22px;height:min(70svh,560px);overflow:hidden}
.pf-sk-bild img{width:100%;height:100%;object-fit:cover;object-position:50% 25%;display:block;-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 55%,transparent 100%);mask-image:linear-gradient(180deg,#000 0%,#000 55%,transparent 100%)}
.pf-sk.mit-bild .pf-sk-text{margin-top:-120px;position:relative}
.pf-sk-text{display:flex;flex-direction:column;gap:6px;max-width:720px}
.pf-sk-titel{font-size:46px;line-height:1.05;text-shadow:0 2px 18px rgba(0,0,0,.6)}
.pf-sk-lead{margin:10px 0 0;font-size:17px;line-height:1.65;color:var(--pf-puder)}
.pf-sk-lead a{color:var(--pf-gold)}
.pf-textlink{color:var(--pf-gold);font-size:13px;letter-spacing:2px;text-transform:uppercase;text-decoration:none;border-bottom:1px solid rgba(216,185,142,.45);padding-bottom:3px}
.pf .pf-textlink:hover{color:var(--pf-creme);border-color:var(--pf-creme)}
/* Show-Karten auf „Shows & Tickets“ */
.pf-showliste{padding-top:8px}
.pf-showkarte .pf-showtitel{text-decoration:none;color:var(--pf-creme)}
.pf-showkarte-knoepfe{display:flex;align-items:center;gap:18px;margin-top:4px}
.pf-showkarte-knoepfe .pf-knopf{min-height:44px;padding:0 20px}
/* Spielplan aus dem Ticket-Plugin im Theme-Look */
.pf-plugin-spielplan{padding:0 22px}
.pf-plugin-spielplan .pft-filter{gap:8px;padding:6px 0 14px}
.pf-plugin-spielplan .pft-chip{border-radius:2px;min-height:40px;border:1px solid rgba(216,185,142,.35);color:var(--pf-puder);font-family:var(--pf-fb);font-size:12px;letter-spacing:1.6px;text-transform:uppercase}
.pf-plugin-spielplan .pft-chip.is-on{border-color:var(--pf-gold);background:rgba(195,154,74,.16);color:var(--pf-creme)}
.pf-plugin-spielplan .pft-month{font-family:var(--pf-fd);font-weight:600;font-synthesis:none;font-size:26px;color:var(--pf-gold);margin:26px 0 6px}
.pf-plugin-spielplan .pft-row{grid-template-columns:62px minmax(0,1fr) auto;gap:14px;padding:12px 0;border-bottom:1px solid rgba(216,185,142,.18)}
.pf-plugin-spielplan .pft-dow{color:var(--pf-gold);font-size:10px;letter-spacing:2.4px}
.pf-plugin-spielplan .pft-date{font-family:var(--pf-fd);font-weight:600;font-synthesis:none;font-size:21px;opacity:1;color:var(--pf-creme)}
.pf-plugin-spielplan .pft-time{font-size:12px;color:var(--pf-rauch)}
.pf-plugin-spielplan .pft-show{font-family:var(--pf-fb);font-weight:400;font-size:15px;line-height:1.35;color:var(--pf-creme)}
.pf-plugin-spielplan .pft-hint{font-size:12px;color:var(--pf-gold)}
.pf-plugin-spielplan .pft-price{font-size:12.5px;color:var(--pf-rauch)}
.pf .pf-plugin-spielplan .pft-book{min-height:40px;padding:0 14px;border-radius:2px;background:transparent;color:var(--pf-gold);box-shadow:inset 0 0 0 1px rgba(216,185,142,.8);font-family:var(--pf-fb);font-size:11px;font-weight:600;letter-spacing:2.2px;display:inline-flex;align-items:center;text-decoration:none}
.pf .pf-plugin-spielplan .pft-book:hover{background:#C39A4A;color:#140A0C;box-shadow:none}
.pf-plugin-spielplan .pft-soldout .pft-date,.pf-plugin-spielplan .pft-soldout .pft-show{opacity:.45}
.pf-plugin-spielplan .pft-state{font-size:10px;letter-spacing:2px}
.pf-plugin-spielplan .pft-note,.pf-plugin-spielplan .pft-more{font-size:13px;color:var(--pf-rauch)}
/* Kategorien */
.pf-kat-liste{list-style:none;margin:0;padding:0 22px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.pf-kat-liste li{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:22px 8px;box-shadow:inset 0 0 0 1px rgba(216,185,142,.55);text-align:center}
.pf-kat-liste li::after{content:"";position:absolute;inset:5px;border:1px solid rgba(216,185,142,.2);pointer-events:none}
.pf-kat-name{font-family:var(--pf-fd);font-weight:600;font-synthesis:none;font-size:22px;color:var(--pf-gold)}
.pf-kat-nr{font-size:10px;letter-spacing:2.2px;text-transform:uppercase;color:var(--pf-rauch)}
/* Gut zu wissen */
.pf-gzw{margin:0;padding:0 22px;display:grid;gap:0}
.pf-gzw>div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:14px;padding:14px 0;border-top:1px solid rgba(216,185,142,.22)}
.pf-gzw dt{font-size:11px;letter-spacing:2.2px;text-transform:uppercase;color:var(--pf-gold);font-weight:600;padding-top:3px}
.pf-gzw dd{margin:0;font-size:15.5px;line-height:1.6;color:var(--pf-puder)}
.pf-gzw a{color:var(--pf-gold)}
.pf-mehr{padding-top:40px}
.pf-zurueck{padding:26px 22px 0;margin:0}
/* Show-Seite */
.pf-show-cta{display:flex;align-items:center;gap:18px;padding:6px 22px 20px}
.pf-show-genre .pf-sek-kopf p{max-width:620px;margin-left:auto;margin-right:auto;font-size:17px;line-height:1.7}
.pf-unterseite .pf-sek-kopf p{font-size:16px}
@media (min-width:1024px){
	.pf-sk{padding:160px var(--pf-rand) 40px}
	.pf-sk.mit-bild{padding-top:0}
	.pf-sk-bild{margin:0 calc(var(--pf-rand) * -1);height:min(78vh,720px)}
	.pf-sk.mit-bild .pf-sk-text{margin-top:-200px}
	.pf-sk-titel{font-size:clamp(56px,5vw,84px)}
	.pf-sk-lead{font-size:20px;max-width:640px}
	.pf-show-cta{padding:10px var(--pf-rand) 40px}
	.pf .pf-termine-sek,.pf .pf-kategorien,.pf .pf-gzw-sek,.pf .pf-show-genre{max-width:1040px}
	.pf-plugin-spielplan .pft-row{grid-template-columns:110px minmax(0,1fr) auto;padding:16px 0}
	.pf-plugin-spielplan .pft-date{font-size:26px}
	.pf-plugin-spielplan .pft-show{font-size:17px}
	.pf-kat-liste{gap:24px}
	.pf-kat-liste li{padding:38px 12px}
	.pf-kat-name{font-size:30px}
	.pf-gzw{grid-template-columns:1fr 1fr;column-gap:56px}
	.pf-gzw>div{grid-template-columns:150px minmax(0,1fr)}
	.pf .pf-mehr{max-width:1040px}
}

/* Gästestimmen (Google-Bewertungen, Auszüge wörtlich) */
.pf-wertung{display:inline-flex;align-items:center;gap:14px;margin-top:14px;text-decoration:none}
.pf-wertung-zahl{font-family:var(--pf-fd);font-weight:600;font-synthesis:none;font-size:52px;line-height:1;color:var(--pf-gold)}
.pf-wertung-rest{display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-align:left}
.pf-wertung-rest>span:last-child{font-size:12px;letter-spacing:1.4px;text-transform:uppercase;color:var(--pf-rauch)}
.pf .pf-wertung:hover .pf-wertung-rest>span:last-child{color:var(--pf-creme)}
.pf-sterne{display:inline-flex;gap:3px}
.pf-sterne svg{display:block}
.pf-stimmen-reihe{gap:16px;padding:18px 22px 30px;scroll-padding-left:22px}
.pf-stimme{position:relative;flex-shrink:0;width:min(300px,78vw);margin:0;padding:26px 22px 22px;scroll-snap-align:start;display:flex;flex-direction:column;gap:14px;box-shadow:inset 0 0 0 1px rgba(216,185,142,.45);background:rgba(6,3,4,.35)}
.pf-stimme::before{content:"„";position:absolute;right:16px;top:-14px;font-family:var(--pf-fd);font-weight:600;font-synthesis:none;font-size:74px;line-height:1;color:var(--pf-gold)}
.pf-stimme blockquote{margin:0}
.pf-stimme p{margin:0;font-size:17px;line-height:1.6;color:var(--pf-creme);font-weight:300}
.pf-stimme figcaption{margin-top:auto;font-size:11px;letter-spacing:2.4px;text-transform:uppercase;color:var(--pf-gold);font-weight:600}
.pf-stimme figcaption span{color:var(--pf-rauch);font-weight:400}
.pf-stimmen-hinweis{margin:0;padding:0 22px;font-size:12px;line-height:1.6;color:var(--pf-rauch);text-align:center}
.pf-stimmen-hinweis a{color:var(--pf-gold)}
@media (min-width:1024px){
	.pf .pf-stimmen{max-width:none}
	.pf-stimmen-reihe{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:1240px;margin:0 auto;padding:30px 48px 34px;overflow:visible}
	.pf-stimme{width:auto;padding:34px 28px 26px}
	.pf-stimme p{font-size:18px}
	.pf-wertung-zahl{font-size:64px}
	.pf-stimmen-hinweis{max-width:760px;margin:0 auto}
}
@media (min-width:1024px){
	.pf .pf-showliste{max-width:1240px}
	.pf-showliste .pf-slider{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:34px;overflow:visible;padding:20px 48px 40px;margin:0}
	.pf-showliste .pf-showkarte{width:auto}
	.pf-showliste .pf-showbild,.pf-showliste .pf-showbild img{width:100%;height:auto;aspect-ratio:250/340}
	.pf-sk:not(.mit-bild){padding-bottom:10px}
}
@media (min-width:1024px){.pf .pf-showliste{max-width:none}.pf-showliste .pf-slider{padding:20px var(--pf-rand) 40px}}

/* Bar & Restaurant */
.pf-bar-momente{padding-top:10px}
.pf-bar-momente .pf-zeit.lang{font-size:26px}
.pf-safespace{position:relative;padding:46px 22px 40px;overflow:hidden;min-height:0;justify-content:center}
.pf-safespace-bild{position:absolute;inset:0;z-index:-1}
.pf-safespace-bild img{width:100%;height:100%;object-fit:cover;opacity:.6;-webkit-mask-image:radial-gradient(ellipse 95% 80% at 50% 50%,#000 45%,transparent 100%);mask-image:radial-gradient(ellipse 95% 80% at 50% 50%,#000 45%,transparent 100%)}
.pf-safespace h2{font-size:44px}
.pf-safespace .pf-sek-kopf p{max-width:460px;margin-left:auto;margin-right:auto}
.pf-karten-reihe{display:grid;gap:16px;padding:0 22px}
.pf .pf-kachel-bild{display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:18px;padding:12px 18px 12px 12px}
.pf-kachel-bild img{width:96px;height:120px;object-fit:cover;display:block}
.pf-partner{padding-top:40px}
.pf-partner-leiste{list-style:none;margin:0;padding:6px 22px 20px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 18px;align-items:end}
.pf-partner-leiste li{display:flex;flex-direction:column;align-items:center;gap:10px}
.pf-partner-leiste img{height:44px;width:auto;max-width:140px;object-fit:contain;opacity:.9}
.pf-partner-leiste span{font-size:10px;letter-spacing:2.2px;text-transform:uppercase;color:var(--pf-rauch)}
@media (min-width:1024px){
	.pf-safespace{min-height:440px;padding:64px 48px}
	.pf-safespace h2{font-size:64px}
	.pf-karten-reihe{grid-template-columns:1fr 1fr;gap:28px;max-width:1040px;margin:0 auto;padding:0 48px;width:100%}
	.pf .pf-kachel-bild{grid-template-columns:140px minmax(0,1fr);padding:16px 28px 16px 16px}
	.pf-kachel-bild img{width:140px;height:175px}
	.pf .pf-bar-infos,.pf .pf-karten,.pf .pf-partner{max-width:1040px}
	.pf-partner-leiste{grid-template-columns:repeat(4,minmax(0,1fr));gap:40px}
	.pf-partner-leiste img{height:56px}
}
@media (min-width:1024px){.pf-bar-momente .pf-zeit.lang{font-size:44px}}

/* Geschenke, Gruppen, Hotel */
.pf-geschenk-grid{display:flex;flex-direction:column;gap:26px;padding:0 22px}
.pf-geschenk-bild{display:flex;justify-content:center}
.pf-geschenk-bild .arch{width:220px;height:286px;overflow:hidden}
.pf-geschenk-bild img{width:100%;height:100%;object-fit:cover;display:block}
.pf-geschenk-text{display:flex;flex-direction:column;gap:6px}
.pf-geschenk-text .pf-puderdose{width:64px;height:64px;margin:0 0 10px}
.pf-geschenk-text h2{font-size:36px;line-height:1.1}
.pf-geschenk-text p{margin:10px 0 0;font-size:16px;line-height:1.65;color:var(--pf-puder)}
.pf-geschenk-text .pf-klein a,.pf-klein a{color:var(--pf-gold)}
.pf-geschenk-knoepfe{margin-top:18px!important}
.pf-anlass-liste{grid-template-columns:1fr;gap:12px}
@media (min-width:600px) and (max-width:1023px){.pf-anlass-liste{grid-template-columns:repeat(2,minmax(0,1fr))}}
.pf-anlass-liste li{padding:22px 18px}
.pf-anlass-text{font-size:15px;line-height:1.55;color:var(--pf-puder);text-transform:none;letter-spacing:0}
.pf-schritte dt{white-space:nowrap}
@media (min-width:1024px){
	.pf .pf-geschenk-block{max-width:1240px}
	.pf-geschenk-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;column-gap:clamp(48px,6vw,110px);padding:0 48px}
	.pf-geschenk-grid.pf-umgekehrt .pf-geschenk-bild{order:2}
	.pf-geschenk-bild{justify-content:flex-end}
	.pf-umgekehrt .pf-geschenk-bild{justify-content:flex-start}
	.pf-geschenk-bild .arch{width:340px;height:442px}
	.pf-geschenk-text h2{font-size:52px}
	.pf-geschenk-text p{font-size:18px;max-width:520px}
	.pf-anlass-liste{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
	.pf .pf-anlaesse{max-width:1040px}
}
@media (min-width:1024px){.pf .pf-geschenk-block,.pf .pf-mehr,.pf .pf-anlaesse,.pf .pf-karten,.pf .pf-bar-infos,.pf .pf-partner,.pf .pf-termine-sek,.pf .pf-kategorien,.pf .pf-gzw-sek,.pf .pf-show-genre{width:100%}}

/* Bildmoment: ein starkes Bild, randlos, weich auslaufend (Unterseiten) */
.pf-bildmoment{position:relative;margin:10px 0;padding:0}
.pf-bm-bild{position:relative;height:min(86svh,640px);overflow:hidden}
.pf-bm-bild img{width:100%;height:100%;object-fit:cover;object-position:50% 25%;display:block;-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 16%,#000 62%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0%,#000 16%,#000 62%,transparent 100%)}
.pf-bm-text{position:relative;margin-top:-150px;padding:0 22px;display:flex;flex-direction:column;gap:8px}
.pf-bm-zeile{font-family:var(--pf-fd);font-weight:600;font-synthesis:none;font-size:38px;line-height:1.08;color:var(--pf-creme);text-shadow:0 2px 20px rgba(0,0,0,.7);text-wrap:balance}
.pf-sk.mit-bild .pf-sk-bild img{object-position:50% 30%}
@media (min-width:1024px){
	.pf-bildmoment{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;min-height:min(92vh,860px);margin:20px 0}
	.pf-bm-bild{grid-column:2;grid-row:1;height:min(92vh,860px)}
	.pf-bm-bild img{-webkit-mask-image:radial-gradient(ellipse 75% 70% at 55% 45%,#000 40%,transparent 100%);mask-image:radial-gradient(ellipse 75% 70% at 55% 45%,#000 40%,transparent 100%)}
	.pf-bm-text{grid-column:1;grid-row:1;margin:0;padding:0 40px 0 var(--pf-rand)}
	.pf-bm-links .pf-bm-bild{grid-column:1}
	.pf-bm-links .pf-bm-text{grid-column:2;padding:0 var(--pf-rand) 0 40px}
	.pf-bm-zeile{font-size:clamp(48px,4.4vw,76px)}
	/* Querformate im Kopf breit, Hochformate im Kopf rechts */
	.pf-geschenkeseite .pf-sk.mit-bild,.pf-hotelseite .pf-sk.mit-bild{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);align-items:center;padding:0 0 0 var(--pf-rand);min-height:100vh}
	.pf-geschenkeseite .pf-sk-bild,.pf-hotelseite .pf-sk-bild{grid-column:2;grid-row:1;margin:0;height:100vh}
	.pf-geschenkeseite .pf-sk-bild img,.pf-hotelseite .pf-sk-bild img{-webkit-mask-image:radial-gradient(ellipse 80% 75% at 60% 45%,#000 40%,transparent 100%);mask-image:radial-gradient(ellipse 80% 75% at 60% 45%,#000 40%,transparent 100%)}
	.pf-geschenkeseite .pf-sk.mit-bild .pf-sk-text,.pf-hotelseite .pf-sk.mit-bild .pf-sk-text{grid-column:1;grid-row:1;margin:0;padding-top:80px}
}
@media (max-width:1023px){.pf-schritte>div{grid-template-columns:1fr;gap:4px}.pf-schritte dt{white-space:normal}}
@media (min-width:1024px){.pf-schritte>div{grid-template-columns:190px minmax(0,1fr)}}
/* 0.3.1 – weiche Kanten per Doppelmaske (horizontal × vertikal) */
@media (min-width:1024px){
	.pf-bm-bild img,
	.pf-geschenkeseite .pf-sk.mit-bild .pf-sk-bild img,.pf-hotelseite .pf-sk.mit-bild .pf-sk-bild img{
		-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 38%),linear-gradient(180deg,transparent 0%,#000 18%,#000 72%,transparent 100%);
		mask-image:linear-gradient(90deg,transparent 0%,#000 38%),linear-gradient(180deg,transparent 0%,#000 18%,#000 72%,transparent 100%);
		-webkit-mask-composite:source-in;mask-composite:intersect}
	.pf-bm-links .pf-bm-bild img{
		-webkit-mask-image:linear-gradient(270deg,transparent 0%,#000 38%),linear-gradient(180deg,transparent 0%,#000 18%,#000 72%,transparent 100%);
		mask-image:linear-gradient(270deg,transparent 0%,#000 38%),linear-gradient(180deg,transparent 0%,#000 18%,#000 72%,transparent 100%)}
}
.pf-sk-cta{padding:22px 0 0}
@media (min-width:1024px){.pf-sk-cta{padding:30px 0 0}}
/* Maske am Rahmen statt am (gezoomten) Bild – sonst wandern die weichen Kanten aus dem Ausschnitt */
.pf-bm-bild{-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 16%,#000 62%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0%,#000 16%,#000 62%,transparent 100%)}
.pf .pf-bm-bild img{-webkit-mask-image:none;mask-image:none}
@media (min-width:1024px){
	.pf-bm-bild{
		-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 38%),linear-gradient(180deg,transparent 0%,#000 18%,#000 72%,transparent 100%);
		mask-image:linear-gradient(90deg,transparent 0%,#000 38%),linear-gradient(180deg,transparent 0%,#000 18%,#000 72%,transparent 100%);
		-webkit-mask-composite:source-in;mask-composite:intersect}
	.pf-bm-links .pf-bm-bild{
		-webkit-mask-image:linear-gradient(270deg,transparent 0%,#000 38%),linear-gradient(180deg,transparent 0%,#000 18%,#000 72%,transparent 100%);
		mask-image:linear-gradient(270deg,transparent 0%,#000 38%),linear-gradient(180deg,transparent 0%,#000 18%,#000 72%,transparent 100%)}
}

/* ===== 0.3.2 – Seit 1973, Kontakt & Anfahrt, Textseiten ===== */
/* Geschichte: Kopf mit großer Jahreszahl */
.pf-sk-jahr{min-height:78svh;justify-content:flex-end;overflow:hidden}
.pf-jahr-gross{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);font-family:var(--pf-fd);font-weight:600;font-synthesis:none;font-size:clamp(150px,44vw,560px);line-height:.8;letter-spacing:-.02em;color:transparent;-webkit-text-stroke:1px rgba(216,185,142,.38);white-space:nowrap;pointer-events:none;
	-webkit-mask-image:linear-gradient(180deg,#000 20%,transparent 95%);mask-image:linear-gradient(180deg,#000 20%,transparent 95%)}
.pf-js .pf-jahr-gross{animation:pfJahrIn 2.4s cubic-bezier(.2,.7,.2,1) both .3s}
@keyframes pfJahrIn{from{opacity:0;letter-spacing:.06em}to{opacity:1;letter-spacing:-.02em}}
.pf-sk-jahr .pf-sk-text{position:relative}

/* Chronik */
.pf-chronik{list-style:none;margin:0;padding:0 22px;display:flex;flex-direction:column;gap:56px;position:relative}
.pf-chronik::before{content:"";position:absolute;left:22px;top:8px;bottom:0;width:1px;background:linear-gradient(180deg,rgba(195,154,74,0),rgba(195,154,74,.7) 12%,rgba(195,154,74,.7) 80%,rgba(195,154,74,0))}
.pf-kapitel{position:relative;padding-left:26px;display:flex;flex-direction:column;gap:10px}
.pf-kapitel::before{content:"";position:absolute;left:-4px;top:22px;width:9px;height:9px;border-radius:50%;background:var(--pf-gold);box-shadow:0 0 14px 3px rgba(255,200,120,.45)}
.pf-kap-jahr{font-family:var(--pf-fd);font-weight:600;font-synthesis:none;font-size:64px;line-height:1;color:var(--pf-gold)}
.pf-kap-stern{font-family:inherit;font-size:38px;line-height:1.4}
.pf-kap-text h2{font-size:34px;line-height:1.08;margin:4px 0 10px}
.pf-kap-text p{font-size:16.5px;line-height:1.7;color:var(--pf-puder);margin:0 0 14px}
.pf-kap-zitat{margin:22px 0 24px;padding:0}
.pf-kap-zitat p{font-family:var(--pf-fd);font-weight:600;font-synthesis:none;font-size:26px;line-height:1.2;color:var(--pf-creme);margin:0 0 8px}
.pf-kap-zitat cite{font-style:normal;font-size:11px;letter-spacing:2.2px;text-transform:uppercase;color:var(--pf-gold)}
.pf-promis{list-style:none;margin:6px 0 18px;padding:0;display:flex;flex-wrap:wrap;gap:4px 16px}
.pf-promis li{font-family:var(--pf-fd);font-weight:600;font-synthesis:none;font-size:24px;line-height:1.25;color:var(--pf-creme)}
.pf-promis li:not(:last-child)::after{content:"·";color:var(--pf-gold);margin-left:16px}

/* Heute */
.pf-heute{position:relative;padding:0}
.pf-heute-bild{margin:0;height:min(80svh,620px);overflow:hidden;
	-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 16%,#000 60%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0%,#000 16%,#000 60%,transparent 100%)}
.pf-heute-bild img{width:100%;height:100%;object-fit:cover;display:block}
.pf-heute-text{position:relative;margin-top:-140px;padding:0 22px;display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.pf-heute-text h2{font-size:38px;line-height:1.06;margin:0;text-wrap:balance}
.pf-heute-zeile{font-family:var(--pf-fd);font-weight:600;font-synthesis:none;font-size:26px;line-height:1.15;color:var(--pf-gold);margin:0 0 8px}
.pf-heute-text p{font-size:16.5px;line-height:1.7;color:var(--pf-puder);margin:0 0 14px}

/* Fotoalbum */
.pf-album{display:grid;grid-auto-flow:column;grid-auto-columns:62%;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 22px 18px;scrollbar-width:none;
	-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 22px,#000 calc(100% - 22px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 22px,#000 calc(100% - 22px),transparent 100%)}
.pf-album::-webkit-scrollbar{display:none}
.pf-album-bild{margin:0;scroll-snap-align:center;aspect-ratio:1;overflow:hidden;border:1px solid rgba(216,185,142,.35);padding:6px;background:rgba(0,0,0,.35)}
.pf-album-bild img{width:100%;height:100%;object-fit:cover;display:block;filter:sepia(.25) saturate(.9) contrast(1.02)}

/* Kontakt */
.pf-kontakt-wege{display:grid;gap:14px;padding:10px 22px 20px}
.pf-weg{display:flex;flex-direction:column;gap:4px;padding:20px 22px;border:1px solid rgba(216,185,142,.4);outline:1px solid rgba(216,185,142,.18);outline-offset:4px;text-decoration:none;color:inherit;transition:border-color .3s,background .3s}
.pf-weg:hover{border-color:var(--pf-gold);background:rgba(195,154,74,.06)}
.pf-weg-wert{font-family:var(--pf-fd);font-weight:600;font-synthesis:none;font-size:26px;line-height:1.15;color:var(--pf-creme);overflow-wrap:anywhere}
.pf-weg-info{font-size:14.5px;color:var(--pf-puder)}
.pf-anfahrt-knoepfe{display:flex;flex-wrap:wrap;gap:12px;padding:0 22px;margin:4px 0 26px}

/* Gravity Forms im Theme-Look */
.pf-formular{padding:0 22px}
.pf-formular .gform_wrapper{margin:0}
.pf-formular .gfield_label,.pf-formular legend{font-size:11px!important;letter-spacing:2.2px;text-transform:uppercase;color:var(--pf-gold)!important;font-weight:600!important}
.pf-formular input[type=text],.pf-formular input[type=email],.pf-formular input[type=tel],.pf-formular textarea,.pf-formular select{width:100%;background:rgba(0,0,0,.35)!important;border:1px solid rgba(216,185,142,.4)!important;border-radius:0!important;color:var(--pf-creme)!important;font:inherit;font-size:16px!important;padding:12px 14px!important}
.pf-formular input:focus,.pf-formular textarea:focus{outline:none;border-color:var(--pf-gold)!important;box-shadow:0 0 0 3px rgba(195,154,74,.18)}
.pf-formular .gform_footer input[type=submit],.pf-formular .gform_footer button{background:var(--pf-gold)!important;color:#140608!important;border:0!important;border-radius:0!important;font-size:12px!important;letter-spacing:3px;text-transform:uppercase;font-weight:600;padding:16px 26px!important;cursor:pointer}
.pf-formular .gfield_required{color:var(--pf-gold)!important}

/* Textseiten (Impressum, Datenschutz, …) */
.pf-textseite .pf-sk{padding-bottom:10px}
.pf-textseite .pf-sk-titel{margin:0}
.pf-textinhalt{padding:10px 22px 60px;max-width:760px;font-size:16.5px;line-height:1.7;color:var(--pf-puder);overflow-wrap:anywhere}
.pf-textinhalt h2,.pf-textinhalt h3,.pf-textinhalt h4{color:var(--pf-creme);line-height:1.15;margin:1.6em 0 .5em}
.pf-textinhalt h2{font-size:30px}.pf-textinhalt h3{font-size:23px}.pf-textinhalt h4{font-size:19px}
.pf-textinhalt a{color:var(--pf-gold)}
.pf-textinhalt strong{color:var(--pf-creme)}

@media (min-width:1024px){
	.pf-sk-jahr{min-height:88vh}
	.pf-jahr-gross{top:44%;font-size:clamp(300px,34vw,560px)}
	.pf .pf-chronik-sek,.pf .pf-kontakt-wege,.pf .pf-formular-sek,.pf .pf-album-sek{width:100%}
	.pf-chronik{max-width:1040px;margin:0 auto;padding:0 var(--pf-rand);gap:90px}
	.pf-chronik::before{left:calc(var(--pf-rand) + 250px)}
	.pf-kapitel{display:grid;grid-template-columns:250px minmax(0,1fr);gap:0 56px;padding-left:0}
	.pf-kapitel::before{left:calc(250px - 4px);top:30px}
	.pf-kap-jahr{font-size:96px;text-align:right;padding-right:34px}
	.pf-kap-stern{font-size:54px;line-height:1.5}
	.pf-kap-text{padding-left:10px;max-width:660px}
	.pf-kap-text h2{font-size:clamp(40px,3.4vw,52px)}
	.pf-kap-text p{font-size:18px}
	.pf-kap-zitat p{font-size:36px}
	.pf-promis li{font-size:30px}
	.pf-heute{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;min-height:min(92vh,860px)}
	.pf-heute-bild{grid-column:2;grid-row:1;height:min(92vh,860px);
		-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 38%),linear-gradient(180deg,transparent 0%,#000 18%,#000 72%,transparent 100%);
		mask-image:linear-gradient(90deg,transparent 0%,#000 38%),linear-gradient(180deg,transparent 0%,#000 18%,#000 72%,transparent 100%);
		-webkit-mask-composite:source-in;mask-composite:intersect}
	.pf-heute-text{grid-column:1;grid-row:1;margin:0;padding:0 40px 0 var(--pf-rand);max-width:720px}
	.pf-heute-text h2{font-size:clamp(46px,4.2vw,72px)}
	.pf-heute-zeile{font-size:clamp(28px,2.4vw,38px)}
	.pf-heute-text p{font-size:18px}
	.pf-album{grid-auto-flow:row;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-columns:auto;overflow:visible;max-width:1180px;margin:0 auto;padding:6px var(--pf-rand) 30px;-webkit-mask-image:none;mask-image:none}
	.pf-album-bild.gross{grid-column:span 2;grid-row:span 2}
	.pf-kontakt-wege{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1180px;margin:0 auto;padding:10px var(--pf-rand) 40px;gap:24px}
	.pf-formular{max-width:760px;padding:0 var(--pf-rand)}
	.pf-formular-sek .pf-sek-kopf{max-width:760px}
	.pf-anfahrt-knoepfe{padding:0}
	.pf-textinhalt{padding:10px var(--pf-rand) 90px;font-size:17.5px}
}
.pf-jahr-gross{-webkit-text-stroke:1.2px rgba(216,185,142,.55);background:linear-gradient(180deg,rgba(216,185,142,.12),rgba(216,185,142,0) 70%);-webkit-background-clip:text;background-clip:text}
@media (min-width:1024px){
	.pf .pf-heute{width:100%}
	.pf-chronik{width:100%;box-sizing:border-box}
	.pf-heute-text{box-sizing:border-box}
}
@media (min-width:1024px){
	.pf .pf-chronik-sek,.pf .pf-heute,.pf .pf-album-sek,.pf .pf-kontakt-wege,.pf .pf-formular-sek{max-width:none}
	.pf-kapitel{width:100%;box-sizing:border-box}
	.pf-formular-sek{align-items:center}
	.pf-formular-sek .pf-sek-kopf,.pf-formular{width:100%;box-sizing:border-box}
}
.pf-gzw dt{hyphens:manual}
@media (min-width:1024px){.pf-formular-sek .pf-sek-kopf{padding-left:var(--pf-rand);padding-right:var(--pf-rand);box-sizing:border-box}}
/* Shop-Layer (Gutscheine) */
html.pf-layer-offen{overflow:hidden}
.pf-shop-layer{position:fixed;inset:0;margin:0;width:100%;max-width:none;height:100%;max-height:none;padding:0;border:0;background:#0d0506;color:var(--pf-creme);display:none;flex-direction:column}
.pf-shop-layer[open]{display:flex}
.pf-shop-layer::backdrop{background:rgba(0,0,0,.7);backdrop-filter:blur(3px)}
.pf-shop-kopf{display:flex;align-items:center;justify-content:space-between;padding:12px 16px 12px 22px;border-bottom:1px solid rgba(216,185,142,.3);flex:0 0 auto}
.pf-shop-titel{font-size:11px;letter-spacing:2.6px;text-transform:uppercase;color:var(--pf-gold);font-weight:600}
.pf-shop-zu{background:none;border:1px solid rgba(216,185,142,.5);color:var(--pf-gold);width:40px;height:40px;font-size:24px;line-height:1;cursor:pointer}
.pf-shop-layer iframe{flex:1 1 auto;width:100%;border:0;background:#fff;opacity:0;transition:opacity .4s}
.pf-shop-layer.geladen iframe{opacity:1}
.pf-shop-lade{position:absolute;left:50%;top:50%;width:34px;height:34px;margin:-17px 0 0 -17px;border:2px solid rgba(216,185,142,.25);border-top-color:var(--pf-gold);border-radius:50%;animation:pfDreh 1s linear infinite}
.pf-shop-layer.geladen .pf-shop-lade{display:none}
@keyframes pfDreh{to{transform:rotate(360deg)}}
@media (min-width:1024px){
	.pf-shop-layer{inset:0 0 0 auto;width:min(560px,100%);border-left:1px solid rgba(216,185,142,.35)}
	.pf-shop-layer[open]{animation:pfLayerRein .35s cubic-bezier(.2,.7,.2,1)}
	@keyframes pfLayerRein{from{opacity:0}to{opacity:1}}
}
.pf-shop-layer iframe{background:#0d0506}

/* ===== 0.3.5 – Dinner & Show ===== */
.pf-dinner{position:relative;padding:0}
.pf-dinner-bild{margin:0;height:min(62svh,480px);overflow:hidden;
	-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 16%,#000 58%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0%,#000 16%,#000 58%,transparent 100%)}
.pf-dinner-bild img{width:100%;height:100%;object-fit:cover;object-position:50% 60%;display:block}
.pf-dinner-text{position:relative;margin-top:-110px;padding:0 22px;display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.pf-dinner-text h2{font-size:38px;line-height:1.06;margin:0;text-wrap:balance;text-shadow:0 2px 18px rgba(0,0,0,.6)}
.pf-dinner-text>p{font-size:16.5px;line-height:1.7;color:var(--pf-puder);margin:6px 0 4px}
.pf-dinner-extras{list-style:none;margin:6px 0 10px;padding:0;width:100%;display:flex;flex-direction:column}
.pf-dinner-extras li{display:flex;flex-direction:column;gap:2px;padding:14px 0;border-top:1px solid rgba(216,185,142,.22)}
.pf-dinner-extras li:last-child{border-bottom:1px solid rgba(216,185,142,.22)}
.pf-dx-name{font-family:var(--pf-fd);font-weight:600;font-synthesis:none;font-size:23px;line-height:1.15;color:var(--pf-gold)}
.pf-dx-info{font-size:15px;line-height:1.55;color:var(--pf-puder)}
.pf-dinner-text .pf-klein{margin:4px 0 12px}
@media (min-width:1024px){
	.pf .pf-dinner{width:100%;max-width:none;display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:center;min-height:min(92vh,860px)}
	.pf-dinner-bild{grid-column:1;grid-row:1;height:min(92vh,860px);
		-webkit-mask-image:linear-gradient(270deg,transparent 0%,#000 36%),linear-gradient(180deg,transparent 0%,#000 16%,#000 74%,transparent 100%);
		mask-image:linear-gradient(270deg,transparent 0%,#000 36%),linear-gradient(180deg,transparent 0%,#000 16%,#000 74%,transparent 100%);
		-webkit-mask-composite:source-in;mask-composite:intersect}
	.pf-dinner-text{grid-column:2;grid-row:1;margin:0;padding:0 var(--pf-rand) 0 clamp(36px,3.6vw,72px);max-width:none;box-sizing:border-box}
	.pf-dinner-text>*{max-width:720px}
	.pf-dinner-text h2{font-size:clamp(46px,4.2vw,72px)}
	.pf-dinner-text>p{font-size:18px}
	.pf-dinner-extras li{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(0,1.2fr);gap:28px;align-items:baseline}
	.pf-dx-name{font-size:26px}
}
.pf-dinner-ohne{margin:18px 0 0;padding:14px 0 0;border-top:1px solid rgba(216,185,142,.22);font-size:15px;line-height:1.6;color:var(--pf-puder);width:100%}
.pf-dinner-ohne a{color:var(--pf-gold);font-weight:600}

/* ===== 0.3.6 – Cookie-Banner (Borlabs): Textbereich begrenzen, Knöpfe immer sichtbar =====
   Ohne min-height:0 wuchs der Hauptbereich über die volle Textlänge und schob die Knöpfe aus dem Bild. */
#BorlabsCookieBox .brlbs-cmpnt-dialog-bar>div:not(.brlbs-cmpnt-close-button){min-height:0!important}
#BorlabsCookieBox .brlbs-cmpnt-dialog-bar-entrance{min-height:0!important;overflow:hidden}
#BorlabsCookieBox .brlbs-cpmnt-dialog-bar-main{min-height:0!important;flex:1 1 auto!important;overflow:hidden!important}
#BorlabsCookieBox .brlbs-cmpnt-dialog-bar-content{min-height:0!important}

/* ===== 0.3.7 – Feedback mobil (Hendrik, 27.09.) ===== */
/* Mehr Luft zwischen PULVERFASS-Schriftzug und Motto-Zeile */
.pf-motto .pf-motto-zeile{margin-top:44px}
@media (min-width:1024px){.pf-motto .pf-motto-zeile{margin-top:48px}}
/* Seitliches Einblenden ohne Schnittkante: weich aus der Unschärfe, kleiner Versatz nach innen (nie über den Rand) */
/* Richtung über den Ankerpunkt der Skalierung, damit nichts über den Bildschirmrand ragt */
.rv-l{transform-origin:left center}
.rv-r{transform-origin:right center}
@keyframes rvleft{from{opacity:0;transform:scale(.965);filter:blur(7px)}to{opacity:1;transform:none;filter:none}}
@keyframes rvright{from{opacity:0;transform:scale(.965);filter:blur(7px)}to{opacity:1;transform:none;filter:none}}
.pf-kap-text .pf-kap-ausblick{font-family:var(--pf-fd);font-weight:600;font-synthesis:none;font-size:24px;line-height:1.25;color:var(--pf-gold);margin-top:8px}
@media (min-width:1024px){.pf-kap-text .pf-kap-ausblick{font-size:30px}}
/* vibe-Kasse (Overlay von plugin.js): mobil bildschirmfüllend – ohne das Scrollen zu blockieren.
   vibe setzt die iframe-Höhe selbst (auch länger als der Bildschirm) und scrollt #MyEvent außen; wir nehmen nur
   den 30-px-Rand weg, geben eine Mindesthöhe und einen dunklen Hintergrund, damit unten kein Streifen bleibt. */
@media (max-width:767px){
	html body #MyEvent{background:#0d0506!important;padding:0!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch}
	html body iframe#MyEventWrapper{margin:44px 0 0!important;width:100%!important;max-width:none!important;max-height:none!important;min-height:calc(100vh - 44px)!important;min-height:calc(100dvh - 44px)!important;display:block}
	html body #BgdOverlay{background:#0d0506!important;opacity:1!important}
}

/* Gutschein-Layer: kein blauer Fokusrahmen am Schließen-Kreuz */
.pf-shop-zu:focus{outline:none}
.pf-shop-zu:focus-visible{outline:1px solid var(--pf-gold);outline-offset:3px}
/* Lade-Kreisel bleibt sichtbar, bis der vibe-Shop seinen dunklen Hintergrund zeichnet (iframe transparent darüber) */
.pf-shop-layer iframe{background:transparent!important;opacity:1!important;position:relative;z-index:1}
.pf-shop-layer .pf-shop-lade,.pf-shop-layer.geladen .pf-shop-lade{display:block!important;z-index:0}
/* Ticket-Kasse: beim Laden dunkel statt weiß */
html body iframe#MyEventWrapper{background-color:#0d0506!important}
/* iPhone: eingebettete Fenster wachsen auf Inhaltshöhe – der Layer selbst muss dann scrollen können */
.pf-shop-layer[open]{overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
/* Puderdose mit Dosenboden: SVG ist jetzt 180×262 */
.oc,.oc .fr{height:262px}

/* =====================================================================
   0.3.14 – Desktop: Bildlogo mittig in der Kopfleiste (Hendrik), Links links/rechts symmetrisch
   ===================================================================== */
.pf-kopf-links{display:flex;align-items:center}
@media (min-width:1024px){
	.pf-kopf{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:44px;align-items:center}
	.pf-kopf-links{gap:24px;min-width:0}
	.pf-kopf-logo{position:static;transform:none;order:0;justify-self:center}
	.pf-kopf-logo img{width:60px;height:57px}
	.pf-kopf-rechts{margin-left:0;min-width:0;align-items:center}
	.pf-kopf-nav{gap:34px;flex:1}
	.pf-kopf-nav-l{justify-content:flex-end}
	.pf-kopf-nav-r{justify-content:flex-start;margin-right:12px}
	.pf .pf-kopf-nav a:nth-child(n+5){display:inline}
}
/* Intro auf Desktop: Spot fällt senkrecht von oben mittig auf das Logo; beim Ende zieht der zurückweichende Kegel das Logo gerade nach oben in die Mitte der Kopfleiste */
@media (min-width:1024px){
	.pf-intro-licht{--ox:50%;--oy:-8%}
	.pf-intro-spot{background:conic-gradient(from 167deg at 50% -8%,rgba(255,226,180,0) 0deg,rgba(255,228,186,.24) 5deg,rgba(255,238,210,.5) 13deg,rgba(255,228,186,.24) 21deg,rgba(255,226,180,0) 26deg,rgba(255,226,180,0) 360deg);-webkit-mask-image:radial-gradient(circle at 50% -8%,#000 0,#000 52%,transparent 78%);mask-image:radial-gradient(circle at 50% -8%,#000 0,#000 52%,transparent 78%)}
}
@media (min-width:1024px) and (max-width:1199px){
	.pf-kopf{gap:28px}
	.pf-kopf-nav{gap:24px}
	.pf .pf-kopf-nav a:nth-child(n+2){display:none}
}

/* =====================================================================
   0.3.15 – Social-Media-Kanäle und Newsletter „Backstage-Post“ (Mailchimp)
   ===================================================================== */
.pf-sozial{list-style:none;margin:0;padding:0;display:flex;justify-content:center;gap:6px}
.pf-sozial a{display:flex;align-items:center;justify-content:center;width:44px;height:44px;color:var(--pf-gold);border-radius:50%;transition:color .3s ease,background-color .3s ease}
.pf-sozial a:hover{color:var(--pf-creme);background:rgba(216,185,142,.1)}
.pf-sozial-menu{margin-top:4px}
.pf-nl{width:100%;max-width:560px;margin:10px auto 22px;padding:32px 24px 26px;text-align:center;position:relative;background:radial-gradient(ellipse at 50% 0,rgba(216,185,142,.1),transparent 70%)}
.pf-nl::before{content:"";position:absolute;inset:0;border:1px solid rgba(216,185,142,.28);-webkit-mask-image:linear-gradient(180deg,#000,rgba(0,0,0,.25));mask-image:linear-gradient(180deg,#000,rgba(0,0,0,.25));pointer-events:none}
.pf-nl .pf-eyebrow{color:var(--pf-gold)}
.pf-nl-titel{font-size:34px;line-height:1.05;margin:8px 0 10px;color:var(--pf-creme)}
.pf-nl-lead{font-size:16px;line-height:1.55;color:var(--pf-puder);margin:0 auto 20px;max-width:30em}
.pf-nl-felder{display:flex;flex-direction:column;gap:12px;text-align:left}
.pf-nl-feld{display:flex;flex-direction:column;gap:6px}
.pf-nl-feld span{font-size:11px;letter-spacing:2.2px;text-transform:uppercase;color:var(--pf-gold);font-weight:600}
.pf-nl-feld input{height:50px;padding:0 14px;background:rgba(0,0,0,.35);border:1px solid rgba(216,185,142,.35);border-radius:0;color:var(--pf-creme);font:inherit;font-size:16px;transition:border-color .25s ease,box-shadow .25s ease}
.pf-nl-feld input:focus{outline:none;border-color:var(--pf-gold);box-shadow:0 0 0 3px rgba(216,185,142,.16)}
.pf-nl-honig{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.pf-nl .pf-knopf{margin-top:4px}
.pf-nl-form.laedt .pf-knopf{opacity:.6;pointer-events:none}
.pf-nl-hinweis{font-size:12.5px;line-height:1.55;color:var(--pf-rauch);margin:14px 0 0}
.pf-nl-hinweis a{color:var(--pf-rauch);text-decoration:underline}
.pf-nl-status{min-height:0;margin:0;font-size:15px;line-height:1.5}
.pf-nl-status:not(:empty){margin-top:14px}
.pf-nl-status.ist-ok{color:var(--pf-creme)}
.pf-nl-status.ist-fehler{color:#F08C9A}
.pf-nl-form.fertig .pf-nl-felder,.pf-nl-form.fertig .pf-nl-hinweis{display:none}
.pf-nl-form.fertig .pf-nl-status{font-family:var(--pf-fd);font-size:22px;color:var(--pf-gold);margin-top:6px}
@media (min-width:768px){
	.pf-nl{max-width:820px;padding:44px 48px 36px}
	.pf-nl-titel{font-size:44px}
	.pf-nl-felder{flex-direction:row;align-items:flex-end}
	.pf-nl-feld{flex:1}
	.pf-nl-feld:first-child{flex:.75}
	.pf-nl .pf-knopf{width:auto;flex:none;margin:0;min-height:50px}
}
.pf-nl-status{-webkit-hyphens:none;hyphens:none}

/* 0.3.18 – Faktenleiste: mobil 3 Einträge, Desktop 6 über die volle Breite beider Spalten (Hendrik) */
.pf-fakt-desk{display:none!important}
@media (min-width:1024px){
	.pf-fakt-desk{display:flex!important}
	.pf-motto .pf-fakten{grid-column:1 / -1;grid-row:4;max-width:none;width:100%;grid-template-columns:repeat(6,minmax(0,1fr));margin-top:64px;padding-top:34px}
	.pf-motto .pf-motto-text{grid-row:1 / span 3}
	.pf-fakten>div{justify-content:flex-end;padding:0 10px}
	.pf-fakten dt{line-height:1.6;max-width:15em}
	.pf-fakten dt span{display:block}
}

/* 0.3.19 – Bildlogo immer nach den Lippen ausrichten (Hendrik): Lippenmitte liegt bei 61,3 % der Logobreite → 11,3 % nach links */
.pf-intro-bild,.pf-kopf-logo img{translate:-11.3% 0}
/* Intro-Schriftzug größer (Hendrik 27.09.) */
.pf-intro-wort{width:240px;height:121px;margin-top:10px}
@media (min-width:1024px){.pf-intro-wort{width:290px;height:147px}}
/* Rechtstexte: offene Stellen sichtbar markieren (nur bis zur Freigabe) */
.pf-offen{background:rgba(228,86,106,.18);color:#F4B3BD;padding:0 4px}
.pf-stand{font-size:14px;color:var(--pf-rauch);margin-top:2.4em}
/* 0.3.23 – Borlabs-Einstellungsfenster im Pulverfass-Look (Hendrik): Borlabs-Variablen überschreiben, keine Änderung an den Borlabs-Einstellungen */
#BorlabsCookieBox{
	--dialog-background-color:#0A0607;--dialog-backdrop-background-color:#000;
	--dialog-card-background-color:#140A0C;--dialog-card-text-color:#E9D6C4;--dialog-card-separator-color:rgba(195,154,74,.25);
	--dialog-card-control-element-color:#C39A4A;--dialog-card-control-element-color-hover:#D8B98E;
	--dialog-control-element-color:#C39A4A;--dialog-control-element-color-hover:#D8B98E;
	--dialog-checkbox-background-color-active:#C39A4A;--dialog-checkbox-border-color-active:#C39A4A;--dialog-checkbox-check-mark-color-active:#140A0C;
	--dialog-checkbox-background-color-inactive:transparent;--dialog-checkbox-border-color-inactive:rgba(216,185,142,.7);
	--dialog-checkbox-background-color-disabled:rgba(195,154,74,.35);--dialog-checkbox-border-color-disabled:rgba(195,154,74,.35);--dialog-checkbox-check-mark-color-disabled:#E9D6C4;
	--dialog-footer-background-color:#0A0607;--dialog-footer-text-color:#C39A4A;
	--dialog-link-primary-color:#C39A4A;--dialog-link-primary-color-hover:#D8B98E;--dialog-link-secondary-color:#C9AE97;--dialog-link-secondary-color-hover:#D8B98E;
	--dialog-list-item-background-color-even:#140A0C;--dialog-list-item-background-color-odd:#1A0D10;--dialog-list-item-text-color-even:#E9D6C4;--dialog-list-item-text-color-odd:#E9D6C4;
	--dialog-list-item-control-element-color:#C39A4A;--dialog-list-item-control-element-color-hover:#D8B98E;--dialog-list-item-control-element-separator-color:rgba(195,154,74,.25);--dialog-list-item-separator-color:rgba(195,154,74,.18);
	--dialog-separator-color:rgba(195,154,74,.3);
	--dialog-search-bar-input-background-color:rgba(0,0,0,.35);--dialog-search-bar-input-border-color-default:rgba(216,185,142,.35);--dialog-search-bar-input-border-color-focus:#C39A4A;--dialog-search-bar-input-text-color:#FFF4E2;
	--dialog-switch-button-background-color-active:#C39A4A;--dialog-switch-button-background-color-inactive:rgba(216,185,142,.3);
	--dialog-button-selection-color:transparent;--dialog-button-selection-color-hover:rgba(195,154,74,.12);--dialog-button-selection-text-color:#C39A4A;--dialog-button-selection-text-color-hover:#D8B98E;
	--dialog-button-accept-all-color:#C39A4A;--dialog-button-accept-all-color-hover:#D8B98E;--dialog-button-accept-all-text-color:#140A0C;--dialog-button-accept-all-text-color-hover:#140A0C;
	--dialog-button-accept-only-essential-color:#C39A4A;--dialog-button-accept-only-essential-color-hover:#D8B98E;--dialog-button-accept-only-essential-text-color:#140A0C;--dialog-button-accept-only-essential-text-color-hover:#140A0C;
	--dialog-button-save-consent-color:transparent;--dialog-button-save-consent-color-hover:rgba(195,154,74,.12);--dialog-button-save-consent-text-color:#C39A4A;--dialog-button-save-consent-text-color-hover:#D8B98E;
	--dialog-button-preferences-color:transparent;--dialog-button-preferences-text-color:#C39A4A;--dialog-button-close-color:transparent;--dialog-button-close-text-color:#C39A4A
}
#BorlabsCookieBox .brlbs-cmpnt-dialog-details{color:#E9D6C4!important;font-family:Jost,Futura,sans-serif!important}
#BorlabsCookieBox .brlbs-cmpnt-dialog-details .brlbs-text-2xl{font-family:"Pulverfass Display",Federo,Didot,serif!important;font-weight:600!important;font-synthesis:none;color:#FFF4E2!important;letter-spacing:.3px}
#BorlabsCookieBox .brlbs-cmpnt-dialog-details-description,#BorlabsCookieBox .brlbs-cmpnt-dialog-details-description *{color:#D9C7B4!important}
#BorlabsCookieBox .brlbs-cmpnt-card{border-radius:0!important;border:1px solid rgba(195,154,74,.28)!important;box-shadow:none!important;background:#140A0C!important;color:#E9D6C4!important}
#BorlabsCookieBox .brlbs-cmpnt-card *{color:inherit}
#BorlabsCookieBox .brlbs-cmpnt-card .brlbs-cmpnt-accordion-toggle{color:#C39A4A!important}
#BorlabsCookieBox .brlbs-cmpnt-tab-bar{border-color:rgba(195,154,74,.3)!important}
#BorlabsCookieBox .brlbs-cmpnt-tab{border-radius:0!important;background:transparent!important;color:#C9AE97!important;border:1px solid rgba(195,154,74,.3)!important;font-size:12px!important;letter-spacing:.8px}
#BorlabsCookieBox .brlbs-cmpnt-tab-active{background:#C39A4A!important;color:#140A0C!important;border-color:#C39A4A!important;font-weight:600}
#BorlabsCookieBox .brlbs-cmpnt-btn-selection{background:transparent!important;color:#C39A4A!important;box-shadow:inset 0 0 0 1px rgba(195,154,74,.7)!important;min-height:36px!important}
#BorlabsCookieBox .brlbs-btn-save{background:transparent!important;color:#C39A4A!important;box-shadow:inset 0 0 0 1px rgba(195,154,74,.7)!important}
#BorlabsCookieBox .brlbs-cmpnt-dialog-details .brlbs-cmpnt-link{color:#C39A4A!important}
#BorlabsCookieBox .brlbs-cmpnt-dialog-details table,#BorlabsCookieBox .brlbs-cmpnt-dialog-details th,#BorlabsCookieBox .brlbs-cmpnt-dialog-details td{color:#E9D6C4!important;border-color:rgba(195,154,74,.2)!important}
@media (max-width:767px){#BorlabsCookieBox .brlbs-cmpnt-dialog.brlbs-cmpnt-dialog-details{margin:0!important}}

/* 0.3.31 – Show-Seiten: offizieller Show-Text („Die Show“) */
.pf-show-story .pf-sek-kopf{text-align:left}
.pf-show-story-text{max-width:680px}
.pf-show-story-text p{font-size:17px;line-height:1.75;color:var(--pf-puder);margin:0 0 1.1em}
.pf-show-story-text .pf-show-story-erst{font-size:19px;line-height:1.65;color:var(--pf-creme)}
.pf-show-cta-unten{margin-top:10px;max-width:420px}
@media (min-width:1024px){
	.pf .pf-show-story{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);column-gap:clamp(48px,6vw,110px);align-items:start;max-width:1240px}
	.pf-show-story .pf-sek-kopf{position:sticky;top:130px}
	.pf-show-story-text{grid-column:2;grid-row:1 / span 2;max-width:none}
	.pf-show-story-text p{font-size:18.5px}
	.pf-show-story-text .pf-show-story-erst{font-size:22px}
	.pf-show-cta-unten{grid-column:1;grid-row:2}
}
.pf-show-story-text,.pf-show-cta-unten{padding:0 22px}
.pf-show-cta-unten .pf-knopf{white-space:nowrap}
@media (min-width:1024px){
	.pf-show-story-text{padding:0}
	.pf-show-cta-unten{padding:0;justify-self:start;max-width:none}
	.pf-show-story .pf-sek-kopf,.pf-show-cta-unten{padding-left:0}
}

/* 0.3.31 – Show-Seiten: offizieller Showbanner aus vibe (Querformat, Schrift im Bild → nie beschneiden).
   Scharfes Banner vorn, dieselbe Grafik weich und warm als Bühnenlicht dahinter – keine harten Kanten. */
.pf-sk.pf-sk-banner{padding:calc(var(--pf-kopf) + 14px) 22px 26px}
.pf-banner-rahmen{position:relative;margin:0 -22px;isolation:isolate}
.pf-banner-glut{position:absolute;inset:-12% -8% -20%;width:116%;height:132%;object-fit:cover;filter:blur(38px) saturate(1.25);opacity:.55;z-index:-1;pointer-events:none;-webkit-mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 25%,transparent 100%);mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 25%,transparent 100%)}
.pf-banner{display:block;width:100%;height:auto;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 7%,#000 82%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 7%,#000 82%,transparent 100%)}
.pf-sk-banner .pf-sk-text{margin-top:18px}
.pf-sk-banner .pf-sk-titel{font-size:40px}
@media (min-width:1024px){
	.pf-sk.pf-sk-banner{padding:calc(var(--pf-kopf) + 48px) var(--pf-rand) 40px;align-items:center;text-align:center}
	.pf-banner-rahmen{margin:0 calc(var(--pf-rand) * -1);align-self:stretch;display:flex;justify-content:center}
	.pf-banner-glut{inset:-18% 0 -26%;width:100%;height:144%;opacity:.72;-webkit-mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 20%,transparent 100%);mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 20%,transparent 100%)}
	.pf-banner{width:min(1100px,72vw,calc((100svh - 330px) * 1.6));border-radius:0;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%),linear-gradient(180deg,transparent 0,#000 8%,#000 86%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%),linear-gradient(180deg,transparent 0,#000 8%,#000 86%,transparent 100%);mask-composite:intersect}
	.pf-sk-banner .pf-sk-text{margin-top:26px;align-items:center;max-width:780px}
	.pf-sk-banner .pf-sk-titel{font-size:clamp(48px,4.2vw,72px)}
	.pf-sk-banner .liner{margin-inline:auto}
	.pf-sk-banner + .pf-show-cta{justify-content:center}
}

/* 0.3.31 – Show-Karten (Idee Hendrik): Hochkant-Karte mit Goldrahmen, oben der Showbanner, darunter die Infos.
   Banner nie beschnitten (Schrift im Bild): einheitliche Bildfläche, der Banner selbst weich als Licht dahinter. */
.pf .pf-showkarte{position:relative;width:262px;gap:0;align-items:stretch;border-radius:18px;overflow:hidden;background:linear-gradient(180deg,rgba(40,12,16,.92),rgba(18,6,8,.96));box-shadow:0 0 26px rgba(195,154,74,.12),0 18px 34px rgba(0,0,0,.5)}
.pf .pf-showkarte::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(216,185,142,.6);pointer-events:none;z-index:2}
.pf-showbanner{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:3/2;overflow:hidden;background:#140608;isolation:isolate}
.pf-showbanner-glut{position:absolute;inset:-20%;width:140%;height:140%;object-fit:cover;filter:blur(18px) saturate(1.2);opacity:.6;z-index:-1}
.pf-showbanner img.zoom-in{position:relative;display:block;width:100%;height:100%;object-fit:contain;transition:transform .8s ease}
.pf-showbanner.ohne-banner img.zoom-in{object-fit:cover}
.pf-showbanner::after{content:"";position:absolute;left:0;right:0;bottom:0;height:22%;background:linear-gradient(180deg,transparent,rgba(40,12,16,.92));pointer-events:none}
.pf-showbanner .pf-badge{bottom:10px;z-index:1}
.pf-showkarte:hover .pf-showbanner img.zoom-in{transform:scale(1.03)}
.pf-showkarte-info{flex:1;display:flex;flex-direction:column;align-items:center;gap:10px;padding:12px 18px 22px;text-align:center}
.pf-showkarte-info .pf-showtitel{font-size:24px}
.pf-showkarte-info .pf-showkarte-knoepfe{margin-top:auto;padding-top:10px}
@media (min-width:1024px){
	.pf .pf-showkarte{width:300px}
	.pf-showkarte-info .pf-showtitel{font-size:28px}
	.pf-showliste .pf-showkarte{width:auto}
}

/* 0.3.38 – Hinweis „Also available in English“ für Browser, die nicht auf Deutsch eingestellt sind */
.pf-sprachhinweis{position:fixed;z-index:60;left:50%;top:calc(var(--pf-kopf) + 10px);transform:translate(-50%,-8px);opacity:0;transition:opacity .5s ease,transform .5s ease;display:flex;align-items:center;gap:12px;padding:8px 8px 8px 16px;max-width:calc(100vw - 32px);box-sizing:border-box;background:rgba(20,6,8,.88);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:inset 0 0 0 1px rgba(216,185,142,.45),0 10px 30px rgba(0,0,0,.45);color:var(--pf-creme);font-size:14px;white-space:nowrap}
.pf-sprachhinweis.ist-da{opacity:1;transform:translate(-50%,0)}
.pf-sprachhinweis .pf-knopf{min-height:36px;padding:0 16px;font-size:12px}
.pf-sprachhinweis button{background:none;border:0;color:var(--pf-puder);font-size:22px;line-height:1;width:36px;height:36px;cursor:pointer}
@media (max-width:380px){.pf-sprachhinweis span:first-child{font-size:13px}}

/* 0.3.41 – Barrierefreiheit: scrollbare Reihen per Tastatur erreichbar, sichtbarer Fokus */
.pf-slider[tabindex]:focus{outline:none}
.pf-slider[tabindex]:focus-visible{outline:1px solid rgba(216,185,142,.7);outline-offset:4px}

/* 0.3.43 – Saalplan auf „Shows & Tickets“: Kategorien antippen → Fläche im Plan leuchtet */
.pf-kat-liste li{padding:0}
.pf-kat-liste button{all:unset;box-sizing:border-box;width:100%;display:flex;flex-direction:column;align-items:center;gap:6px;padding:22px 8px;cursor:pointer;text-align:center;transition:background .3s ease}
.pf-kat-liste button:focus-visible{outline:1px solid var(--pf-gold);outline-offset:3px}
.pf-kat-liste button[aria-pressed="true"]{background:rgba(216,185,142,.14)}
.pf-kat-liste button[data-k="diamant"] .pf-kat-name{color:#E7C878}
.pf-kat-liste button[data-k="strass"] .pf-kat-name{color:#A9CBE6}
.pf-kat-liste button[data-k="paillette"] .pf-kat-name{color:#E48CBC}
.pf-saal-wrap{display:grid;gap:22px;padding:26px 22px 0}
.pf-saal-plan .pft-saalplan{margin:0}
.pf-saal-plan .pft-saal{max-width:420px}
.pf-saal-plan figcaption{color:var(--pf-puder);font-family:var(--pf-fb)}
.pf-platzierung h3{font-family:var(--pf-fd);font-weight:400;font-size:24px;margin:0 0 10px;color:var(--pf-creme)}
.pf-platzierung p{margin:0 0 12px;font-size:16px;line-height:1.65;color:var(--pf-puder)}
.pf-platzierung a{color:var(--pf-gold)}
@media (min-width:1024px){
	.pf-kat-liste button{padding:38px 12px}
	.pf-saal-wrap{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:56px;padding:40px 22px 0}
	.pf-platzierung h3{font-size:30px}
	.pf-platzierung p{font-size:18px}
}
.pf-platzierung a[href^="tel"]{white-space:nowrap}

/* 0.3.50 – Merch-Karten (Séparée 147) auf der Geschenke-Seite */
.pf-merch-wrap{padding:30px 22px 0;max-width:1040px;margin:0 auto}
.pf .pf-merch{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.pf-merch-karte{display:flex;flex-direction:column;gap:6px;color:var(--pf-creme);text-decoration:none}
.pf-merch-bild{display:block;aspect-ratio:3/4;border-radius:18px;overflow:hidden;background:rgba(6,3,4,.35);box-shadow:inset 0 0 0 1px rgba(216,185,142,.45)}
.pf-merch-bild img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.pf-merch-karte:hover .pf-merch-bild img,.pf-merch-karte:focus-visible .pf-merch-bild img{transform:scale(1.04)}
.pf-merch-karte:focus-visible{outline:2px solid var(--pf-gold);outline-offset:4px;border-radius:18px}
.pf-merch-name{font-size:14px;line-height:1.35;color:var(--pf-creme);margin-top:4px}
.pf-merch-preis{font-size:13px;color:var(--pf-gold)}
.pf-merch-hinweis{font-size:12px;color:var(--pf-puder);opacity:.75;margin:14px 0 0}
@media (max-width:560px){.pf .pf-merch{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.pf-merch-name{font-size:12.5px}.pf-merch-bild{border-radius:12px}}

/* 0.3.51 – Reisegruppen-Pakete (Gruppenseite) */
.pf-pakete{display:grid;gap:16px;padding:0 22px;margin:6px 0 14px}
.pf-paket{border-radius:26px;background:rgba(6,3,4,.35);box-shadow:inset 0 0 0 1px rgba(216,185,142,.55);padding:22px 22px 18px}
.pf-paket-kopf{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.pf-paket-name{font-family:var(--pf-fd);font-size:28px;line-height:1.1}
.pf-paket-preis{font-family:var(--pf-fd);font-size:26px;color:var(--pf-creme);white-space:nowrap}
.pf-paket-preis small{font-family:var(--pf-fb);font-size:12px;letter-spacing:1.6px;text-transform:uppercase;color:var(--pf-gold);margin-left:4px}
.pf-paket ul{margin:0;padding:0;list-style:none;display:grid;gap:6px}
.pf-paket li{position:relative;padding-left:22px;font-size:15px;line-height:1.5;color:var(--pf-puder)}
.pf-paket li::before{content:"";position:absolute;left:2px;top:.62em;width:9px;height:9px;transform:rotate(45deg);background:var(--pf-gold)}
.pf-pakete-extra{padding:0 22px;margin:0 0 18px;color:var(--pf-puder)}
@media (min-width:760px){.pf-pakete{grid-template-columns:1fr 1fr;gap:24px}.pf-paket{padding:30px 30px 24px}.pf-paket-name{font-size:34px}}

/* 0.3.52 – Speise- und Getränkekarte als Seiteninhalt (Bar & Restaurant, #karte) */
.pf .pf-karte{max-width:1040px;width:100%;scroll-margin-top:var(--pf-kopf)}
.pf-karte-nav{position:sticky;top:var(--pf-kopf);z-index:5;display:flex;flex-direction:column;gap:8px;padding:10px 0;margin:4px 0 10px;background:linear-gradient(180deg,rgba(8,4,5,.96),rgba(8,4,5,.88));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid rgba(216,185,142,.18);border-bottom:1px solid rgba(216,185,142,.18)}
.pf-karte-nav-zeile{display:flex;align-items:center;gap:8px;overflow-x:auto;scrollbar-width:none;padding:0 22px}
.pf-karte-nav-zeile::-webkit-scrollbar{display:none}
.pf-karte-nav a{flex:none;padding:7px 14px;border-radius:999px;font-size:12.5px;letter-spacing:.6px;color:var(--pf-puder);text-decoration:none;box-shadow:inset 0 0 0 1px rgba(216,185,142,.4);white-space:nowrap}
.pf-karte-nav a:hover,.pf-karte-nav a:focus-visible,.pf-karte-nav a.is-on{color:#1A0E10;background:var(--pf-gold);box-shadow:none}
.pf-karte-nav-gruppe{flex:none;width:84px;font-size:10.5px;letter-spacing:2.2px;text-transform:uppercase;color:var(--pf-gold);font-weight:600}
.pf-karte-gruppe{padding:10px 22px 0}
.pf-karte-gruppe-titel{font-family:var(--pf-fd);font-size:40px;line-height:1.1;margin:26px 0 6px;text-align:center}
.pf-karte-kapitel{padding:18px 0 8px;border-top:1px solid rgba(216,185,142,.2);scroll-margin-top:calc(var(--pf-kopf) + 110px)}
.pf-karte-kapitel-kopf h4{font-family:var(--pf-fd);font-size:28px;line-height:1.15;color:var(--pf-creme);margin:0 0 4px;font-weight:600}
.pf-karte-intro{font-style:italic;font-size:14.5px;line-height:1.55;color:var(--pf-rauch);margin:0 0 10px;max-width:640px}
.pf .pf-karte-liste{list-style:none;margin:0;padding:0;display:grid;gap:0}
.pf-karte-liste li{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:16px;row-gap:3px;padding:12px 0;border-bottom:1px dashed rgba(216,185,142,.16)}
.pf-karte-liste li:last-child{border-bottom:0}
.pf-karte-name{font-size:16px;line-height:1.35;color:var(--pf-creme);font-weight:400}
.pf-karte-preise{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:2px 14px;font-family:var(--pf-fd);font-size:18px;color:var(--pf-gold);white-space:nowrap;text-align:right}
.pf-karte-preise small{font-family:var(--pf-fb);font-size:11px;letter-spacing:.5px;color:var(--pf-rauch);margin-right:2px}
.pf-karte-desc{grid-column:1/-1;font-size:13.5px;line-height:1.5;color:var(--pf-puder);opacity:.85}
.pf-karte-fuss,.pf-karte-pdf{padding:0 22px;text-align:center;color:var(--pf-puder);opacity:.8}
.pf-karte-pdf{margin:6px auto 0}
@media (min-width:900px){
	.pf-karte-nav-zeile{justify-content:center;flex-wrap:wrap;overflow:visible}
	.pf-karte-gruppe{display:grid;grid-template-columns:1fr 1fr;column-gap:56px;padding:10px 48px 0}
	.pf-karte-gruppe-titel{grid-column:1/-1}
	.pf-karte-gruppe-titel{font-size:52px}
}

/* ---------- 0.3.53: Gesichter mit Namen, Artist-Seiten, Galerien, Trailer, Neu, Faktenzeile ---------- */
a.pf-gesicht{text-decoration:none;color:inherit;padding-top:26px;-webkit-tap-highlight-color:transparent}
a.pf-gesicht .oc{display:block}
.oc .pf-dose-name{position:absolute;left:0;top:0;width:180px;height:262px;overflow:visible;z-index:1;pointer-events:none}
.pf-dose-name text{font-family:var(--pf-fd);font-size:13px;letter-spacing:2.6px;fill:#D8B98E;paint-order:stroke;stroke:#0B0607;stroke-width:3px;stroke-linejoin:round}
a.pf-gesicht:hover .pf-dose-name text,a.pf-gesicht:focus-visible .pf-dose-name text{fill:#FFF4E2}
a.pf-gesicht:focus-visible{outline:none}
a.pf-gesicht:focus-visible .oc{outline:1px solid var(--pf-gold);outline-offset:8px;border-radius:50% 50% 12px 12px}
.pf-gesichter-mehr{text-align:center;margin:34px 0 0;font-size:14px;letter-spacing:.3px}
.pf-gesichter-mehr a,.pf-artist-kopf .pf-eyebrow a{color:var(--pf-gold);text-underline-offset:4px}
.pf-artists-hinweis{max-width:640px;margin:26px auto 0;padding:0 22px;text-align:center;font-size:14px;color:var(--pf-rauch)}
.pf-artists-alle .facesrow{padding-top:36px}

.pf-artist-kopf{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:calc(var(--pf-kopf) + 28px) 22px 10px}
.pf-artist-kopf .pf-sk-text{max-width:640px}
.pf-artist-dose .oc{width:180px;height:262px}
.pf-artist-dose .oc .ph{opacity:1!important;filter:none!important}
.pf-artist-satz{margin:12px 0 0;color:var(--pf-puder)}
.pf-artist-insta{margin:18px 0 0}
.pf-artist-insta a{display:inline-flex;align-items:center;gap:8px;color:var(--pf-gold);text-decoration:none;font-size:15px;letter-spacing:.4px;padding:8px 16px;border-radius:999px;box-shadow:inset 0 0 0 1px rgba(216,185,142,.45)}
.pf-artist-insta a:hover{color:var(--pf-creme);box-shadow:inset 0 0 0 1px rgba(216,185,142,.9)}

.pf-galerie{align-items:center}
.pf-galerie-bild{flex:0 0 auto;display:block;height:340px;border-radius:14px;overflow:hidden;scroll-snap-align:center;box-shadow:0 18px 40px rgba(0,0,0,.55),inset 0 0 0 1px rgba(216,185,142,.2)}
.pf-galerie-bild img{height:100%;width:auto;display:block;object-fit:cover;transition:transform .6s ease}
.pf-galerie-bild:hover img{transform:scale(1.03)}
@media (min-width:1024px){.pf-galerie-bild{height:420px}}
.pf-galerie-quelle{text-align:center;font-size:13px;color:var(--pf-rauch);margin:20px 22px 0}
.pf-gross{padding:0;border:0;background:transparent;max-width:96vw;max-height:94vh;overflow:visible}
.pf-gross::backdrop{background:rgba(5,2,3,.92)}
.pf-gross img{display:block;max-width:96vw;max-height:86vh;width:auto;height:auto;border-radius:10px}
.pf-gross figcaption{color:var(--pf-puder);font-size:14px;text-align:center;margin-top:10px}
.pf-gross button{position:fixed;top:14px;right:14px;width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,244,226,.12);color:var(--pf-creme);font-size:26px;line-height:1;cursor:pointer}
.pf-gross .pf-gross-nav{top:50%;transform:translateY(-50%)}
.pf-gross .pf-gross-vor{right:14px}
.pf-gross .pf-gross-zur{left:14px;right:auto}

.pf-trailer{margin:26px auto 0;padding:0 22px;max-width:900px}
.pf-trailer video{display:block;width:100%;height:auto;border-radius:14px;background:#000;box-shadow:0 24px 50px rgba(0,0,0,.6),inset 0 0 0 1px rgba(216,185,142,.2)}
.pf-trailer-sek.hoch .pf-trailer{max-width:380px}
.pf-trailer-mehr{text-align:center;margin:22px 0 0}

.pf-neu-liste{list-style:none;margin:22px auto 0;padding:0 22px;display:grid;gap:14px;max-width:1040px}
@media (min-width:720px){.pf-neu-liste{grid-template-columns:repeat(2,1fr)}}
.pf .pf-neu{max-width:1040px}
.pf-neu-liste a{display:flex;flex-direction:column;gap:6px;height:100%;box-sizing:border-box;padding:20px 20px 22px;border-radius:14px;text-decoration:none;color:var(--pf-puder);background:linear-gradient(160deg,rgba(176,16,42,.16),rgba(12,7,8,.6));box-shadow:inset 0 0 0 1px rgba(216,185,142,.22);transition:box-shadow .3s ease,transform .3s ease}
.pf-neu-liste a:hover{box-shadow:inset 0 0 0 1px rgba(216,185,142,.7);transform:translateY(-2px)}
.pf-neu-marke{font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--pf-rose);font-weight:600}
.pf-neu-titel{font-family:var(--pf-fd);font-size:22px;color:var(--pf-creme);line-height:1.2}
.pf-neu-text{font-size:14px;line-height:1.5}
.pf-knopfreihe{display:flex;flex-wrap:wrap;gap:12px;align-items:center}

.pf-fakten-zeile{list-style:none;margin:4px 0 0;padding:0 22px;display:flex;flex-wrap:wrap;justify-content:flex-start;gap:8px;max-width:760px}
.pf-fakten-zeile li{font-size:12.5px;letter-spacing:.4px;color:var(--pf-puder);padding:6px 12px;border-radius:999px;box-shadow:inset 0 0 0 1px rgba(216,185,142,.3);white-space:nowrap}
.pf-showpreis small{display:block;font-size:12px;color:var(--pf-rauch);letter-spacing:.2px}
.pf-heute{margin:14px 0 0;font-size:13.5px;letter-spacing:.3px;color:var(--pf-creme)}
.pf-heute::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:#3FD07A;box-shadow:0 0 8px #3FD07A;margin-right:8px;vertical-align:1px}
.pf-artist-kopf .pf-sk-text{display:flex;flex-direction:column;align-items:center}
.pf-artist-dose{position:relative;width:180px;height:262px;flex:0 0 auto}
.pf-artist-dose .oc{position:relative;display:block}
.pf-artist-dose .oc .ph{opacity:1!important;filter:none!important;animation:none!important}
.pf-artist-shows{margin:14px 0 0;color:var(--pf-puder);font-size:15px}
.pf-show-cta{flex-wrap:wrap}.pf-gebuehr{flex-basis:100%;font-size:12.5px;color:var(--pf-rauch);letter-spacing:.2px;margin-top:-4px}
@media (min-width:1024px){.pf-artist-kopf{flex-direction:row;justify-content:center;text-align:left;gap:56px}.pf-artist-kopf .pf-sk-text{align-items:flex-start}}
/* 0.3.57: Seit 1973 – Collage historischer Fotos im Kopf (Hendrik 28.09.2026) */
.pf-sk-jahr{min-height:92svh}
.pf-jahr-collage{position:absolute;left:50%;top:calc(var(--pf-kopf) + 18px);width:min(84vw,400px);aspect-ratio:1/.86;transform:translateX(-50%);z-index:1}
.pf-abzug{position:absolute;display:block;padding:6px;background:#F3E6CF;box-shadow:0 22px 44px rgba(0,0,0,.72),0 0 0 1px rgba(216,185,142,.45)}
.pf-abzug img{display:block;width:100%;height:auto;filter:sepia(.3) contrast(1.05) saturate(.9)}
.pf-abzug-1{left:2%;top:8%;width:54%;transform:rotate(-7deg);z-index:2}
.pf-abzug-2{left:48%;top:0;width:47%;transform:rotate(6deg);z-index:1}
.pf-abzug-3{left:12%;top:48%;width:40%;transform:rotate(4deg);z-index:3}
.pf-abzug-4{left:52%;top:44%;width:44%;transform:rotate(-5deg);z-index:4}
.pf-sk-jahr .pf-jahr-gross{top:auto;bottom:30%;transform:translateX(-50%)}
.pf-js .pf-abzug{animation:pfAbzugIn 1.3s cubic-bezier(.2,.7,.2,1) both}
.pf-js .pf-abzug-1{animation-delay:.15s}.pf-js .pf-abzug-2{animation-delay:.35s}.pf-js .pf-abzug-3{animation-delay:.55s}.pf-js .pf-abzug-4{animation-delay:.75s}
@keyframes pfAbzugIn{from{opacity:0;translate:0 26px;scale:1.06}to{opacity:1;translate:0 0;scale:1}}
@media (min-width:1024px){.pf-jahr-collage{left:auto;right:max(40px,calc((100vw - 1240px)/2 + 20px));width:520px;top:calc(var(--pf-kopf) + 40px);transform:none}.pf-sk-jahr .pf-jahr-gross{left:40%}}
@media (prefers-reduced-motion:reduce){.pf-js .pf-abzug{animation:none}}
/* 0.3.58: Zwei Showreihen – Revue und Pulverlesque (Hendrik 28.09.2026) */
.pf-reihe{display:inline-block;align-self:center;font-size:10.5px;letter-spacing:2.2px;text-transform:uppercase;font-weight:600;padding:4px 10px;border-radius:999px;line-height:1.3}
.pf-reihe-revue{color:#140608;background:var(--pf-gold)}
.pf-reihe-pulverlesque{color:#F6C9D2;box-shadow:inset 0 0 0 1px rgba(228,86,106,.8);background:rgba(120,10,30,.35)}
.pf-sk .pf-reihe{align-self:flex-start;margin-bottom:6px}
.pf-reihen{margin:16px 0 0;display:grid;gap:10px;max-width:760px}
.pf-reihen div{display:flex;gap:12px;align-items:baseline}
.pf-reihen dt{flex:0 0 auto;margin:0}
.pf-reihen dd{margin:0;font-size:14px;line-height:1.5;color:var(--pf-puder);text-align:left}
.pf-mitte .pf-reihen{margin-left:auto;margin-right:auto}
@media (max-width:719px){.pf-reihen div{flex-direction:column;gap:6px}.pf-mitte .pf-reihen div{align-items:center}.pf-mitte .pf-reihen dd{text-align:center}}
.pf-reihen-schalter{display:flex;justify-content:center;gap:8px;margin:22px auto 0;padding:0 22px;flex-wrap:wrap}
.pf-reihen-schalter button{font:inherit;font-size:11.5px;letter-spacing:2.2px;text-transform:uppercase;font-weight:600;padding:11px 18px;border-radius:999px;border:0;cursor:pointer;background:transparent;color:var(--pf-gold);box-shadow:inset 0 0 0 1px rgba(216,185,142,.6)}
.pf-reihen-schalter button[aria-selected="true"]{background:var(--pf-gold);color:#140608}
.pf-reihen-schalter button:focus-visible{outline:2px solid var(--pf-creme);outline-offset:3px}
.pf-reihen-text{max-width:620px;margin:18px auto 0;padding:0 22px;text-align:center;color:var(--pf-puder);font-size:15px;line-height:1.6}
.pf-reihen-panel.hoch .pf-trailer{max-width:380px}
.pf-trailer figcaption{text-align:center;font-size:12.5px;color:var(--pf-rauch);margin-top:10px}
.pf-erwartung{margin-top:16px!important;padding:14px 16px;border-left:2px solid rgba(228,86,106,.8);background:rgba(120,10,30,.18);font-size:14.5px;line-height:1.6;text-align:left;color:var(--pf-puder)}
.pf-erwartung a{color:var(--pf-gold)}
/* 0.3.61 Reihen-Schalter in den Farben der Spielplan-Etiketten (Pulverevue gold, Pulverlesque rot/rosa) */
.pf-reihen-schalter button[data-pf-reihe="pulverlesque"]{color:#F6C9D2;box-shadow:inset 0 0 0 1px rgba(228,86,106,.8)}
.pf-reihen-schalter button[data-pf-reihe="pulverlesque"][aria-selected="true"]{background:rgba(120,10,30,.55);color:#F6C9D2;box-shadow:inset 0 0 0 2px rgba(228,86,106,1)}
/* 0.3.62 Lippenstift-Hülse: Metallverlauf, Schrift dick und dunkel mit Glanzkante (Variante D) */
.pf .lip-huelse{background:linear-gradient(180deg,#D6B064 0%,#C39A4A 45%,#A9802F 100%)}
.pf .pf-cta-lip:hover .lip-huelse{background:linear-gradient(180deg,#E0BC70 0%,#CFA85A 45%,#B68C3A 100%)}
.pf .lip-huelse .lbl{font-weight:700;color:#2A1A0A;text-shadow:0 1px 0 rgba(255,236,190,.6)}
/* 0.3.63 Geschichte (Handy/Tablet): Collage, 1973 und Text dichter zusammen – Text direkt im ersten Bild */
@media (max-width:1023px){
	.pf-sk-jahr{min-height:0;justify-content:flex-start;padding-top:calc(var(--pf-kopf) + 10px);padding-bottom:18px}
	.pf-sk-jahr .pf-jahr-collage{position:relative;left:auto;top:auto;transform:none;margin:0 auto;width:min(80vw,380px)}
	.pf-sk-jahr .pf-jahr-gross{top:auto;bottom:118px;font-size:clamp(130px,40vw,300px)}
	.pf-sk-jahr .pf-sk-text{margin-top:10px;z-index:2}
}
@media (min-width:720px) and (max-width:1023px){.pf-sk-jahr .pf-jahr-gross{bottom:40px;font-size:clamp(200px,32vw,300px)}.pf-sk-jahr .pf-jahr-collage{width:min(60vw,440px)}}
/* 0.3.65 Einblenden früher scharf: fester Weg von 160px statt Anteil der (oft sehr hohen) Textblöcke */
@supports (animation-timeline: view()){
.rv,.rv-l,.rv-r{animation-range:entry 0% entry 160px}
@keyframes rvup{from{opacity:0;transform:translateY(34px);filter:blur(5px)}to{opacity:1;transform:none;filter:none}}
}
/* 0.3.65 Trailer: Handy Hochformat (Story), Desktop 16:9 */
.pf-trailer .pf-v-hoch{max-width:380px;margin:0 auto}
.pf-trailer .pf-v-quer{display:none!important}
@media (min-width:720px){.pf-trailer .pf-v-hoch{display:none!important}.pf-trailer .pf-v-quer{display:block!important}}
.pf-trailer .pf-v-einzeln.hoch{max-width:380px;margin:0 auto}
/* 0.3.69 YouTube-Link unter dem Trailer */
.pf-trailer .pf-trailer-yt{display:inline-flex;align-items:center;gap:8px;margin-top:6px;color:var(--pf-gold);letter-spacing:.04em;text-decoration:none}
.pf-trailer .pf-trailer-yt .pf-yt-txt{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.pf-trailer .pf-yt-logo{flex:none;display:block}
.pf-trailer .pf-trailer-yt:hover,.pf-trailer .pf-trailer-yt:focus-visible{color:var(--pf-creme)}
.pf .screen-reader-text,.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* 0.3.76 – Bar-Seite: Sprungknöpfe zur Karte im Kopf; Kartenleiste zweizeilig → mehr Abstand beim Anspringen */
.pf-karte-gruppe{scroll-margin-top:calc(var(--pf-kopf) + 110px)}
.pf-sk-cta .pf-knopf-rahmen{margin-left:0}
@media (max-width:480px){.pf-sk-cta{gap:10px;flex-wrap:nowrap}.pf-sk-cta .pf-knopf{flex:1 1 0;min-width:0;padding:0 10px;font-size:11.5px;letter-spacing:1.6px}.pf-sk-cta .pf-knopf .arr{display:none}}

/* 0.3.78 – Bilderleisten: nächstes Bild lugt immer hervor, dazu Pfeile, Punkte und Zähler (Hendrik 30.09.2026) */
.pf-galerie{position:relative}
.pf-galerie-bild{max-width:78vw}
.pf-galerie-bild img{width:100%;height:100%;object-fit:cover}
@media (min-width:720px){.pf-galerie-bild{max-width:none}}
.pf-galerie-nav{display:flex;align-items:center;justify-content:center;gap:10px;margin:22px auto 0;position:relative;z-index:1}
.pf-gn-pfeil{width:42px;height:42px;flex:none;border-radius:50%;border:1px solid rgba(216,185,142,.45);background:rgba(11,6,7,.55);color:var(--pf-gold);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:opacity .2s,border-color .2s}
.pf-gn-pfeil:hover:not(:disabled){border-color:var(--pf-gold)}
.pf-gn-pfeil:disabled{opacity:.28;cursor:default}
.pf-gn-punkte{display:flex;gap:0}
.pf-gn-punkt{width:22px;height:30px;border:0;padding:0;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center}
.pf-gn-punkt::before{content:"";width:7px;height:7px;border-radius:50%;background:rgba(216,185,142,.35);transition:transform .2s,background .2s}
.pf-gn-punkt.an::before{background:var(--pf-gold);transform:scale(1.45)}
.pf-gn-zahl{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
/* Puderdosen endlos: Kopien sind nur Deko fürs Weiterscrollen */
.facesrow.pf-endlos{justify-content:flex-start}
/* 0.3.84 – Fix: Die „Heute“-Zeile im Hero teilte sich den Klassennamen mit dem Abschnitt .pf-heute (Grid, min-height 860 px am Desktop)
   und schob Titel + Lippenstift aus dem Bild. Hero-Zeile wieder schlicht; versteckt heißt versteckt. */
.pf-hero-text .pf-heute{display:block;min-height:0;grid-template-columns:none}
.pf-heute[hidden]{display:none!important}

.pf-bm-einordnung{max-width:560px;margin:14px auto 0;padding:0 22px}

/* 0.3.97 – Show-Seite Desktop (Hendrik 30.09.2026): Gebühren-Hinweis und Fakten-Chips unter dem zentrierten Banner-Kopf mittig. */
@media (min-width:1024px){
	.pf-sk-banner + .pf-show-cta .pf-gebuehr{text-align:center}
	.pf-sk-banner ~ .pf-fakten-zeile{justify-content:center;margin-left:auto;margin-right:auto}
}
/* Termine monatsweise: Monatsknöpfe im Pulverfass-Look */
.pf-plugin-spielplan .pft-zeitraum{font-size:15px;color:var(--pf-puder)}
.pf-plugin-spielplan .pft-zeitraum strong{color:var(--pf-gold)}

/* 0.3.98 – Gesamtcheck 30.09.2026 */
.pf-artists-hinweis + .pf-zurueck{text-align:center}
@media (min-width:1024px){
	.pf-anlass-liste{grid-template-columns:repeat(auto-fit,minmax(200px,280px));justify-content:center}
}
.pf-showkarte-knoepfe .pf-textlink{display:inline-block;padding:12px 0 6px}
.pf-keine-termine{padding:0 22px;max-width:640px}
.pf-keine-termine p{margin:0 0 18px;color:var(--pf-puder)}
.pf-keine-termine a:not(.pf-knopf){color:var(--pf-gold)}
/* 0.3.99 – Bar-Seite: „Komm, wie du bist.“ – Lüsterbild über die volle Breite (Hendrik 30.09.2026), Text bleibt mittig schmal */
.pf-sek.pf-safespace{max-width:none;width:100%;margin-left:0;margin-right:0}
.pf-safespace .pf-sek-kopf{max-width:720px;margin-left:auto;margin-right:auto}
.pf-safespace-bild img{-webkit-mask-image:radial-gradient(ellipse 110% 85% at 50% 50%,#000 50%,transparent 100%);mask-image:radial-gradient(ellipse 110% 85% at 50% 50%,#000 50%,transparent 100%)}
.pf-safespace-bild picture{display:block;width:100%;height:100%}
