@font-face{font-family:Host Grotesk;src:url(/fonts/HostGrotesk-Variable.woff)format("woff");font-weight:300 800;font-style:normal;font-display:swap}:root{--pb-tinte:#141414;--pb-papier:#fff;--pb-grau-1:#f4f4f4;--pb-grau-2:#d8d8d8;--pb-grau-3:#707070;--pb-grau-4:#3c3c3c;--pb-schrift:"Host Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;--pb-normal:400;--pb-medium:500;--pb-titel:32px;--pb-titel-zeile:40px;--pb-zwischentitel:20px;--pb-zwischentitel-zeile:28px;--pb-lauftext:16px;--pb-lauftext-zeile:24px;--pb-bezeichnung:12px;--pb-bezeichnung-zeile:16px;--pb-frage:48px;--pb-frage-zeile:52px;--pb-1:8px;--pb-2:16px;--pb-3:24px;--pb-4:32px;--pb-feld-h:48px;--pb-kurve:cubic-bezier(.65, 0, .35, 1);--pb-dauer:.18s;--panel:360px}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{color:var(--pb-tinte);background:var(--pb-papier);font-family:var(--pb-schrift);font-size:var(--pb-lauftext);line-height:var(--pb-lauftext-zeile);font-weight:var(--pb-normal);margin:0}button,input,select{font:inherit;color:inherit}button{background:var(--pb-papier);cursor:pointer;border:0;padding:0}img{max-width:100%;display:block}p{margin:0}h1,h2{font-weight:var(--pb-medium);letter-spacing:-.015em;margin:0}h2{font-size:var(--pb-zwischentitel);line-height:var(--pb-zwischentitel-zeile)}strong{font-weight:var(--pb-medium);font-variant-numeric:tabular-nums}:focus-visible{outline:2px solid var(--pb-tinte);outline-offset:2px;box-shadow:0 0 0 2px #fff}.app{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.kopf{align-items:center;gap:var(--pb-2);height:56px;padding:0 var(--pb-2);border-bottom:1px solid var(--pb-grau-2);background:var(--pb-papier);z-index:3;flex:none;display:flex}.kopf img{width:96px;height:24px}.schritte{gap:var(--pb-1);flex:1;min-width:0;margin:0;padding:0;list-style:none;display:flex}.schritt{min-width:24px;height:24px;color:var(--pb-grau-3);box-shadow:inset 0 0 0 1px var(--pb-grau-2);font-size:var(--pb-bezeichnung);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:6px;padding:0 8px;display:inline-flex}.schritt.aktiv{background:var(--pb-tinte);color:var(--pb-papier);box-shadow:none}.schritt.fertig{color:var(--pb-tinte);box-shadow:inset 0 0 0 1px var(--pb-tinte)}.schritt:disabled{cursor:not-allowed}.schritt-name{display:none}.schritt.aktiv .schritt-name{display:inline}.koerper{flex-direction:column;flex:1;min-height:0;display:flex;overflow:auto}.buehnen-spalte{display:contents}.buehne{z-index:2;background:var(--pb-papier);border-bottom:1px solid var(--pb-grau-2);height:45svh;min-height:220px;position:sticky;top:0}.leinwand{touch-action:none;width:100%;height:100%;display:block}.buehne-felder{top:var(--pb-1);left:var(--pb-1);z-index:2;align-items:flex-start;gap:var(--pb-1);flex-direction:column;display:flex;position:absolute}.segment{flex-wrap:wrap;gap:0;display:flex}.segment .knopf{margin:0}.zaehlfeld-buehne{display:none}.zaehlfeld{background:var(--pb-tinte);color:var(--pb-papier);min-height:24px;font-size:var(--pb-bezeichnung);letter-spacing:.12em;text-transform:uppercase;font-variant-numeric:tabular-nums;margin:0;padding:4px 8px;line-height:16px}.ansicht-reset{left:var(--pb-1);bottom:var(--pb-1);z-index:2;position:absolute}.nord{right:var(--pb-2);bottom:var(--pb-2);z-index:2;text-align:center;letter-spacing:.12em;width:32px;font-size:12px;position:absolute}.nord svg{display:block}.laden-linie{background:var(--pb-tinte);transform-origin:0;width:100%;height:1px;animation:laden 1.1s var(--pb-kurve) infinite;z-index:3;position:absolute;top:0;left:0}@keyframes laden{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.panel{min-width:0}.panel-scroll{padding:var(--pb-3) var(--pb-2) var(--pb-4);gap:var(--pb-2);flex-direction:column;display:flex}.schalter-reihe{gap:var(--pb-2) var(--pb-3);flex-wrap:wrap;display:flex}.schalter-reihe .schalter{min-height:32px}.panel-fuss{display:none}.unter-buehne{padding:var(--pb-2);gap:var(--pb-2);border-bottom:1px solid var(--pb-grau-2);flex-direction:column;display:flex}.schatten-steuerung{gap:var(--pb-2);flex-direction:column;display:flex}.datum-zeile{font-weight:var(--pb-medium)}.zeit-feld{flex-direction:column;gap:4px;display:flex}.zeit-skala{color:var(--pb-grau-3);justify-content:space-between;font-size:12px;display:flex}.legende{gap:var(--pb-1);flex-direction:column;display:flex}.skala{gap:var(--pb-1);color:var(--pb-grau-3);grid-template-columns:1fr auto auto auto;align-items:center;font-size:12px;display:grid}.skala i{background:linear-gradient(90deg,#00204c,#7c7b78,#ffe945);height:8px;display:block}.frage{font-size:var(--pb-frage);line-height:var(--pb-frage-zeile);font-weight:var(--pb-medium);letter-spacing:-.015em}.bez{color:var(--pb-grau-3);font-size:var(--pb-bezeichnung);line-height:var(--pb-bezeichnung-zeile);letter-spacing:.12em;text-transform:uppercase;display:block}.lead{font-weight:var(--pb-medium)}.neben{color:var(--pb-grau-3)}.hervor{font-weight:var(--pb-medium)}.feld{flex-direction:column;gap:4px;display:flex}.eingabe,select,.knopf{min-height:var(--pb-feld-h);background:var(--pb-papier);box-shadow:inset 0 0 0 1px var(--pb-grau-3);padding:0 var(--pb-2)}.eingabe{width:100%}.eingabe:hover,select:hover{box-shadow:inset 0 0 0 1px var(--pb-grau-4)}.eingabe:focus,select:focus{box-shadow:inset 0 0 0 1px var(--pb-tinte);outline:none}select{appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8'><path d='M1 1 L6 6 L11 1' fill='none' stroke='%23141414' stroke-width='1.4'/></svg>");background-position:right 16px center;background-repeat:no-repeat;padding-right:36px}.knopf{min-width:96px;font-weight:var(--pb-medium)}.knopf:hover{background:var(--pb-grau-1)}.knopf.voll{background:var(--pb-tinte);color:var(--pb-papier);box-shadow:none}.knopf.voll:hover{background:var(--pb-grau-4)}.knopf.klein{min-width:0;min-height:32px;font-size:var(--pb-bezeichnung);letter-spacing:.12em;text-transform:uppercase;padding:0 12px}.knopf:disabled{color:var(--pb-grau-3);background:var(--pb-papier);box-shadow:inset 0 0 0 1px var(--pb-grau-2);cursor:not-allowed}.link{min-height:44px;box-shadow:none;text-underline-offset:.2em;background:0 0;align-self:flex-start;padding:0;text-decoration:underline}.vorschlaege{border:1px solid var(--pb-grau-2);margin:0;padding:0;list-style:none}.vorschlaege button{text-align:left;width:100%;min-height:48px;padding:0 var(--pb-2);box-shadow:none;border-bottom:1px solid var(--pb-grau-2)}.vorschlaege li:last-child button{border-bottom:0}.vorschlaege button:hover{background:var(--pb-grau-1)}.flaechen,.hindernisse{gap:var(--pb-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.flaeche,.schalter{align-items:center;gap:var(--pb-1);flex-wrap:wrap;min-height:48px;display:flex}.flaeche input,.schalter input{appearance:none;width:24px;height:24px;box-shadow:inset 0 0 0 1px var(--pb-tinte);background:var(--pb-papier);flex:none;place-items:center;margin:0;display:grid}.flaeche input:checked,.schalter input:checked{background:var(--pb-tinte)}.flaeche input:checked:after,.schalter input:checked:after{content:"";border-bottom:2px solid #fff;border-left:2px solid #fff;width:12px;height:6px;transform:translateY(-1px)rotate(-45deg)}.eignung{min-height:24px;box-shadow:inset 0 0 0 1px var(--pb-tinte);letter-spacing:.12em;text-transform:uppercase;margin-left:auto;padding:4px 8px;font-size:12px}.raster{gap:var(--pb-2);grid-template-columns:1fr 1fr;display:grid}.hand,.schritt-inhalt{gap:var(--pb-2);flex-direction:column;display:flex}.karte{background:var(--pb-grau-1);margin:0;position:relative}.karte img{width:100%;height:auto}.karte-marke{width:36px;height:36px;box-shadow:inset 0 0 0 1px var(--pb-tinte);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hinweis{background:var(--pb-grau-1);box-shadow:inset 0 0 0 1px var(--pb-grau-2);padding:var(--pb-2)}.fehler,.pruefen{gap:var(--pb-1);flex-direction:column;display:flex}.fehler-feld,.pruefen-feld{background:var(--pb-tinte);color:var(--pb-papier);letter-spacing:.12em;text-transform:uppercase;align-self:flex-start;min-height:24px;padding:4px 8px;font-size:12px}.leer-stand{gap:var(--pb-1);flex-direction:column;display:flex}.zahlen{border-top:1px solid var(--pb-grau-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.zahlen .bez{letter-spacing:.04em;overflow-wrap:anywhere}.zahlen div{border-bottom:1px solid var(--pb-grau-2);min-width:0;padding:8px 8px 8px 0}.preise{gap:var(--pb-2);grid-template-columns:1fr 1fr 1fr;display:grid}.zahlen strong{font-size:var(--pb-zwischentitel);line-height:var(--pb-zwischentitel-zeile);display:block}.monatsbild{grid-template-columns:repeat(12,1fr);align-items:end;gap:4px;height:96px;display:grid}.monat{flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;height:100%;display:flex}.monat span{letter-spacing:.04em;color:var(--pb-grau-3);font-size:10px}.balken-paar{align-items:flex-end;gap:1px;width:100%;height:72px;display:flex}.balken-paar i{background:var(--pb-tinte);flex:1;min-height:1px;display:block}.balken-paar i.bedarf{background:var(--pb-grau-2)}.annahmen{color:var(--pb-grau-3)}.annahmen summary{cursor:pointer;color:var(--pb-tinte);align-items:center;min-height:44px;display:flex}.annahmen p{margin-top:var(--pb-1)}.quellen,.fuss{color:var(--pb-grau-3);font-size:12px;line-height:16px}.fuss{display:none}.leiste{justify-content:space-between;align-items:center;gap:var(--pb-2);height:72px;padding:0 var(--pb-2);border-top:1px solid var(--pb-grau-2);background:var(--pb-papier);flex:none;display:flex}input[type=range]{appearance:none;height:44px;box-shadow:none;background:0 0;padding:0}input[type=range]::-webkit-slider-runnable-track{background:var(--pb-tinte);height:1px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--pb-tinte);width:24px;height:24px;margin-top:-12px}input[type=range]::-moz-range-track{background:var(--pb-tinte);height:1px}input[type=range]::-moz-range-thumb{background:var(--pb-tinte);border:0;border-radius:0;width:24px;height:24px}.druck{display:none}@media (pointer:coarse){.knopf,.eingabe,select,.vorschlaege button,.knopf.klein{min-height:44px}}@media (width>=768px){:root{--panel:360px}.kopf{height:64px;padding:0 var(--pb-4)}.kopf img{width:128px;height:32px}.schritt-name{display:inline}.koerper{grid-template-columns:minmax(0, 1fr) var(--panel);display:grid;overflow:hidden}.buehnen-spalte{flex-direction:column;min-width:0;min-height:0;display:flex}.buehne{border-bottom:0;flex:1;height:auto;min-height:0;position:relative}.unter-buehne{flex:none;max-height:46%;overflow:auto}.panel{border-left:1px solid var(--pb-grau-2);flex-direction:column;min-height:0;display:flex}.panel-scroll{padding:var(--pb-4);flex:1;overflow:auto}.panel-fuss{height:64px;padding:0 var(--pb-4);border-top:1px solid var(--pb-grau-2);justify-content:flex-end;align-items:center;display:flex}.fuss{height:40px;padding:12px var(--pb-4);border-top:1px solid var(--pb-grau-2);display:block}.leiste{display:none}.zaehlfeld-buehne{display:block}.zahlen{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width>=1024px){:root{--panel:400px}}@media (width>=1440px){.kopf,.fuss{padding-left:48px;padding-right:48px}}@media (prefers-reduced-motion:reduce){.laden-linie{animation:none}}@media print{.kopf,.koerper,.leiste,.fuss{display:none!important}.druck{display:block}.app{height:auto;overflow:visible}@page{size:A4;margin:14mm}}