.kompass{--feld:var(--grund-tief);--karte:#fff;--schatten:0 1px 0 #17181c0d;background:var(--feld);border-top:1px solid var(--linie);border-bottom:1px solid var(--linie);min-height:70vh;padding:40px 0 72px}.kompass .k-kopf{justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:12px;display:flex}.kompass .k-marke{font-family:var(--font-zilla), "Zilla Slab", serif;font-size:19px;font-weight:600}.kompass .k-stand{color:var(--tinte-weich);font-variant-numeric:tabular-nums;font-size:14px}.kompass .k-balken{background:var(--linie);height:2px;margin-bottom:34px;overflow:hidden}.kompass .k-balken i{background:var(--rot);transform-origin:0;height:100%;transition:width .4s cubic-bezier(.2,.7,.3,1);display:block}.kompass .k-gitter{grid-template-columns:minmax(0,1fr) 290px;align-items:start;gap:40px;display:grid}.kompass .k-karte{background:var(--karte);border:1px solid var(--linie);box-shadow:var(--schatten);padding:38px 40px 34px}.kompass .k-frage{font-family:var(--font-source), "Source Sans 3", sans-serif;letter-spacing:-.015em;max-width:22ch;font-size:27px;font-weight:600;line-height:1.25}.kompass .k-unterzeile{color:var(--tinte-weich);max-width:52ch;margin-top:10px}.kompass .k-wahl{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:28px;display:grid}.kompass .k-wahl button{font:inherit;text-align:left;background:var(--karte);border:1px solid var(--linie);cursor:pointer;color:inherit;align-items:flex-end;min-height:92px;padding:18px 18px 20px;line-height:1.3;transition:border-color .15s,background .15s;display:flex}.kompass .k-wahl button:hover{border-color:var(--rot);background:#fff}.kompass .k-wahl.k-wahl-zwei{grid-template-columns:repeat(2,1fr)}.kompass .k-gewaehlt{background:var(--rot);color:#fff;align-items:center;gap:10px;margin-top:26px;padding:7px 8px 7px 14px;font-size:14px;display:inline-flex}.kompass .k-gewaehlt button{font:inherit;color:inherit;opacity:.65;cursor:pointer;background:0 0;border:0;padding:2px 6px;font-size:18px;line-height:1}.kompass .k-gewaehlt button:hover{opacity:1}.kompass .k-felder{gap:22px;margin-top:30px;display:grid}.kompass .k-feld label{margin-bottom:6px;font-weight:600;display:block}.kompass .k-feld .k-hinweis{color:var(--tinte-weich);margin-top:2px;font-size:14px;font-weight:400;display:block}.kompass input[type=text],.kompass textarea,.kompass select{font:inherit;background:var(--grund);width:100%;color:var(--tinte);border:1px solid var(--linie);border-radius:0;padding:12px 14px}.kompass textarea{resize:vertical;min-height:88px}.kompass input[type=text]:focus,.kompass textarea:focus,.kompass select:focus{outline:2px solid var(--rot);outline-offset:1px;background:#fff}.kompass .k-fehlt input,.kompass .k-fehlt textarea,.kompass .k-fehlt select{border-color:var(--rot)}.kompass .k-fuss{align-items:center;gap:18px;margin-top:32px;display:flex}.kompass .k-weiter{font:inherit;background:var(--rot);color:#fff;cursor:pointer;border:0;padding:14px 30px;font-weight:600}.kompass .k-weiter:hover{background:var(--rot-tief)}.kompass .k-weiter:disabled{opacity:.45;cursor:default}.kompass .k-zurueck{font:inherit;color:var(--tinte-weich);cursor:pointer;border:0;border-bottom:1px solid var(--linie);background:0 0;padding:6px 2px}.kompass .k-zurueck:hover{color:var(--tinte);border-bottom-color:var(--tinte)}.kompass .k-meldung{border-left:3px solid var(--rot);color:var(--rot-akzent);background:#c8161f14;margin-top:18px;padding:12px 14px}.kompass .k-profil{border:1px solid var(--linie);background:var(--karte);position:sticky;top:92px}.kompass .k-profil h2{font-family:var(--font-source), "Source Sans 3", sans-serif;border-bottom:1px solid var(--linie);letter-spacing:0;padding:14px 18px;font-size:15px;font-weight:600}.kompass .k-profil-leer{color:var(--tinte-weich);padding:18px;font-size:14px}.kompass .k-profil dl{max-height:58vh;padding:6px 18px 18px;overflow-y:auto}.kompass .k-profil dt{color:var(--tinte-weich);margin-top:14px;font-size:12.5px}.kompass .k-profil dd{overflow-wrap:anywhere;font-size:14.5px;line-height:1.4}.kompass .k-profil-schalter{display:none}.kompass .k-warten{text-align:center;padding:80px 40px 90px}.kompass .k-warten h1{font-family:var(--font-source), "Source Sans 3", sans-serif;letter-spacing:-.01em;font-size:25px;font-weight:600}.kompass .k-lauf{background:var(--linie);width:260px;max-width:70%;height:2px;margin:26px auto 30px;overflow:hidden}.kompass .k-lauf i{background:var(--rot);width:40%;height:100%;animation:1.5s ease-in-out infinite k-sweep;display:block}@keyframes k-sweep{0%{transform:translate(-100%)}to{transform:translate(250%)}}.kompass .k-schritte-liste{text-align:left;color:var(--tinte-weich);gap:7px;list-style:none;display:inline-grid}.kompass .k-schritte-liste li{align-items:baseline;gap:10px;display:flex}.kompass .k-schritte-liste li[data-fertig=ja]{color:var(--tinte)}.kompass .k-haken{color:var(--gruen);width:14px}.kompass .k-ergebnis{max-width:780px;margin:0 auto}.kompass .k-ergebnis-kopf{text-align:center;margin-bottom:40px}.kompass .k-ergebnis-kopf h1{font-size:34px}.kompass .k-ergebnis-kopf p{color:var(--tinte-weich);margin-top:10px}.kompass .k-nische{background:var(--karte);border:1px solid var(--linie);grid-template-columns:46px minmax(0,1fr);align-items:baseline;gap:0 8px;margin-bottom:12px;padding:28px 32px;display:grid}.kompass .k-nische b{font-family:var(--font-zilla), "Zilla Slab", serif;color:var(--rot);opacity:.3;font-size:30px;font-weight:600;line-height:1}.kompass .k-nische h2{font-size:22px;line-height:1.2}.kompass .k-nische p{color:var(--tinte-weich);grid-column:2;margin-top:8px}.kompass .k-drin{border:1px solid var(--linie);background:var(--grund);margin-top:36px;padding:26px 32px 30px}.kompass .k-drin h2{font-size:17px;font-family:var(--font-source), "Source Sans 3", sans-serif;font-weight:600}.kompass .k-drin ul{gap:9px;margin-top:14px;list-style:none;display:grid}.kompass .k-drin li{color:var(--tinte-weich);gap:12px;display:flex}.kompass .k-drin li span:first-child{color:var(--rot)}.kompass .k-optin{background:var(--rot);color:#fff;margin-top:12px;padding:34px 32px 30px}.kompass .k-optin h2{color:#fff;font-size:23px}.kompass .k-optin>p{color:#ffd8da;max-width:48ch;margin-top:8px}.kompass .k-optin-zeile{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.kompass .k-optin input[type=email]{font:inherit;color:#fff;background:#00000047;border:1px solid #ffffff59;flex:260px;padding:13px 15px}.kompass .k-optin input[type=email]::placeholder{color:#ffc2c5}.kompass .k-optin input[type=email]:focus{outline-offset:1px;outline:2px solid #fff}.kompass .k-optin button{font:inherit;color:var(--rot-tief);cursor:pointer;background:#fff;border:0;padding:13px 26px;font-weight:600}.kompass .k-optin button:hover{background:#ffe9ea}.kompass .k-optin button:disabled{opacity:.5;cursor:default}.kompass .k-einwilligung{color:#ffd8da;gap:11px;max-width:62ch;margin-top:18px;font-size:14px;line-height:1.5;display:flex}.kompass .k-einwilligung input{accent-color:#fff;flex:none;width:17px;height:17px;margin-top:3px}.kompass .k-einwilligung a{color:#fff;border-bottom:1px solid #ffffff80}.kompass .k-optin .k-meldung{color:#fff;background:#0000004d;border-left-color:#fff}.kompass .k-fertig{background:var(--karte);border:1px solid var(--linie);border-top:3px solid var(--gruen);margin-top:12px;padding:34px 32px}.kompass .k-fertig h2{font-size:23px}.kompass .k-fertig p{color:var(--tinte-weich);max-width:56ch;margin-top:10px}@media (max-width:900px){.kompass .k-gitter{grid-template-columns:minmax(0,1fr);gap:20px}.kompass .k-karte{padding:28px 22px 26px}.kompass .k-frage{max-width:none;font-size:22px}.kompass .k-wahl{grid-template-columns:repeat(2,1fr)}.kompass .k-profil{order:2;position:static}.kompass .k-profil h2{display:none}.kompass .k-profil-schalter{width:100%;font:inherit;text-align:left;color:inherit;cursor:pointer;border:0;border-bottom:1px solid var(--linie);background:0 0;padding:14px 18px;font-weight:600;display:block}.kompass .k-profil dl{max-height:none}.kompass .k-nische{grid-template-columns:34px minmax(0,1fr);padding:22px}.kompass .k-ergebnis-kopf h1{font-size:27px}.kompass .k-optin,.kompass .k-drin,.kompass .k-fertig{padding-left:22px;padding-right:22px}}@media (max-width:560px){.kompass .k-wahl{grid-template-columns:1fr}.kompass .k-wahl button{align-items:center;min-height:0}}@media (prefers-reduced-motion:reduce){.kompass .k-lauf i{opacity:.4;width:100%;animation:none}.kompass .k-balken i{transition:none}}