/* BVH Haushaltskompass, Design 2 */
.hk,.hk-nav{--n:#002325;--n2:#05302F;--n3:#0C3E3F;--p:#003739;--b:#0019FF;--bh:#9AA5FF;--t:#07262D;--tx:#2B3536;--l:#4C5D5E;--lb:#6B7A7B;--g:#F6F7F7;--li:#DDE3E3;--m:#DCEBE9;--ti:#EEF5F3;--ti2:#D3E2DE;font-family:var(--v2-text-font,'Fira Sans','Helvetica Neue',Arial,sans-serif);color:var(--tx)}
.hk *,.hk-nav *{box-sizing:border-box}
.hk-w{width:100%;max-width:calc(var(--v2-max,1206px) + 2 * var(--v2-rand,24px));margin:0 auto;padding:0 var(--v2-rand,24px)}
.hk-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hk-sec{padding:100px 0}
.hk-sec--erst{padding-top:64px}
.hk-sec--grau{background:var(--g)}
.hk-sec--nacht{background:var(--n);color:#fff}
.hk h2{font-size:clamp(30px,3.2vw,40px);line-height:1.12;font-weight:600;color:var(--t);margin:0 0 14px;letter-spacing:-.01em}
.hk .hk-h2gross{font-size:clamp(34px,3.8vw,48px)}
.hk h3{font-size:22px;line-height:1.25;font-weight:600;color:var(--t);margin:0 0 8px}
.hk .hk-h3gross{font-size:clamp(26px,2.6vw,34px)}
.hk h4{font-size:19px;line-height:1.3;font-weight:600;color:var(--t);margin:10px 0 6px}
.hk-sec--nacht h2,.hk-sec--nacht h3,.hk-sec--nacht h4{color:#fff}
.hk p{margin:0}
.hk-lead{font-size:clamp(17px,1.5vw,20px);line-height:1.6;color:var(--tx);max-width:780px;margin-bottom:34px!important}
.hk-sec--nacht .hk-lead{color:#CFE0DD}
.hk-zwisch{font-size:17px;font-weight:600;color:var(--t);margin:0 0 6px!important}
.hk-sec--nacht .hk-zwisch{color:#fff}
.hk-klein{font-size:15px;line-height:1.55;color:var(--l)}
.hk-sec--nacht .hk-klein{color:#B9CFCB}
.hk-fuss{margin-top:22px!important}
.hk-mitte{text-align:center;margin-top:8px!important}
.hk-stand{display:flex;align-items:center;gap:10px;font-size:15px;color:var(--l);margin-bottom:22px!important}
.hk-stand i{flex:0 0 10px;width:10px;height:10px;border-radius:50%;background:#1E9E6A;box-shadow:0 0 0 4px rgba(30,158,106,.18)}
.hk-kopfzeile{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:34px;flex-wrap:wrap}
.hk-kopfzeile .hk-lead{margin-bottom:0!important}
.hk-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.hk-grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.hk-grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.hk-zwei{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center}
.hk-zwei--oben{align-items:start}
.hk-karte{background:var(--ti);border-radius:15px;padding:30px;display:block;color:inherit;text-decoration:none}
.hk-sec--grau .hk-karte{background:#fff;box-shadow:10px 10px 15px rgba(0,0,0,.08)}
.hk-sec--nacht .hk-karte{background:var(--n2);box-shadow:none}
.hk-rahmen{border-radius:15px;box-shadow:inset 0 0 0 1px var(--li);padding:24px;background:#fff}
.hk-zahl{font-size:clamp(40px,4.2vw,56px);line-height:1;font-weight:600;letter-spacing:-.02em;color:var(--t);margin:6px 0 0!important;font-variant-numeric:tabular-nums}
.hk-zahl--m{font-size:clamp(34px,3.4vw,44px)}
.hk-sec--nacht .hk-zahl{color:#fff}
.hk-einh{font-size:17px;font-weight:500;margin-left:6px;letter-spacing:0}
.hk-mzahl{font-size:24px;font-weight:600;color:var(--t);margin-top:4px!important}
.hk-delta{display:inline-flex;align-items:center;gap:6px;font-size:15px;font-weight:500;margin:12px 0 14px!important;padding:6px 12px;border-radius:148px;background:var(--m);color:var(--p)}
.hk-sec--grau .hk-delta{background:var(--ti)}
.hk-pill{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:148px;padding:15px 26px;font:inherit;font-size:16px;font-weight:500;text-decoration:none;border:0;cursor:pointer;white-space:nowrap;line-height:1.2;transition:transform .2s ease,background-color .2s ease,color .2s ease,box-shadow .2s ease}
.hk-pill svg{width:18px;height:18px}
.hk-pill--blau{background:var(--b);color:#fff}
.hk-pill--blau:hover,.hk-pill--blau:focus-visible{background:#0013C4;color:#fff}
.hk-pill--hell{background:#fff;color:var(--n)}
.hk-pill--hell:hover,.hk-pill--hell:focus-visible{background:var(--m);color:var(--n)}
.hk-pill--rand{background:transparent;color:var(--n);box-shadow:inset 0 0 0 1.5px var(--n)}
.hk-pill--rand:hover,.hk-pill--rand:focus-visible{background:var(--n);color:#fff}
.hk-pill[disabled]{opacity:.45;cursor:default}
.hk-knoepfe{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px!important}
.hk-tab{display:inline-flex;background:#fff;border-radius:148px;padding:5px;box-shadow:inset 0 0 0 1px var(--li);flex-wrap:wrap}
.hk-tab button{font:inherit;padding:10px 18px;border-radius:148px;font-size:15px;font-weight:500;color:var(--l);background:transparent;border:0;cursor:pointer;transition:background-color .2s,color .2s}
.hk-tab button:hover{color:var(--n)}
.hk-tab button.on{background:var(--n);color:#fff}
.hk-chips{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:40px}
.hk-chip{font:inherit;display:inline-flex;align-items:center;border-radius:148px;padding:10px 18px;font-size:15px;font-weight:500;background:#fff;color:var(--n);box-shadow:inset 0 0 0 1px var(--li);border:0;cursor:pointer;transition:background-color .2s,color .2s}
.hk-chip:hover{box-shadow:inset 0 0 0 1.5px var(--n)}
.hk-chip.on{background:var(--n);color:#fff;box-shadow:none}
.hk-tag{display:inline-block;font-size:14px;font-weight:500;padding:5px 12px;border-radius:148px;background:var(--m);color:var(--p)}
.hk-sec--grau .hk-karte .hk-tag,.hk-karte .hk-tag{background:var(--m)}
.hk-tag--b{background:#E6E9FF!important;color:var(--b)!important}
.hk-tag--n{background:var(--n)!important;color:#fff!important}
.hk-ico{width:48px;height:48px;border-radius:10px;background:var(--b);display:inline-grid;place-items:center;color:#fff;flex:0 0 48px}
.hk-ico svg{width:24px;height:24px}
.hk-bar{display:block;height:10px;border-radius:148px;background:var(--li);overflow:hidden}
.hk-bar b{display:block;height:100%;border-radius:148px;background:var(--n);transition:width .6s cubic-bezier(.65,0,.35,1)}
.hk-bar b.bl{background:var(--b)}
.hk-mehr{display:inline-flex;align-items:center;gap:8px;font-weight:500;color:var(--b);margin-top:auto}
.hk-kachel{display:flex;flex-direction:column;align-items:flex-start;text-decoration:none;color:inherit}
.hk .hk-kachel .hk-ico{margin:0 0 24px}
.hk .hk-kachel h3{margin:0 0 10px;hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word}
.hk .hk-kachel .hk-klein{margin:0 0 22px}
.hk .hk-kachel>.hk-klein:first-child{margin:0 0 8px}
.hk .hk-kachel .hk-mehr{margin-top:auto;padding-top:4px}
.hk a:focus:not(:focus-visible),.hk button:focus:not(:focus-visible){outline:none}
.hk-kachel:focus-visible{outline:2px solid var(--b);outline-offset:3px}
.hk-mehr svg{width:18px;height:18px;transition:transform .2s}
.hk-hinweis{background:#fff;border-radius:10px;padding:16px 18px;margin-top:20px}
/* Navigation */
.hk-nav{background:#fff;border-bottom:1px solid var(--li);position:relative;z-index:2;margin-top:36px}
.hk-nav__in{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-top:10px;padding-bottom:10px}
.hk-nav__in::-webkit-scrollbar{display:none}
.hk-nav a{flex:0 0 auto;padding:10px 16px;border-radius:148px;font-size:15px;font-weight:500;color:var(--l);text-decoration:none;font-family:var(--v2-text-font,'Fira Sans',Arial,sans-serif);transition:background-color .2s,color .2s}
.hk-nav a:hover{color:var(--n);background:var(--ti)}
.hk-nav a.on{background:var(--n);color:#fff}
/* Kennzahlen */
.hk-grid4 .hk-karte .hk-klein{margin-top:0}
/* Türen */
.hk-tueren{position:relative;overflow:hidden}
.hk-tueren__zeichen{position:absolute;right:-60px;top:-40px;width:620px;height:620px;color:#fff;opacity:.06;pointer-events:none}
.hk-tueren__raster{position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:64px;align-items:center}
.hk-tueren__wahl{gap:18px;margin-bottom:20px}
.hk-tuer{display:flex!important;flex-direction:column;align-items:flex-start;gap:18px;padding:26px!important;font:inherit;text-align:left;border:0;cursor:pointer;transition:transform .25s cubic-bezier(.65,0,.35,1),box-shadow .25s}
.hk-tuer b{display:block;font-size:20px;color:inherit;margin-bottom:2px}
.hk-tuer:hover{transform:translateY(-3px)}
.hk-sec--grau .hk-tuer:hover{box-shadow:12px 14px 22px rgba(0,0,0,.12)}
.hk-sec--nacht .hk-tuer{color:#fff}
.hk-haken{list-style:none;margin:10px 0 0;padding:0}
.hk-haken li{position:relative;padding:10px 0 10px 34px;border-bottom:1px solid rgba(255,255,255,.1);font-size:16px;line-height:1.5}
.hk-haken li:last-child{border-bottom:0}
.hk-haken li::before{content:"";position:absolute;left:0;top:14px;width:18px;height:10px;border-left:2.5px solid var(--bh);border-bottom:2.5px solid var(--bh);transform:rotate(-45deg)}
/* Zeitleiste */
.hk-zeit{list-style:none;margin:10px 0 0;padding:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:20px;position:relative}
.hk-zeit::before{content:"";position:absolute;left:0;right:0;top:15px;height:3px;background:var(--li)}
.hk-zeit li{position:relative;display:flex;flex-direction:column;gap:4px}
.hk-zeit__punkt{width:33px;height:33px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 2px var(--n);position:relative;margin-bottom:14px}
.hk-zeit li.fertig .hk-zeit__punkt{background:var(--n);box-shadow:none}
.hk-zeit li.fertig .hk-zeit__punkt::after{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/16px 16px no-repeat}
.hk svg :focus,.hk [tabindex="-1"]:focus{outline:none}
.hk svg :focus-visible{outline:none;stroke:#0019FF;stroke-width:3px}
.hk-zeit li.jetzt .hk-zeit__punkt{background:var(--b);box-shadow:0 0 0 7px rgba(0,25,255,.15);animation:hkPuls 2.4s ease-in-out infinite}
.hk-zeit__datum{font-size:15px;font-weight:600;color:var(--l)}
.hk-zeit li.jetzt .hk-zeit__datum{color:var(--b)}
.hk-zeit b{font-size:18px;color:var(--t);hyphens:manual;-webkit-hyphens:manual;overflow-wrap:break-word}
.hk-zeit .hk-tag{align-self:flex-start;margin-top:6px}
@keyframes hkPuls{50%{box-shadow:0 0 0 11px rgba(0,25,255,.08)}}
/* Balkenliste */
.hk-balkenliste{list-style:none;margin:0 0 28px;padding:0}
.hk-balkenliste li{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) 120px;gap:14px;align-items:center;padding:11px 0;border-bottom:1px solid var(--li)}
.hk-bl__name{font-size:15.5px;color:var(--t);line-height:1.35}
.hk-bl__wert{font-weight:600;text-align:right;color:var(--t);font-size:15.5px;font-variant-numeric:tabular-nums}
.hk-bl__wert small{display:block;font-weight:500;color:var(--l);font-size:13px}
.hk-balkenliste--eng li{grid-template-columns:minmax(0,1.6fr) minmax(0,.8fr) 110px}
.hk-balkenliste--eng li.klick{cursor:pointer}
.hk-balkenliste--eng li.klick:hover .hk-bl__name{color:var(--b)}
/* Ring */
.hk-ring{display:block;width:100%;height:auto;max-width:520px;margin:0 auto;overflow:visible}
.hk-ring path{cursor:pointer;transition:transform .25s cubic-bezier(.65,0,.35,1),opacity .25s;transform-origin:0 0}
.hk-ring path:hover,.hk-ring path.on{opacity:1}
.hk-ring text{font-family:var(--v2-text-font,'Fira Sans',Arial,sans-serif);pointer-events:none}
.hk-ringbox{padding:30px}
.hk-tip{position:absolute;background:var(--n);color:#fff;border-radius:10px;padding:12px 14px;font-size:14px;line-height:1.45;box-shadow:10px 10px 15px rgba(0,0,0,.14);pointer-events:none;max-width:260px;z-index:3}
/* Explorer */
.hk-steuer{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:28px}
.hk-suche{flex:1 1 280px;display:flex;align-items:center;gap:10px;border-radius:148px;box-shadow:inset 0 0 0 1px var(--li);padding:0 20px;background:#fff;color:var(--n)}
.hk-suche input{flex:1;border:0;outline:0;font:inherit;font-size:16px;padding:14px 0;background:transparent;color:var(--t);min-width:0}
.hk-suche:focus-within{box-shadow:inset 0 0 0 2px var(--n)}
.hk-treffer{background:#fff;border-radius:15px;box-shadow:10px 10px 15px rgba(0,0,0,.08),inset 0 0 0 1px var(--li);padding:10px 22px;margin:-10px 0 28px}
.hk-treffer button{display:grid;grid-template-columns:1fr auto;gap:14px;width:100%;text-align:left;font:inherit;background:none;border:0;border-bottom:1px solid var(--li);padding:12px 0;cursor:pointer;color:var(--t)}
.hk-treffer button:last-child{border-bottom:0}
.hk-treffer button:hover b{color:var(--b)}
.hk-treffer small{display:block;color:var(--l);font-size:13px}
.hk-ex{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:48px;align-items:start}
.hk-ex__ring{position:relative;padding:28px}
.hk-pfad{font-size:15px;color:var(--l);margin-bottom:10px!important}
.hk-pfad button{font:inherit;background:none;border:0;padding:0;color:var(--b);cursor:pointer}
.hk-ex__titel{font-size:clamp(24px,2.4vw,32px)!important;margin-bottom:16px!important}
.hk-ex__zahlen{display:flex;gap:40px;flex-wrap:wrap;margin-bottom:18px}
.hk-ex__posten{padding:24px 26px}
.hk-ex__posten .hk-balkenliste{margin:0}
.hk-ex__posten .hk-bar{background:var(--ti2)}
.hk-ex__mini{margin-top:18px;gap:16px}
.hk-ex__mini .hk-rahmen{padding:18px 20px}
/* Divergierende Balken */
.hk-diverg{padding:30px 34px}
.hk-dv{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr) 90px;gap:18px;align-items:center;padding:11px 0;border-bottom:1px solid var(--li)}
.hk-dv__name{font-size:16px;color:var(--t);font-weight:500;line-height:1.35}
.hk-dv__bahn{position:relative;height:24px}
.hk-dv__bahn::before{content:"";position:absolute;left:50%;top:-11px;bottom:-11px;width:1px;background:#B8C4C4}
.hk-dv__bahn i{position:absolute;top:0;height:24px;border-radius:148px}
.hk-dv i.plus{background:var(--n)}.hk-dv i.minus{background:var(--b)}
.hk-dv b{text-align:right;font-size:17px;font-variant-numeric:tabular-nums}
.hk-dv b.plus{color:var(--n)}.hk-dv b.minus{color:var(--b)}
.hk-diverg .hk-klein{margin-top:16px}
/* Säulen */
.hk-saeulen{display:flex;align-items:flex-end;gap:10px;height:320px;padding:30px 30px 20px}
.hk-saeule{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:6px;min-width:0}
.hk-saeule i{display:block;width:100%;max-width:46px;background:var(--n);border-radius:8px 8px 0 0}
.hk-saeule--soll i{background:var(--bh)}
.hk-saeule__w{font-size:12px;font-weight:600;color:var(--t)}
.hk-saeule__j{font-size:12px;color:var(--l)}
/* Zitate und Aussagen */
.hk-zitat{margin:0}
.hk-zitat blockquote{margin:0;font-size:19px;line-height:1.5;color:var(--t);font-weight:500}
.hk-zitat figcaption{font-size:14px;color:var(--l);margin-top:14px;line-height:1.5}
.hk-zitat a,.hk-quelle a,.hk-quellen a,.hk-these a{color:var(--l);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.hk .hk-tag+h3,.hk .hk-tag+h4,.hk .hk-weg-kopf+h3{margin-top:16px}
.hk-aussage p{font-size:16px;line-height:1.55}
.hk-aussage blockquote{margin:12px 0 0;font-size:17px;font-weight:500;color:var(--t)}
.hk-quelle{font-size:14px!important;color:var(--lb);margin-top:12px!important}
/* Atlas */
.hk-atlas-kopf{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:40px;align-items:center;margin-bottom:34px}
.hk-atlas-ring{display:flex;align-items:center;gap:26px}
.hk-donut{width:170px;height:170px}
.hk-legende{list-style:none;margin:0;padding:0;font-size:16px;line-height:2.1}
.hk-legende i{display:inline-block;width:14px;height:14px;border-radius:50%;margin-right:10px;vertical-align:-1px}
.hk-legende i.ja{background:var(--b)}.hk-legende i.teil{background:#9FC3BE}.hk-legende i.nein{background:var(--n)}
.hk-aussagen{margin-bottom:34px}
.hk-matrix-wrap{overflow-x:auto;border-radius:15px;box-shadow:inset 0 0 0 1px var(--li);background:#fff}
.hk-matrix{width:100%;border-collapse:collapse;min-width:640px}
.hk-matrix th,.hk-matrix td{padding:14px 14px;border-bottom:1px solid var(--li);text-align:center;font-size:15px;vertical-align:middle}
.hk-matrix thead th{font-weight:600;color:var(--t);border-bottom:2px solid var(--n);font-size:14px;line-height:1.3}
.hk-matrix tbody th{text-align:left;font-weight:500;color:var(--t);line-height:1.4;min-width:300px}
.hk-matrix thead th:first-child{text-align:left}
.hk-matrix tr:last-child th,.hk-matrix tr:last-child td{border-bottom:0}
.hk-dot{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;font-size:14px;font-weight:600;line-height:1}
.hk-dot.ja{background:var(--n);color:#fff}
.hk-dot.nein{background:#fff;color:var(--n);box-shadow:inset 0 0 0 2px var(--n)}
.hk-dot.teil{background:#9FC3BE;color:var(--n)}
.hk-dot.leer{color:var(--lb)}
.hk-legende-zeile{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;margin-top:18px!important}
.hk-legende-zeile .hk-dot{width:22px;height:22px;font-size:12px}
/* Kompass */
.hk-app{min-height:640px}
.hk-start__wahl{margin-bottom:22px}
.hk-start__wahl .hk-tuer{width:100%}
.hk-leiste{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.hk-leiste .hk-klein{margin-left:auto}
.hk-fortschritt{display:flex;gap:4px;margin-bottom:30px}
.hk-fortschritt i{flex:1;height:6px;border-radius:148px;background:var(--li);transition:background-color .3s}
.hk-fortschritt i.f{background:var(--n)}
.hk-fortschritt i.a{background:var(--b)}
.hk-kompass{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px;align-items:start}
.hk-these{padding:46px 50px!important;animation:hkRein .45s cubic-bezier(.65,0,.35,1)}
.hk-these.zurueck{animation-name:hkReinL}
@keyframes hkRein{from{opacity:0;transform:translateX(40px)}to{opacity:1;transform:none}}
@keyframes hkReinL{from{opacity:0;transform:translateX(-40px)}to{opacity:1;transform:none}}
.hk .hk-these__text{font-size:clamp(25px,2.7vw,36px);line-height:1.24;font-weight:600;color:var(--t);letter-spacing:-.01em;max-width:800px}
.hk-these__fakten{margin-top:30px}
.hk-fakt{background:var(--ti);border-radius:10px;padding:20px 22px}
.hk-fakt p{font-size:16px;line-height:1.5}
.hk-fakt__b{font-size:20px;font-weight:600;color:var(--t)}
.hk-arg{border-radius:10px;padding:18px 22px;box-shadow:inset 0 0 0 1px var(--li)}
.hk-arg p{font-size:15.5px;line-height:1.5}
.hk-antw{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px;align-items:center}
.hk-antw .hk-pill{padding:17px 32px;font-size:17px}
.hk-antw .hk-pill.gew{box-shadow:inset 0 0 0 1.5px var(--n)}
.hk-antw .hk-pill.gewaehlt{background:var(--n);color:#fff;box-shadow:none}
.hk-gewicht{margin-left:auto;display:inline-flex;align-items:center;gap:8px;font:inherit;font-size:16px;font-weight:500;color:var(--n);background:none;border:0;cursor:pointer;padding:8px 4px}
.hk-gewicht svg{width:20px;height:20px;transition:fill .2s}
.hk-gewicht[aria-pressed=true] svg{fill:var(--b);stroke:var(--b)}
.hk-unten{display:flex;justify-content:space-between;gap:16px;margin-top:24px;flex-wrap:wrap}
.hk-link{font:inherit;font-size:15px;color:var(--l);background:none;border:0;cursor:pointer;padding:0}
.hk-link--pf{display:inline-flex;align-items:center;gap:8px;font-weight:500;color:var(--t)}
.hk-link--pf:hover{color:var(--b)}
.hk-pf{width:18px;height:18px;flex:0 0 18px;transition:transform .2s}
.hk-link--pf:hover .hk-pf{transform:translateX(3px)}
.hk-link--zur:hover .hk-pf{transform:translateX(-3px)}
.hk-unten__r{display:inline-flex;align-items:center;gap:18px;flex-wrap:wrap}
.hk .hk-pf--klein{width:14px;height:14px;flex:0 0 14px;vertical-align:-2px;margin:0 8px;color:var(--l)}
.hk-link:hover{color:var(--n);text-decoration:underline}
.hk-seite{display:flex;flex-direction:column;gap:18px;position:sticky;top:110px}
.hk-saldo{font-size:38px;font-weight:600;color:var(--t);letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.hk-skala{position:relative;height:14px;border-radius:148px;background:var(--ti);margin-top:16px}
.hk-skala::before{content:"";position:absolute;left:50%;top:-6px;bottom:-6px;width:2px;background:var(--n)}
.hk-skala i{position:absolute;top:0;height:14px;background:var(--b);transition:all .5s cubic-bezier(.65,0,.35,1)}
.hk-skala-l{display:flex;justify-content:space-between;font-size:13px;color:var(--lb);margin-top:8px}
.hk-wer li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--li);font-size:15px}
.hk-wer{list-style:none;margin:0;padding:0}
.hk-wer li:last-child{border-bottom:0}
/* Ergebnis */
.hk-erg-kopf{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;flex-wrap:wrap;margin-bottom:34px}
.hk-erg-kopf .hk-lead{margin-bottom:0!important}
.hk-erg{display:grid;grid-template-columns:.75fr 1.25fr;gap:28px}
.hk-erg__ring{text-align:center}
.hk-erg__ring svg{width:240px;height:240px;display:block;margin:0 auto}
.hk-felder li{display:grid;grid-template-columns:minmax(0,250px) minmax(0,1fr) 60px;gap:16px;align-items:center;margin-bottom:14px;font-size:16px;color:var(--t)}
.hk-felder{list-style:none;margin:0;padding:0}
.hk-felder li b{text-align:right}
.hk-rang li{display:grid;grid-template-columns:36px minmax(0,320px) minmax(0,1fr) 70px 100px;gap:16px;align-items:center;padding:14px 0;border-bottom:1px solid var(--li)}
.hk-rang{list-style:none;margin:0;padding:0}
.hk-rang li:last-child{border-bottom:0}
.hk-rang .nr{font-weight:600;color:var(--lb);font-size:18px}
.hk-rang .nm{font-weight:600;color:var(--t)}
.hk-rang .pz{font-weight:600;text-align:right;color:var(--t);font-size:18px}
.hk-rang .bs{text-align:right;font-size:14px;color:var(--l)}
.hk-bilanz{display:grid;grid-template-columns:1.2fr .8fr;gap:28px}
.hk-wf{width:100%;height:auto;display:block}
.hk-wf text{font-family:var(--v2-text-font,'Fira Sans',Arial,sans-serif)}
.hk-wege .hk-karte{display:flex;flex-direction:column;gap:12px}
.hk-wege input[type=range]{width:100%;accent-color:var(--b)}
.hk-wege .hk-linie{height:1px;background:var(--li);margin:6px 0}
.hk-weg-kopf{display:flex;justify-content:space-between;align-items:center;gap:10px}
.hk-weg-kopf b{font-size:20px;color:var(--t);font-variant-numeric:tabular-nums}
.hk-ausgleich{display:flex;align-items:center;gap:26px;margin-top:28px;flex-wrap:wrap}
.hk-ausgleich > div{flex:1;min-width:240px}
.hk-luecken{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px}
.hk-luecken span{background:var(--n3);border-radius:10px;padding:10px 14px;font-size:14px;color:#DCEBE9}
.hk-luecken b{display:block;font-size:20px;color:#fff}
.hk-check{display:flex;gap:10px;align-items:flex-start;font-size:15px;line-height:1.5;color:var(--tx);cursor:pointer}
.hk-check input{margin-top:4px;accent-color:var(--b);width:18px;height:18px}
/* Thesenliste */
.hk-thesenliste{display:grid;gap:12px}
.hk-these-kurz{padding:20px 26px!important}
.hk-these-kurz summary{cursor:pointer;display:flex;flex-direction:column;gap:8px;list-style:none}
.hk-these-kurz summary::-webkit-details-marker{display:none}
.hk-these-kurz summary b{font-size:17px;color:var(--t);font-weight:600;line-height:1.4}
.hk-these-kurz summary .hk-tag{align-self:flex-start}
.hk-these-kurz p{font-size:15.5px;line-height:1.55;margin-top:10px!important}
/* Formulare */
.hk-form{display:flex;flex-direction:column;gap:18px}
.hk-feldz{display:flex;flex-direction:column;gap:8px;font-size:15px;font-weight:500;color:var(--t)}
.hk-feldz input[type=number]{font:inherit;font-size:22px;font-weight:600;color:var(--t);border:0;border-bottom:2px solid var(--n);background:transparent;padding:8px 0;border-radius:0;outline:0;width:100%}
.hk-feldz input[type=number]:focus{border-bottom-color:var(--b)}
.hk-feldz--zeile{flex-direction:row;align-items:center;gap:10px}
.hk-feldz--zeile input{width:18px;height:18px;accent-color:var(--b)}
.hk-check-liste{list-style:none;margin:14px 0 18px;padding:0}
.hk-check-liste li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;padding:12px 0;border-bottom:1px solid var(--li);font-size:16px;line-height:1.45}
.hk-check-liste li b{color:var(--t);text-align:right;white-space:nowrap}
.hk-check-liste li small{display:block;color:var(--l);font-size:13.5px}
.hk-schema{display:grid;grid-template-columns:1fr auto;gap:6px 12px;margin-bottom:18px;font-size:16px}
.hk-schema span{color:var(--t);font-weight:500}
.hk-schema i{grid-column:1/-1;display:block;height:14px;border-radius:148px;background:var(--n)}
.hk-schema i.m{background:#467C7C}.hk-schema i.b{background:var(--b)}.hk-schema i.h{background:#9FC3BE}
.hk-faq{display:grid;gap:12px}
.hk-faq details{padding:0!important}
.hk-faq summary{cursor:pointer;padding:22px 64px 22px 28px;font-size:18px;font-weight:500;color:var(--t);list-style:none;position:relative}
.hk-faq summary::-webkit-details-marker{display:none}
.hk-faq summary::after{content:"+";position:absolute;right:24px;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:50%;background:#fff;display:grid;place-items:center;font-size:20px;color:var(--n)}
.hk-faq details[open] summary::after{content:"−"}
.hk-faq details p{padding:0 28px 24px;font-size:16px;line-height:1.6}
/* Quittung */
.hk-vert{display:grid;gap:0}
.hk-vert div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--li);font-size:16px}
.hk-beleg{background:#fff;border-radius:15px;padding:40px 44px;box-shadow:10px 10px 15px rgba(0,0,0,.08)}
.hk-beleg__kopf{display:flex;justify-content:space-between;align-items:flex-start;gap:12px 16px;margin-bottom:22px;flex-wrap:wrap}
.hk-beleg__t{font-size:24px;font-weight:600;color:var(--t)}
.hk-zwei>*,.hk-grid2>*,.hk-grid3>*,.hk-grid4>*{min-width:0}
.hk-beleg{max-width:100%}
.hk-beleg__liste{list-style:none;margin:0;padding:0}
.hk-beleg__liste li{display:grid;grid-template-columns:minmax(0,1fr) 150px 90px;gap:14px;align-items:center;padding:11px 0;border-bottom:1px dashed #C9D3D2;font-size:16px}
.hk-beleg__liste li b{text-align:right;color:var(--t);font-variant-numeric:tabular-nums}
.hk-beleg__liste .hk-bar{height:8px;background:var(--ti)}
.hk-beleg__summe{display:flex;justify-content:space-between;padding:16px 0 6px;font-size:18px;font-weight:600;color:var(--t)}
/* Text und Quellen */
.hk-text{max-width:860px}
.hk-text h2{margin-top:44px}
.hk-text h2:first-child{margin-top:0}
.hk-quellen h2{font-size:28px}
.hk-quellen__liste{margin:0 0 18px;padding-left:20px;font-size:15px;line-height:1.7;color:var(--l)}
/* Mobil */
@media (max-width:1100px){
	.hk-grid4{grid-template-columns:repeat(2,minmax(0,1fr))}
	.hk-zeit{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:30px}
	.hk-zeit::before{display:none}
	.hk-kompass{grid-template-columns:1fr}
	.hk-seite{position:static;display:grid;grid-template-columns:1fr 1fr}
	.hk-ex,.hk-tueren__raster,.hk-zwei,.hk-erg,.hk-bilanz{grid-template-columns:1fr}
	.hk-atlas-kopf{grid-template-columns:1fr}
}
@media (max-width:760px){
	.hk-sec{padding:64px 0}
	.hk-sec--erst{padding-top:40px}
	.hk-grid2,.hk-grid3{grid-template-columns:1fr}
	.hk-grid4{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
	.hk-grid4 .hk-karte{padding:18px}
	.hk-grid4 .hk-klein{display:none}
	.hk-zahl{font-size:32px}
	.hk-einh{font-size:14px;display:block;margin:4px 0 0}
	.hk-delta{font-size:13px;padding:4px 10px}
	.hk-zeit{grid-template-columns:1fr;gap:18px}
	.hk-zeit li{display:grid;grid-template-columns:44px 1fr;column-gap:12px}
	.hk-zeit__punkt{grid-row:span 4;margin:0}
	.hk-seite{grid-template-columns:1fr}
	.hk-these{padding:26px 22px!important}
	.hk-antw .hk-pill{flex:1 1 100%;justify-content:center}
	.hk-gewicht{margin-left:0}
	.hk-balkenliste li{grid-template-columns:1fr 100px}
	.hk-balkenliste li .hk-bar{grid-column:1/-1;grid-row:2}
	.hk-dv{grid-template-columns:1fr 70px}
	.hk-dv__bahn{grid-column:1/-1;grid-row:2}
	.hk-felder li{grid-template-columns:1fr 50px}
	.hk-felder li .hk-bar{grid-column:1/-1;grid-row:2}
	.hk-rang li{grid-template-columns:28px 1fr 60px}
	.hk-rang li .hk-bar,.hk-rang li .bs{display:none}
	.hk-beleg{padding:26px 22px}
	.hk-beleg__liste li{grid-template-columns:1fr 80px}
	.hk-beleg__liste li .hk-bar{display:none}
	.hk-saeulen{gap:4px;padding:20px 14px;height:240px}
	.hk-saeule__w{display:none}
	.hk-tab button{padding:8px 14px}
	.hk-erg__ring svg{width:180px;height:180px}
	body.hk-im-kompass .bvh-ma{display:none}
	.hk-nav{margin-top:24px}
	.hk .hk-these__text{font-size:23px;line-height:1.28;hyphens:auto;-webkit-hyphens:auto}
	.hk-these{display:flex;flex-direction:column}
	.hk-these>*{order:5}
	.hk-these>.hk-klein:first-child{order:0}
	.hk-these>.hk-these__text{order:1}
	.hk-these>.hk-these__fakten{order:2}
	.hk-these>.hk-antw{order:3;margin-top:22px}
	.hk-these>.hk-unten{order:6}
	.hk-antw .hk-pill{padding:14px 20px;font-size:16px}
	.hk-fortschritt{margin-bottom:20px}
}
@media (prefers-reduced-motion:reduce){
	.hk *{animation:none!important;transition:none!important}
}
/* Druck: Ergebnis als PDF */
@media print{
	body.hk-druck>*:not(#hk-druckblatt){display:none!important}
	body.hk-druck{background:#fff!important;padding:0!important;margin:0!important}
	#hk-druckblatt{display:block!important;width:100%;max-width:none;padding:0;margin:0;zoom:.88}
	#hk-druckblatt .hk-knoepfe,#hk-druckblatt .hk-nichtdrucken,#hk-druckblatt input[type=range]{display:none!important}
	#hk-druckblatt *{animation:none!important;transition:none!important;opacity:1!important;visibility:visible!important}
	#hk-druckblatt .hk-karte,#hk-druckblatt .hk-beleg{box-shadow:none!important;border:1px solid #DDE3E3;break-inside:avoid}
	#hk-druckblatt .hk-sec--nacht,#hk-druckblatt .hk-nacht{background:#fff!important;color:#07262D!important}
	#hk-druckblatt .hk-sec--nacht *{color:#07262D!important}
	#hk-druckblatt .hk-sec--nacht .hk-karte{background:#F3F7F6!important;border-color:#DDE3E3!important}
	#hk-druckblatt .hk-druckkopf{display:flex!important}
	#hk-druckblatt h2{break-after:avoid}
	#hk-druckblatt .hk-erg{grid-template-columns:.8fr 1.2fr!important;gap:20px}
	#hk-druckblatt .hk-bilanz{grid-template-columns:1.2fr .8fr!important;gap:20px}
	#hk-druckblatt .hk-grid3{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px}
	#hk-druckblatt .hk-erg__ring svg{width:170px;height:170px}
	#hk-druckblatt .hk-rang li{grid-template-columns:28px 1fr 120px 60px 70px!important}
	#hk-druckblatt .hk-rang li .hk-bar,#hk-druckblatt .hk-rang li .bs{display:block!important}
	#hk-druckblatt .hk-bilanz-box{break-before:page;margin:0!important;padding:0!important}
	#hk-druckblatt .hk-wf text{fill:#07262D!important}
	#hk-druckblatt .hk-wf rect[fill="#FFFFFF"]{fill:#002325!important}
	#hk-druckblatt .hk-wf rect[fill="#DCEBE9"]{fill:#B9CFCB!important}
	#hk-druckblatt .hk-wf line{stroke:#9DB5B2!important}
	#hk-druckblatt .hk-luecken span{background:#F3F7F6!important;border:1px solid #DDE3E3}
	#hk-druckblatt .hk-weg-kopf b{white-space:nowrap}
	#hk-druckblatt .hk-karte{padding:18px!important}
	@page{margin:14mm 14mm 16mm}
}
#hk-druckblatt{display:none}
.hk-druckkopf{display:none;justify-content:space-between;align-items:center;border-bottom:2px solid #002325;padding-bottom:12px;margin-bottom:20px;font-size:14px;color:#4C5D5E}
.hk-druckkopf b{font-size:20px;color:#07262D}