:root{--blau: #0f2a4a;--text: #1d2430;--grau: #4b5563;--linie: #cfd6df;--flaeche: #f3f6f9;--rot: #b42318;--nav-bg: #ffffff;--nav-ink: var(--blau);--nav-accent: var(--rot);--faq-line: var(--linie);--faq-bg: #ffffff;--faq-accent: var(--blau);--schrift: "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:#fff;color:var(--text);font:1rem/1.6 var(--schrift);font-variant-numeric:tabular-nums}h1,h2,h3{color:var(--blau);line-height:1.25}h1{font-size:clamp(1.8rem,4vw,2.5rem);margin:0 0 .5em;font-weight:700}h2{font-size:1.5rem;margin:2.2em 0 .6em;padding-top:.6em;border-top:2px solid var(--blau);font-weight:700}h3{font-size:1.1rem;margin:1.5em 0 .4em;font-weight:700}p,ul,ol{margin:0 0 1em}a{color:var(--blau);text-underline-offset:.15em}:focus-visible{outline:3px solid var(--rot);outline-offset:2px}.overslaan{position:absolute;left:-999px;top:0;background:var(--blau);color:#fff;padding:.5rem 1rem}.overslaan:focus{left:1rem}.kop{border-bottom:2px solid var(--blau)}.nav{max-width:72rem;margin:0 auto;padding:.7rem 1.25rem}.nav__brand{font-weight:700;text-decoration:none;color:var(--blau)}.nav__list a{min-height:44px;display:inline-flex;align-items:center}main{max-width:72rem;margin:0 auto;padding:2rem 1.25rem 4rem}.spalten{display:grid;grid-template-columns:minmax(0,1fr) 18rem;gap:3rem}@media(max-width:56rem){.spalten{grid-template-columns:1fr;gap:1rem}}.lees{max-width:46rem}.intro{font-size:1.15rem;color:var(--grau)}.stand{font-size:.875rem;color:var(--grau)}.k{display:inline-block;min-width:2.4em;padding:.05em .35em;margin-right:.35em;border:1.5px solid var(--blau);color:var(--blau);font-weight:700;font-size:.85em;text-align:center;border-radius:2px}.gruende{list-style:none;padding:0;margin:1.5rem 0}.gruende>li{padding:1rem 0 .5rem;border-bottom:1px solid var(--linie)}.gruende h3{margin:0 0 .4em}.kasten{background:var(--flaeche);border:1px solid var(--linie);padding:1.25rem;margin:0 0 1.5rem}.kasten h2{border:0;margin-top:0;padding-top:0;font-size:1.15rem}.tabelle{overflow-x:auto;margin:1.25rem 0 2rem;border:1px solid var(--linie)}table{border-collapse:collapse;width:100%;min-width:50rem;font-size:.92rem}th,td{text-align:left;vertical-align:top;padding:.55rem .7rem;border-bottom:1px solid var(--linie)}thead th{background:var(--blau);color:#fff;font-weight:600;position:sticky;top:0}tbody th{color:var(--blau);font-weight:700;white-space:nowrap}.steckbrief{border:1px solid var(--linie);padding:1.25rem;margin:1.5rem 0}.steckbrief h2{border:0;padding:0;margin:0 0 .3em}.steckbrief .fuer{color:var(--grau);margin-bottom:.8em}.pro-contra{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media(max-width:40rem){.pro-contra{grid-template-columns:1fr;gap:0}}.quelle{font-size:.85rem;color:var(--grau)}.voet{border-top:2px solid var(--blau);padding:2rem 1.25rem 3rem;font-size:.9rem;color:var(--grau)}.voet>*{max-width:72rem;margin-left:auto;margin-right:auto}.voet a{color:var(--blau)}.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.kopf{display:grid;grid-template-columns:minmax(0,1fr) 22rem;gap:2.5rem;align-items:center;margin-bottom:1rem}.brett{width:100%;height:auto;background:var(--flaeche);border:1px solid var(--linie);padding:1rem;overflow:visible}.brett rect{fill:#fff;stroke:var(--blau);stroke-width:1.5}.brett text{fill:var(--blau);font:700 17px var(--schrift)}.brett .kaestchen{fill:#fff;stroke:var(--blau);stroke-width:1.5}.brett .haken{fill:none;stroke:var(--blau);stroke-width:2.5;stroke-linecap:square}@media(max-width:56rem){.kopf{grid-template-columns:minmax(0,1fr) 14rem;gap:1.5rem}}@media(max-width:40rem){.kopf{grid-template-columns:1fr}.brett{display:none}}.ikon{display:inline-block;vertical-align:-8px;width:28px;height:28px;margin-right:.5rem;fill:none;stroke:var(--blau);stroke-width:1.75;stroke-linecap:square;stroke-linejoin:miter}.kasten.dunkel{background:var(--blau);border-color:var(--blau);color:#fff}.kasten.dunkel h2,.kasten.dunkel a{color:#fff}.kasten.dunkel li{margin-bottom:.5em}.preisgrafik{--schaal: .72;margin:1.5rem 0 2.5rem;padding:1.25rem;background:var(--flaeche);border:1px solid var(--linie)}.preisgrafik figcaption{color:var(--grau);font-size:.9rem;margin-bottom:1rem}.multiples{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem}@media(max-width:48rem){.multiples{grid-template-columns:1fr;gap:1.75rem}}.multiple h3{margin:0 0 .75rem;font-size:1rem}.balken{list-style:none;margin:0;padding:0}.balken li{display:grid;grid-template-columns:9rem minmax(0,1fr);align-items:center;gap:.75rem;min-height:2rem;font-size:.875rem}.balken .name{color:var(--text);line-height:1.2}.spur{display:flex;align-items:center;gap:2px;min-height:2rem;--l: linear-gradient(var(--linie), var(--linie));background:var(--l) 0 0 / 1px 100% no-repeat,var(--l) calc(28.571% * var(--schaal)) 0 / 1px 100% no-repeat,var(--l) calc(57.143% * var(--schaal)) 0 / 1px 100% no-repeat,var(--l) calc(85.714% * var(--schaal)) 0 / 1px 100% no-repeat}.seg{flex:0 0 calc(var(--w) * var(--schaal) * 1%);height:14px;background:var(--blau)}.seg--ende{border-radius:0 4px 4px 0}.seg--einrichtung{background:#5a7394}.seg--zusatz{background:#fff;box-shadow:inset 0 0 0 1.5px var(--blau)}.wert{flex:none;margin-left:.45rem;white-space:nowrap;color:var(--text);font-weight:600}.achse{position:relative;height:1.3rem;margin-left:9.75rem;font-size:.75rem;color:var(--grau)}.achse span{position:absolute;left:calc(var(--w) * var(--schaal) * 1%);top:.2rem;transform:translate(-50%);white-space:nowrap}.achse span:first-child{transform:none}@media(max-width:30rem){.preisgrafik{--schaal: .5;padding:1rem .75rem}.balken li{grid-template-columns:6.5rem minmax(0,1fr);gap:.5rem;font-size:.8rem}.achse{margin-left:7rem}.achse span:nth-child(2),.achse span:nth-child(3){display:none}}.legende{list-style:none;padding:0;margin:1rem 0 .25rem;display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;font-size:.85rem;color:var(--text)}.legende li{display:flex;align-items:center;gap:.45rem}.legende .muster{width:1.6rem;height:12px;border-radius:0 3px 3px 0}.zeichenlegende{margin:0 0 .5rem}.zeichen{flex:none;fill:none;stroke-width:2.5;stroke-linecap:square;vertical-align:-3px}.zeichen.ja{stroke:#166534}.zeichen.nein{stroke:var(--rot)}.zeichen.ka{stroke:var(--grau)}td .zusatz{color:var(--grau)}thead .k{color:#fff;border-color:#fff}tbody td:nth-child(2),tbody td:nth-child(3){white-space:nowrap}
