:root{color-scheme:light;--pappe:#e9eae6;--pappe-2:#f5f6f3;--tinte:#182229;--tinte-70:#4a5a63;--tinte-40:#86959d;--signal:#c0402a;--petrol:#2b6b78;--kante:#c9ccc4;--kante-2:#dcded8;--display:"Bricolage Grotesque", Archivo, system-ui, sans-serif;--body:Archivo, system-ui, -apple-system, sans-serif;--data:"JetBrains Mono", ui-monospace, Menlo, monospace}*,:before,:after{box-sizing:border-box}body{background:var(--pappe);color:var(--tinte);font-family:var(--body);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.6}.wrap{max-width:60rem;margin:0 auto;padding:0 1.25rem}header.site{border-bottom:2px solid var(--tinte);background:var(--pappe);z-index:10;position:sticky;top:0}header.site .wrap{align-items:center;gap:1rem;height:3.25rem;display:flex}header.site .mark{font-family:var(--data);letter-spacing:.18em;text-transform:uppercase;color:var(--tinte);font-size:.95rem;font-weight:700;text-decoration:none}header.site nav{gap:1.25rem;margin-left:auto;display:flex}header.site nav a{font-family:var(--data);letter-spacing:.1em;text-transform:uppercase;color:var(--tinte-70);font-size:.72rem;text-decoration:none}header.site nav a:hover{color:var(--signal)}main.wrap{padding-top:2.5rem;padding-bottom:5rem}h1{font-family:var(--display);letter-spacing:-.03em;text-wrap:balance;max-width:24ch;margin:0 0 1rem;font-size:clamp(2.1rem,6.5vw,3.6rem);font-weight:800;line-height:.98}h2{font-family:var(--data);letter-spacing:.16em;text-transform:uppercase;color:var(--tinte-40);border-bottom:1px solid var(--kante);margin:3rem 0 1rem;padding-bottom:.4rem;font-size:.74rem;font-weight:600}h3{font-family:var(--display);letter-spacing:-.01em;margin:0 0 .4rem;font-size:1.15rem;font-weight:700}p{max-width:62ch;margin:0 0 1rem}.lede{color:var(--tinte-70);max-width:54ch;font-size:1.08rem}a{color:var(--signal);text-underline-offset:2px}:focus-visible{outline:2px solid var(--signal);outline-offset:2px}.spec{font-family:var(--data);letter-spacing:.04em;text-transform:uppercase;color:var(--tinte-70);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;gap:0 .55rem;font-size:.74rem;font-weight:500;display:flex}.spec b{color:var(--tinte);font-weight:600}.spec span+span:before{content:"·";color:var(--kante);margin-right:.55rem}.skalen{border-top:1px solid var(--kante-2);border-bottom:1px solid var(--kante-2);flex-wrap:wrap;gap:.35rem 1.75rem;margin:1rem 0 0;padding:.7rem 0;display:flex}.skala{align-items:center;gap:.55rem;display:flex}.skala .lbl{font-family:var(--data);letter-spacing:.13em;text-transform:uppercase;color:var(--tinte-40);font-size:.64rem;font-weight:600}.skala .bar{gap:3px;display:flex}.skala i{background:var(--kante-2);border:1px solid var(--kante);width:.62rem;height:.95rem;display:block}.skala i.on{background:var(--tinte);border-color:var(--tinte)}.skala.warn i.on{background:var(--signal);border-color:var(--signal)}.skala .val{font-family:var(--data);color:var(--tinte-70);font-variant-numeric:tabular-nums;font-size:.68rem;font-weight:600}form#finder{border-top:2px solid var(--tinte);margin:2.5rem 0 0}.row{border-bottom:1px solid var(--kante);grid-template-columns:1fr;gap:.5rem;padding:1rem 0;display:grid}@media (width>=42rem){.row{grid-template-columns:7.5rem 1fr;align-items:baseline;gap:1.5rem}}.row>.q{font-family:var(--data);letter-spacing:.12em;text-transform:uppercase;color:var(--tinte-40);padding-top:.35rem;font-size:.72rem;font-weight:600}.opts{flex-wrap:wrap;gap:.4rem;display:flex}.opts label{font-family:var(--body);border:1px solid var(--kante);background:var(--pappe-2);cursor:pointer;user-select:none;padding:.38em .8em;font-size:.88rem;font-weight:500;transition:border-color .12s,color .12s}.opts label:hover{border-color:var(--tinte-40)}.opts input{opacity:0;width:1px;height:1px;margin:0;position:absolute}.opts label:has(input:checked){border-color:var(--tinte);background:var(--tinte);color:var(--pappe)}.opts label:has(input:focus-visible){outline:2px solid var(--signal);outline-offset:2px}.hint{color:var(--tinte-40);max-width:48ch;margin:.5rem 0 0;font-size:.82rem}button.go{font-family:var(--data);letter-spacing:.12em;text-transform:uppercase;background:var(--signal);color:#fff;cursor:pointer;border:0;margin:1.75rem 0 0;padding:.95em 1.6em;font-size:.8rem;font-weight:600}button.go:hover{background:var(--tinte)}#results:empty{display:none}#results{margin-top:3rem}.match{background:var(--pappe-2);border:1px solid var(--kante);border-top:3px solid var(--tinte);margin-bottom:1rem;padding:1.25rem 1.4rem 1.4rem;position:relative}.match .rank{font-family:var(--data);letter-spacing:.1em;background:var(--tinte);color:var(--pappe);padding:.2em .6em;font-size:.68rem;font-weight:700;position:absolute;top:-3px;right:0}.match h3 a{color:inherit;text-decoration:none}.match h3 a:hover{color:var(--signal)}.tag,.match .tag{font-family:var(--data);letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--kante);color:var(--tinte-40);vertical-align:.18em;margin-left:.5rem;padding:.15em .45em;font-size:.6rem;font-weight:600}.tag.geprueft,.match .tag.geprueft{border-color:var(--petrol);color:var(--petrol)}.match .liner{color:var(--tinte-70);max-width:58ch;margin:.5rem 0 0}.blk{margin-top:1.1rem}.blk .k{font-family:var(--data);letter-spacing:.13em;text-transform:uppercase;color:var(--tinte-40);margin-bottom:.25rem;font-size:.66rem;font-weight:600;display:block}.blk p{max-width:58ch;margin:0}.blk.komp{border-left:3px solid var(--signal);padding-left:.9rem}.blk.komp .k{color:var(--signal)}.leer{border:1px dashed var(--kante);background:var(--pappe-2);padding:1.5rem}.leer h3{margin-bottom:.5rem}dl.daten{grid-template-columns:max-content 1fr;gap:.45rem 1.5rem;margin:1.5rem 0 0;font-size:.93rem;display:grid}dl.daten dt{font-family:var(--data);letter-spacing:.12em;text-transform:uppercase;color:var(--tinte-40);padding-top:.2rem;font-size:.68rem;font-weight:600}dl.daten dd{font-variant-numeric:tabular-nums;margin:0}dl.daten dd em{color:var(--tinte-40);font-style:normal}.zwei{grid-template-columns:1fr;gap:1rem;margin-top:1rem;display:grid}@media (width>=44rem){.zwei{grid-template-columns:1fr 1fr}}.karte{border:1px solid var(--kante);background:var(--pappe-2);padding:1rem 1.1rem}.karte .k{font-family:var(--data);letter-spacing:.13em;text-transform:uppercase;color:var(--tinte-40);margin:0 0 .5rem;font-size:.66rem;font-weight:600}.karte.nein{border-left:3px solid var(--signal)}.karte.nein .k{color:var(--signal)}.karte ul{margin:0;padding-left:1.1rem}.karte li{margin-bottom:.3rem}.aff{color:var(--tinte-40);border-top:1px solid var(--kante);margin-top:1.5rem;padding-top:.8rem;font-size:.82rem}.pruef{font-family:var(--data);color:var(--tinte-40);letter-spacing:.04em;border-top:1px solid var(--kante);margin-top:2rem;padding-top:.8rem;font-size:.7rem}footer.site{border-top:2px solid var(--tinte);margin-top:4rem}footer.site .wrap{padding:1.5rem 1.25rem 3rem}footer.site p{color:var(--tinte-40);max-width:62ch;font-size:.84rem}footer.site nav{gap:1.25rem;margin-top:.8rem;display:flex}footer.site nav a{font-family:var(--data);letter-spacing:.1em;text-transform:uppercase;color:var(--tinte-70);font-size:.7rem;text-decoration:none}footer.site nav a:hover{color:var(--signal)}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.vergleich{margin:1.25rem 0 0;overflow-x:auto}.vergleich table{border-collapse:collapse;width:100%;min-width:30rem;font-size:.92rem}.vergleich th,.vergleich td{text-align:left;vertical-align:top;border-bottom:1px solid var(--kante-2);padding:.55rem .8rem}.vergleich thead th{border-bottom:2px solid var(--tinte);vertical-align:bottom;width:38%;padding-bottom:.8rem}.vergleich thead th:first-child{border-bottom-color:var(--kante);width:24%}.vergleich thead .pos{font-family:var(--data);letter-spacing:.1em;color:var(--tinte-40);margin-bottom:.15rem;font-size:.66rem;font-weight:700;display:block}.vergleich thead a{font-family:var(--display);letter-spacing:-.01em;color:var(--tinte);font-size:1.15rem;font-weight:700;line-height:1.15;text-decoration:none;display:block}.vergleich thead a:hover{color:var(--signal)}.vergleich thead .tag{margin:.35rem 0 0;display:inline-block}.vergleich tbody th[scope=row]{font-family:var(--data);letter-spacing:.1em;text-transform:uppercase;color:var(--tinte-40);white-space:nowrap;font-size:.68rem;font-weight:600}.vergleich tbody td{font-variant-numeric:tabular-nums;font-family:var(--data);font-size:.84rem}.vergleich td.liner,.vergleich td.warum,.vergleich .komp-row td,.vergleich td:has(ul){font-family:var(--body);letter-spacing:0;font-size:.88rem}.vergleich .liner-row td{color:var(--tinte-70);padding-top:.8rem}.vergleich .liner-row th,.vergleich .liner-row td{border-bottom-color:var(--kante)}.vergleich .komp-row td{color:var(--tinte)}.vergleich .komp-row th[scope=row]{color:var(--signal)}.vergleich .komp-row td{border-left:3px solid var(--signal)}.vergleich ul.knapp{margin:0;padding-left:1.05rem}.vergleich ul.knapp li{margin-bottom:.2rem}p.weiter{border-top:1px solid var(--kante);color:var(--tinte-70);margin-top:2.5rem;padding-top:1rem;font-size:.92rem}.einstieg{border-top:2px solid var(--tinte);gap:0;margin:1.5rem 0 0;display:grid}.einstieg a{border-bottom:1px solid var(--kante);color:var(--tinte);grid-template-columns:1fr;gap:.15rem .9rem;padding:.9rem 0;text-decoration:none;display:grid}@media (width>=40rem){.einstieg a{grid-template-columns:1fr auto;align-items:baseline}}.einstieg a:hover .t{color:var(--signal)}.einstieg .t{font-family:var(--display);letter-spacing:-.01em;font-size:1.02rem;font-weight:700}.einstieg .n{font-family:var(--data);letter-spacing:.08em;text-transform:uppercase;color:var(--tinte-40);white-space:nowrap;font-size:.68rem}
