@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/archivo-vietnamese-wght-normal-XAtsl5Q_.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/archivo-latin-ext-wght-normal-C4zznr8T.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/archivo-latin-wght-normal-E0tuGl4L.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--papier:#f4f7f6;--flaeche:#fff;--tinte:#13222b;--petrol-dunkel:#0f2e33;--petrol-2:#174047;--petrol:#0e7c7b;--petrol-hell:#7fc6c0;--marker:#f2c94c;--text-2:#4b5c63;--linie:#d3dddb;--schrift:"Archivo Variable", "Segoe UI", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--papier);color:var(--tinte);font:17px/1.6 var(--schrift);-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums;margin:0}a{color:inherit}:focus-visible{outline:3px solid var(--petrol);outline-offset:3px;border-radius:4px}h1,h2,h3{letter-spacing:-.025em;overflow-wrap:break-word;margin:0;line-height:1.08}p{margin:0}.springen{position:absolute;left:-9999px}.springen:focus{background:var(--flaeche);z-index:10;padding:8px 12px;top:12px;left:16px}.kopf,.fuss,main>section{width:min(1180px,100% - 32px);margin-inline:auto}.kopf{justify-content:space-between;align-items:center;gap:16px;padding:22px 0;display:flex}.logo{letter-spacing:-.02em;align-items:center;gap:10px;font-size:21px;font-weight:680;text-decoration:none;display:inline-flex}.logo.klein{gap:8px;font-size:16px}.kopf nav{align-items:center;gap:26px;font-size:15px;display:flex}.kopf nav a:not(.knopf){color:var(--text-2);text-decoration:none}.kopf nav a:not(.knopf):hover{color:var(--tinte)}.knopf{background:var(--petrol);color:#fff;border:2px solid var(--petrol);border-radius:8px;padding:14px 24px;font-weight:620;text-decoration:none;transition:background .15s;display:inline-block}.knopf:hover{background:#0a6362;border-color:#0a6362}.knopf.klein{padding:8px 14px;font-size:15px}.knopf.zweit{color:var(--tinte);border-color:var(--linie);background:0 0}.knopf.zweit:hover{border-color:var(--tinte)}.knopf.hell{background:var(--marker);border-color:var(--marker);color:var(--petrol-dunkel)}.knopf.hell:hover{background:#e5b92f;border-color:#e5b92f}.held{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:60px;padding:40px 0 72px;display:grid}.held h1{font-size:clamp(40px,5.6vw,72px);font-weight:760}.markiert{background:linear-gradient(transparent 58%, var(--marker) 58%, var(--marker) 92%, transparent 92%);margin-left:-4px;padding:0 4px}.einleitung{color:var(--text-2);max-width:52ch;margin-top:26px;font-size:19px}.aktionen{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.fuer{color:var(--text-2);margin-top:18px;font-size:15px}.blatt{background:var(--flaeche);border:1px solid var(--linie);box-shadow:0 1px 0 var(--linie), 0 24px 48px -28px #0f2e3373;border-radius:12px;margin:0;padding:0 0 16px;overflow:hidden;transform:rotate(.6deg)}.blatt-kopf{background:var(--petrol-dunkel);color:#cfe3e0;justify-content:space-between;padding:12px 22px;font-size:13px;display:flex}.blatt table{border-collapse:collapse;width:100%;margin-top:6px;font-size:15px}.blatt th{text-align:left;color:var(--text-2);border-bottom:2px solid var(--tinte);padding:10px;font-size:12.5px;font-weight:600}.blatt th:first-child,.blatt td:first-child{padding-left:22px}.blatt th:last-child,.blatt td:last-child{padding-right:22px}.blatt td{border-bottom:1px solid var(--linie);vertical-align:top;padding:13px 10px}.blatt td:first-child{color:var(--text-2);white-space:nowrap}.blatt .z{text-align:right;white-space:nowrap}.blatt tr.hervor td{background:#f2f8f7}.blatt figcaption{color:var(--text-2);padding:12px 22px 0;font-size:13.5px}.feld{text-align:right;min-width:4.2em;display:inline-block;position:relative}.leer{animation:.3s forwards leeren;animation-delay:calc(.5s + var(--i) * .45s);border-bottom:1.5px dashed #9fb2b0;position:absolute;inset:auto 0 3px}.feld mark{background:linear-gradient(transparent 14%, var(--marker) 14%, var(--marker) 90%, transparent 90%);color:#0000;animation:.55s cubic-bezier(.3,.7,.2,1) forwards markieren;animation-delay:calc(.55s + var(--i) * .45s);background-repeat:no-repeat;background-size:0% 100%;padding:0 3px}tr td:last-child .leer{animation-delay:calc(.7s + var(--i) * .45s)}tr td:last-child .feld mark{animation-delay:calc(.75s + var(--i) * .45s)}@keyframes leeren{to{opacity:0}}@keyframes markieren{0%{color:#0000;background-size:0% 100%}60%{color:var(--tinte)}to{color:var(--tinte);background-size:100% 100%}}.zeit{background:var(--petrol-dunkel);color:#e6f0ee;border-radius:18px;margin-bottom:40px;padding:56px clamp(24px,5vw,64px)}.zeit h2{color:#fff;max-width:18ch;font-size:clamp(32px,4.4vw,56px);font-weight:760}.zeit-text{color:#c9dcd9;max-width:60ch;margin-top:18px;font-size:18px}.beweis{border-top:1px solid var(--petrol-2);grid-template-columns:repeat(3,minmax(0,1fr));margin:40px 0 0;display:grid}.beweis>div{align-content:start;gap:8px;padding:24px 28px 4px 0;display:grid}.beweis>div+div{border-left:1px solid var(--petrol-2);padding-left:28px}.beweis dt{letter-spacing:-.03em;color:#fff;font-size:clamp(34px,3.8vw,50px);font-weight:760;line-height:1}.beweis>div:last-child dt{color:var(--marker)}.beweis dd{color:#c9dcd9;max-width:30ch;margin:0;font-size:15.5px}.woher{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:56px;padding:88px 0 24px;display:grid}.woher h2{max-width:16ch;font-size:clamp(30px,3.6vw,46px);font-weight:740}.woher-kopf p{color:var(--text-2);max-width:40ch;margin-top:18px}.quellen{margin:0}.quellen>div{border-top:1px solid var(--linie);grid-template-columns:130px minmax(0,1fr);gap:24px;padding:22px 0;display:grid}.quellen>div:last-child{border-bottom:1px solid var(--linie)}.quellen dt{font-size:19px;font-weight:700}.quellen dd{margin:0}.quellen dd p+p{margin-top:12px}.quellen dd p{max-width:60ch}.offenlegung{border-left:4px solid var(--marker);color:var(--text-2);padding:2px 0 2px 16px;font-size:15.5px}.rechenweg{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:64px;padding:96px 0;display:grid}.rechenweg h2,.vergleich h2,.ablauf h2,.wer h2{max-width:18ch;font-size:clamp(30px,3.6vw,46px);font-weight:740}.rechenweg-text p{color:var(--text-2);max-width:50ch;margin-top:20px}.beleg{background:var(--petrol-dunkel);color:#e6f0ee;border-radius:14px;margin:0;padding:26px 30px 28px}.beleg-kopf{color:var(--petrol-hell);border-bottom:1px solid var(--petrol-2);justify-content:space-between;gap:16px;padding-bottom:14px;font-size:14px;display:flex}.beleg-kopf span:first-child{color:var(--marker);font-weight:650}.beleg dl{margin:6px 0 0}.beleg dl>div{border-bottom:1px solid var(--petrol-2);grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:16px;padding:14px 0;display:grid}.beleg dt{font-weight:560}.beleg dt small{color:#9ec3bf;margin-top:2px;font-size:13.5px;font-weight:400;display:block}.beleg dd{white-space:nowrap;margin:0;font-size:18px}.beleg .summe dt{color:#fff}.beleg .summe dd{color:#fff;font-size:20px;font-weight:700}.beleg .summe:last-of-type dd{background:linear-gradient(transparent 12%, var(--marker) 12%, var(--marker) 92%, transparent 92%);color:var(--petrol-dunkel);padding:0 6px}.marge{color:#c9dcd9;margin-top:18px;font-size:15px}.marge strong{color:var(--marker);font-weight:650}.vergleich{border-top:1px solid var(--linie);padding:88px 0}.spalten{border:1px solid var(--linie);background:var(--flaeche);border-radius:14px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;margin-top:40px;display:grid;overflow:hidden}.spalten>div{padding:30px 34px 34px}.spalten h3{margin-bottom:14px;font-size:20px}.spalten ul{margin:0;padding:0;list-style:none}.spalten li{border-top:1px solid var(--linie);padding:11px 0 11px 30px;position:relative}.spalten>div:first-child li{color:var(--text-2)}.spalten>div:first-child li:before{content:"";background:#9fb2b0;width:12px;height:1.5px;position:absolute;top:22px;left:4px}.spalten .mit{border-left:1px solid var(--linie);background:#eef6f5}.spalten .mit li:before{content:"";border-left:2.5px solid var(--petrol);border-bottom:2.5px solid var(--petrol);width:14px;height:8px;position:absolute;top:16px;left:2px;transform:rotate(-45deg)}.vergleich-text{color:var(--text-2);max-width:60ch;margin-top:18px}.preis h2{max-width:16ch;font-size:clamp(30px,3.6vw,46px);font-weight:740}.preis{border-top:1px solid var(--linie);grid-template-columns:minmax(0,1fr) minmax(0,420px);align-items:center;gap:56px;padding:88px 0;display:grid}.preis-text p{color:var(--text-2);max-width:46ch;margin-top:20px;font-size:18px}.vertrag{max-width:560px;margin:28px 0 0}.vertrag>div{border-top:1px solid var(--linie);grid-template-columns:124px minmax(0,1fr);gap:16px;padding:12px 0;display:grid}.vertrag dt{font-weight:680}.vertrag dd{color:var(--text-2);margin:0}.preis-karte{background:var(--flaeche);border:2px solid var(--tinte);box-shadow:10px 10px 0 var(--marker);border-radius:16px;padding:32px 32px 26px}.betrag{align-items:flex-end;gap:14px;display:flex}.betrag strong{letter-spacing:-.04em;font-size:64px;font-weight:780;line-height:.9}.betrag span{color:var(--text-2);padding-bottom:4px;font-size:15px;line-height:1.35}.preis-karte ul{margin:24px 0 26px;padding:0;list-style:none}.preis-karte li{border-top:1px solid var(--linie);padding:9px 0 9px 28px;position:relative}.preis-karte li:before{content:"";border-left:2.5px solid var(--petrol);border-bottom:2.5px solid var(--petrol);width:13px;height:7px;position:absolute;top:15px;left:2px;transform:rotate(-45deg)}.preis-karte .knopf{text-align:center;display:block}.preis-karte .klein{color:var(--text-2);margin-top:12px;font-size:13.5px}.preis-karte .klein a{color:var(--petrol)}.wer{border-top:1px solid var(--linie);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:56px;padding:88px 0;display:grid}.wer-text p{max-width:60ch}.wer-text p+p{color:var(--text-2);margin-top:14px}.wer-text a{color:var(--petrol)}.ablauf{border-top:1px solid var(--linie);padding:88px 0}.ablauf ol{counter-reset:s;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin:44px 0 0;padding:0;list-style:none;display:grid}.ablauf li{counter-increment:s;padding-top:60px;position:relative}.ablauf li:before{content:counter(s);background:var(--petrol-dunkel);width:42px;height:42px;color:var(--marker);border-radius:50%;place-items:center;font-weight:700;display:grid;position:absolute;top:0;left:0}.ablauf li:not(:last-child):after{content:"";background:var(--linie);height:2px;position:absolute;top:21px;left:54px;right:-28px}.ablauf h3{margin-bottom:10px;font-size:21px}.ablauf p{color:var(--text-2);max-width:36ch}.fragen{border-top:1px solid var(--linie);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:56px;padding:88px 0;display:grid}.fragen h2{max-width:16ch;font-size:clamp(30px,3.6vw,46px);font-weight:740}.fragen details{border-bottom:1px solid var(--linie)}.fragen details:first-child{border-top:1px solid var(--linie)}.fragen summary{cursor:pointer;justify-content:space-between;gap:16px;padding:18px 0;font-size:19px;font-weight:650;list-style:none;display:flex}.fragen summary::-webkit-details-marker{display:none}.fragen summary:after{content:"+";color:var(--petrol);flex:none;font-size:24px;line-height:1}.fragen details[open] summary:after{content:"–"}.fragen details p{color:var(--text-2);max-width:62ch;margin:0 0 20px}.abschluss{background:var(--petrol-dunkel);color:#eaf3f1;border-radius:18px;margin-block:24px 72px;padding:64px clamp(24px,6vw,72px)}.abschluss h2{color:#fff;max-width:20ch;font-size:clamp(30px,3.8vw,48px)}.abschluss p{color:#c9dcd9;max-width:56ch;margin:18px 0 30px}.fuss{border-top:1px solid var(--linie);color:var(--text-2);justify-content:space-between;align-items:center;gap:16px;padding:28px 0 40px;font-size:15px;display:flex}.fuss nav a{margin-left:18px}.herkunft{margin:0}.fuss{flex-wrap:wrap}.ratgeber-nav{flex-basis:100%;order:3}.ratgeber-nav ul{flex-wrap:wrap;gap:8px 22px;margin:0;padding:0;list-style:none;display:flex}.ratgeber-nav a,.fuss nav a{color:var(--text-2)}.fuss nav.ratgeber-nav a{margin:0}.fuss>nav[aria-label=Rechtliches]{order:2}.fragen .weiter{color:var(--text-2);grid-column:1/-1;margin:8px 0 0}.ratgeber{width:min(760px,100% - 32px);margin:24px auto 72px}.ratgeber .pfad{color:var(--text-2);margin-bottom:18px;font-size:15px}.ratgeber .pfad a{color:var(--text-2)}.ratgeber h1{letter-spacing:-.02em;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;margin:0 0 24px;font-size:clamp(34px,4.6vw,54px);font-weight:760;line-height:1.08}.ratgeber h2{margin:48px 0 14px;font-size:clamp(24px,2.6vw,30px);font-weight:720}.ratgeber .antwort{border-left:4px solid var(--marker);margin:0;padding-left:20px;font-size:19px;line-height:1.65}.ratgeber p,.ratgeber li,.ratgeber dd{max-width:66ch}.ratgeber a{color:var(--petrol)}.ratgeber .schritte{padding-left:1.3em}.ratgeber .schritte li,.ratgeber ul li{margin-bottom:10px}.ratgeber .begriffe{margin:0}.ratgeber .begriffe>div{border-bottom:1px solid var(--linie);padding:14px 0}.ratgeber .begriffe dt{font-weight:680}.ratgeber .begriffe dd{color:var(--text-2);margin:4px 0 0}.ratgeber-cta{background:var(--petrol-dunkel);color:#eaf3f1;border-radius:16px;margin-top:56px;padding:36px clamp(22px,5vw,44px)}.ratgeber-cta h2{color:#fff;margin-top:0}.ratgeber-cta p{color:#c9dcd9;margin:0 0 24px}.ratgeber .stand{color:var(--text-2);margin-top:28px;font-size:15px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.leer{opacity:0;animation:none}.feld mark{color:var(--tinte);background-size:100% 100%;animation:none}}@media (width<=960px){.held,.rechenweg,.woher,.preis,.wer,.fragen{grid-template-columns:minmax(0,1fr);gap:44px}.wer{gap:24px}.held{padding-top:16px}.blatt{transform:none}.rechenweg{padding:72px 0}.ablauf ol{grid-template-columns:minmax(0,1fr);gap:28px}.ablauf li:not(:last-child):after{display:none}}@media (width<=700px){body{font-size:16px}.kopf nav{gap:14px}.kopf nav a:not(.knopf){display:none}.kopf nav a[href="/app/"]{color:var(--tinte);font-weight:600;display:inline}.kopf .knopf.klein{display:none}.logo{font-size:19px}.logo img{width:30px;height:30px}.beweis{grid-template-columns:minmax(0,1fr)}.zeit{padding:36px 20px}.beweis>div,.beweis>div+div{border-left:0;padding:18px 0}.beweis>div+div{border-top:1px solid var(--petrol-2)}.quellen>div{grid-template-columns:minmax(0,1fr);gap:8px}.vertrag>div{grid-template-columns:minmax(0,1fr);gap:2px}.woher{padding-top:64px}.vergleich,.ablauf,.preis,.wer,.fragen{padding:64px 0}.spalten{grid-template-columns:minmax(0,1fr)}.spalten>div{padding:24px 20px 26px}.spalten .mit{border-left:0;border-top:1px solid var(--linie)}.blatt{overflow-x:auto}.blatt table{font-size:13px}.blatt th:nth-child(3),.blatt td:nth-child(3){display:none}.blatt th,.blatt td{padding:10px 6px}.blatt th:first-child,.blatt td:first-child{padding-left:14px}.blatt th:last-child,.blatt td:last-child{padding-right:14px}.feld{min-width:3.4em}.beleg{padding:22px 18px 24px}.preis-karte{box-shadow:6px 6px 0 var(--marker);padding:26px 20px 22px}.betrag strong{font-size:52px}.beleg-kopf{flex-direction:column;gap:2px}.fuss{flex-direction:column;align-items:flex-start}.fuss nav a{margin:0 18px 0 0}.fuss nav a,.herkunft a{padding:8px 0;display:inline-block}.ratgeber-nav ul{gap:0 22px}}
