.site-header{flex-wrap:wrap;gap:16px}.site-header nav{gap:22px;flex-wrap:wrap}.site-header nav a{font-size:.85rem}.site-header .brand small{max-width:360px}.article-meta{flex-wrap:wrap;gap:6px 18px}.breadcrumb{flex-wrap:wrap}.topic-card img[src$=".svg"]{object-fit:contain;background:#f1f6ef;aspect-ratio:8/5}.article-header img[src$=".svg"]{object-fit:contain;background:#f1f6ef;aspect-ratio:8/5}.quick-path img{display:block;width:120px;margin-bottom:12px;border-radius:10px}.category-intro{max-width:850px;margin:40px 0}.category-intro h2{font-size:1.7rem;line-height:1.2}.category-links{display:flex;flex-wrap:wrap;gap:16px;margin:24px 0}.category-links a{display:grid;gap:10px;align-content:start;max-width:180px;padding:16px;background:var(--soft);border-radius:16px;text-decoration:none}.category-links img{border-radius:8px}.explainer{margin:34px 0;border:1px solid var(--line);border-radius:18px;background:#fff;overflow:hidden}.explainer img{display:block;width:min(100%,540px);margin:auto}.explainer figcaption{padding:18px 22px;background:var(--soft);font-size:.95rem}.explainer figcaption strong{display:block}.sidebar-box img{width:100%;max-width:190px;display:block;border-radius:10px;margin-bottom:10px}.utility-banner{display:flex;gap:26px;align-items:center;background:var(--soft);border:1px solid var(--line);border-radius:24px;padding:28px;margin-top:40px;margin-bottom:40px}.utility-banner>img{width:160px;flex:0 0 160px;border-radius:16px}.utility-banner h2{font-size:1.8rem;line-height:1.18;margin:.3rem 0}.utility-banner p{margin:.6rem 0}.section.utility-banner>img{width:280px;flex-basis:280px}.tool-jumps{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0}.tool-jumps a{padding:9px 17px;background:var(--soft);border:1px solid var(--line);border-radius:999px;text-decoration:none;font-weight:700}.tool-panel{margin:48px 0;background:#fff;border:1px solid var(--line);border-radius:24px;padding:32px;scroll-margin-top:20px}.tool-heading{display:flex;gap:22px;align-items:center}.tool-heading img{width:144px;flex-shrink:0;border-radius:12px}.tool-heading h2{font-size:clamp(1.5rem,3vw,2.2rem);line-height:1.15;margin:.4rem 0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:24px 0}form label{display:grid;gap:8px;font-weight:650;font-size:.95rem;align-content:start}input,select,textarea{width:100%;min-width:0;border:1px solid #81978d;border-radius:9px;padding:12px;background:#fff;color:var(--ink);font:inherit;font-weight:400}textarea{resize:vertical}fieldset{min-width:0;border:1px solid var(--line);border-radius:14px;padding:20px}fieldset legend{font-size:1.2rem;font-weight:800}fieldset label{margin:0 0 15px}.button{border:0;font:inherit;font-weight:750;cursor:pointer}.secondary-button{background:#fff;border:1px solid #81978d;border-radius:999px;padding:12px 20px;margin:8px 8px 8px 0;color:var(--green-dark);font:inherit;font-weight:650;cursor:pointer}.secondary-button:hover{background:var(--soft)}.tool-result{background:var(--soft);padding:24px;border-radius:16px;border-left:5px solid var(--green);margin-top:25px}.tool-result[hidden]{display:none}.tool-result h3{margin-top:0}.tool-result p{overflow-wrap:anywhere}.tool-footnote{font-size:.9rem;color:var(--muted)}.table-scroll{overflow-x:auto;max-width:100%;margin:20px 0}.table-scroll table{width:100%;border-collapse:collapse;min-width:540px;table-layout:fixed}.table-scroll th,.table-scroll td{border:1px solid #bacdc3;padding:12px;text-align:left;vertical-align:top;overflow-wrap:anywhere}.table-scroll caption{text-align:left;font-size:.9rem;padding-bottom:12px}.table-scroll th{background:#dfebe4}.tool-result dt{font-weight:800;margin-top:12px}.tool-result dd{margin:2px 0 16px;white-space:pre-wrap;overflow-wrap:anywhere}.tools-shell{max-width:1120px}.article-content section{scroll-margin-top:20px}.eyebrow,.topic-card small{color:#a14816}.decision .eyebrow{color:#ffbb85}
@media(min-width:901px){.site-header{justify-content:center}.site-header .brand{margin-right:auto}.site-header nav{justify-content:center}.site-header{padding-bottom:22px;border-bottom:1px solid var(--line)}}
@media(max-width:900px){.site-header nav{gap:15px;max-height:75vh;overflow-y:auto}.site-header{position:relative}.site-header nav.open{align-items:stretch}.site-header nav a{font-size:1rem}.article-layout{gap:30px}.article-sidebar{grid-template-columns:1fr}.sidebar-box{display:grid;grid-template-columns:1fr 1fr;gap:16px}.sidebar-box>.eyebrow{grid-column:1/-1}.sidebar-box a{border:0}.section.utility-banner>img{width:160px;flex-basis:160px}}
@media(max-width:640px){.form-grid{grid-template-columns:1fr}.tool-panel{padding:20px 16px;margin:30px 0}.tool-heading{display:block}.tool-heading img{width:112px;margin-bottom:12px}.utility-banner,.section.utility-banner{flex-direction:column;align-items:flex-start;padding:22px}.utility-banner>img,.section.utility-banner>img{flex-basis:auto;width:180px}.sidebar-box{grid-template-columns:1fr}.category-links a{max-width:none;flex:1 1 130px}.tool-jumps{gap:8px}.tool-jumps a{font-size:.85rem}.tool-result{padding:18px}.article-shell{padding:0 18px}.article-header{gap:24px}.article-header h1{font-size:2.25rem}.tool-panel .button{max-width:100%;white-space:normal}.tool-result dl{font-size:.93rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.topic-card{transition:none}.topic-card:hover{transform:none}}
@media print{body{font:11pt/1.45 sans-serif;color:#000;background:#fff}.site-header,.site-footer,.breadcrumb,.tool-jumps,.print-button,.secondary-button,.button,.article-sidebar,.sources,.partner-slot{display:none!important}.article-shell{max-width:none;margin:0;padding:0}.article-header{display:block;padding:0;border:0}.article-header h1{font-size:24pt}.article-header img,.tool-heading img{display:none}.tool-panel{border:0;padding:0;margin:18pt 0;break-inside:auto}.tool-result{border:1px solid #999;background:#fff}.tool-result table{min-width:0}.table-scroll{overflow:visible}.table-scroll table{font-size:9pt}.tool-result h3{break-after:avoid}body[data-print] .tools-shell>.article-header,body[data-print] .tools-shell>.category-intro{display:none}body[data-print="vergleich"] .tool-panel:not(#vergleich),body[data-print="steckbrief"] .tool-panel:not(#steckbrief){display:none}body[data-print="vergleich"] #vergleich:has(#compare-result:not([hidden])) form,body[data-print="steckbrief"] #steckbrief:has(#sheet-result:not([hidden])) form{display:none}.form-grid{grid-template-columns:1fr 1fr}input,select,textarea{border:1px solid #777;padding:4px}.explainer{max-width:420px}.card-grid{grid-template-columns:1fr 1fr}}