:root{--blau: #0756A5;--blau-tief: #062E5C;--tuerkis: #05B7E5;--tuerkis-text: #0A78B0;--tuerkis-hell: #EAF7FC;--gruen: #88D82A;--gruen-hover: #74C11C;--gruen-hell: #F1FAE6;--knopf-schrift: #062E5C;--text: #12304F;--text-leise: #3F5C78;--rand: #D4E6F1;--weiss: #FFFFFF;--radius: 14px;--radius-klein: 10px;--schatten: 0 1px 2px rgba(7, 86, 165, .06), 0 6px 20px rgba(7, 86, 165, .06);--breite: 1160px;--abstand: 80px;--stufe: 32px;--schrift: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:84px}body{font:17px/1.65 var(--schrift);color:var(--text);background:var(--weiss);-webkit-font-smoothing:antialiased}img,svg{display:block;max-width:100%}a{color:var(--tuerkis-text);text-underline-offset:3px}a:hover{color:var(--blau)}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--tuerkis);outline-offset:2px;border-radius:4px}h1,h2,h3{color:var(--blau);line-height:1.18;letter-spacing:-.01em;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}h1{font-size:clamp(32px,4.6vw,50px);font-weight:800}h2{font-size:clamp(26px,3.2vw,36px);font-weight:800;margin-bottom:14px}h3{font-size:20px;font-weight:700;margin-bottom:6px}p+p{margin-top:12px}.breite{max-width:var(--breite);margin:0 auto;padding:0 20px}.abschnitt{padding:var(--abstand) 0}.abschnitt .breite>*+.knopfreihe,.abschnitt .breite>*+.tabelle,.abschnitt .breite>*+.raster-2,.abschnitt .breite>*+.raster-3,.abschnitt .breite>*+.schritte,.abschnitt .breite>*+.funnel,.abschnitt .breite>*+.hakenliste,.abstand-oben{margin-top:var(--stufe)}.zentriert{text-align:center}.zentriert .vorspann{margin-left:auto;margin-right:auto}.zentriert .knopfreihe{justify-content:center}.abschnitt.flaeche{background:var(--tuerkis-hell)}.abschnitt.dunkel{background:var(--blau-tief);color:#e6eef4}.abschnitt.dunkel h2,.abschnitt.dunkel h3{color:var(--weiss)}.vorspann{font-size:19px;color:var(--text-leise);max-width:760px;margin-bottom:var(--stufe)}.vorspann:last-child{margin-bottom:0}.dunkel .vorspann{color:#c8d6e2}.kicker{display:inline-block;font-size:14px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--tuerkis-text);margin-bottom:10px}.dunkel .kicker{color:#8fe0f7}.knopf{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:13px 24px;border-radius:var(--radius-klein);font-size:16px;font-weight:700;text-decoration:none;border:2px solid transparent;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.knopf-voll{background:var(--gruen);color:var(--knopf-schrift)}.knopf-voll:hover{background:var(--gruen-hover);color:var(--knopf-schrift)}.knopf-linie{background:var(--weiss);color:var(--knopf-schrift);border-color:var(--gruen)}.knopf-linie:hover{background:var(--gruen);color:var(--knopf-schrift)}.dunkel .knopf-linie{background:transparent;color:var(--weiss);border-color:var(--gruen)}.dunkel .knopf-linie:hover{background:var(--gruen);color:var(--knopf-schrift)}.knopf[disabled]{opacity:.55;cursor:not-allowed}.knopfreihe{display:flex;flex-wrap:wrap;gap:12px}.kopf{position:sticky;top:0;z-index:20;background:#fffffff5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--rand)}.kopf .breite{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:82px}.kopf-logo img{height:56px;width:auto}.kopf nav ul{display:flex;gap:26px;list-style:none}.kopf nav a{color:var(--blau);font-weight:600;font-size:16px;text-decoration:none}.kopf nav a:hover{color:var(--tuerkis-text)}.kopf .knopf{min-height:44px;padding:10px 18px}.hero{background:linear-gradient(180deg,var(--tuerkis-hell) 0%,var(--weiss) 100%);padding:var(--stufe) 0 var(--abstand)}.ki-bild.hero-banner{margin-bottom:var(--stufe);box-shadow:var(--schatten)}.ki-bild.hero-banner img{aspect-ratio:2000 / 739;object-fit:cover}.text-bild{display:grid;grid-template-columns:1fr 1fr;gap:var(--stufe);align-items:center}.text-bild .ki-bild img{aspect-ratio:1100 / 818}.text-bild.umgekehrt>:first-child{order:2}.hakenliste{list-style:none;display:grid;gap:10px}.hakenliste li{display:flex;gap:10px;align-items:flex-start}.hakenliste li svg{flex:none;margin-top:3px}.leise,.stand{color:var(--text-leise)}.dunkel .leise{color:#c8d6e2}.stand{margin-top:var(--stufe)}.brotkrumen{font-size:14px;color:var(--text-leise);margin-bottom:var(--stufe)}.brotkrumen ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px}.brotkrumen li+li:before{content:"›";margin-right:6px}.ab-preis{display:inline-block;margin-top:12px;font-weight:700;color:var(--blau)}.hero-raster{display:grid;grid-template-columns:1fr}.hero .vorspann{margin:14px 0 var(--stufe);max-width:none}.hero-punkte{list-style:none;display:grid;gap:10px;margin-top:var(--stufe)}.hero-punkte li{display:flex;gap:10px;align-items:flex-start;font-weight:600;color:var(--blau)}.hero-punkte svg{flex:none;margin-top:3px}.ki-bild{position:relative;margin:0;border-radius:var(--radius);overflow:hidden;background:var(--tuerkis-hell)}.ki-bild img{width:100%;height:auto;aspect-ratio:4 / 3;object-fit:cover}.ki-eck{position:absolute;right:8px;bottom:8px;font-size:10px;line-height:1.3;color:var(--blau-tief);background:#ffffffe0;padding:2px 6px;border-radius:4px}.hero .ki-bild{box-shadow:var(--schatten)}.karte .ki-bild{margin:-26px -26px 18px;border-radius:var(--radius) var(--radius) 0 0}.raster-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.raster-2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.raster-4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.karte{background:var(--weiss);border:1px solid var(--rand);border-radius:var(--radius);padding:26px}.karte>svg{margin-bottom:14px}.karte p{color:var(--text-leise)}.karte .mehr{display:inline-block;margin-top:12px;font-weight:700}.karte ul{list-style:none;margin-top:12px;display:grid;gap:8px}.karte li{display:flex;gap:8px;align-items:flex-start;color:var(--text)}.karte li svg{flex:none;margin-top:3px}.problem{border-left:4px solid var(--tuerkis)}.problem blockquote{font-size:18px;font-style:italic;color:var(--blau);margin-bottom:12px}.problem .loesung{color:var(--text)}.problem .loesung strong{color:var(--blau)}.schritte{list-style:none;counter-reset:s;display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.schritte li{counter-increment:s;border-top:4px solid var(--tuerkis);padding-top:16px}.schritte li:before{content:counter(s);display:block;font-weight:800;font-size:30px;color:var(--tuerkis-text);line-height:1;margin-bottom:8px}.tabelle{width:100%;border-collapse:collapse;background:var(--weiss);border-radius:var(--radius);overflow:hidden;border:1px solid var(--rand)}.tabelle th,.tabelle td{text-align:left;padding:14px 16px;border-bottom:1px solid var(--rand);vertical-align:top}.tabelle th{background:var(--tuerkis-hell);color:var(--blau);font-size:15px}.tabelle tr:last-child td{border-bottom:none}.preisliste{margin-bottom:24px}.preisliste th:last-child,.preisliste td:last-child{text-align:right;white-space:nowrap}.fragen details{background:var(--weiss);border:1px solid var(--rand);border-radius:var(--radius-klein);padding:18px 22px;margin-bottom:10px}.fragen summary{cursor:pointer;font-weight:700;color:var(--blau);list-style:none;display:flex;justify-content:space-between;gap:16px}.fragen summary:after{content:"+";font-size:22px;line-height:1;color:var(--tuerkis-text)}.fragen details[open] summary:after{content:"–"}.fragen details p{margin-top:10px;color:var(--text-leise)}.fragen summary h3{font-size:18px;margin:0}.funnel{background:var(--weiss);border:1px solid var(--rand);border-radius:var(--radius);box-shadow:var(--schatten);padding:30px}.funnel fieldset{border:0}.funnel-stapel{display:grid;gap:24px}.funnel .unter-titel{margin-bottom:14px}.funnel .abstand-klein{margin-top:14px}.funnel-kopf{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;flex-wrap:wrap}.fortschritt{height:8px;background:var(--tuerkis-hell);border-radius:99px;overflow:hidden;margin-bottom:24px}.fortschritt span{display:block;height:100%;background:var(--tuerkis);border-radius:99px;transition:width .25s}.wahl{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.wahl button{display:flex;flex-direction:column;align-items:flex-start;gap:8px;text-align:left;padding:16px;border:2px solid var(--rand);border-radius:var(--radius-klein);background:var(--weiss);cursor:pointer;font-weight:700;color:var(--blau);font-size:16px}.wahl button:hover{border-color:var(--tuerkis)}.wahl button[aria-pressed=true]{border-color:var(--gruen);background:var(--gruen-hell)}.wahl small{font-weight:400;color:var(--text-leise);font-size:14px}.wahl.zwei{grid-template-columns:repeat(2,1fr)}.wahl.vier{grid-template-columns:repeat(4,1fr)}.feld{display:grid;gap:6px}.feld label{font-weight:600;font-size:15px;color:var(--blau)}.feld input,.feld select,.feld textarea{width:100%;padding:12px 14px;border:1px solid #A9BFCB;border-radius:8px;background:var(--weiss);font-size:16px}.felder{display:grid;grid-template-columns:1fr 1fr;gap:14px}.felder .voll{grid-column:1 / -1}.upload-wege{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.upload-wege label{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 10px;border:2px dashed #A9C9D3;border-radius:var(--radius-klein);cursor:pointer;text-align:center;font-weight:700;color:var(--blau);font-size:15px;background:var(--weiss)}.upload-wege label:hover{border-color:var(--tuerkis);background:var(--tuerkis-hell)}.upload-wege input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.dateiliste{list-style:none;margin-top:14px;display:grid;gap:6px;font-size:15px}.dateiliste li{display:flex;justify-content:space-between;gap:10px;background:var(--tuerkis-hell);padding:8px 12px;border-radius:8px}.dateiliste button{background:none;border:0;color:var(--tuerkis-text);cursor:pointer;font-weight:700}.funnel-fuss{display:flex;justify-content:space-between;gap:12px;margin-top:24px;flex-wrap:wrap}.hinweis{font-size:15px;color:var(--text-leise)}.fehler{color:#a61b1b;font-weight:600;margin-top:14px}.erfolg{text-align:center;padding:20px 0}.erfolg svg{margin:0 auto 12px}.honig{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.check{display:flex;gap:10px;align-items:flex-start;font-size:15px}.check input{width:20px;height:20px;margin-top:3px;flex:none}.fuss{background:var(--tuerkis-hell);border-top:1px solid var(--rand);color:var(--text-leise);padding:44px 0 24px;font-size:15px}.fuss-logo{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;margin-bottom:32px}.fuss-logo p{font-size:14px;max-width:520px}.fuss-raster{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.fuss-titel{color:var(--blau);font-size:14px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;margin-bottom:10px}.fuss a{color:var(--text-leise);text-decoration:none}.fuss a:hover{color:var(--blau);text-decoration:underline}.fuss ul{list-style:none;display:grid;gap:6px}.fuss-partner{border-top:1px solid var(--rand);margin-top:32px;padding-top:18px;text-align:center;font-size:13px}.fuss-partner ul{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;margin-top:6px}.fuss-unten{border-top:1px solid var(--rand);margin-top:18px;padding-top:16px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;font-size:13px}.ki-hinweis{font-size:12px;color:var(--text-leise);max-width:720px}.recht{max-width:820px}.recht h2{font-size:24px;margin:32px 0 10px}.recht h3{font-size:19px;margin:20px 0 6px}.recht ul{margin:8px 0 8px 22px}.mobil-leiste{display:none}@media(max-width:980px){.hero-raster,.raster-3,.raster-2,.raster-4,.schritte{grid-template-columns:1fr}.fuss-raster{grid-template-columns:repeat(2,1fr)}.kopf nav{display:none}.wahl,.wahl.vier,.upload-wege{grid-template-columns:1fr 1fr}:root{--abstand: 56px;--stufe: 24px}.text-bild{grid-template-columns:1fr}.text-bild.umgekehrt>:first-child{order:0}}@media(max-width:560px){body{font-size:16px}.felder,.wahl,.wahl.zwei{grid-template-columns:1fr}.funnel{padding:20px}.kopf .knopf{display:none}.kopf-logo img{height:46px}.kopf .breite{min-height:68px}.mobil-leiste{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:30;padding:10px 14px;background:var(--weiss);border-top:1px solid var(--rand);box-shadow:0 -4px 14px #0756a514}.mobil-leiste .knopf{flex:1}.fuss{padding-bottom:90px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}