/* Grundlagen. */
:root{--ink:#11110f;--ink-soft:#24231f;--paper:#f1eee5;--paper-deep:#e6e0d3;--coral:#f06a4f;--mint:#94cdb6;--yellow:#e3c65c;--blue:#72a9d5;--purple:#b294cc;--muted:#aaa69c;--line-dark:rgba(255,255,255,.15);--line-light:#c9c4b8;--coral-readable:#ae503c;--purple-readable:#604676}
*{box-sizing:border-box}html{scroll-behavior:auto;scroll-padding-top:88px}body{margin:0;background:var(--ink);color:var(--paper);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}::selection{background:var(--purple);color:var(--ink)}
.skipLink{position:fixed;top:12px;left:12px;z-index:100;transform:translateY(-150%);background:var(--paper);color:var(--ink);padding:12px 16px;font-weight:800}.skipLink:focus{transform:translateY(0)}

/* Navigation. */
.siteHeader{position:absolute;inset:0 0 auto;z-index:20;height:88px;padding:0 4vw;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line-dark)}
.brand{display:inline-flex;align-items:center;gap:12px}.brandLogoFrame{display:grid;place-items:center;width:48px;height:48px;padding:5px;border-radius:12px;background:var(--coral);box-shadow:0 0 0 1px rgba(255,255,255,.12)}.brandLogoFrame img{display:block;width:100%;height:100%;object-fit:contain}.brandText{font-size:15px;font-weight:950;letter-spacing:.12em}.brandText small{display:block;margin-top:4px;color:var(--muted);font-size:8px;letter-spacing:.25em}
.desktopNav{display:flex;align-items:center;gap:clamp(12px,1.2vw,21px)}.desktopNav a{position:relative;color:var(--paper);font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}.desktopNav a::after{content:"";position:absolute;right:0;bottom:-8px;left:0;height:2px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .24s cubic-bezier(.22,1,.36,1)}.desktopNav a:hover::after,.desktopNav a:focus-visible::after,.desktopNav a.isCurrent::after{transform:scaleX(1)}
.globalWebsite{color:var(--coral)!important}.globalGameservers{color:var(--blue)!important}.globalRules{color:var(--yellow)!important}.globalDiscord{color:var(--mint)!important}.globalPartners{color:var(--purple)!important}.navDivider{width:1px;height:18px;flex:0 0 1px;background:var(--line-dark)}
.headerActions{justify-self:end;display:flex}.languageSwitch{display:flex;gap:2px;padding:3px;border:1px solid rgba(255,255,255,.28)}.languageSwitch button{min-width:31px;border:0;padding:8px 7px;background:transparent;color:#aaa69c;font-size:9px;font-weight:900;letter-spacing:.08em;cursor:pointer}.languageSwitch button[aria-pressed=true]{background:var(--paper);color:var(--ink)}.mobileMenu{display:none}

/* Einstieg. */
.hero{position:relative;isolation:isolate;overflow:hidden;min-height:min(860px,100svh);display:flex;align-items:center;background:radial-gradient(circle at 76% 34%,rgba(178,148,204,.22),transparent 26%),linear-gradient(120deg,#11110f 58%,#1b1720)}.hero::after{content:"";position:absolute;inset:auto 0 0;height:32%;z-index:-1;background:linear-gradient(transparent,rgba(0,0,0,.26))}.heroGrid{position:absolute;inset:0;z-index:-2;opacity:.32;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:74px 74px;mask-image:linear-gradient(to right,transparent 16%,black)}.heroWord{position:absolute;right:1vw;bottom:-11vw;z-index:-1;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.08);font-size:clamp(330px,47vw,720px);font-weight:1000;line-height:.8;transform:rotate(-8deg);user-select:none}.heroInner{width:min(1420px,100%);margin:0 auto;padding:154px 8vw 90px}.eyebrow,.kicker{margin:0;font-size:9px;font-weight:900;letter-spacing:.23em}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--muted)}.eyebrow i{width:34px;height:3px;background:var(--purple)}.hero h1{max-width:1200px;margin:34px 0 48px;font-size:clamp(66px,9.2vw,140px);font-weight:1000;line-height:.79;letter-spacing:-.074em}.hero h1 span,.hero h1 em{display:block}.hero h1 em{color:var(--purple);font-style:normal}.heroBottom{display:grid;grid-template-columns:minmax(280px,570px) auto;align-items:end;gap:7vw}.heroBottom p{margin:0;color:#c5c1b8;font-size:clamp(15px,1.3vw,18px);line-height:1.68}
.button{display:inline-flex;align-items:center;justify-content:space-between;min-width:225px;padding:18px 21px;font-size:11px;font-weight:950;letter-spacing:.09em;text-transform:uppercase;transition:transform .18s ease,background .18s ease,color .18s ease}.button:hover,.button:focus-visible{transform:translateY(-3px)}.button b{margin-left:24px;color:var(--purple-readable);font-size:16px}.buttonLight{background:var(--paper);color:var(--ink)}.buttonDark{background:var(--ink);color:var(--paper)}.buttonDark b{color:var(--purple)}

/* Partner. */
.partnerSection{padding:105px 7vw 125px;background:var(--paper);color:var(--ink)}.sectionLabel{display:flex;align-items:center;gap:18px;margin-bottom:68px;border-top:1px solid var(--line-light);padding-top:15px}.sectionLabel span{color:var(--purple-readable);font-size:10px;font-weight:1000}.sectionLabel p{margin:0;font-size:9px;font-weight:900;letter-spacing:.22em}
.partnerIntro{display:grid;grid-template-columns:minmax(350px,1.1fr) minmax(260px,.58fr);align-items:end;gap:8vw;margin-bottom:75px}.kicker{color:var(--purple-readable)}.partnerIntro h2,.partnerWallIntro h2{margin:16px 0 0;font-size:clamp(50px,7vw,102px);line-height:.88;letter-spacing:-.067em}.partnerIntro h2 em,.partnerWallIntro h2 em{color:var(--purple-readable);font-style:normal}.partnerIntro>p{margin:0 0 4px;color:#5d5a53;font-size:15px;line-height:1.75}
.nocturaSpotlight{min-height:620px;display:grid;grid-template-columns:minmax(330px,.9fr) minmax(420px,1.1fr);overflow:hidden;border:1px solid rgba(17,17,15,.18);background:#fffdf7}.nocturaVisual{position:relative;isolation:isolate;display:grid;place-items:center;overflow:hidden;min-height:620px;background:radial-gradient(circle at 50% 42%,rgba(178,148,204,.42),transparent 34%),linear-gradient(140deg,#17131c,#252233 72%,#17131c)}.nocturaVisual::before,.nocturaVisual::after{content:"";position:absolute;z-index:-1;border:1px solid rgba(255,255,255,.11);border-radius:50%}.nocturaVisual::before{width:520px;height:520px}.nocturaVisual::after{width:350px;height:350px;box-shadow:0 0 0 54px rgba(255,255,255,.025)}.nocturaVisual img{display:block;width:min(52%,300px);height:auto;filter:drop-shadow(0 28px 34px rgba(0,0,0,.38))}.nocturaContent{padding:clamp(48px,6vw,92px);display:flex;flex-direction:column;justify-content:center}.partnerType{margin:0;color:var(--purple-readable);font-size:11px;font-weight:950;letter-spacing:.2em}.nocturaContent h3{margin:22px 0 26px;font-size:clamp(54px,6vw,92px);line-height:.88;letter-spacing:-.065em}.nocturaContent>p:not(.partnerType){max-width:650px;margin:0;color:#555149;font-size:16px;line-height:1.75}.partnerFacts{display:flex;flex-wrap:wrap;gap:9px;margin:34px 0 52px}.partnerFacts span{padding:10px 13px;border:1px solid #bdb7aa;color:#3f3c36;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.partnerLink{display:flex;align-items:center;justify-content:space-between;border-top:4px solid var(--ink);padding-top:17px;font-size:12px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.partnerLink b{color:var(--purple-readable);font-size:18px;transition:transform .18s ease}.partnerLink:hover b,.partnerLink:focus-visible b{transform:translate(3px,-3px)}
.platformSection{display:grid;grid-template-columns:minmax(280px,.38fr) minmax(0,1fr);gap:7vw;margin-top:118px;padding-top:72px;border-top:1px solid var(--line-light)}.partnerWallIntro h2{font-size:clamp(42px,5vw,72px)}.serviceGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.serviceCard{position:relative;min-height:310px;padding:35px 28px 30px;display:flex;flex-direction:column;border:1px solid rgba(17,17,15,.18);background:#e8e3d8;transition:transform .22s ease,box-shadow .22s ease}.serviceCardLogo{background:#fffdf7}.serviceCard:hover,.serviceCard:focus-visible{transform:translateY(-5px);box-shadow:0 16px 30px rgba(17,17,15,.1)}.serviceType{margin:0;color:var(--purple-readable);font-size:11px;font-weight:950;letter-spacing:.18em}.serviceLogo{height:86px;margin-top:24px;display:flex;align-items:center}.serviceLogo img{display:block;width:74px;height:74px;object-fit:contain}.serviceCard h3{margin:46px 0 17px;font-size:clamp(27px,2.4vw,40px);line-height:.95;letter-spacing:-.05em}.serviceCardLogo h3{margin-top:18px}.serviceCard>p:not(.serviceType){margin:0;max-width:470px;color:#555149;font-size:16px;line-height:1.65}.serviceCard>b{position:absolute;right:20px;top:17px;color:var(--purple-readable);font-size:17px}.serviceNotice{max-width:900px;margin:23px 0 0;color:#625e56;font-size:13px;line-height:1.65}

/* Footer. */
.siteFooter{padding:62px 7vw 28px;background:var(--ink);color:#8f8b82}.footerTop{display:grid;grid-template-columns:1fr 1fr 1fr;gap:35px;align-items:center}.footerTop>p{margin:0;font-size:11px;line-height:1.65}.footerLinks{display:flex;justify-content:flex-end;gap:22px;color:var(--paper);font-size:10px;font-weight:900}.footerBottom{margin-top:48px;padding-top:22px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-top:1px solid rgba(255,255,255,.11);font-size:8px;font-weight:800;letter-spacing:.12em}.footerBottom nav{display:flex;gap:24px}.footerBottom>span:last-child{justify-self:end}

/* Responsive. */
@media(max-width:1320px){.siteHeader{grid-template-columns:1fr auto}.desktopNav{display:none}.headerActions{margin-right:50px}.mobileMenu{display:block;position:absolute;right:4vw}.mobileMenu summary{width:34px;height:34px;display:grid;align-content:center;gap:7px;cursor:pointer;list-style:none}.mobileMenu summary::-webkit-details-marker{display:none}.mobileMenu summary span{display:block;width:28px;height:2px;background:var(--paper);transition:transform .2s ease}.mobileMenu[open] summary span:first-child{transform:translateY(4.5px) rotate(45deg)}.mobileMenu[open] summary span:last-child{transform:translateY(-4.5px) rotate(-45deg)}.mobileMenu nav{position:fixed;top:88px;right:0;left:0;padding:22px 5vw 30px;display:grid;background:var(--ink);border-bottom:1px solid var(--line-dark);box-shadow:0 20px 40px rgba(0,0,0,.25)}.mobileMenu nav a{padding:15px 0;border-bottom:1px solid var(--line-dark);font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.mobileMenu nav .navDivider{width:100%;height:1px;margin:10px 0;background:rgba(255,255,255,.28)}.mobileMenu nav a.isCurrent{padding-left:12px;border-left:3px solid currentColor}}
@media(max-width:1040px){.heroBottom,.partnerIntro,.platformSection{grid-template-columns:1fr;gap:40px}.nocturaSpotlight{grid-template-columns:1fr}.nocturaVisual{min-height:390px}.nocturaContent{min-height:470px}.platformSection{gap:48px}.footerTop{grid-template-columns:1fr 1fr}.footerLinks{grid-column:1/-1;justify-content:flex-start}}
@media(max-width:760px){.serviceGrid{grid-template-columns:1fr}.serviceCard{min-height:230px}.serviceCard h3{margin-top:30px}.serviceCardLogo h3{margin-top:18px}}
@media(max-width:680px){html{scroll-padding-top:74px}.siteHeader{height:74px;padding:0 5vw}.brandLogoFrame{width:40px;height:40px;border-radius:10px}.brandText{font-size:12px}.brandText small{font-size:6px}.headerActions{margin-right:44px}.languageSwitch button{min-width:28px;padding:7px 5px}.mobileMenu{right:5vw}.mobileMenu nav{top:74px}.hero{min-height:700px}.heroInner{padding:128px 6vw 68px}.hero h1{font-size:16.5vw}.heroBottom{gap:30px}.button{width:100%;min-width:0}.partnerSection{padding:76px 6vw}.sectionLabel{margin-bottom:48px}.partnerIntro{margin-bottom:48px}.partnerIntro h2,.partnerWallIntro h2{font-size:13.7vw}.nocturaVisual{min-height:300px}.nocturaVisual::before{width:370px;height:370px}.nocturaVisual::after{width:250px;height:250px}.nocturaVisual img{width:46%;max-width:190px}.nocturaContent{min-height:0;padding:44px 26px}.nocturaContent h3{font-size:14vw}.partnerFacts{margin:28px 0 40px}.platformSection{margin-top:76px;padding-top:54px}.serviceCard{min-height:220px;padding:30px 24px 25px}.serviceNotice{font-size:12px}.siteFooter{padding:52px 6vw 25px}.footerTop{grid-template-columns:1fr}.footerLinks{flex-wrap:wrap}.footerBottom{grid-template-columns:1fr;gap:15px}.footerBottom nav{grid-row:1;flex-wrap:wrap}.footerBottom>span:last-child{justify-self:start}}
@media(prefers-reduced-motion:reduce){*::before,*::after,*{transition:none!important;animation:none!important}}

/* Lesbarkeit. */
.desktopNav a,.languageSwitch button{font-size:10px}
.eyebrow,.kicker{font-size:11px;letter-spacing:.2em}
.heroBottom p,.partnerIntro>p,.nocturaContent>p:not(.partnerType){font-size:16px}
.partnerType,.partnerFacts span{font-size:11px}
.sectionLabel span{font-size:12px}.sectionLabel p{font-size:11px;letter-spacing:.2em}
.partnerLink{font-size:12px}