/* Navigation: "Mehr"-Menue, Bewerben-Button, mobile Tab-Leiste (wird von nav.js befuellt) */
.more{position:relative}
.mb{background:none;border:0;font:inherit;color:var(--mute);cursor:pointer;padding:0;display:inline-flex;gap:7px;align-items:center;transition:color .2s}
.mb:hover,.more:focus-within .mb,.more.open .mb{color:#fff}
.more.on .mb{color:#fff;border-bottom:2px solid var(--pink);padding-bottom:2px}
.mb svg{width:10px;height:10px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;transition:transform .25s}
.more:hover .mb svg,.more.open .mb svg{transform:rotate(180deg)}
.mp{position:absolute;top:calc(100% + 20px);left:-26px;min-width:300px;padding:10px;background:rgba(14,5,16,.98);border:1px solid var(--pur);box-shadow:0 26px 60px rgba(0,0,0,.65);opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .2s,transform .25s,visibility .2s;clip-path:polygon(0 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%)}
.mp::before{content:"";position:absolute;left:0;right:0;top:-24px;height:24px}
.more:hover .mp,.more.open .mp,.more:focus-within .mp{opacity:1;visibility:visible;transform:none}
nav .mp a{display:block;padding:12px 16px;color:#fff;border-left:3px solid transparent;border-bottom:0;transition:background .2s,border-color .2s,padding .2s}
nav .mp a small{display:block;color:var(--mute);font-size:.78rem;margin-top:2px}
nav .mp a:hover,nav .mp a.on{background:rgba(207,110,195,.13);border-color:var(--pink);padding-left:22px}
nav a.apply{padding:7px 18px;border:2px solid var(--pink);color:#fff;font-weight:600;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);transition:background .2s,color .2s}
nav a.apply:hover,nav a.apply.on{background:var(--pink);color:var(--ink);border-bottom:2px solid var(--pink);padding-bottom:7px}
.tbmore{display:none}.msheet,.msbg{display:none}
@media(max-width:900px){nav a.apply{padding:6px 12px}}
@media(max-width:600px){
 .more{display:none}
 .tbmore{display:block;flex:1;text-align:center;padding:13px 4px;font:inherit;font-size:.8rem;color:var(--mute);background:none;border:0;cursor:pointer}
 .tbmore.on,.tbmore.open{color:#fff;box-shadow:inset 0 3px 0 var(--pink)}
 .msbg{display:block;position:fixed;inset:0;z-index:23;background:rgba(0,0,0,.6);opacity:0;pointer-events:none;transition:opacity .25s}
 .msbg.open{opacity:1;pointer-events:auto}
 .msheet{display:grid;grid-template-columns:1fr 1fr;gap:8px;position:fixed;left:0;right:0;bottom:46px;z-index:24;padding:16px 16px 12px;background:#0e0510;border-top:2px solid var(--pink);transform:translateY(110%);transition:transform .3s cubic-bezier(.2,.8,.2,1)}
 .msheet.open{transform:none}
 .msheet a{display:block;padding:14px;background:var(--plum);color:#fff;border-left:3px solid var(--pink);font-weight:600;font-size:.92rem}
 .msheet a small{display:block;color:var(--mute);font-weight:400;font-size:.74rem;margin-top:2px}
 .msheet a.apply2{grid-column:1/-1;background:var(--pink);color:var(--ink);text-align:center;border:0}
}

/* THEME: weicheres Pink, Markenfarbe #9b0b88 fuer grosse Flaechen (Feedback Kyra: Neon blendet) */
:root{--pink:#cf6ec3;--brand:#9b0b88;--brand2:#760868}
.join{background:linear-gradient(160deg,var(--brand),var(--brand2))!important;color:#fff!important}
.join h2{color:#fff}
.join .btn{border-color:#fff!important;color:#fff!important}
.join .btn.fill{background:#fff!important;color:var(--brand)!important}
.join .btn.live::before{background:#fff!important}
.band,.tick,.banner{background:var(--brand)!important;color:#fff!important;box-shadow:0 0 50px rgba(155,11,136,.35)}
.band svg,.tick svg,.banner svg{fill:#fff!important}
.swash i{background:var(--brand)!important}
.btn2{background:var(--brand)!important;color:#fff!important}
.btn2:hover{background:#fff!important;color:var(--brand)!important}
.btn2.acc{background:#17c964!important;color:#05200f!important}
.btn2.dec{background:transparent!important;color:var(--mute)!important}
.rc .lk,.ni:first-child::after,.tc.open::after{background:var(--brand)!important;color:#fff!important}
.nhead .pv,.nfil button.on,.nfil button:hover,.step b{background:var(--brand)!important;color:#fff!important}
.chip{background:var(--brand)!important;color:#fff!important}
.chip.alt{background:transparent!important;color:var(--bone)!important}
.tag,.cl::after{background:var(--brand)!important;color:#fff!important}
.btn.fill{background:var(--brand);color:#fff}
.nb.dc:hover{background:#fff!important;color:var(--brand)!important}

/* Sprachschalter */
.lgb{display:inline-flex;align-items:center;gap:5px;background:transparent;border:1px solid var(--line);color:var(--mute);font:inherit;font-size:.72rem;letter-spacing:.08em;padding:5px 9px;cursor:pointer;transition:.2s;line-height:1}
.lgb svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.6}
.lgb:hover{color:#fff;border-color:var(--pink)}
/* STXdle Seitenreiter */
.sdl{position:fixed;left:0;top:50%;transform:translateY(-50%);z-index:40;display:flex;align-items:stretch;color:#fff;text-decoration:none}
.sdl .sda{position:relative;width:30px;height:130px;display:grid;place-items:center;flex:none;background:linear-gradient(120deg,var(--brand),var(--brand2));clip-path:polygon(0 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%);box-shadow:0 0 30px rgba(155,11,136,.5)}
.sdl .sda svg{width:10px;height:16px;fill:none;stroke:#fff;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;animation:sdn 1.6s ease-in-out infinite}
@keyframes sdn{50%{transform:translateX(4px)}}
.sdl .sda i{position:absolute;top:10px;right:8px;width:7px;height:7px;border-radius:50%;background:#fff;animation:sdp 1.6s infinite}
@keyframes sdp{50%{opacity:.25}}
.sdl.done .sda i{display:none}
.sdl .sdc{display:flex;flex-direction:column;gap:8px;width:0;opacity:0;overflow:hidden;white-space:normal;background:#12040f;border:1px solid var(--pink);border-left:0;padding:0;order:2;transition:width .4s cubic-bezier(.2,.9,.2,1),opacity .25s,padding .4s}
.sdl .sdc>*{min-width:230px}
.sdl:hover .sdc,.sdl:focus-visible .sdc{width:260px;opacity:1;padding:16px 18px}
.sdl:hover .sda svg{animation:none}
.sdl .sdh{font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--pink)}
.sdl .sdc b{font-family:'Russo One',Impact,sans-serif;font-style:italic;font-weight:400;text-transform:uppercase;font-size:2rem;line-height:1}
.sdl .sdc b em{font-style:italic;color:var(--pink)}
.sdl .sdg{display:flex;gap:4px}
.sdl .sdg i{width:26px;height:26px;background:#4a1228;animation:none;position:static;border-radius:0}
.sdl .sdg i.g{background:#1f7a4d}.sdl .sdg i.y{background:#8a6a14}
.sdl .sdp{font-size:.85rem;color:#d9c8d6;line-height:1.4}
.sdl .sdgo{align-self:flex-start;background:linear-gradient(120deg,var(--brand),var(--brand2));padding:7px 14px;font-weight:600;font-size:.85rem}
@media(max-width:600px){.sdl .sda{height:100px;width:24px}.sdl .sdc{display:none}}
@media(prefers-reduced-motion:reduce){.sdl .sda svg,.sdl .sda i{animation:none}}