:root{--black:#090a0b;--deep:#172025;--red:#ef3d2f;--red-hover:#ff4e3f;--steel:#3a7ca5;--off:#f3f1ea;--white:#fff;--gray:#a5aaad;--line:rgba(9,10,11,.16);--green:#2d8b67;--amber:#d29b38;--max:1440px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:hidden}
body{margin:0;background:var(--off);color:var(--black);font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.6;overflow-x:hidden}
button,input,select{font:inherit}
a{color:inherit;text-decoration:none}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.section-shell{width:min(calc(100% - 10vw),var(--max));margin-inline:auto}
.site-header{height:80px;background:var(--black);color:white;display:flex;align-items:center;padding:0 5vw;position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(255,255,255,.12)}
.brand{display:flex;align-items:center;gap:12px;font:800 20px/1 Poppins,sans-serif;letter-spacing:-.04em}.brand>span:last-child span{color:var(--red)}
.brand-mark{width:28px;height:28px;border:6px solid var(--red);border-right-color:transparent;border-radius:50%;display:inline-block;transform:rotate(-35deg)}
.site-header nav{display:flex;gap:36px;margin-left:auto;margin-right:48px}.site-header nav a{font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:#d9dcda}.site-header nav a:hover{color:white}
.header-count{height:100%;min-width:120px;border-left:1px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;gap:10px}.header-count strong{font:700 28px/1 Poppins}.header-count span{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--gray)}
.hero{min-height:690px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:5vw;padding-block:88px}
.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:700;margin:0 0 28px;text-transform:uppercase}.eyebrow span{color:var(--red)}
h1,h2{font-family:Poppins,sans-serif;text-transform:uppercase;letter-spacing:-.055em;line-height:.92;margin:0}
h1{font-size:clamp(56px,7.5vw,118px);font-weight:800}h1 em{font-style:normal;color:var(--red)}
h2{font-size:clamp(42px,5.2vw,78px)}
.lede{max-width:650px;font-size:clamp(17px,1.6vw,22px);line-height:1.55;margin:32px 0 36px;color:#3e4447}
.hero-actions{display:flex;align-items:center;gap:32px;flex-wrap:wrap}
.button{display:inline-flex;align-items:center;gap:24px;min-height:56px;padding:0 22px;font-size:11px;font-weight:700;letter-spacing:.12em}.button-primary{background:var(--red);color:white}.button-primary:hover{background:var(--red-hover)}.button-primary span{font-size:18px}
.text-link{font-size:11px;font-weight:700;letter-spacing:.12em;border-bottom:2px solid var(--red);padding:8px 0}
.hero-stat{aspect-ratio:1;max-width:520px;width:100%;margin-left:auto;border-radius:50%;background:var(--black);color:white;display:grid;place-items:center;position:relative;overflow:hidden}
.hero-stat:before{content:"A";position:absolute;font:800 430px/.8 Poppins;color:rgba(255,255,255,.035);left:-32px;top:50%;transform:translateY(-48%)}
.hero-stat strong{font:800 clamp(110px,16vw,235px)/.8 Poppins;letter-spacing:-.08em;z-index:2}.stat-label{position:absolute;top:18%;font-size:10px;letter-spacing:.18em;color:var(--gray)}.stat-caption{position:absolute;bottom:16%;right:18%;font-size:10px;letter-spacing:.14em;line-height:1.4;color:var(--red);font-weight:700}
.orbit{position:absolute;border:1px solid rgba(255,255,255,.13);border-radius:50%}.orbit-one{inset:11%}.orbit-two{inset:24%;border-style:dashed}
.ticker{background:var(--black);color:white;display:grid;grid-template-columns:repeat(4,1fr) 1.4fr;padding:0 5vw}.ticker>div{padding:28px 3vw;border-right:1px solid rgba(255,255,255,.13);display:flex;align-items:baseline;gap:12px}.ticker strong{font:700 32px/1 Poppins}.ticker span{font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:var(--gray)}.ticker .verified{border:0;align-items:center}.verified .check{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--red);color:#fff;font-size:16px}.verified p{margin:0}.verified p strong{display:block;font:700 11px/1.2 Inter;letter-spacing:.13em}.verified small{font-size:10px;color:var(--gray)}
.analysis{padding-block:120px}.section-heading{display:grid;grid-template-columns:1fr minmax(260px,420px);gap:60px;align-items:end;margin-bottom:56px}.section-heading>p{margin:0;color:#596064;max-width:45ch}
.analysis-grid{display:grid;grid-template-columns:1.18fr .82fr;gap:16px}.chart-card{background:white;border:1px solid var(--line);padding:28px;min-height:360px}.card-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:28px}.card-head p{font-size:11px;font-weight:700;letter-spacing:.14em;margin:0}.card-head span{font-size:9px;color:var(--steel);letter-spacing:.15em}
.donut-layout{display:grid;grid-template-columns:minmax(200px,320px) 1fr;align-items:center;gap:30px}.donut-wrap{position:relative;aspect-ratio:1}.donut{width:100%;height:100%;transform:rotate(-90deg)}.donut-center{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center}.donut-center strong{font:800 58px/1 Poppins}.donut-center span{font-size:9px;letter-spacing:.14em;color:#697074}
.legend{display:grid;gap:14px}.legend-row{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:10px;font-size:12px}.legend-row i{width:10px;height:10px;border-radius:50%}.legend-row strong{font:700 20px Poppins}.legend-row small{display:block;color:#72787b}
.bars{display:grid;gap:17px}.bar-row header{display:flex;justify-content:space-between;font-size:11px;font-weight:600;margin-bottom:5px}.bar-row header span:last-child{color:#697074}.bar-track{height:9px;background:#e5e6e2}.bar-fill{height:100%;background:var(--steel);transition:width .35s ease}.bar-row:first-child .bar-fill{background:var(--red)}
.letter-chart{height:250px;display:flex;align-items:flex-end;gap:9px;border-bottom:1px solid var(--line);padding-top:10px}.letter-col{height:100%;display:flex;flex:1;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px}.letter-col strong{font-size:10px}.letter-bar{width:100%;max-width:34px;background:var(--steel);min-height:3px;transition:height .35s}.letter-col:first-child .letter-bar{background:var(--red)}.letter-col span{font:600 11px Poppins;padding-top:4px}
.gender-card{background:var(--deep);color:white}.gender-card .card-head{border-color:rgba(255,255,255,.18)}.data-note{display:flex;align-items:center;gap:24px;min-height:235px}.data-note>span{flex:0 0 96px;height:96px;border:1px solid rgba(255,255,255,.2);border-radius:50%;display:grid;place-items:center;font:600 48px Poppins;color:var(--red)}.data-note strong{font:700 24px Poppins}.data-note p{color:#bac1c3;max-width:38ch;line-height:1.6;margin:8px 0 0}
.data-section{background:#e5e5df;padding-block:120px}.filter-panel{background:white;border-top:4px solid var(--red);padding:24px;margin-bottom:18px}.search-field{height:58px;border:1px solid var(--line);display:flex;align-items:center;padding:0 16px;gap:12px}.search-field>span{font-size:26px}.search-field input{border:0;outline:0;flex:1;min-width:0;font-size:15px}.search-field kbd{font:11px Inter;border:1px solid var(--line);padding:2px 8px;background:#f4f4f0}
.filter-grid{display:grid;grid-template-columns:repeat(4,1fr) auto;gap:12px;margin-top:16px;align-items:end}.filter-grid label>span{display:block;font-size:9px;letter-spacing:.13em;font-weight:700;margin-bottom:5px}.filter-grid select{width:100%;height:46px;border:1px solid var(--line);background:white;padding:0 12px;color:var(--black)}.reset-button{height:46px;border:0;background:var(--black);color:white;padding:0 18px;font-size:9px;letter-spacing:.11em;font-weight:700;cursor:pointer}.reset-button:hover{background:var(--red)}
.result-line{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:20px;padding-top:16px;font-size:11px;color:#6e7477}.result-line strong{color:var(--red);font:700 20px Poppins;margin-right:3px}
.table-shell{background:white;border:1px solid var(--line)}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;min-width:1020px}th{background:var(--black);color:white;text-align:left;position:sticky;top:80px;z-index:5}th button{width:100%;padding:18px 16px;border:0;background:none;color:inherit;text-align:left;font-size:9px;letter-spacing:.13em;font-weight:700;cursor:pointer}th button span{float:right;color:var(--gray)}td{padding:17px 16px;border-bottom:1px solid var(--line);font-size:12px;vertical-align:middle}tbody tr:hover{background:#faf9f4}td:first-child{font-weight:700;font-size:13px}td:nth-child(2){color:#62686b}.tag{display:inline-flex;padding:4px 9px;border-radius:20px;font-size:9px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.medium-tag{background:#e5eef3;color:#245e80}.role-Gut{background:#e1f0e9;color:#24694f}.role-Böse{background:#f8dfdc;color:#9d2c23}.role-Ambivalent{background:#e4edf2;color:#2e627e}.role-Neutral{background:#eeeae1;color:#655f53}.proof{font:700 10px Poppins;letter-spacing:.08em}
.pagination{display:flex;align-items:center;justify-content:center;gap:18px;padding:22px}.pagination button{width:42px;height:42px;background:white;border:1px solid var(--line);cursor:pointer}.pagination button:hover:not(:disabled){border-color:var(--red);color:var(--red)}.pagination button:disabled{opacity:.3;cursor:default}.pagination span{font-size:10px;font-weight:700;letter-spacing:.13em}
footer{min-height:180px;background:var(--black);color:white;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:40px 5vw;gap:32px}footer p{font-size:9px;letter-spacing:.12em;color:var(--gray);text-align:center}footer>a{justify-self:end;font-size:10px;letter-spacing:.12em;border-bottom:2px solid var(--red)}
.empty-row td{text-align:center;padding:60px 20px;color:#697074}
@media(max-width:1000px){.ticker{grid-template-columns:repeat(2,1fr)}.ticker>div:nth-child(even){border-right:0}.ticker .verified{grid-column:1/-1}.analysis-grid{grid-template-columns:1fr}.filter-grid{grid-template-columns:repeat(2,1fr)}.reset-button{grid-column:1/-1}.hero{min-height:auto}.site-header nav{display:none}}
@media(max-width:720px){.section-shell{width:auto;margin-inline:20px}.site-header{height:68px;padding:0 20px}.header-count{min-width:auto;padding-left:18px;margin-left:auto}.header-count span{display:none}h1{font-size:clamp(42px,13vw,50px)}.hero{grid-template-columns:1fr;padding-block:64px;gap:52px}.hero-copy{min-width:0}.hero-stat{max-width:390px;margin:auto}.hero-stat strong{font-size:34vw}.hero-actions{align-items:flex-start;flex-direction:column;gap:18px}.ticker{padding:0 20px;grid-template-columns:1fr 1fr}.ticker>div{padding:22px 10px}.ticker strong{font-size:26px}.analysis,.data-section{padding-block:80px}.section-heading{grid-template-columns:1fr;gap:24px;margin-bottom:36px}.section-heading .eyebrow{margin-bottom:20px}.analysis-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:-20px;padding-inline:20px}.chart-card{min-width:88vw;scroll-snap-align:center}.donut-layout{grid-template-columns:1fr}.legend{grid-template-columns:repeat(2,1fr)}.medium-card,.letter-card,.gender-card{min-height:450px}.filter-panel{padding:16px}.filter-grid{grid-template-columns:1fr}.result-line{align-items:flex-start;gap:12px}.result-line span:last-child{text-align:right}.table-shell{margin-inline:-20px;border-left:0;border-right:0}.table-scroll{padding-left:20px}table{min-width:0}.table-scroll table,.table-scroll thead,.table-scroll tbody,.table-scroll tr,.table-scroll th,.table-scroll td{display:block}.table-scroll thead{display:none}.table-scroll tr{margin:0 20px 12px 0;border:1px solid var(--line);padding:16px;background:#fff}.table-scroll td{display:grid;grid-template-columns:115px 1fr;padding:8px 0;border:0;font-size:12px}.table-scroll td:before{content:attr(data-label);font-size:8px;letter-spacing:.12em;font-weight:700;color:#73797c}.table-scroll td:first-child{font:700 18px Poppins;grid-template-columns:1fr;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:6px}.table-scroll td:first-child:before{display:none}footer{grid-template-columns:1fr;text-align:center;justify-items:center}footer>a{justify-self:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}