@font-face{font-family:Marcellus;src:url('assets/Marcellus-Regular.ttf') format('truetype');font-display:swap}
@font-face{font-family:Manrope;src:url('assets/Manrope.ttf') format('truetype');font-weight:200 800;font-display:swap}
:root{--night:#040518;--cosmos:#11163D;--blue:#2632C2;--violet:#6957E7;--ether:#B5A4FF;--pearl:#E3E3E8;--stone:#73798B}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% 18%,#11163d 0,transparent 48%),var(--night);color:var(--pearl);font-family:Manrope,Arial,sans-serif;line-height:1.65;min-height:100vh}header{max-width:1240px;margin:auto;padding:32px 40px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #73798b40}header img{width:245px;height:auto;display:block}header span,.eyebrow{font-size:11px;letter-spacing:.22em;color:var(--ether)}main{max-width:1120px;margin:auto;padding:48px 40px 64px;min-height:65vh}h1,h2,h3{font-family:Marcellus,Georgia,serif;font-weight:400;line-height:1.2}h1{font-size:clamp(36px,5vw,64px);margin:18px 0 24px}h2{font-size:32px}h3{font-size:24px}p{max-width:68ch}a{color:var(--ether);text-underline-offset:4px}button,.button{display:inline-flex;justify-content:center;align-items:center;gap:10px;min-height:48px;border:1px solid var(--stone);border-radius:8px;padding:12px 22px;background:transparent;color:var(--pearl);font:600 15px Manrope,Arial,sans-serif;text-decoration:none;cursor:pointer}button:hover,.button:hover{background:var(--cosmos);border-color:var(--ether)}button.primary,.button.primary{background:var(--ether);color:var(--night);border-color:var(--ether)}button.primary:hover{background:var(--pearl)}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--ether);outline-offset:5px}.hero{display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:48px}.hero .portal{width:100%;max-width:420px;opacity:.9;filter:drop-shadow(0 0 35px #2632c240)}.intro{font-size:18px}.meta{color:var(--ether);font-size:13px;margin:28px 0}.notice,.small{font-size:13px;color:var(--pearl);opacity:.85}.notice{border-left:2px solid var(--violet);padding-left:16px;margin-top:28px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.question-wrap{max-width:760px;margin:0 auto}.progress-label{display:flex;justify-content:space-between;color:var(--ether);font-size:13px}.progress{height:4px;background:var(--cosmos);margin:12px 0 32px;border-radius:4px}.progress div{height:100%;background:var(--ether);border-radius:4px}.question-wrap h1{font-size:clamp(25px,3vw,36px);min-height:100px}fieldset{border:0;margin:0;padding:0}.options{display:grid;gap:10px;margin:24px 0}.option{display:flex;align-items:center;gap:14px;min-height:56px;padding:13px 18px;border:1px solid #73798b90;border-radius:8px;cursor:pointer;background:#11163d45}.option:has(input:checked){border:2px solid var(--ether);padding:12px 17px;background:var(--cosmos)}input[type=radio]{width:20px;height:20px;accent-color:var(--ether);flex:none}.option span{flex:1}.option b{color:var(--ether);font-size:13px}.nav{display:flex;justify-content:space-between;gap:12px}.error{color:var(--pearl);border-left:3px solid var(--ether);padding-left:12px}.result-head{max-width:750px}.result-head h1{font-size:48px}.cards{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:32px 0}.card{background:linear-gradient(145deg,#11163de0,#040518);border:1px solid #73798b60;padding:28px;border-radius:14px}.card h2{margin:12px 0 18px}.tag{font-size:11px;letter-spacing:.17em;color:var(--ether)}.card ul,.detail ul{padding-left:20px}.card li,.detail li{margin:10px 0}.score{color:var(--ether);font-size:13px}.mixed{border:1px solid var(--ether);padding:24px;border-radius:10px;margin:24px 0}.overview{width:100%;border-collapse:collapse;margin:22px 0;font-size:14px}.overview th,.overview td{padding:14px 12px;text-align:left;border-bottom:1px solid #73798b60}.overview th{color:var(--ether);font-size:12px}.meter{display:block;height:4px;background:var(--cosmos);margin-top:8px;width:100%;min-width:65px}.meter i{height:100%;display:block;background:var(--ether)}details{border-bottom:1px solid #73798b60;padding:18px 0}summary{cursor:pointer;font-size:18px;min-height:32px}.detail{padding:12px 8px}.cta{margin:40px 0 12px;padding:28px;border:1px solid var(--violet);border-radius:12px}.cta h2{margin-top:0}footer{max-width:1120px;margin:auto;padding:24px 40px 36px;border-top:1px solid #73798b40;font-size:12px}footer p{opacity:.8}#legal a{margin-left:24px}.skip{position:absolute;top:-100px;background:var(--night);padding:12px;z-index:5}.skip:focus{top:0}dialog{max-width:480px;background:var(--cosmos);color:var(--pearl);border:1px solid var(--ether);border-radius:12px;padding:28px}dialog::backdrop{background:#040518dd}.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:700px){header{padding:24px 22px}header img{width:190px}header span{display:none}main{padding:32px 22px 42px}.hero{grid-template-columns:1fr;gap:20px}.hero-art{order:-1;text-align:center;height:150px;overflow:hidden}.hero .portal{height:175px;width:175px;object-fit:contain}.hero h1{font-size:42px}.cards{grid-template-columns:1fr}.card{padding:22px}.result-head h1{font-size:38px}.overview th,.overview td{padding:10px 5px;font-size:12px}.overview th:first-child{width:40%}footer{padding:24px 22px}.question-wrap h1{min-height:0}.actions>*{flex:1}h2{font-size:28px}}
.hero--text{grid-template-columns:1fr;max-width:760px;margin:0 auto}.chakra-hero{display:block;max-width:100%;height:auto;object-fit:contain}.hero-art:has(.chakra-hero){height:auto;overflow:visible}
body::before{content:'';position:fixed;inset:0;z-index:-1;background:var(--bg-overlay,linear-gradient(transparent,transparent)),var(--bg-image,url('assets/chakren-tor-hintergrund.svg')) center/cover no-repeat;pointer-events:none}
.hero--text{max-width:none;margin:0;padding:8px 0}.hero--text>div{max-width:580px;text-align:center}.hero--text p{margin-left:auto;margin-right:auto}
body.is-start header{display:none}body.is-start main{padding-top:40px}
.cover-logo{display:block;width:min(460px,100%);margin:0 auto}.cover-logo img{display:block;width:100%;height:auto}
.cover-sub{display:flex;align-items:center;gap:18px;font-size:12px;letter-spacing:.32em;color:var(--pearl);margin:14px auto 40px;max-width:none}.cover-sub::before,.cover-sub::after{content:'';flex:1;height:1px;background:linear-gradient(90deg,transparent,#e3e3e8aa)}.cover-sub::after{transform:scaleX(-1)}
.cover-eyebrow{font-size:13px;letter-spacing:.42em;color:var(--pearl);margin:0}
.cover-title{font-size:clamp(34px,4.4vw,58px);text-transform:uppercase;letter-spacing:.05em;margin:10px 0 20px;text-shadow:0 0 26px #b5a4ff70,0 0 6px #040518}.cover-title span{font-size:1.24em}
.cover-orn{position:relative;height:1px;width:min(380px,90%);margin:0 auto 22px;background:linear-gradient(90deg,transparent,#e3e3e8b0,transparent)}.cover-orn::after{content:'';position:absolute;left:50%;top:50%;width:14px;height:14px;transform:translate(-50%,-50%);background:#e3e3e8;clip-path:polygon(50% 0,58% 42%,100% 50%,58% 58%,50% 100%,42% 58%,0 50%,42% 42%);filter:drop-shadow(0 0 6px #b5a4ff)}
.cover-meta{font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--pearl);margin:0 auto 34px}
.cover-question{font-family:Marcellus,Georgia,serif;font-size:clamp(24px,2.6vw,32px);line-height:1.25;margin:0 auto 18px;text-shadow:0 0 10px #040518}
.hero--text .actions{justify-content:center}.hero--text .notice{border-left:0;border-top:1px solid #6957e7aa;padding:16px 0 0}
@media(max-width:700px){body::before{background:linear-gradient(rgba(4,5,24,.62),rgba(4,5,24,.62)),var(--bg-image,url('assets/chakren-tor-hintergrund.svg')) 76% center/cover no-repeat}}
.hero--text h1,.hero--text .intro,.question-wrap h1{text-shadow:0 0 24px #040518,0 0 8px #040518}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
@media print{.deep-dive{display:none!important}body::before{display:none}}
@media print{@page{size:A4;margin:17mm}body{background:white;color:#151525;font:11pt Arial,sans-serif}header,footer,.no-print,dialog{display:none!important}main{padding:0;max-width:none}.cards{display:block}.card,.mixed,.cta{background:white;color:#151525;border:1px solid #777;break-inside:avoid;margin:14px 0;padding:16px}.tag,.score,.eyebrow,a,.overview th{color:#333}.notice,.small{opacity:1;color:#333}.overview{font-size:10pt}.overview th,.overview td{border-color:#aaa}.meter{display:none}details{break-inside:avoid}h1{font-size:28pt!important}h2{font-size:19pt}h3{font-size:15pt}.cta{display:none}}