body.page-app .app-hero .grid{align-items:start} body.page-app .app-hero .badges{margin-top:var(--sp-4)} body.page-app .app-hero .fine{margin-top:12px;font-size:14px;color:var(--mu)} .app-soon{display:inline-flex;align-items:flex-start;gap:10px;margin:16px 0 0;padding:10px 14px;border:1px solid rgba(255,200,87,.35);border-radius:var(--r-m);background:rgba(255,200,87,.08);color:var(--tx);font-size:15px;line-height:1.45} .app-soon svg{flex:none;width:20px;height:20px;margin-top:1px;color:var(--amber)} body.page-app .phones{position:relative;height:560px} body.page-app .phone{position:absolute;width:260px;border-radius:40px;padding:10px;background:#0b090e;border:1px solid var(--line2);box-shadow:0 40px 90px -30px rgba(237,19,123,.45),0 0 0 1px rgba(255,255,255,.03) inset} body.page-app .phone img{display:block;width:100%;border-radius:30px} body.page-app .phones .p1{left:50%;top:0;transform:translateX(-80%) rotate(-5deg);z-index:2} body.page-app .phones .p2{left:50%;top:50px;transform:translateX(5%) rotate(5deg);opacity:.9} body.page-app .phones::before{content:'';position:absolute;width:520px;height:520px;left:50%;top:20px;transform:translateX(-50%);border-radius:50%;border:2px solid rgba(237,19,123,.25)} @media (max-width:1023px){body.page-app .phones{height:500px;margin-top:var(--sp-6)}} @media (max-width:1023px){body.page-app .phone{width:220px}} @media (max-width:767px){body.page-app .phones{height:420px}} @media (max-width:767px){body.page-app .phone{width:190px;border-radius:32px;padding:8px}} @media (max-width:767px){body.page-app .phone img{border-radius:25px}} @media (max-width:767px){body.page-app .phones::before{width:360px;height:360px}} body.page-app .shots{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gutter)} body.page-app .shots figure{margin:0;text-align:center} body.page-app .shots .phone{position:static;width:100%;max-width:240px;margin:0 auto} body.page-app .shots figcaption{margin-top:14px;font-weight:700} body.page-app .shots figcaption span{display:block;font-weight:400;font-size:14px;color:var(--mu)} @media (max-width:1023px){body.page-app .shots{grid-template-columns:repeat(2,1fr)}} @media (max-width:767px){body.page-app .shots{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:calc(var(--margin) * -1);padding:0 var(--margin);scrollbar-width:none}} @media (max-width:767px){body.page-app .shots figure{flex:0 0 62%;scroll-snap-align:start}} @font-face{font-family:'Squada One';src:url('../fonts/squada-one.woff2') format('woff2');font-weight:100 900;font-display:swap} @font-face{font-family:'Nunito';src:url('../fonts/nunito-latin-wght.woff2') format('woff2');font-weight:200 1000;font-display:swap} :root{--bg:#120E17;--bg2:#17121D;--s1:#1D1724;--s2:#28202F;--line:#3A2F44;--line2:#4A3D55;--tx:#F6F0EA;--tx2:#D9CFDC;--mu:#B9AEBF;--pink:#ED137B;--btn:#D6106E;--pinkT:#FF5FA8;--amber:#FFC857;--red:#B8253F;--r-queerbeat:#ED137B;--r-freaky:#F0A6FF;--r-liebenwir:#FF7FB0;--r-80er:#A99BFF;--r-vollgas:#C6F26B;--r-karaoke:#6FB6FF;--r-afro:#E8C547;--r-inselfieber:#4FC9E0;--r-ue30:#FFD23F;--r-halloween:#FFA36B;--r-students:#4FD6CF;--head:'Squada One','Arial Narrow',sans-serif;--body:'Nunito',Arial,sans-serif;--fs-display:clamp(56px, 3.2rem + 5.6vw, 144px);--fs-h1:clamp(40px, 2rem + 2.6vw, 72px);--fs-h2:clamp(34px, 1.7rem + 2vw, 60px);--fs-h3:clamp(24px, 1.2rem + .8vw, 32px);--fs-card:clamp(28px, 1.5rem + .6vw, 32px);--fs-lead:clamp(20px, 1rem + .6vw, 26px);--fs-body:clamp(16px, .95rem + .25vw, 18px);--fs-small:14px;--fs-cap:14px;--sp-1:8px;--sp-2:16px;--sp-3:24px;--sp-4:32px;--sp-6:48px;--sp-8:64px;--sp-12:96px;--sp-16:128px;--section:var(--sp-8);--ph-gap:var(--sp-4);--head-gap:var(--sp-3);--cols:4;--gutter:20px;--margin:20px;--gutter-half:calc(var(--gutter) / 2);--content:1280px;--text:680px;--r-s:12px;--r-m:16px;--r-l:24px;--r-pill:999px;--ease:cubic-bezier(.2,.7,.2,1);} @media (min-width:768px){:root{--cols:8;--gutter:20px;--margin:40px}} @media (min-width:1024px){:root{--cols:12;--gutter:20px;--margin:64px;--section:var(--sp-12);--ph-gap:var(--sp-6);--head-gap:var(--sp-4)}} @media (min-width:1440px){:root{--gutter:40px}} *,*::before,*::after{box-sizing:border-box} html{-webkit-text-size-adjust:100%;scroll-behavior:smooth} body{margin:0;background:var(--bg);color:var(--tx);font-family:var(--body);font-size:var(--fs-body);line-height:1.6;-webkit-font-smoothing:antialiased} img{display:block;max-width:100%;height:auto} a{color:var(--pinkT);text-decoration-thickness:1px;text-underline-offset:3px} a:hover{color:#fff} :focus-visible{outline:2px solid var(--pinkT);outline-offset:3px;border-radius:6px} ::selection{background:var(--pink);color:#fff} .wrap{width:100%;max-width:calc(var(--content) + 2 * var(--margin));margin-inline:auto;padding-inline:var(--margin)} .grid{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));column-gap:var(--gutter);row-gap:var(--gutter)} .full{grid-column:1 / -1} [class*="span-"]{grid-column:1 / -1} @media (min-width:768px){.t-span-2{grid-column:span 2}.t-span-3{grid-column:span 3}.t-span-4{grid-column:span 4}.t-span-6{grid-column:span 6}.t-span-8{grid-column:span 8}} @media (min-width:1024px){.span-2{grid-column:span 2}.span-3{grid-column:span 3}.span-4{grid-column:span 4}.span-5{grid-column:span 5} .span-6{grid-column:span 6}.span-7{grid-column:span 7}.span-8{grid-column:span 8}.span-12{grid-column:span 12} .center-8{grid-column:3 / span 8}} .section{padding-block:var(--section)} .section-alt{background:var(--bg2)} .textcol{max-width:var(--text)} .page-head .lead{max-width:none} .page-head{padding-bottom:var(--ph-gap)!important} .sec-head{margin-bottom:var(--head-gap)!important} .sec-head .lead{margin:var(--sp-2) 0 0!important} .grid-overlay{position:fixed;inset:0;pointer-events:none;z-index:999;display:none} .grid-overlay.on{display:block} .grid-overlay .wrap{height:100%} .grid-overlay .grid{height:100%} .grid-overlay .grid span{background:rgba(237,19,123,.10);border-inline:1px solid rgba(237,19,123,.35)} @media (max-width:767px){.grid-overlay .grid span:nth-child(n+5){display:none}} @media (min-width:768px) and (max-width:1023px){.grid-overlay .grid span:nth-child(n+9){display:none}} .display,.h1,.h2,.h3{font-family:var(--head);font-weight:400;text-transform:uppercase;letter-spacing:.01em;line-height:.95;margin:0} .display{font-size:var(--fs-display);line-height:.88} .h1{font-size:var(--fs-h1)} .h2{font-size:var(--fs-h2)} .h3{font-size:var(--fs-h3);line-height:1.05} .lead{font-size:var(--fs-lead);line-height:1.5;color:var(--tx2);margin:0} .body{color:var(--tx2)} .small{font-size:var(--fs-small);line-height:1.5} .cap{font-size:var(--fs-cap);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--mu)} .muted{color:var(--mu)} .pink{color:var(--pink)} .num{font-family:var(--head);letter-spacing:.02em} .stack>*+*{margin-top:var(--sp-3)} .stack-s>*+*{margin-top:var(--sp-2)} .btn{--h:56px;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:var(--h);padding:0 28px;border-radius:var(--r-m);border:1px solid transparent;font:700 16px/1 var(--body);text-decoration:none;cursor:pointer;transition:transform .2s var(--ease),background-color .2s,border-color .2s,color .2s} .btn:hover{transform:translateY(-2px)} .btn-p{background:var(--btn);color:#fff} .btn-p:hover{background:var(--pink);color:#fff} .btn-g{background:transparent;color:var(--tx);border-color:var(--line2)} .btn-g:hover{border-color:var(--tx);color:var(--tx)} .btn-w{background:var(--tx);color:var(--bg)} .btn-w:hover{background:#fff;color:var(--bg)} .btn-s{--h:44px;padding:0 20px;font-size:14px;border-radius:var(--r-s)} .link-arrow{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--pinkT);text-decoration:none} .link-arrow::after{content:'→';transition:transform .2s var(--ease)} .link-arrow:hover::after{transform:translateX(4px)} .chips{display:flex;flex-wrap:wrap;gap:10px} .chip{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:var(--r-pill);border:1px solid var(--line2);background:transparent;color:var(--tx);font:600 15px/1 var(--body);cursor:pointer;transition:background-color .2s,border-color .2s} .chip:hover{border-color:var(--tx)} .chip.on{background:var(--btn);border-color:var(--btn);color:#fff} .tag{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:700;line-height:1;padding:7px 10px;border-radius:8px;background:var(--s2);color:var(--tx2)} .tag-amber{color:var(--amber)} .tag-line{background:transparent;border:1px solid var(--line2)} .card{background:var(--s1);border-radius:var(--r-l);overflow:hidden} .ev{--a:var(--pink);--aT:var(--pinkT);--aOn:#fff} .rf .ev[style*="--rc"]{--a:var(--rc);--aT:var(--rc);--aOn:var(--bg)} .ev{display:flex;flex-direction:column;background:var(--s1);border-radius:var(--r-l);overflow:hidden;color:var(--tx);text-decoration:none;box-shadow:0 0 0 1px var(--line);transition:transform .3s var(--ease),box-shadow .3s var(--ease)} .ev:hover{transform:translateY(-4px);color:var(--tx);box-shadow:0 0 0 2px var(--a),0 24px 48px -24px color-mix(in srgb,var(--a) 55%,transparent)} .ev-img{position:relative;aspect-ratio:3/2;overflow:hidden;background:var(--bg2)} .ev-img img{display:block;width:100%;height:100%;object-fit:cover} .ev-img:has(img){aspect-ratio:auto} .ev-img:has(img) img{height:auto} .ev-accent{position:absolute;left:0;right:0;bottom:0;height:4px;z-index:1;background:var(--a)} .ev-img.foto::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(18,14,23,0) 45%,rgba(18,14,23,.85))} .ev-date{position:absolute;left:16px;top:16px;z-index:1;background:var(--bg);border-radius:14px;padding:10px 12px 8px;text-align:center;min-width:64px} .ev-date .d{display:block;font-family:var(--head);font-size:34px;line-height:.9} .ev-date .m{display:block;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--mu)} .ev-body{padding:20px 20px 22px;display:flex;flex-direction:column;gap:10px;flex:1} .ev-when{display:flex;align-items:baseline;gap:12px;font-size:14px;color:var(--mu)} .ev-when .dt{font-family:var(--head);font-size:26px;line-height:1;color:var(--aT);text-transform:uppercase;letter-spacing:.02em} .ev-when>span{white-space:nowrap} .ev-ic{margin-left:auto;align-self:center;flex:none;width:44px;height:44px;border-radius:13px;background:color-mix(in srgb,var(--a) 14%,transparent);color:var(--aT);display:grid;place-items:center;transition:background-color .3s,color .3s} .ev-ic svg{width:26px;height:26px} .ev:hover .ev-ic{background:var(--a);color:var(--aOn)} .ev-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:4px} .ev-title{font-family:var(--head);font-weight:400;font-size:var(--fs-card);line-height:.95;letter-spacing:.01em;text-transform:uppercase;margin:0} .ev-sub{margin:0;color:var(--tx2);font-size:16px;line-height:1.45} @media (max-width:767px){.hscroll{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--margin);margin-inline:calc(var(--margin) * -1);padding:0 var(--margin) 8px;scrollbar-width:none} .hscroll::-webkit-scrollbar{display:none} .hscroll>*{flex:0 0 82%;scroll-snap-align:start} .hscroll .ev-when{gap:8px;font-size:13px} .hscroll .ev-when .dt{font-size:clamp(17px,5.6vw,26px)} .hscroll .ev-ic{width:34px;height:34px;border-radius:10px} .hscroll .ev-ic svg{width:20px;height:20px}} @media (max-width:349px){.hscroll .ev-ic{display:none}} .album{--a:var(--pink);position:relative;display:block;border-radius:var(--r-l);overflow:hidden;aspect-ratio:1/1;color:var(--tx);text-decoration:none;transition:transform .3s var(--ease),box-shadow .3s var(--ease)} .album:hover{transform:translateY(-4px);color:var(--tx);box-shadow:0 0 0 2px var(--a),0 24px 48px -24px color-mix(in srgb,var(--a) 55%,transparent)} .album img{width:100%;height:100%;object-fit:cover} .album::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(18,14,23,0) 40%,rgba(18,14,23,.9))} .album-txt{position:absolute;left:18px;right:18px;bottom:16px;z-index:1} .album-txt .h3{font-size:26px} .album-txt .small{color:var(--tx2)} .acc{display:flex;flex-direction:column;gap:var(--gutter-half);interpolate-size:allow-keywords} .acc details{background:var(--s1);border:1px solid var(--line);border-radius:var(--r-m);overflow:hidden;transition:border-color .25s,background-color .25s} .acc details:hover{border-color:var(--line2)} .acc details[open]{border-color:color-mix(in srgb,var(--pink) 45%,var(--line));background:linear-gradient(180deg,color-mix(in srgb,var(--pink) 7%,var(--s1)),var(--s1) 120px)} .acc summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:68px;padding:16px 20px 16px 24px;font-weight:700;font-size:18px;line-height:1.35} .acc summary::-webkit-details-marker{display:none} .acc summary:focus-visible{outline:2px solid var(--pinkT);outline-offset:-2px;border-radius:var(--r-m)} .acc summary::after{content:'';flex:none;width:36px;height:36px;border-radius:50%;background: linear-gradient(var(--pinkT),var(--pinkT)) center/14px 2px no-repeat, linear-gradient(var(--pinkT),var(--pinkT)) center/2px 14px no-repeat, color-mix(in srgb,var(--pink) 14%,transparent);transition:transform .3s var(--ease),background-size .3s var(--ease)} .acc details[open] summary::after{transform:rotate(180deg);background-size:14px 2px,2px 0,auto} .acc details::details-content{block-size:0;overflow:hidden;transition:block-size .35s var(--ease),content-visibility .35s allow-discrete} .acc details[open]::details-content{block-size:auto} .acc .acc-body{padding:0 24px 24px;color:var(--tx2);font-size:16px;line-height:1.65} .acc .acc-body p{margin:0 0 12px} .acc .acc-body p:last-child{margin-bottom:0} .acc .acc-body a:not(.link-arrow){color:var(--pinkT)} .acc .acc-body ul{margin:0 0 12px;padding-left:20px} .acc .acc-body li{margin:0 0 4px} .acc .acc-body b{color:var(--tx)} .form{display:grid;gap:18px} .field{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:700;color:var(--tx2)} .input,.select,.textarea{width:100%;min-height:56px;border-radius:var(--r-m);border:1px solid var(--line2);background:var(--bg2);color:var(--tx);font:400 16px/1.4 var(--body);padding:14px 16px;transition:border-color .2s,background-color .2s} .textarea{min-height:140px;resize:vertical} .input,.select,.textarea{color-scheme:dark} .input[type=date]{padding-right:52px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23B9AEBF' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='5' width='16' height='16' rx='2'/%3E%3Cpath d='M16 3v4M8 3v4M4 11h16'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:22px} .input[type=date]::-webkit-calendar-picker-indicator{opacity:0;cursor:pointer;width:28px;height:28px;margin-right:-6px} .input[type=date]::-webkit-datetime-edit{color:var(--tx)} .input[type=date]:invalid::-webkit-datetime-edit,.input[type=date]:not(:focus):placeholder-shown::-webkit-datetime-edit{color:#8C7F94} .select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--pinkT) 50%),linear-gradient(135deg,var(--pinkT) 50%,transparent 50%);background-position:calc(100% - 22px) 50%,calc(100% - 16px) 50%;background-size:6px 6px;background-repeat:no-repeat;padding-right:44px} .input::placeholder,.textarea::placeholder{color:#8C7F94} .input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--pinkT);background:var(--s1)} .check{display:flex;gap:12px;align-items:flex-start;font-size:14px;font-weight:400;color:var(--tx2);line-height:1.5} .check input{appearance:none;flex:none;width:22px;height:22px;margin:0;border-radius:6px;border:1px solid var(--line2);background:var(--bg2);display:grid;place-items:center} .check input:checked{background:var(--btn);border-color:var(--btn)} .check input:checked::after{content:'✓';color:#fff;font-size:14px;font-weight:700} .badges{display:flex;flex-wrap:wrap;gap:12px} .badge{display:inline-block;height:48px;line-height:0;border-radius:9px;text-decoration:none} .badge img{height:100%;width:auto;display:block} .badge:focus-visible{outline:2px solid var(--pinkT);outline-offset:3px} @media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}} .tiles{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--gutter)} .tile{grid-column:span 4} .tile.tile-small{grid-column:span 3;padding:20px} .tile.tile-small p{font-size:15px;color:var(--mu);margin:0} .tile.tile-h{grid-column:span 6;flex-direction:row;gap:16px;background:var(--bg2);padding:22px 24px} .tile-h .tile-b{display:flex;flex-direction:column;gap:6px;min-width:0} .tile-h .h3{margin:0} .tile-h p{margin:0;color:var(--tx2)} .tnum{font-family:var(--head);font-size:56px;line-height:1;color:var(--pinkT)} @media (max-width:1023px){.tile,.tile.tile-small{grid-column:span 6}.tile.tile-h{grid-column:span 12}} @media (max-width:767px){.tile{grid-column:span 12}.tile.tile-small{padding:16px}.tile.tile-small .h3{font-size:22px}} .sec-section:has(+ .sec-tiles, + .sec-body){padding-bottom:var(--sp-4)} .sec-section:has(+ .sec-tiles, + .sec-body) .sec-head{margin-bottom:0!important} .sec-section + .sec-tiles{padding-top:0} .sec-tiles:has(> .wrap > .tiles > .tile-alt:first-child){background:var(--bg2)} .sec-section .sec-head{margin-bottom:var(--sp-4)!important} .sec-section .sec-head>div{flex:1 1 100%} .abs-t{margin-top:var(--sp-2)} .abs-t p{max-width:none} .abs-t > :last-child{margin-bottom:0} .sec-section .cap{display:block;margin-bottom:var(--sp-1)} .abs-l{display:inline-flex;margin-top:var(--sp-2)} .icard{background:var(--s1);border:1px solid var(--line);border-radius:var(--r-l);padding:24px;display:flex;flex-direction:column;gap:12px} .icard .fi{flex:none;width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:rgba(237,19,123,.14);color:var(--pinkT)} .icard .fi svg{width:24px;height:24px} .icard p{margin:0;color:var(--tx2)} .icard .grow{flex:1} .icard b{color:var(--tx)} .icard .link-arrow{margin-top:4px} .icard-amber .fi{background:rgba(255,200,87,.12);color:var(--amber)} .icard-hl{border-color:color-mix(in srgb,var(--pink) 45%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--pink) 10%,var(--s1)),var(--s1) 60%)} .acc summary .acc-ic{flex:none;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:rgba(237,19,123,.14);color:var(--pinkT);margin-right:-4px} .acc summary .acc-ic svg{width:22px;height:22px} .acc summary .acc-t{flex:1} .acc .acc-amber .acc-ic{background:rgba(255,200,87,.12);color:var(--amber)} .acc summary:has(.acc-ic){padding-left:16px} .acc summary:has(.acc-ic) + .acc-body,.acc details:has(.acc-ic) .acc-body{padding-left:72px} @media (max-width:767px){.acc details:has(.acc-ic) .acc-body{padding-left:24px}} .ph-hero{position:relative;isolation:isolate;padding-top:calc(80px + clamp(140px,16vw,240px))!important} .ph-hero .ph-bg{position:absolute;left:0;right:0;top:0;width:100%;height:min(100%,600px);object-fit:cover;z-index:-2} .ph-hero::after{content:'';position:absolute;left:0;right:0;top:0;height:min(100%,600px);z-index:-1;background:linear-gradient(180deg,rgba(18,14,23,.6) 0%,rgba(18,14,23,.3) 30%,rgba(18,14,23,.88) 72%,var(--bg) 100%)} .ph-hero .lead{color:var(--tx)} @media (max-width:1023px){.ph-hero{padding-top:calc(64px + 120px)!important}} .stage{position:relative;min-height:min(80vh,720px);padding:calc(80px + clamp(96px,14vh,170px)) 0 var(--sp-8);overflow:hidden;isolation:isolate} .stage-cap{color:var(--pinkT)} .stage-title{font-size:clamp(56px,9vw,128px);line-height:.9;margin-top:12px} .stage-lead{margin-top:16px;max-width:620px;color:var(--tx)} @media (max-width:1023px){.stage{padding-top:calc(64px + 72px);min-height:0}} body.page-club .c-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2} body.page-club .c-hero::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(18,14,23,.55) 0%,rgba(18,14,23,.25) 35%,rgba(18,14,23,.85) 80%,var(--bg) 100%)} @media (max-width:1023px){body.page-club .c-hero{min-height:560px}} body.page-club .mosaic{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:clamp(150px,17vw,250px);gap:var(--gutter-half)} body.page-club .mosaic button{position:relative;padding:0;border:0;border-radius:var(--r-m);overflow:hidden;cursor:zoom-in;background:var(--s1)} body.page-club .mosaic img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s var(--ease)} body.page-club .mosaic button:hover img{transform:scale(1.05)} body.page-club .mosaic .w2{grid-column:span 2} body.page-club .mosaic .h2x{grid-row:span 2} @media (max-width:767px){body.page-club .mosaic{grid-template-columns:repeat(2,1fr);grid-auto-rows:42vw;gap:var(--gutter-half)}} @media (max-width:767px){body.page-club .mosaic .m-hide{display:none}} body.page-club .split{display:grid;grid-template-columns:1fr 1fr;gap:0;border-radius:var(--r-l);overflow:hidden;background:var(--s1);border:1px solid var(--line)} body.page-club .split>figure{margin:0;min-height:360px} body.page-club .split>figure img{width:100%;height:100%;object-fit:cover;display:block} body.page-club .split .txt{min-width:0;padding:clamp(24px,4vw,56px);display:flex;flex-direction:column;gap:16px;justify-content:center} body.page-club .split .txt p{margin:0;color:var(--tx2);font-size:17px;line-height:1.6} body.page-club .split.rev>figure{order:2} @media (max-width:1023px){body.page-club .split{grid-template-columns:1fr}} @media (max-width:1023px){body.page-club .split>figure{min-height:0;aspect-ratio:3/2}} @media (max-width:1023px){body.page-club .split.rev>figure{order:0}} body.page-club .occ{display:flex;flex-wrap:wrap;gap:8px} body.page-club .occ span{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:var(--s2);border:1px solid var(--line);font-size:14px;color:var(--tx)} body.page-club .occ svg{width:18px;height:18px;color:var(--pinkT)} body.page-club .kv{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 24px} body.page-club .kv li{display:flex;flex-direction:column;font-size:15px;color:var(--tx)} body.page-club .kv li span{font-size:13px;color:var(--mu)} body.page-club .split .btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px} body.page-club .duo{display:grid;grid-template-columns:1fr 1fr;gap:var(--gutter)} @media (max-width:1023px){body.page-club .duo{grid-template-columns:1fr}} body.page-club .duo .split{grid-template-columns:1fr;grid-template-rows:auto 1fr} body.page-club .duo .split>figure{min-height:0;aspect-ratio:16/9} body.page-club .duo .split .txt{justify-content:flex-start} body.page-club .duo .h2{font-size:var(--fs-card)} body.page-club .pt{align-items:stretch} body.page-club .pt .icard{height:100%} body.page-club .kn{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-direction:column} body.page-club .kn li{display:flex;align-items:center;gap:8px;padding:12px 0;border-top:1px solid var(--line)} body.page-club .kn li:last-child{border-bottom:1px solid var(--line)} body.page-club .kn-t{flex:1;display:flex;flex-direction:column;margin-right:6px} body.page-club .kn-t b{font-size:17px} body.page-club .kn-t small{font-size:14px;color:var(--mu)} body.page-club .kn-ig{flex:none;width:40px;height:40px;border-radius:50%;border:1px solid var(--line2);display:grid;place-items:center;color:var(--tx)} body.page-club .kn-ig:hover{border-color:var(--tx)} body.page-club .kn-ig img{width:18px;height:18px;filter:brightness(0) invert(1)} body.page-club .kn-ig svg{width:20px;height:20px} body.page-club .kn-more{margin:8px 0 0;color:var(--tx2);display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center} @media (max-width:1023px){body.page-club .pt>div+div{margin-top:var(--gutter)}} body.page-club .clb{position:fixed;inset:0;z-index:150;background:rgba(10,8,13,.96);display:none;align-items:center;justify-content:center;padding:56px 72px} body.page-club .clb.on{display:flex} body.page-club .clb img{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px} body.page-club .clb button{position:absolute;width:52px;height:52px;border-radius:50%;border:1px solid var(--line2);background:rgba(29,23,36,.7);color:var(--tx);display:grid;place-items:center;cursor:pointer} body.page-club .clb button svg{width:26px;height:26px} body.page-club .clb .x{top:12px;right:12px} body.page-club .clb .pv{left:12px;top:50%;transform:translateY(-50%)} body.page-club .clb .nx{right:12px;top:50%;transform:translateY(-50%)} @media (max-width:767px){body.page-club .clb{padding:64px 0}} @media (max-width:767px){body.page-club .clb .pv,body.page-club .clb .nx{display:none}} body.logged .only-guest{display:none!important} body:not(.logged) .only-logged{display:none!important} .hdr-login .av{display:none} .logged .hdr-login{background:var(--btn);border-color:var(--btn)} .logged .hdr-login svg{display:none} .logged .hdr-login .av{display:block;font:700 17px/1 var(--body);color:#fff} .logged .hdr-login[data-avatar]{background-position:center;background-size:cover;background-repeat:no-repeat} .logged .hdr-login[data-avatar] .av{visibility:hidden} .acm .acm-av.img{background:var(--btn) center/cover no-repeat;color:transparent} .acm{position:fixed;z-index:140;width:300px;max-width:calc(100vw - 24px);background:var(--s1);border:1px solid var(--line2);border-radius:18px;padding:18px;box-shadow:0 24px 60px -20px rgba(0,0,0,.7);display:none;flex-direction:column;gap:12px;font-family:var(--body)} .acm.on{display:flex} .acm .acm-t{font:400 24px/1 var(--head);text-transform:uppercase;color:var(--tx)} .acm p{margin:0;color:var(--tx2);font-size:14px;line-height:1.45} .acm .btn{width:100%;--h:48px} .acm .acm-u{display:flex;gap:12px;align-items:center} .acm .acm-av{flex:none;width:44px;height:44px;border-radius:50%;background:var(--btn);color:#fff;display:grid;place-items:center;font:700 18px/1 var(--body)} .acm .acm-u small{display:block;color:var(--mu);font-size:13px} .acm nav{display:flex;flex-direction:column;border-top:1px solid var(--line);padding-top:6px} .acm nav a,.acm nav button{display:flex;align-items:center;gap:10px;padding:10px 4px;color:var(--tx);text-decoration:none;font:600 15px/1.2 var(--body);background:none;border:0;cursor:pointer;text-align:left;border-radius:8px} .acm nav a:hover,.acm nav button:hover{color:var(--pinkT)} .dlg{border:0;padding:0;background:transparent;color:var(--tx);max-width:min(440px,calc(100vw - 32px))} .dlg::backdrop{background:rgba(10,8,13,.72);backdrop-filter:blur(6px)} .dlg-card{position:relative;background:var(--s1);border:1px solid var(--line2);border-radius:var(--r-l);padding:32px 28px 28px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px;overflow:hidden;isolation:isolate} .dlg-card::before{content:'';position:absolute;width:320px;height:320px;left:50%;top:-220px;transform:translateX(-50%);border-radius:50%;border:2px solid rgba(237,19,123,.28);z-index:-1} .dlg-ic{width:64px;height:64px;border-radius:18px;display:grid;place-items:center;background:rgba(237,19,123,.14);color:var(--pinkT)} .dlg-ic svg{width:34px;height:34px} .dlg p{margin:0;color:var(--tx2)} .dlg .btns{display:flex;flex-direction:column;gap:10px;width:100%;margin-top:8px} .dlg .btn{width:100%} .dlg-x{position:absolute;right:12px;top:12px;width:40px;height:40px;border-radius:50%;border:0;background:transparent;color:var(--mu);cursor:pointer;display:grid;place-items:center} .dlg-x:hover{color:var(--tx)} .dlg-x svg{width:22px;height:22px} .kform fieldset{border:0;margin:0;padding:0} .kform legend{font-size:14px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--mu);margin-bottom:12px;padding:0} .frow2{display:grid;grid-template-columns:1fr 1fr;gap:16px} @media (max-width:767px){.frow2{grid-template-columns:1fr}} .fset{display:flex;flex-direction:column;gap:16px;margin-top:24px} .extra.on{display:flex} .kform.sent form{display:none} .kform.sent .done{display:flex} .klist a,.klist span.v{color:var(--tx);font-weight:700;text-decoration:none;word-break:break-word;padding-top:7px} .auth{display:grid;grid-template-columns:minmax(0,560px) minmax(0,1fr);gap:clamp(24px,5vw,72px);align-items:start} @media (max-width:1023px){.auth{grid-template-columns:1fr}} .acard{background:var(--s1);border:1px solid var(--line);border-radius:var(--r-l);padding:clamp(24px,4vw,40px);display:flex;flex-direction:column;gap:20px} .acard .h1{font-size:clamp(40px,5vw,56px)} .acard .sub{margin:-8px 0 0;color:var(--tx2)} .acard .fields{display:flex;flex-direction:column;gap:16px} .acard .btn{width:100%} .acard .alt{margin:0;text-align:center;color:var(--tx2);font-size:15px} .acard .alt a,.lnk{color:var(--pinkT);font-weight:700;text-decoration:none} .lnk{background:none;border:0;padding:0;font:700 14px/1.2 var(--body);cursor:pointer;align-self:flex-start} .errbox{display:none;padding:12px 14px;border-radius:12px;background:rgba(237,19,123,.12);border:1px solid rgba(237,19,123,.45);color:var(--tx);font-size:14px;line-height:1.45} .errbox.on{display:block} .pw .input{padding-right:52px} .pw-eye{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:44px;height:44px;border:0;border-radius:10px;background:transparent;color:var(--mu);display:grid;place-items:center;cursor:pointer} .pw-eye:hover{color:var(--tx)} .pw-eye svg{width:22px;height:22px} .pw-eye .i2{display:none} .pw.show .i1{display:none} .pw.show .i2{display:grid} .afine{font-size:13px;line-height:1.5;color:var(--mu);margin:0} .afine a{color:var(--pinkT)} .fi{flex:none;width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:rgba(237,19,123,.14);color:var(--pinkT)} .fi svg{width:24px;height:24px} .kcard .btn svg,.acard .btn svg{width:20px;height:20px} .pwbox{position:relative;display:block} .pwbox .input{display:block} .pw-eye .i1,.pw-eye .i2{place-items:center;line-height:0} .pw-eye .i1{display:grid} .pw.show .pw-eye .i1{display:none} .pw.show .pw-eye .i2{display:grid} .perks{display:flex;flex-direction:column;gap:18px;padding-top:8px} .perks h2{margin:0 0 4px} .perk{display:flex;gap:14px;align-items:flex-start} .perk .fi{flex:none} .perk b{display:block;color:var(--tx);margin-bottom:2px} .perk span{color:var(--tx2);line-height:1.5} .stepbar{display:flex;align-items:center;justify-content:space-between;gap:12px} .stepbar .dots{display:flex;gap:6px} .stepbar .dots i{width:28px;height:6px;border-radius:3px;background:var(--line2)} .stepbar .dots i.on{background:var(--btn)} .stepbar small{color:var(--mu);font-size:14px} .step{display:none;flex-direction:column;gap:20px} .step.on{display:flex} .avpick{display:flex;gap:16px;align-items:center} .avpick label{flex:none;width:84px;height:84px;border-radius:50%;border:2px dashed var(--line2);display:grid;place-items:center;cursor:pointer;color:var(--mu);background:var(--bg2) center/cover no-repeat;position:relative;overflow:hidden} .avpick label:hover{border-color:var(--pinkT);color:var(--pinkT)} .avpick label svg{width:30px;height:30px} .avpick label.has{border-style:solid;border-color:var(--btn)} .avpick label.has svg{display:none} .avpick input{display:none} .avpick b{display:block;color:var(--tx);font-size:15px} .avpick span{color:var(--mu);font-size:13px;line-height:1.4} .chipset{display:flex;flex-direction:column;gap:12px} .chipset .chips{display:flex;flex-wrap:wrap;gap:8px} .chipset .chip.on,.chips .chip.on{background:var(--btn);border-color:var(--btn);color:#fff} .chipset .g .chip{font-size:14px;padding:0 14px;min-height:40px} .qcard{border:1px solid var(--pink);border-radius:var(--r-m);padding:18px;display:none;flex-direction:column;gap:12px;background:rgba(237,19,123,.05)} .qcard.on{display:flex} .qcard p{margin:0;color:var(--tx2);font-size:14px;line-height:1.5} .qcard .h3{font-size:22px} .qwarn{font-size:13px;color:var(--amber)} .ill{width:72px;height:72px;border-radius:20px;display:grid;place-items:center;background:rgba(237,19,123,.14);color:var(--pinkT)} .ill svg{width:38px;height:38px} .okbox{padding:14px 16px;border-radius:12px;background:var(--s2);color:var(--tx2);font-size:14px;line-height:1.5} .mockrow{display:flex;flex-wrap:wrap;gap:8px} .btn-demo{border:1px dashed var(--amber);background:transparent;color:var(--amber);border-radius:10px;padding:8px 12px;font:600 13px/1.2 var(--body);cursor:pointer} .kh{display:flex;align-items:center;gap:20px;flex-wrap:wrap} .kh .avbig{flex:none;width:96px;height:96px;border-radius:50%;background:var(--btn) center/cover no-repeat;color:#fff;display:grid;place-items:center;font:700 40px/1 var(--body);position:relative;cursor:pointer;border:0} .kh .avbig .cam{position:absolute;right:-2px;bottom:-2px;width:34px;height:34px;border-radius:50%;background:var(--s2);border:2px solid var(--bg);display:grid;place-items:center;color:var(--tx)} .kh .avbig .cam svg{width:18px;height:18px} .kh .avbig:focus-within{outline:2px solid var(--pinkT);outline-offset:3px} .kh .avbig input{position:absolute;width:1px;height:1px;opacity:0} .kh .avbig.busy{pointer-events:none} .kh .avspin{position:absolute;inset:0;border-radius:50%;background:rgba(18,14,23,.6);display:grid;place-items:center} .kh .avspin::after{content:'';width:40%;height:40%;border-radius:50%;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;animation:avspin .8s linear infinite} @keyframes avspin{to{transform:rotate(360deg)}} @media (prefers-reduced-motion:reduce){.kh .avspin::after{animation-duration:2.4s}} .avwrap{position:relative;flex:none;width:96px;height:96px} .kh .avdel{position:absolute;right:-2px;top:-2px;margin:0} .kh .avx{width:34px;height:34px;padding:0;border-radius:50%;background:var(--s2);border:2px solid var(--bg);display:grid;place-items:center;color:var(--tx);cursor:pointer} .kh .avx svg{width:17px;height:17px} .kh .avx:hover,.kh .avx:focus-visible{color:var(--pinkT)} .kh .avx:focus-visible{outline:2px solid var(--pinkT);outline-offset:2px} .khello{min-height:96px;display:flex;flex-direction:column;justify-content:space-between;min-width:0} .kh .h1{font-size:clamp(34px,4.4vw,54px);line-height:1;margin:0} .kh .meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px} .khearts{margin-left:auto;height:96px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;text-decoration:none;color:var(--tx);text-align:right;border-radius:12px} .khearts .h3{margin:0;line-height:1} .khearts-n{display:flex;align-items:center;gap:10px;color:var(--amber)} .khearts-n svg{width:52px;height:52px;margin:-2px -2px 0 0} .khearts-n b{font:800 56px/1 var(--body)} .khearts:hover .h3,.khearts:focus-visible .h3{color:var(--pinkT)} .khearts:focus-visible{outline:2px solid var(--pinkT);outline-offset:6px} @media (max-width:767px){.khearts{margin-left:0;align-items:flex-start;text-align:left;width:100%;height:auto;gap:8px}.khello{min-height:0}} .kgrid2{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:var(--gutter);align-items:start} @media (max-width:1023px){.kgrid2{grid-template-columns:1fr}} .kcol{display:flex;flex-direction:column;gap:var(--gutter)} .kcard{background:var(--s1);border:1px solid var(--line);border-radius:var(--r-l);padding:24px;display:flex;flex-direction:column;gap:16px} .kcard-h{display:flex;align-items:center;justify-content:space-between;gap:12px} .kcard-h .h3{margin:0} .kcard-h .lnk{align-self:center} .klikes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px} .kbig-h{display:flex;align-items:center;gap:14px} .kbig-h .h3{margin:0} .erows{display:flex;flex-direction:column;border-top:1px solid var(--line)} .erow{display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line)} .erow-a{flex:1;min-width:0;display:flex;align-items:center;gap:18px;padding:12px 0;color:var(--tx);text-decoration:none} .erow-d{flex:none;width:84px;display:flex;flex-direction:column;gap:3px} .erow-d b{color:var(--pinkT);font-size:15px;font-weight:800;white-space:nowrap} .erow-d small,.erow-t small{color:var(--tx2);font-size:13px;line-height:1.3} .erow-t{min-width:0;display:flex;flex-direction:column;gap:3px} .erow-t b{font-size:16px;font-weight:700;line-height:1.25;overflow-wrap:anywhere} .erow-a:hover .erow-t b,.erow-a:focus-visible .erow-t b{color:var(--pinkT)} .erow-h{flex:none;width:40px;height:40px;padding:0;border-radius:50%;border:1px solid var(--line2);background:transparent;color:var(--tx2);display:grid;place-items:center;cursor:pointer} .erow-h svg{width:20px;height:20px} .erow-h.on{color:var(--pinkT);border-color:transparent;background:var(--s2)} .erow-h.on svg{fill:currentColor} .erow-h:focus-visible{outline:2px solid var(--pinkT);outline-offset:2px} .erow.off .erow-a{opacity:.55} .ktlist{padding-top:8px;padding-bottom:8px} .ktlist .erows{border-top:0} .ktlist .erow:last-child{border-bottom:0} .kbig .klikes{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px} @media (max-width:767px){.kbig .klikes{gap:6px}.erow-a{gap:14px}.erow-d{width:72px}} .klikes a{display:block;position:relative;aspect-ratio:1;border-radius:10px;overflow:hidden;background:var(--bg2)} .klikes .kl-n{position:absolute;right:5px;bottom:5px;display:inline-flex;align-items:center;gap:3px;height:22px;padding:0 7px;border-radius:999px;background:rgba(18,14,23,.65);backdrop-filter:blur(6px);color:#fff;font:700 11px/1 var(--body)} .klikes .kl-n svg{width:12px;height:12px;color:var(--pinkT)} .klikes img{width:100%;height:100%;object-fit:cover;object-position:50% 30%;display:block;transition:transform .4s var(--ease)} .klikes a:hover img{transform:scale(1.06)} .konto-page .kcard{scroll-margin-top:110px} .prow{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-top:1px solid var(--line);font-size:15px} .prow:first-child{border-top:0;padding-top:0} .prow span:first-child{color:var(--mu)} .prow span:last-child{color:var(--tx);font-weight:700;text-align:right;overflow-wrap:anywhere} .prow .ph{font-weight:400} .edit{display:none;flex-direction:column;gap:16px} .kcard.editing .edit{display:flex} .kcard.editing .view{display:none} .btnrow{display:flex;flex-wrap:wrap;gap:10px} .btnrow .btn{--h:48px} .toggle{flex:none;width:52px;height:30px;border-radius:15px;border:0;background:var(--line2);position:relative;cursor:pointer;transition:background .2s} .toggle span{position:absolute;left:3px;top:3px;width:24px;height:24px;border-radius:50%;background:#fff;transition:transform .2s} .toggle.on{background:var(--btn)} .toggle.on span{transform:translateX(22px)} .toggle.on.wait{background:var(--amber)} .toggle:disabled{cursor:not-allowed;opacity:.55} .trow small.wait{display:flex;gap:6px;align-items:flex-start;color:var(--amber)} .trow small.wait svg{flex:none;width:15px;height:15px;margin-top:2px} .trow{display:flex;align-items:center;justify-content:space-between;gap:16px} .trow b{display:block;color:var(--tx)} .trow small{display:block;margin-top:2px;color:var(--mu);font-size:13px;line-height:1.45} .danger{color:var(--pinkT);background:none;border:0;font:700 15px/1.2 var(--body);cursor:pointer;padding:8px 0;align-self:flex-start} .gate{display:none} .gate.on{display:block} body:not(.logged) .needlogin{display:none} body.logged .gate{display:none} body:not(.logged) .gate{display:block} .dlg2{border:0;padding:0;background:transparent;color:var(--tx);max-width:min(440px,calc(100vw - 32px))} .dlg2::backdrop{background:rgba(10,8,13,.72);backdrop-filter:blur(6px)} .dlg2 .dcard{background:var(--s1);border:1px solid var(--line2);border-radius:var(--r-l);padding:28px;display:flex;flex-direction:column;gap:14px} .dlg2 p{margin:0;color:var(--tx2);line-height:1.5} .dlg2 .btn{width:100%} .hgrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:var(--gutter);align-items:stretch} @media (max-width:1023px){.hgrid{grid-template-columns:1fr}} .hcard{background:var(--s1);border:1px solid var(--line);border-radius:var(--r-l);padding:28px;display:flex;flex-direction:column;gap:16px} .hbig{display:flex;align-items:center;gap:14px;color:var(--amber)} .hbig svg{width:76px;height:76px;flex:none;margin:-6px -4px 0 -6px} .hbig b{font:800 72px/1 var(--body);letter-spacing:-.02em} .hlab{display:block;color:var(--mu);font-size:15px;margin:6px 0 0 80px} .hrules{display:flex;flex-direction:column;border-top:1px solid var(--line)} .hrules div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);color:var(--tx2);font-size:15px} .hrules b{color:var(--amber)} .stamps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;max-width:420px} .stamp{aspect-ratio:1;border-radius:50%;display:grid;place-items:center;font:800 18px/1 var(--body)} .stamp.on{background:var(--btn);color:#fff;box-shadow:0 8px 24px -8px rgba(237,19,123,.7)} .stamp.on svg{width:46%;height:46%} .stamp.off{color:#8C7F94;border:2px dashed var(--line2)} .stamp.next{border-color:var(--pinkT);color:var(--pinkT)} .prog i{display:block;height:100%;background:var(--btn);border-radius:4px} .vgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gutter)} @media (max-width:1023px){.vgrid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media (max-width:767px){.vgrid{grid-template-columns:1fr}} .vc{border-radius:20px;padding:22px;display:flex;flex-direction:column;gap:10px;min-height:220px} .vc.einlass{background:var(--amber);color:#120E17} .vc.bar{background:var(--s1);border:1px solid var(--pink)} .vc.used{background:transparent;color:var(--mu);border:1px dashed var(--line2)} .vkind{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase} .vc .vt{font:400 34px/1 var(--head);text-transform:uppercase} .vc .vs{font-size:15px;line-height:1.45} .vc.bar .vs{color:var(--tx2)} .vc .vv{font-size:13px;line-height:1.45;margin-top:auto} .vc.bar .vv{color:var(--mu)} .pill{align-self:flex-start;font-size:13px;font-weight:700;border-radius:999px;padding:6px 12px} .vc.einlass .pill{background:#120E17;color:var(--amber)} .vc.bar .pill{background:rgba(237,19,123,.16);color:var(--pinkT)} .shop{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} @media (max-width:767px){.shop{grid-template-columns:1fr}} .prod{display:flex;align-items:center;gap:14px;background:var(--s1);border:1px solid var(--line);border-radius:18px;padding:14px 16px} .prod .pic{flex:none;width:52px;height:52px;border-radius:14px;background:var(--s2);display:grid;place-items:center;color:var(--pinkT)} .prod .pic svg{width:26px;height:26px} .prod .pn{font-weight:700;color:var(--tx)} .prod .pm{font-size:13px;color:var(--mu)} .prod .pp{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:4px} .prod .pts{display:inline-flex;align-items:center;gap:4px;color:var(--amber);font-weight:800;font-size:15px} .prod .pts svg{width:15px;height:15px} .tagmini{font-size:12px;font-weight:700;border-radius:999px;padding:3px 8px;background:var(--s2);color:var(--tx2)} .buy{margin-left:auto;flex:none;min-width:96px;height:42px;border-radius:12px;border:0;background:var(--btn);color:#fff;font:700 14px/1 var(--body);cursor:pointer;padding:0 12px} .buy:disabled{background:var(--s2);color:var(--mu);cursor:default} .ledger{display:flex;flex-direction:column} .lrow{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;border-top:1px solid var(--line)} .lrow:first-child{border-top:0} .lrow span{color:var(--tx)} .lrow small{display:block;color:var(--mu);font-size:13px} .lrow b{font-weight:800} .lrow b.p{color:var(--amber)} .lrow b.m{color:var(--pinkT)} .hsec{margin-top:var(--section)} .demo{display:inline-block;font-size:12px;font-weight:700;color:var(--amber);border:1px dashed var(--amber);border-radius:8px;padding:3px 8px;margin-left:8px;vertical-align:middle} .lgrp{margin-top:var(--sp-6)} .lgrp:first-of-type{margin-top:0} .lgh{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:16px} .lgh h2{margin:0;font-size:var(--fs-card)} .lgh small{display:block;color:var(--mu);font-size:14px;margin-top:6px} .lgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px} @media (max-width:1023px){.lgrid{grid-template-columns:repeat(3,minmax(0,1fr))}} @media (max-width:767px){.lgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}} .lph{position:relative;margin:0;aspect-ratio:1;border-radius:var(--r-m);overflow:hidden;background:var(--s1)} .lph>button.op{display:block;width:100%;height:100%;padding:0;border:0;background:none;cursor:zoom-in} .lph img{width:100%;height:100%;object-fit:cover;object-position:50% 30%;display:block;transition:transform .5s var(--ease)} .lph:hover img{transform:scale(1.04)} .lchips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:var(--sp-3)} .lchips .chip.on{background:var(--btn);border-color:var(--btn);color:#fff} .lchips .chip small{margin-left:6px;opacity:.7;font-weight:400} .lph figcaption{position:absolute;left:0;right:0;bottom:0;padding:28px 10px 8px;background:linear-gradient(transparent,rgba(10,8,13,.85));color:var(--tx2);font-size:12px;line-height:1.3;pointer-events:none} .lph figcaption b{display:block;color:#fff;font-size:13px} .lph[hidden]{display:none} @media (max-width:767px){.lchips{flex-wrap:nowrap;overflow-x:auto;margin-inline:calc(var(--margin) * -1);padding:0 var(--margin) 4px;scrollbar-width:none}} @media (max-width:767px){.lchips .chip{flex:none}} @media (max-width:767px){.unl{height:30px!important;padding:0 8px!important;right:5px!important;top:5px!important;font-size:12px!important}} @media (max-width:767px){.unl svg{width:16px!important;height:16px!important}} @media (max-width:767px){.lph figcaption{padding:20px 8px 6px;font-size:11px}} @media (max-width:767px){.lph figcaption b{font-size:11px}} .unl{position:absolute;right:8px;top:8px;height:36px;padding:0 11px;border-radius:999px;border:0;background:rgba(18,14,23,.6);backdrop-filter:blur(6px);color:var(--pinkT);display:inline-flex;align-items:center;gap:6px;cursor:pointer;font:700 14px/1 var(--body)} .unl b{color:#fff} .unl svg{width:20px;height:20px} .unl:hover{background:rgba(18,14,23,.85)} .lph.gone{animation:gone .3s forwards} @keyframes gone{to{opacity:0;transform:scale(.9)}} .lsum{display:flex;align-items:center;gap:10px;color:var(--pinkT);font-weight:700} .lsum svg{width:22px;height:22px} .lempty{display:none;text-align:center;padding:48px 16px;border:1px dashed var(--line2);border-radius:var(--r-l);color:var(--tx2)} .lempty .btn{margin-top:16px} .llb{position:fixed;inset:0;z-index:150;background:rgba(10,8,13,.96);display:none;flex-direction:column} .llb.on{display:flex} .llb-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px} .llb-top b{display:block;color:var(--tx)} .llb-top small{color:var(--mu)} .llb-stage{flex:1;display:flex;align-items:center;justify-content:center;min-height:0;padding:0 72px;position:relative} .llb-stage img{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px} .llb-bar{display:flex;justify-content:center;gap:12px;padding:12px 16px 20px;flex-wrap:wrap} .llb .rb{width:52px;height:52px;border-radius:50%;border:1px solid var(--line2);background:rgba(29,23,36,.7);color:var(--tx);display:grid;place-items:center;cursor:pointer} .llb .rb svg{width:24px;height:24px} .llb .pv,.llb .nx{position:absolute;top:50%;transform:translateY(-50%)} .llb .pv{left:12px} .llb .nx{right:12px} .llb .btn{--h:44px} @media (max-width:767px){.llb-stage{padding:0}} @media (max-width:767px){.llb .pv,.llb .nx{display:none}} .acm .acm-note{font-size:12px;color:var(--amber)} .konto-preview{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:60;display:flex;gap:10px;align-items:center;max-width:calc(100vw - 24px);padding:10px 16px;border-radius:12px;border:1px dashed var(--amber);background:rgba(29,23,36,.94);color:var(--amber);font-size:13px;font-weight:700;backdrop-filter:blur(8px)} .konto-preview svg{flex:none;width:18px;height:18px} @media (max-width:1023px){.konto-preview{left:12px;right:12px;transform:none;bottom:calc(86px + env(safe-area-inset-bottom))}} .acm .acm-pv{gap:0}.acm .acm-pv small{display:block;padding:8px 4px 2px;color:var(--mu);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase} .hdr{position:fixed;inset:0 0 auto 0;z-index:60;height:80px;transition:background-color .35s,border-color .35s,backdrop-filter .35s;border-bottom:1px solid transparent} .hdr.solid{background:rgba(18,14,23,.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom-color:var(--line)} .hdr .wrap{height:100%;display:flex;align-items:center;gap:32px} .hdr-home{display:block;width:56px;height:46px;flex:none} .hicon{width:56px;height:auto;display:block;opacity:0;transition:opacity .25s} .hdr.solid .hicon,.hdr.show-icon .hicon{opacity:1} .hicon .ic-body path{fill:var(--tx)}.hicon .ic-cross path{fill:var(--bg)}.hicon .ic-heart path{fill:var(--pink)}.hicon .ic-mouth path{fill:var(--tx)} .hdr-home{position:relative} .hdr.show-icon .hicon{transform-origin:50% 60%;animation:wink 10s 1.5s ease-in-out infinite} @keyframes wink{0%{transform:none}1.5%{transform:scale(1.34) rotate(-10deg)}3.5%{transform:scale(1.18) rotate(9deg)}5.5%{transform:scale(1.3) rotate(-6deg)}7.5%{transform:scale(1.12) rotate(3deg)}9.5%{transform:scale(1) rotate(0)}11%,100%{transform:none}} .hdr-home:hover .hicon{animation:none} .hdr-home:hover .hicon .ic-heart{animation:beat 1s infinite} .hdr-home:hover .hicon .ic-cross{animation:spin 1.2s linear infinite} .hicon g{transform-box:fill-box;transform-origin:50% 50%} .hdr-home .hint{position:absolute;left:0;top:calc(100% + 10px);white-space:nowrap;background:var(--s1);border:1px solid var(--line2);color:var(--tx);font-size:14px;font-weight:700;padding:9px 14px;border-radius:12px;opacity:0;transform:translateY(-6px);pointer-events:none;transition:opacity .2s,transform .2s} .hdr-home .hint b{color:var(--pinkT)} .hdr.show-icon .hdr-home:hover .hint{opacity:1;transform:none} @media (prefers-reduced-motion:reduce){.hdr.show-icon .hicon{animation:none}} .nav{display:flex;gap:2px;margin-left:auto} .nav a{color:var(--tx);text-decoration:none;font-weight:700;font-size:16px;padding:10px 14px;transition:color .2s} .nav a{position:relative} .nav a::after{content:'';position:absolute;left:14px;right:14px;bottom:3px;height:3px;border-radius:3px;background:rgba(246,240,234,.35);transform:scaleX(0);transition:transform .3s cubic-bezier(.2,.8,.2,1),background-color .3s} .nav a:hover::after{transform:scaleX(1)} .nav a.on::after{transform:scaleX(1);background:var(--pink)} .hdr-login{flex:none;width:44px;height:44px;border-radius:50%;border:1px solid var(--line2);display:grid;place-items:center;color:var(--tx)} .hdr-login:hover{border-color:var(--tx)} .hdr-login svg{width:20px;height:20px} .hdr-kontakt{display:none} .bnav{display:none} @media (max-width:1023px){.hdr{height:64px} .nav{display:none} .hdr-kontakt{display:inline-flex;color:var(--tx);font-weight:700;font-size:16px;text-decoration:none;margin-right:6px} .hdr-kontakt.first{margin-left:auto} .hdr .wrap{gap:18px} .hdr-home{width:46px}.hicon{width:46px} .bnav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:60;background:rgba(18,14,23,.92);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--line);padding:6px 6px calc(6px + env(safe-area-inset-bottom))} .bnav a{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 0;color:var(--mu);text-decoration:none;font-size:12px;font-weight:700} .bnav a.on{color:var(--pinkT)} .bnav svg{width:24px;height:24px}} @keyframes beat{0%,100%{transform:scale(1)}10%{transform:scale(1.2)}20%{transform:scale(1)}30%{transform:scale(1.12)}45%{transform:scale(1)}} @keyframes spin{to{transform:rotate(360deg)}} .ftr{position:relative;z-index:1;background:var(--bg);border-top:1px solid var(--line);padding-top:var(--sp-8)} .ftr-band{display:grid;gap:var(--gutter);grid-template-columns:repeat(var(--cols),minmax(0,1fr))} .ftr-box{grid-column:1 / -1;background:var(--s1);border-radius:var(--r-l);padding:24px 26px;display:flex;flex-direction:column;gap:10px;position:relative;overflow:hidden} @media (min-width:1024px){.ftr-box{grid-column:span 6;padding:28px 32px}} .ftr-box .h3{font-size:clamp(26px,1.2rem + .8vw,34px)} .ftr-box p{margin:0;color:var(--tx2);font-size:16px;line-height:1.5} .ftr-box.app{background:linear-gradient(135deg,rgba(237,19,123,.22),rgba(29,23,36,1) 60%)} .ftr-box.app::after{content:'';position:absolute;right:-80px;top:-100px;width:230px;height:230px;border-radius:50%;border:2px solid rgba(237,19,123,.35);pointer-events:none} .ftr-row{display:flex;flex-wrap:wrap;gap:12px 18px;align-items:center;margin-top:6px} .nl{display:flex;gap:10px;flex-wrap:wrap} .nl .input{flex:1 1 220px;min-height:48px;padding:12px 16px} .nl .btn{--h:48px} .ftr-box .fine{font-size:14px;line-height:1.5;color:var(--mu)} .ftr-box .fine a{color:var(--tx2)} .ftr-box#newsletter{scroll-margin-top:100px} .vh{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} .ftr-cols{display:grid;gap:36px var(--gutter);grid-template-columns:repeat(2,minmax(0,1fr));padding-block:var(--sp-8) var(--sp-6)} .ftr-col h4{margin:0 0 14px;font-size:14px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--mu)} .ftr-col,.ftr-col address{font-style:normal;color:var(--tx2);font-size:16px;line-height:1.6} .ftr-col .strong{color:var(--tx);font-weight:700} .ftr-col ul{list-style:none;margin:0;padding:0;display:grid;gap:8px 24px} .ftr-col ul.two{grid-template-columns:repeat(2,max-content)} .ftr-col a{color:var(--tx);text-decoration:none;font-size:16px;background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;transition:background-size .3s} .ftr-col a:hover{background-size:100% 1px} .ftr-col .more{display:inline-block;margin-top:10px;color:var(--pinkT);font-weight:700;font-size:16px} .hours-txt{margin:0;font-size:16px;line-height:1.6;color:var(--tx2);max-width:300px} .hours-txt b{color:var(--pinkT);font-weight:700} .hours .day{font-family:var(--head);text-transform:uppercase;font-size:30px;line-height:1;color:var(--tx);letter-spacing:.02em} .hours .day b{font-weight:400;color:var(--pinkT)} .hours p{margin:8px 0 0;font-size:16px;color:var(--tx2);line-height:1.5} .social{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px} .social a{width:46px;height:46px;border-radius:50%;border:1px solid var(--line2);display:grid;place-items:center;background:none;transition:border-color .2s,background-color .2s,transform .2s} .social a:hover{border-color:var(--pink);background:var(--pink);transform:translateY(-2px)} .social img{width:20px;height:20px;filter:brightness(0) invert(1)} @media (max-width:767px){.ftr-cols{grid-template-columns:1fr}.ftr-col ul.two{grid-template-columns:repeat(2,minmax(0,1fr))}} @media (min-width:1024px){.ftr-cols{display:flex;justify-content:space-between;gap:48px}.ftr-col{flex:0 1 auto}.ftr-col.hrs{flex-basis:300px}} .ftr-bottom{border-top:1px solid var(--line);padding-block:20px;display:flex;flex-wrap:wrap;gap:10px 28px;align-items:center;font-size:14px;color:var(--mu)} .ftr-bottom .hicon{opacity:1;width:40px} .ftr-bottom a{color:var(--mu);text-decoration:none} .ftr-bottom a:hover{color:var(--tx)} .ftr-bottom .legal{margin-left:auto;display:flex;flex-wrap:wrap;gap:10px 28px} @media (max-width:1023px){.ftr{padding-bottom:calc(76px + env(safe-area-inset-bottom))}.ftr-bottom .legal{margin-left:0}} .hdr-login{text-decoration:none} .hdr-burger{display:none} .mnav{display:none} @media (max-width:1023px){.hdr-kontakt{display:none!important} .hdr-login{margin-left:auto} .hdr-burger{display:grid;place-items:center;flex:none;width:44px;height:44px;margin-left:-6px;border:0;border-radius:12px;background:transparent;color:var(--tx);cursor:pointer} .hdr-burger svg{width:28px;height:28px} .mnav{position:fixed;inset:0;z-index:200;display:flex;flex-direction:column;background:var(--bg);overflow-y:auto;overflow-x:hidden;visibility:hidden;opacity:0;transform:translateY(-8px);transition:opacity .25s var(--ease),transform .25s var(--ease),visibility 0s .25s} .mnav.on{visibility:visible;opacity:1;transform:none;transition:opacity .25s var(--ease),transform .25s var(--ease)} .mnav::before{content:'';position:fixed;width:420px;height:420px;right:-200px;top:-140px;border-radius:50%;border:2px solid rgba(237,19,123,.28);pointer-events:none} .mnav-top{display:flex;align-items:center;justify-content:space-between;height:64px;padding:0 var(--margin);flex:none} .mnav-top img{height:40px;width:auto;display:block} .mnav-x{width:44px;height:44px;border:0;border-radius:12px;background:transparent;color:var(--tx);display:grid;place-items:center;cursor:pointer} .mnav-x svg{width:28px;height:28px} .mnav-main{list-style:none;margin:0;padding:16px var(--margin) 8px;display:flex;flex-direction:column} .mnav-main a{display:flex;align-items:center;justify-content:space-between;padding:9px 11px 9px 0;font:400 clamp(30px,8.5vw,42px)/1 var(--head);text-transform:uppercase;color:var(--tx);text-decoration:none} .mnav-main a.on{color:var(--pinkT)} .mnav-main a::after{content:'→';font:700 22px/1 var(--body);color:var(--mu);transition:transform .2s var(--ease)} .mnav-main a:active::after{transform:translateX(4px)} .mnav-foot{margin-top:auto;padding:24px var(--margin) calc(24px + env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap} .mnav-soc{display:flex;gap:8px} .mnav-soc a{width:44px;height:44px;border-radius:50%;border:1px solid var(--line2);display:grid;place-items:center} .mnav-soc img{width:20px;height:20px;filter:brightness(0) invert(1)} .mnav-legal{display:flex;flex-wrap:wrap;gap:8px 24px} .mnav-legal a{color:var(--tx2);font-size:14px;font-weight:700;text-decoration:none} .mnav-legal a.on{color:var(--pinkT)} body.mnav-open{overflow:hidden}} .page-head{padding-top:calc(80px + var(--sp-8));padding-bottom:var(--sp-6)} @media (max-width:1023px){.page-head{padding-top:calc(64px + var(--sp-6))}} .page-head .cap{color:var(--pinkT);margin-bottom:14px} .ph-lead{margin-top:16px} .ph-lead p{margin:0 0 12px} .ph-lead p:last-child{margin-bottom:0} .sec-body{padding-bottom:var(--section)} .ph{color:var(--amber)} .prose{color:var(--tx2);font-size:16px;line-height:1.65} .prose h2{font-family:var(--head);font-weight:400;text-transform:uppercase;font-size:var(--fs-card);line-height:1;color:var(--tx);margin:56px 0 16px;scroll-margin-top:110px} .prose h2:first-child{margin-top:0} .prose h3{font:700 19px/1.3 var(--body);color:var(--tx);margin:32px 0 10px} .prose h4{font:700 16px/1.3 var(--body);color:var(--tx);margin:24px 0 8px} .prose p{margin:0 0 14px;max-width:none} .prose ul{margin:0 0 14px;padding-left:20px} .prose li{margin-bottom:6px} .prose a{color:var(--pinkT);word-break:break-word} .prose strong,.prose b{color:var(--tx)} .side-col{display:flex;flex-direction:column;gap:var(--gutter)} @media (min-width:1024px){main:has(> .sec-side){display:grid;column-gap:var(--gutter);grid-template-columns:minmax(0,1fr) repeat(12,minmax(0,calc((min(var(--content),100% - 2 * var(--margin)) - 11 * var(--gutter)) / 12))) minmax(0,1fr)} main:has(> .sec-side) > *{grid-column:1 / -1;min-width:0} main > .sec-form:has(+ .sec-side){grid-column:2 / span 8} main > .sec-form + .sec-side{grid-column:10 / span 4} main > .sec-side:not(.sec-form + .sec-side){grid-column:2 / span 4} main > .sec-side:not(.sec-form + .sec-side) + *{grid-column:6 / span 8} main > .sec-form:has(+ .sec-side) > .wrap,main > .sec-side > .wrap,main > .sec-side:not(.sec-form + .sec-side) + * > .wrap{max-width:none;padding-inline:0} .sec-side .side-col{position:sticky;top:104px} main > .sec-form.section-alt:has(+ .sec-side){border-image:conic-gradient(var(--bg2) 0 0) fill 0 / / 0 100vw}} @media (max-width:1023px){main > .sec-form:has(+ .sec-side){padding-bottom:calc(var(--gutter) + var(--sp-4))} main > .sec-side:not(.sec-form + .sec-side){padding-bottom:var(--gutter)}} .sec-form.section-alt + .sec-side{background:var(--bg2)} .aw .fi{width:52px;height:52px;border-radius:15px}.aw .fi svg{width:28px;height:28px} .aw ul{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-direction:column;gap:10px} .aw li{display:flex;gap:10px;color:var(--tx2);font-size:16px;line-height:1.5} .aw li::before{content:'';flex:none;width:6px;height:6px;border-radius:50%;background:var(--pinkT);margin-top:9px} .aw li b{color:var(--tx)} .aw .sos{font-size:14px;color:var(--mu);margin:0} .aw .sos b{color:var(--tx)} .klist{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-direction:column;gap:12px} .klist li{display:flex;align-items:center;gap:12px} .klist .fi{width:36px;height:36px;border-radius:11px}.klist .fi svg{width:20px;height:20px} .klist a{color:var(--tx);font-weight:700;text-decoration:none;word-break:break-word} .klist a:hover{color:var(--pinkT)} .map{margin:16px 0 8px;border-radius:var(--r-m);overflow:hidden;border:1px solid var(--line)} .map img{display:block;width:100%;height:auto} .acc .acc-body .link-arrow{margin-top:4px} .ftr-band--single .ftr-box{grid-column:1 / -1} .dnav{position:sticky;top:72px;z-index:5;background:linear-gradient(var(--bg) 70%,transparent);padding:12px 0 18px;margin:-12px 0 var(--sp-2)} .dnav .filter{display:flex;flex-wrap:wrap;gap:10px} @media (max-width:1023px){.dnav{top:64px}} @media (max-width:767px){.dnav .filter{flex-wrap:nowrap;overflow-x:auto;margin-inline:calc(var(--margin) * -1);padding:0 var(--margin) 4px;scrollbar-width:none}.dnav .filter::-webkit-scrollbar{display:none}.dnav .chip{flex:none}} .chip-ic{gap:8px;padding-left:12px;text-decoration:none} .chip-ic svg{width:20px;height:20px;color:var(--pinkT)} .chip.on{background:var(--btn);border-color:var(--btn);color:#fff}.chip.on svg{color:#fff} .dk{break-inside:avoid;background:var(--s1);border:1px solid var(--line);border-radius:var(--r-l);padding:24px 26px 18px;margin:0 0 var(--gutter);scroll-margin-top:150px} .dk-h{display:flex;align-items:center;gap:14px;font-family:var(--head);font-weight:400;text-transform:uppercase;font-size:var(--fs-card);line-height:1;margin:0 0 10px} .dk-h .fi{flex:none;width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:rgba(237,19,123,.14);color:var(--pinkT)} .dk-h .fi svg{width:24px;height:24px} .dk ul{list-style:none;margin:0;padding:0} .dk li{display:grid;grid-template-columns:minmax(0,auto) minmax(20px,1fr) auto;column-gap:10px;align-items:baseline;padding:10px 0} .dk li+li{margin-top:6px} .dn{font-size:16px;color:var(--tx);font-weight:700} .dd{grid-column:1 / -1;font-size:14px;font-weight:400;color:var(--mu);margin-top:2px} .dc{margin-left:4px;font-size:11px;font-weight:400;color:var(--mu);vertical-align:super;line-height:0} .dlegend{margin:var(--sp-3) 0 0} .dots{flex:1;border-bottom:1px dotted var(--line2);transform:translateY(-4px);min-width:20px} .dp{font-family:var(--body);font-size:18px;font-weight:700;line-height:1.2;color:var(--tx);white-space:nowrap} .payb{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px} .payb span{display:inline-flex;align-items:center;height:34px;padding:3px 12px 0;border-radius:8px;background:var(--s2);border:1px solid var(--line2);color:var(--tx);font-size:14px;font-weight:700} .payb .more{background:transparent;border-color:transparent;color:var(--mu);font-weight:400} .sec-menu{padding-bottom:0} .sec-menu .menu > .dk:last-child{margin-bottom:0} .sec-menu .stand{margin:var(--sp-3) 0 0} .sec-menu + .sec-tiles{padding-top:var(--sp-4)} .page-filter{position:relative;z-index:1;padding-bottom:var(--ph-gap)} .frow{display:flex;align-items:flex-start;gap:16px} .frow + .frow{margin-top:12px} .flabel{flex:none;width:64px;height:44px;display:flex;align-items:center;font-size:14px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--mu)} .filter{display:flex;flex-wrap:wrap;gap:10px;min-width:0;flex:1} .filter .chip{text-decoration:none} @media (max-width:767px){.frow{flex-direction:column;gap:8px}.flabel{height:auto;width:auto}.filter{width:calc(100% + 2 * var(--margin))}} @media (max-width:767px){.page-filter .filter{flex-wrap:nowrap;overflow-x:auto;margin-inline:calc(var(--margin) * -1);padding:0 var(--margin) 6px;scrollbar-width:none}.page-filter .filter::-webkit-scrollbar{display:none}.page-filter .filter .chip{flex:none}} .prog{padding-bottom:var(--section)} .month{margin-top:var(--sp-6)} .month:first-child,.month[hidden] + .month{margin-top:0} .month-head{display:flex;align-items:baseline;gap:14px;padding-bottom:14px;margin-bottom:var(--sp-3);border-bottom:1px solid var(--line)} .month[hidden],.ev[hidden]{display:none} .empty{text-align:center;max-width:560px;margin:0 auto;padding:var(--sp-6) 0;display:flex;flex-direction:column;align-items:center;gap:14px} .empty p{margin:0;color:var(--tx2)} .empty-ic{width:64px;height:64px;border-radius:18px;display:grid;place-items:center;background:rgba(237,19,123,.14);color:var(--pinkT)} .empty-ic svg{width:34px;height:34px} .empty[hidden]{display:none} .evd-top{padding-top:calc(80px + var(--sp-4));padding-bottom:var(--sp-8)} @media (max-width:1023px){.evd-top{padding-top:calc(64px + var(--sp-2))}} .back{display:inline-flex;align-items:center;gap:8px;color:var(--tx2);text-decoration:none;font-weight:700;font-size:16px;margin-bottom:var(--sp-3)} .back svg{width:20px;height:20px} .back:hover{color:var(--tx)} .evd-grid{align-items:start} .evd-img{position:relative;aspect-ratio:3/2;border-radius:var(--r-l);overflow:hidden;background:var(--bg2);box-shadow:0 0 0 1px var(--line),0 30px 80px -40px rgba(237,19,123,.5)} .evd-img img{display:block;width:100%;height:100%;object-fit:cover} .evd-img:has(img){aspect-ratio:auto} .evd-img:has(img) img{height:auto} .evd-img .ev-accent{height:6px} .evd-info{--a:var(--pink);--aT:var(--pinkT);--aOn:#fff;display:flex;flex-direction:column;gap:14px} .evd-series{align-self:flex-start;display:inline-flex;align-items:center;gap:10px;color:var(--tx);text-decoration:none;font-weight:700;font-size:16px} .evd-series .ev-ic{margin:0;width:40px;height:40px;border-radius:12px;background:color-mix(in srgb,var(--a) 14%,transparent);color:var(--aT);display:grid;place-items:center} .evd-series .ev-ic svg{width:22px;height:22px} .evd-series:hover{color:var(--aT)} .evd-date{font-family:var(--head);text-transform:uppercase;font-size:clamp(28px,1.4rem + 1vw,40px);line-height:1;color:var(--aT);margin-top:6px} .evd-title{margin-top:-4px} .evd-sub{margin:0;color:var(--tx2);font-size:var(--fs-lead);line-height:1.4} .facts{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;border-top:1px solid var(--line)} .facts li{display:flex;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)} .facts .fi,.know .fi,.past-banner .fi{flex:none;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--s1);color:var(--pinkT)} .facts .fi svg,.know .fi svg,.past-banner .fi svg{width:22px;height:22px} .fl{display:block;font-size:14px;color:var(--mu)} .fv{display:block;font-size:16px;color:var(--tx);font-weight:700} .evd-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px} .evd-actions .btn svg{width:20px;height:20px} .evd-actions .resv{flex-basis:100%} .evd-actions .btn{white-space:nowrap} .evd-actions .sh{display:none} .ev-save .h1f,.ev-save .l1{display:none} .ev-save[aria-pressed="true"]{border-color:var(--pinkT);color:var(--tx)} .ev-save[aria-pressed="true"] .h0,.ev-save[aria-pressed="true"] .l0{display:none} .ev-save[aria-pressed="true"] .h1f,.ev-save[aria-pressed="true"] .l1{display:inline} .ev-save .h1f svg{color:var(--pinkT)} .ev-save .n{min-width:24px;height:24px;padding:0 7px;border-radius:999px;background:var(--s2);font-size:13px;line-height:24px;text-align:center} .ev-save .n[hidden]{display:none} .ev-save.pop{animation:pop .35s var(--ease)} .ev-saves{position:absolute;right:10px;top:10px;z-index:1;display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 10px;border-radius:999px;background:rgba(18,14,23,.6);backdrop-filter:blur(6px);color:#fff;font:700 13px/1 var(--body)} .ev-saves svg{width:16px;height:16px} .ev-saves.me svg{color:var(--pinkT)} @media (max-width:767px){.evd-actions .sh{display:inline}.evd-actions .sh~*,.evd-actions .btn span:first-of-type:not(.sh){display:none}} .resv-hint{margin:-4px 0 0} .f-amber .fv,.f-amber .fi{color:var(--amber)} .facts .f-amber .fi{background:rgba(255,200,87,.12)} .fv .mz{color:inherit;text-decoration:underline;text-underline-offset:3px} .evd-desc{margin-top:var(--sp-2);padding-top:var(--sp-3);border-top:1px solid var(--line);color:var(--tx2)} .evd-desc p{margin:0 0 14px} .evd-desc b,.evd-desc strong{color:var(--tx);font-weight:700} .evd-desc .evd-tags{margin-top:var(--sp-2)} .evd-tags{display:flex;flex-wrap:wrap;gap:8px} @media (min-width:1024px){.evd-media{position:sticky;top:104px}} @media (max-width:1023px){.evd-info{margin-top:var(--sp-3)}} @media (max-width:767px){.evd-actions .btn{flex:1 1 0;padding:0 14px}.evd-actions .resv{flex-basis:100%}} .past-banner{display:flex;align-items:center;gap:16px;padding:16px 20px;margin-bottom:var(--sp-3);border-radius:var(--r-m);background:var(--s1);border:1px solid var(--line2)} .past-banner div{flex:1;color:var(--tx2)} .past-banner b{color:var(--tx)} .is-past .evd-img img{filter:grayscale(.85) brightness(.7)} @media (max-width:767px){.past-banner{flex-wrap:wrap}} .sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:var(--sp-6);flex-wrap:wrap} .know{background:var(--s1);border:1px solid var(--line);border-radius:var(--r-l);padding:24px;display:flex;flex-direction:column;gap:12px} .know .fi{background:rgba(237,19,123,.14)} .know p{margin:0;color:var(--tx2);flex:1} :root{--note-accent: #D6106E;} .note{--note-color: #15803d;--note-bg: #f0fdf4;position: fixed;right: 1rem;bottom: 1rem;z-index: 10000;display: flex;align-items: flex-start;gap: .75rem;box-sizing: border-box;width: max-content;max-width: min(26rem, calc(100vw - 2rem));padding: .875rem 1rem;overflow: hidden;border: 1px solid var(--note-color);border-left-width: .3rem;border-radius: .5rem;background: var(--note-bg);color: #1f2937;box-shadow: 0 .5rem 1.5rem rgba(0, 0, 0, .18);font-size: 1rem;line-height: 1.45;text-align: left;animation: note-in .25s ease-out;} .note-success{--note-color: #15803d;--note-bg: #f0fdf4;} .note-warning{--note-color: #b45309;--note-bg: #fffbeb;} .note-error{--note-color: #b91c1c;--note-bg: #fef2f2;} .note-content{flex: 1;min-width: 0;} .note-content > :first-child{margin-top: 0;} .note-content > :last-child{margin-bottom: 0;} .note-content ul, ul.note-content{margin: 0;padding-left: 1.1rem;} .note-content a{color: inherit;text-decoration: underline;} .note-close{flex: none;margin: -.25rem -.4rem 0 0;padding: .2rem .45rem;border: 0;border-radius: .25rem;background: transparent;color: inherit;font: inherit;font-size: 1.35rem;line-height: 1;cursor: pointer;} .note-close:hover{color: var(--note-accent);background: rgba(0, 0, 0, .06);} .note-close:focus-visible{outline: 2px solid var(--note-accent);outline-offset: 2px;} .note-auto::after{content: "";position: absolute;left: 0;bottom: 0;height: 3px;width: 100%;background: var(--note-accent);transform-origin: left;animation: note-timer var(--note-timeout, 6000ms) linear forwards;} .note-auto:hover::after, .note-auto:focus-within::after{animation-play-state: paused;} .note-hide{opacity: 0;transform: translateY(.5rem);transition: opacity .2s ease-in, transform .2s ease-in;} @keyframes note-in{from{opacity: 0;transform: translateY(.5rem);}} @keyframes note-timer{to{transform: scaleX(0);}} @media (max-width: 30em){.note{left: 1rem;right: 1rem;width: auto;max-width: none;}} @media (prefers-reduced-motion: reduce){.note{animation: none;} .note-auto::after{opacity: 0;} .note-hide{transition: none;}} @media print{.note{display: none;}} @media (max-width: 1023px){.note{bottom: calc(84px + env(safe-area-inset-bottom));}} .sec-form{padding-top:0} .sec-form-top{padding-block:0} .kform{scroll-margin-top:100px;background:var(--s1);border:1px solid var(--line);border-radius:var(--r-l);padding:32px} @media (max-width:767px){.kform{padding:22px}} .kf-intro{margin-bottom:24px;color:var(--tx2)} .kf{display:flex;flex-direction:column;gap:16px} .kf fieldset{border:0;margin:0;padding:0;min-width:0} .kf legend{font-size:14px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--mu);margin-bottom:12px;padding:0} .kf > .kf-row:first-of-type{margin-bottom:8px} .kf-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:16px} @media (max-width:767px){.kf-row{grid-auto-flow:row}} .kf-col{display:flex;flex-direction:column;gap:16px;min-width:0} .anls{display:flex;flex-wrap:wrap;gap:10px} .anl{position:relative;cursor:pointer;gap:8px;padding-left:12px;text-decoration:none} .anl input{position:absolute;opacity:0;pointer-events:none} .anl svg{width:20px;height:20px;color:var(--pinkT)} .anl:has(input:checked){background:var(--btn);border-color:var(--btn);color:#fff} .anl:has(input:checked) svg{color:#fff} .anl:has(input:focus-visible){outline:2px solid var(--pinkT);outline-offset:2px} .kf-choices{display:flex;flex-wrap:wrap;gap:12px 20px} .extra{display:flex;flex-direction:column;gap:16px;padding:20px;border-radius:var(--r-m);background:var(--bg2);border:1px dashed var(--line2)} .kf.js .extra{display:none} .kf.js .extra.on{display:flex} .extra .hint{margin:0;font-size:14px;color:var(--mu)} .extra .hint a{color:var(--pinkT)} .field .opt{font-weight:400;color:var(--mu)} .field.err .input,.field.err .select,.field.err .textarea{border-color:#FF6B81} .ferr{display:none;font-size:14px;font-weight:400;color:#FF8A9B} .field.err .ferr{display:block} .check.field{font-weight:400} .check-row{display:flex;gap:12px;align-items:flex-start} .check-row a{color:var(--pinkT)} .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden} .fsend{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-top:8px} .fsend .btn svg{width:20px;height:20px} .kf-errors{padding:14px 18px;border-radius:var(--r-m);border:1px solid #FF6B81;color:#FF8A9B;font-size:14px} .kf-errors ul{margin:0;padding-left:18px} .done{display:none;text-align:center;padding:40px 16px;flex-direction:column;align-items:center;gap:14px} .done.on{display:flex} .done .fi{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:rgba(237,19,123,.14);color:var(--pinkT)} .done .fi svg{width:34px;height:34px} .done h2{margin:0} .done p{margin:0;color:var(--tx2);max-width:460px} .sec-form + .sec-side .klist li{align-items:flex-start} .sec-form + .sec-side .klist a{padding-top:7px} .klist address{font-style:normal;color:var(--tx);padding-top:7px;line-height:1.5} .ksoc{display:flex;gap:10px;margin-top:16px} .ksoc a{width:44px;height:44px;border-radius:50%;border:1px solid var(--line2);display:grid;place-items:center;transition:border-color .2s,background-color .2s} .ksoc a:hover{border-color:var(--pink);background:var(--pink)} .ksoc img{width:20px;height:20px;filter:brightness(0) invert(1)} .anf{padding-top:0} .anf .lead p{margin:0} .gmap{position:relative;aspect-ratio:21/9;border-radius:var(--r-l);overflow:hidden;border:1px solid var(--line);background:var(--bg2) url("/img/anfahrt-schema.svg") center/cover no-repeat} .gmap::before{content:'';position:absolute;inset:0;background:rgba(18,14,23,.78)} .gmap-ph{position:relative;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:24px} .gmap-ph p{margin:0;color:var(--tx2);max-width:460px;font-size:14px}.gmap-ph a{color:var(--pinkT)} .gmap iframe{position:absolute;inset:0;width:100%;height:100%;border:0;filter:invert(.9) hue-rotate(180deg) saturate(.6)} .gmap.on::before{display:none} @media (max-width:767px){.gmap{aspect-ratio:3/4}} .parks{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px} .gal-year + .gal-year{margin-top:var(--sp-8)} .year{display:flex;align-items:baseline;gap:14px;padding-bottom:14px;margin:0 0 var(--sp-3);border-bottom:1px solid var(--line)} .agrid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gutter)} .agrid .album{aspect-ratio:1/1} .agrid .a-big{grid-column:span 2;grid-row:span 2} .agrid .a-big .album-txt{left:28px;bottom:26px} @media (max-width:1023px){.agrid{grid-template-columns:repeat(3,1fr)}} @media (max-width:767px){.agrid{grid-template-columns:repeat(2,1fr);gap:var(--gutter-half)}.agrid .album-txt{left:12px;right:12px;bottom:10px}.agrid .album-txt .h3{font-size:20px}} .agrid .album[hidden],.gal-year[hidden]{display:none} .gal-more{display:flex;justify-content:center;margin-top:var(--sp-6)} .al-page-head{padding-bottom:var(--sp-4)} .al-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap} .al-sub{margin:8px 0 0!important;font-size:18px;color:var(--tx2)} .al-meta{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:14px;color:var(--tx2)} .al-meta b{color:var(--tx)} .al-actions{display:flex;gap:12px;flex-wrap:wrap} .al-actions .btn svg{width:20px;height:20px} .al-actions .btn{gap:8px} .al-body{padding-top:0} .pgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gutter-half)} @media (max-width:1023px){.pgrid{grid-template-columns:repeat(3,1fr)}} @media (max-width:767px){.pgrid{grid-template-columns:repeat(2,1fr)}} .gph{position:relative;margin:0;border-radius:var(--r-m);overflow:hidden;aspect-ratio:1/1;background:var(--s1)} .gph[hidden]{display:none} .ph-open{display:block;width:100%;height:100%;padding:0;border:0;background:none;cursor:zoom-in} .gph img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 30%;transition:transform .6s var(--ease)} .gph:hover img{transform:scale(1.05)} .gph::after{content:'';position:absolute;inset:auto 0 0 0;height:50%;background:linear-gradient(180deg,transparent,rgba(18,14,23,.75));pointer-events:none;opacity:.9} .like{position:absolute;right:8px;bottom:8px;z-index:1;display:inline-flex;align-items:center;gap:6px;min-width:44px;height:36px;padding:0 10px;border-radius:999px;border:0;background:rgba(18,14,23,.55);backdrop-filter:blur(6px);color:#fff;font:700 14px/1 var(--body);cursor:pointer;transition:background-color .2s,transform .15s} .like:hover{background:rgba(18,14,23,.8)} .like svg{width:20px;height:20px;display:block} .like .h1f{display:none;color:var(--pinkT)} .like[aria-pressed="true"] .h0{display:none} .like[aria-pressed="true"] .h1f{display:block} .like.pop{animation:pop .35s var(--ease)} @keyframes pop{40%{transform:scale(1.25)}} .al-more{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:var(--sp-6)} .lb{position:fixed;inset:0;z-index:150;background:#0a080d;display:none;flex-direction:column} .lb.on{display:flex} .lb-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px} .lb-top .small{color:var(--tx2)} .lb-bar{display:flex;justify-content:center;align-items:center;gap:12px;padding:12px 16px} .lb-share{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 14px;border-radius:999px;border:1px solid var(--line2);background:transparent;color:var(--tx);font:700 14px/1 var(--body);cursor:pointer} .lb-share:hover{border-color:var(--tx)} .lb-share svg{width:20px;height:20px} .lb-stage{flex:1;position:relative;display:flex;align-items:center;justify-content:center;min-height:0;padding:0 72px} .lb-stage img{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;user-select:none} .lb-stage img.lo{width:100%;height:100%;filter:blur(6px);transition:filter .2s} .lb-nav{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:52px;border-radius:50%;border:1px solid var(--line2);background:rgba(29,23,36,.7);color:var(--tx);display:grid;place-items:center;cursor:pointer} .lb-nav:hover{border-color:var(--tx)} .lb-nav svg{width:26px;height:26px} .lb-prev{left:12px}.lb-next{right:12px} .lb:focus{outline:none} .lb-ic{width:44px;height:44px;border-radius:50%;border:1px solid var(--line2);background:rgba(29,23,36,.7);color:var(--tx);display:grid;place-items:center;cursor:pointer} .lb-ic:hover{border-color:var(--tx)} .lb-ic:focus-visible,.lb-nav:focus-visible{border-radius:50%} .lb .like:focus-visible,.lb-share:focus-visible,.gph .like:focus-visible{border-radius:999px} .lb-ic svg{width:24px;height:24px} .lb .like{position:static;height:44px;padding:0 16px;font-size:16px;background:var(--s2)} .lb .like svg{width:22px;height:22px} @media (max-width:767px){.lb-stage{padding:0}.lb-nav{display:none}} .fsteps{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-direction:column;gap:14px;counter-reset:s} .fsteps li{display:flex;gap:14px;align-items:flex-start;color:var(--tx2);line-height:1.5} .fsteps li::before{counter-increment:s;content:counter(s);flex:none;width:32px;height:32px;border-radius:50%;background:var(--s2);color:var(--pinkT);font:400 20px/32px var(--head);text-align:center} .fsteps b{color:var(--tx)} .sec-form + .sec-side .icard p{margin:0;color:var(--tx2)} .fchips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:var(--sp-4)} .fchips .chip.on{background:var(--btn);border-color:var(--btn);color:#fff} .fchips .chip small{margin-left:6px;opacity:.7;font-weight:400} .fgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gutter)} @media (max-width:1023px){.fgrid{grid-template-columns:repeat(3,1fr)}} @media (max-width:767px){.fgrid{grid-template-columns:repeat(2,1fr);gap:var(--gutter-half)}} .fitem{background:var(--s1);border:1px solid var(--line);border-radius:var(--r-l);overflow:hidden;display:flex;flex-direction:column} .fitem[hidden]{display:none} .fimg{position:relative;aspect-ratio:1;background:#fff;border:0;padding:0;cursor:zoom-in;display:block;width:100%} .fimg img{width:100%;height:100%;object-fit:contain;display:block} .fimg .fn{position:absolute;right:10px;bottom:10px;background:rgba(18,14,23,.75);color:#fff;font-size:12px;padding:4px 8px;border-radius:999px} .fbody{padding:16px;display:flex;flex-direction:column;gap:8px;flex:1} .fbody .fcat{font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--pinkT)} .fbody h3{font:700 17px/1.3 var(--body);margin:0;color:var(--tx)} .fmeta{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none} .fmeta li{font-size:13px;color:var(--tx2);background:var(--s2);border-radius:8px;padding:3px 8px} .fdate{margin:0;font-size:13px} .fbody .btn{margin-top:auto;align-self:flex-start} @media (max-width:767px){.fbody{padding:12px}} @media (max-width:767px){.fbody h3{font-size:15px}} @media (max-width:767px){.fmeta li:nth-child(n+3){display:none}} @media (max-width:767px){.fbody .btn{align-self:stretch;padding:0 12px}} .flb{position:fixed;inset:0;z-index:150;background:rgba(10,8,13,.96);display:none;align-items:center;justify-content:center;padding:56px 72px;gap:24px} .flb.on{display:flex} .flb figure{margin:0;display:flex;flex-direction:column;align-items:center;gap:16px;max-height:100%} .flb img{max-width:min(80vw,720px);max-height:70vh;background:#fff;border-radius:12px;object-fit:contain} .flb figcaption{max-width:720px;text-align:center;color:var(--tx2);font-size:15px} .flb figcaption b{display:block;color:var(--tx);font-size:18px;margin-bottom:6px} .flb button{position:absolute;width:52px;height:52px;border-radius:50%;border:1px solid var(--line2);background:rgba(29,23,36,.7);color:var(--tx);display:grid;place-items:center;cursor:pointer} .flb button svg{width:26px;height:26px} .flb .x{top:12px;right:12px} .flb .pv{left:12px;top:50%;transform:translateY(-50%)} .flb .nx{right:12px;top:50%;transform:translateY(-50%)} @media (max-width:767px){.flb{padding:64px 12px}} @media (max-width:767px){.flb .pv,.flb .nx{display:none}} .sec-form-head{margin-bottom:var(--sp-4)} @media (max-width:767px){.evd-actions .btn.ev-save{flex:1 1 100%}.evd-actions .btn.ev-save span.h0:first-of-type{display:inline}.evd-actions .btn.ev-save[aria-pressed="true"] span.h0:first-of-type{display:none}} html:has(body.page-home){scroll-behavior:auto} body.page-home .hero{position:relative;height:100svh;min-height:620px;overflow:hidden;isolation:isolate} body.page-home .bg{position:absolute;inset:0;z-index:-1;transition:opacity .8s} body.page-home .bg-video{opacity:1} body.page-home .bg-video .ph{position:absolute;inset:-4%;background-size:cover;background-position:center;opacity:0;animation:h-kb 40s infinite;animation-delay:calc(var(--n) * 5s - 5s)} body.page-home .bg-video .ph:first-child{animation-delay:-1s} @keyframes h-kb{0%{opacity:0;transform:scale(1.02)}3%{opacity:1}12.5%{opacity:1}16%{opacity:0;transform:scale(1.1)}100%{opacity:0}} body.page-home .bg-video::after{z-index:2;content:'';position:absolute;inset:0;background:radial-gradient(60% 55% at 50% 42%,rgba(18,14,23,.55),rgba(18,14,23,.9) 80%),linear-gradient(180deg,rgba(18,14,23,.7),rgba(18,14,23,.35) 40%,rgba(18,14,23,.97));mix-blend-mode:normal} body.page-home .bg-video .tint{position:absolute;inset:0;background:#6B0A3A;mix-blend-mode:color;opacity:.4;z-index:1} body.page-home .logo-layer{position:fixed;left:50%;top:40%;z-index:50;pointer-events:none;width:max(260px,min(56vw,calc((100svh - 430px) * 1.43),880px));transform:translate(-50%,-50%)} @media (max-width:767px){body.page-home .logo-layer{width:min(86vw,calc((100svh - 440px) * 1.43));top:36%}} body.page-home .logo-move{position:relative;transform-origin:0 0;will-change:transform} body.page-home .logo{position:relative;z-index:1;display:block;width:100%;height:auto;overflow:visible} body.page-home .logo .ic-body path,body.page-home .logo .lt{fill:var(--tx)} body.page-home .logo .ic-cross path{fill:var(--bg)} body.page-home .logo .ic-heart path{fill:var(--pink)} body.page-home .logo .ic-mouth path{fill:var(--tx)} body.page-home .logo g,body.page-home .logo .lt{transform-box:fill-box;transform-origin:50% 50%} body.page-home .logo .icon{pointer-events:auto} body.page-home .w{transition:opacity .2s} body.page-home .pulse{position:absolute;left:42%;top:21.9%;width:0;height:0} body.page-home .pulse::before{content:'';position:absolute;left:-18vmin;top:-18vmin;width:36vmin;height:36vmin;border-radius:50%;background:radial-gradient(circle,rgba(237,19,123,.55),rgba(237,19,123,0) 65%);animation:h-glow 1s 1.8s infinite both;opacity:0} body.page-home .pulse span{position:absolute;left:0;top:0;width:16vmin;height:16vmin;margin:-8vmin 0 0 -8vmin;border-radius:50%;border:2px solid var(--pink);opacity:0;animation:h-ring 3s linear infinite} body.page-home .pulse span:nth-child(2){animation-delay:1s} body.page-home .pulse span:nth-child(3){animation-delay:2s} body.page-home .pulse{animation-delay:1.8s} @keyframes h-ring{0%{transform:scale(.4);opacity:0}8%{opacity:.7}100%{transform:scale(5.5);opacity:0}} @keyframes h-glow{0%,100%{opacity:.35}12%{opacity:.9}30%{opacity:.55}} :root{--o:2.7s} body.page-home .logo .ic-heart{animation:h-beat 1s infinite} body.page-home .logo .icon{animation:h-bob 1s infinite} body.page-home .pulse span{animation-delay:var(--r,0s)} body.page-home .pulse::before{animation-delay:0s!important;opacity:.35} :root{--o:2.3s} body.page-home.intro .ic-heart{animation:h-heartZoom .75s var(--o) cubic-bezier(.2,.9,.3,1) both,h-beat 1s calc(var(--o) + 1.7s) infinite} body.page-home.intro .logo{animation:h-shake .28s calc(var(--o) + .42s) both} body.page-home.intro .ic-body{animation:h-pop .7s calc(var(--o) + .35s) cubic-bezier(.3,1.55,.5,1) both} body.page-home.intro .ic-cross{animation:h-spinIn .8s calc(var(--o) + .55s) cubic-bezier(.2,.8,.2,1) both} body.page-home.intro .ic-mouth{animation:h-smile .5s calc(var(--o) + .8s) cubic-bezier(.2,.8,.2,1) both} body.page-home.intro .w-club .lt{animation:h-slideIn .5s calc(var(--o) + .95s + var(--i) * 50ms) cubic-bezier(.2,.8,.2,1) both} body.page-home.intro .w-aber .lt{animation:h-rise .6s calc(var(--o) + 1.1s + var(--i) * 50ms) cubic-bezier(.2,.8,.2,1) both} body.page-home.intro .w-herz .lt{animation:h-rise .6s calc(var(--o) + 1.25s + var(--i) * 40ms) cubic-bezier(.2,.8,.2,1) both} body.page-home.intro .icon{animation:h-bob 1s calc(var(--o) + 2s) infinite} body.page-home.intro .pulse span{animation-delay:calc(var(--o) + .4s + var(--r,0s))} body.page-home.intro .pulse{animation:h-fadeIn .4s calc(var(--o) + .35s) both} body.page-home.intro .bg-video{animation:h-fadeIn 1.2s calc(var(--o) - .3s) both} body.page-home.intro .hnext{animation:h-fadeUp .7s calc(var(--o) + 1.8s) cubic-bezier(.2,.8,.2,1) both} body.page-home.intro .scroll-hint{animation:h-fadeUp .7s calc(var(--o) + 2.1s) both} body.page-home.intro .hdr .wrap,body.page-home.intro .bnav{animation:h-fadeIn .7s calc(var(--o) + 1.5s) both} body.page-home .slogan{position:fixed;inset:0;z-index:55;pointer-events:none;display:grid;place-content:center;padding-bottom:18vh;text-align:center;font-family:var(--body);font-weight:400;font-size:clamp(96px,3rem + 15vw,300px);line-height:1;letter-spacing:-.03em;color:var(--tx);opacity:0} body.page-home .slogan .s4{color:var(--pink)} body.page-home .slogan .stack{display:grid;place-items:center} body.page-home .slogan span{grid-area:1/1;display:block;white-space:nowrap;opacity:0} body.page-home.intro .slogan{opacity:1;animation:h-shake .26s .34s,h-shake .26s .74s,h-shake .26s 1.14s,h-shakeBig .4s 1.54s,h-sloganOut .4s calc(var(--o) - .35s) cubic-bezier(.6,0,.3,1) forwards} body.page-home.intro .slogan span{animation:h-slam .34s calc(.15s + var(--w) * .4s) cubic-bezier(.2,.9,.3,1) both,h-wordOut .1s calc(.15s + (var(--w) + 1) * .4s) forwards} body.page-home.intro .slogan .s4{animation:h-slam .4s calc(.15s + var(--w) * .4s) cubic-bezier(.2,.9,.3,1) both} @keyframes h-wordOut{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1.25)}} @keyframes h-slam{0%{opacity:0;transform:scale(2.8);filter:blur(10px)}55%{opacity:1;transform:scale(.92);filter:none}78%{transform:scale(1.04)}100%{opacity:1;transform:scale(1)}} @keyframes h-shake{0%,100%{transform:translate(0,0)}15%{transform:translate(-7px,4px)}35%{transform:translate(6px,-5px)}55%{transform:translate(-4px,3px)}75%{transform:translate(3px,-2px)}} @keyframes h-shakeBig{0%,100%{transform:translate(0,0)}10%{transform:translate(-12px,7px) rotate(-.6deg)}25%{transform:translate(11px,-8px) rotate(.5deg)}45%{transform:translate(-7px,5px)}65%{transform:translate(5px,-3px)}85%{transform:translate(-2px,1px)}} @keyframes h-sloganOut{0%{opacity:1;transform:none;filter:none}100%{opacity:0;transform:scale(.5);filter:blur(16px)}} @keyframes h-heartZoom{0%{transform:scale(0);opacity:0;filter:blur(6px)}55%{transform:scale(1.5);opacity:1;filter:none}75%{transform:scale(.88)}100%{transform:scale(1);opacity:1}} @keyframes h-fadeIn{from{opacity:0}to{opacity:1}} body.page-home .flash{position:fixed;inset:0;z-index:54;pointer-events:none;opacity:0;background:radial-gradient(60% 50% at 50% 40%,rgba(237,19,123,.45),rgba(237,19,123,0) 70%)} body.page-home.intro .flash{animation:h-flash .35s .34s,h-flash .35s .74s,h-flash .35s 1.14s,h-flashBig .6s 1.54s,h-flashBig .6s calc(var(--o) + .4s)} @keyframes h-flash{0%{opacity:.55}100%{opacity:0}} @keyframes h-flashBig{0%{opacity:1}100%{opacity:0}} @keyframes h-pop{0%{transform:scale(0)}100%{transform:scale(1)}} @keyframes h-spinIn{0%{transform:rotate(-270deg) scale(0)}100%{transform:rotate(0) scale(1)}} @keyframes h-heartIn{0%{transform:scale(0)}100%{transform:scale(1)}} @keyframes h-beat{0%,100%{transform:scale(1)}10%{transform:scale(1.2)}20%{transform:scale(1)}30%{transform:scale(1.12)}45%{transform:scale(1)}} @keyframes h-smile{0%{transform:scaleX(0);opacity:0}100%{transform:scaleX(1);opacity:1}} @keyframes h-rise{0%{transform:translateY(60%);opacity:0}100%{transform:none;opacity:1}} @keyframes h-slideIn{0%{transform:translateX(-40%);opacity:0}100%{transform:none;opacity:1}} @keyframes h-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-1.2%)}} body.page-home .logo-layer{--k:1;--dir:1;--dd:2.8s;--turns:1080deg} body.page-home .dance .icon{animation:h-dBody var(--dd) cubic-bezier(.45,0,.25,1) both!important} body.page-home .dance .ic-cross{animation:h-dSpin var(--dd) cubic-bezier(.2,.6,.2,1) both!important} body.page-home .dance .ic-mouth{animation:h-dGrin var(--dd) ease-in-out both!important} body.page-home .dance .ic-heart{animation:h-dHeart var(--dd) ease-in-out both!important} @keyframes h-dBody{0%{transform:none}8%{transform:rotate(calc(-8deg * var(--k) * var(--dir))) translateY(calc(-4% * var(--k)))}17%{transform:rotate(calc(7deg * var(--k) * var(--dir))) translateY(calc(0% * var(--k)))}26%{transform:rotate(calc(-7deg * var(--k) * var(--dir))) translateY(calc(-4% * var(--k)))}35%{transform:rotate(calc(6deg * var(--k) * var(--dir))) translateY(calc(0% * var(--k)))}45%{transform:rotate(calc(-5deg * var(--k) * var(--dir))) translateY(calc(-3% * var(--k)))}55%{transform:rotate(calc(4deg * var(--k) * var(--dir))) translateY(calc(0% * var(--k)))}66%{transform:rotate(calc(-2.5deg * var(--k) * var(--dir))) translateY(calc(-1.5% * var(--k)))}78%{transform:rotate(calc(1.2deg * var(--k) * var(--dir))) translateY(calc(0% * var(--k)))}90%{transform:rotate(calc(-0.4deg * var(--k) * var(--dir))) translateY(calc(-0.4% * var(--k)))}100%{transform:none}} @keyframes h-dSpin{0%{transform:rotate(0)}100%{transform:rotate(calc(var(--turns) * var(--dir)))}} @keyframes h-dGrin{0%,100%{transform:none}12%{transform:scale(calc(1 + 0.2 * var(--k)),calc(1 + 0.5 * var(--k)))}24%{transform:scale(calc(1 + 0.05 * var(--k)),calc(1 + 0.1 * var(--k)))}36%{transform:scale(calc(1 + 0.18 * var(--k)),calc(1 + 0.4 * var(--k)))}50%{transform:scale(calc(1 + 0.04 * var(--k)),calc(1 + 0.08 * var(--k)))}64%{transform:scale(calc(1 + 0.1 * var(--k)),calc(1 + 0.22 * var(--k)))}80%{transform:scale(calc(1 + 0.02 * var(--k)),calc(1 + 0.04 * var(--k)))}} @keyframes h-dHeart{0%,100%{transform:none}6%{transform:scale(calc(1 + 0.25 * var(--k)))}12%{transform:scale(calc(1 + 0 * var(--k)))}18%{transform:scale(calc(1 + 0.22 * var(--k)))}24%{transform:scale(calc(1 + 0 * var(--k)))}30%{transform:scale(calc(1 + 0.2 * var(--k)))}36%{transform:scale(calc(1 + 0 * var(--k)))}44%{transform:scale(calc(1 + 0.15 * var(--k)))}52%{transform:scale(calc(1 + 0 * var(--k)))}62%{transform:scale(calc(1 + 0.1 * var(--k)))}72%{transform:scale(calc(1 + 0 * var(--k)))}84%{transform:scale(calc(1 + 0.05 * var(--k)))}} @keyframes h-spin{to{transform:rotate(360deg)}} body.page-home .hero-foot{position:absolute;left:0;right:0;bottom:0;padding-bottom:40px} body.page-home .hero-foot .wrap{display:flex;align-items:flex-end;justify-content:space-between;gap:32px} body.page-home .hnext{--c:var(--pink);display:grid;grid-template-columns:auto 1fr;column-gap:22px;row-gap:14px;align-items:center;max-width:600px;padding:20px 24px 22px 20px;border-radius:var(--r-l);border:1px solid color-mix(in srgb,var(--c) 40%,transparent);background:linear-gradient(100deg,color-mix(in srgb,var(--c) 26%,rgba(29,23,36,.75)),rgba(29,23,36,.78) 60%);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 20px 60px -20px color-mix(in srgb,var(--c) 45%,transparent)} body.page-home .hn-date{background:var(--c);color:var(--bg);border-radius:16px;min-width:78px;padding:12px 10px 9px;text-align:center} body.page-home .hn-date .d{display:block;font-family:var(--head);font-size:42px;line-height:.85} body.page-home .hn-date .m{display:block;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase} body.page-home .hn-img{width:168px;aspect-ratio:3/2;border-radius:12px;overflow:hidden;box-shadow:0 0 0 1px rgba(246,240,234,.12),0 12px 28px -12px rgba(0,0,0,.7)} body.page-home .hn-img img{display:block;width:100%;height:100%;object-fit:cover} body.page-home .hn-meta{font-size:16px;color:var(--tx2)} body.page-home .hn-meta b{color:var(--pinkT);font-weight:700} @media (max-width:767px){body.page-home .hnext{column-gap:14px;padding:14px 14px 16px;align-items:start}} @media (max-width:767px){body.page-home .hn-img{width:104px;border-radius:10px}} @media (max-width:767px){body.page-home .hn-title{font-size:26px}} @media (max-width:767px){body.page-home .hn-meta{font-size:14px}} body.page-home .hn-txt{display:flex;flex-direction:column;gap:4px;min-width:0} body.page-home .hn-title{font-family:var(--head);text-transform:uppercase;font-size:clamp(30px,1.4rem + 1.2vw,42px);line-height:.95} body.page-home .hnext .row{grid-column:1 / -1;display:flex;gap:12px;flex-wrap:wrap} body.page-home .hn-cap{color:var(--c);font-size:14px;font-weight:700;letter-spacing:.16em;text-transform:uppercase} body.page-home .scroll-hint{margin-left:auto;padding-bottom:4px;display:flex;flex-direction:column;align-items:center;gap:10px;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--mu)} body.page-home .scroll-hint i{display:block;width:1.5px;height:48px;background:linear-gradient(var(--pink),transparent);animation:h-drip 1.6s infinite} @keyframes h-drip{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}} @keyframes h-fadeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}} @media (max-width:1023px){body.page-home .hero-foot{padding-bottom:calc(96px + env(safe-area-inset-bottom))}} @media (max-width:1023px){body.page-home .scroll-hint{display:none}} body.page-home .hero-foot.no-next .hnext{display:none} body.page-home .hero-foot.no-next .wrap{justify-content:center} body.page-home .hero-foot.no-next .scroll-hint{margin-left:0} @media (max-width:1023px){body.page-home .hero-foot.no-next .scroll-hint{display:flex}} body.page-home:has(.hero-foot.no-next) .logo-layer{top:45%;width:max(260px,min(60vw,calc((100svh - 300px) * 1.43),940px))} @media (max-width:767px){body.page-home:has(.hero-foot.no-next) .logo-layer{top:42%;width:min(88vw,calc((100svh - 340px) * 1.43))}} body.page-home a.scroll-hint{text-decoration:none;cursor:pointer;padding:8px 16px 4px;border-radius:12px;transition:color .25s} body.page-home a.scroll-hint:hover{color:var(--tx)} body.page-home a.scroll-hint:hover i{animation-duration:.9s} body.page-home #termine{scroll-margin-top:72px} body.page-home .after{position:relative;z-index:1;background:var(--bg)} body.page-home .sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:var(--sp-6);flex-wrap:wrap} body.page-home .sec-head .lead{margin:0} body.page-home .hmosaic{display:grid;gap:var(--gutter);grid-template-columns:repeat(2,minmax(0,1fr))} body.page-home .hmosaic .m-big{grid-column:1 / -1} body.page-home .hmosaic .m-wide{grid-column:1 / -1;aspect-ratio:2/1} @media (min-width:1024px){body.page-home .hmosaic{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:auto auto}} @media (min-width:1024px){body.page-home .hmosaic .m-big{grid-column:1 / span 2;grid-row:1 / span 2;aspect-ratio:auto}} @media (min-width:1024px){body.page-home .hmosaic .m-wide{grid-column:3 / span 2;aspect-ratio:2/1}} body.page-home .hmosaic .m-big .h2{font-size:clamp(40px,2rem + 1.6vw,64px)} body.page-home .club-block{align-items:center;row-gap:var(--sp-6)} body.page-home .club-img img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--r-l)} body.page-home .club-txt{display:flex;flex-direction:column;gap:18px} @media (min-width:1024px){body.page-home .club-txt{grid-column:8 / span 5}} @media (prefers-reduced-motion:reduce){body.page-home .pulse{display:none}}