@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(../assets/fonts/inter-400-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, 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:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(../assets/fonts/inter-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url(../assets/fonts/inter-500-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, 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:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url(../assets/fonts/inter-500-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url(../assets/fonts/inter-600-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, 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:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url(../assets/fonts/inter-600-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url(../assets/fonts/inter-700-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, 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:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url(../assets/fonts/inter-700-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:700;font-display:swap;src:url(../assets/fonts/jakarta-700-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, 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:'Plus Jakarta Sans';font-style:normal;font-weight:700;font-display:swap;src:url(../assets/fonts/jakarta-700-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:800;font-display:swap;src:url(../assets/fonts/jakarta-800-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, 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:'Plus Jakarta Sans';font-style:normal;font-weight:800;font-display:swap;src:url(../assets/fonts/jakarta-800-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
:root{--creme:#FAF7F2;--creme-mittel:#F2ECE2;--weiss:#FFFFFF;--navy:#0A2540;--tuerkis:#1B9FB8;--tuerkis-dunkel:#16808F;
--tuerkis-tief:#0F6D7A;--tuerkis-flaeche:#E7F3F6;--text:#463F33;--text-mittel:#5A5448;--text-hell:#8C857A;--rahmen:#ECE5D9;
--rahmen-stark:#E0D6C6;--rahmen-tuerkis:#9AD2DE;--rot:#C0584F;
--schatten:0 1px 2px rgba(60,40,16,.04),0 18px 44px rgba(60,40,16,.08);--schatten-btn:0 8px 22px rgba(27,159,184,.28)}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Inter',system-ui,sans-serif;background:var(--creme);color:var(--text);font-size:17px;line-height:1.7;-webkit-font-smoothing:antialiased}
h1,h2,h3,.wortmarke{font-family:'Plus Jakarta Sans',system-ui,sans-serif;color:var(--navy);letter-spacing:-.02em}
h1{font-weight:800;font-size:clamp(34px,5vw,54px);line-height:1.08}
h1 em,h2 em{font-style:normal;color:var(--tuerkis-tief)}
h2{font-weight:800;font-size:clamp(28px,3.6vw,40px);line-height:1.14;margin-bottom:16px}
h3{font-weight:700;font-size:20px;line-height:1.3;margin-bottom:8px}
a{color:var(--tuerkis-tief)}
.wrap{max-width:1180px;margin:0 auto;padding:0 32px}
.schmal{max-width:780px;margin:0 auto;padding:0 32px}
.eyebrow{font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--tuerkis-tief);margin-bottom:14px}
.vorspann{font-size:19px;color:var(--text-mittel);max-width:640px}
section{padding:92px 0}
section.weiss{background:var(--weiss);border-top:1px solid var(--rahmen);border-bottom:1px solid var(--rahmen)}
.kopf{position:sticky;top:0;z-index:50;background:rgba(250,247,242,.95);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--rahmen)}
.kopf .inner{max-width:1180px;margin:0 auto;padding:0 32px;height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.wortmarke{font-weight:800;font-size:23px;text-decoration:none;white-space:nowrap}
.wortmarke span{color:var(--tuerkis)}
.kopf nav{display:flex;align-items:center;gap:26px}
.kopf nav a{color:var(--text-mittel);text-decoration:none;font-size:15px;font-weight:600}
.kopf nav a:hover{color:var(--tuerkis-tief)}
.kopf nav a.btn,.kopf nav a.btn:hover{color:#fff}
.kopf .hinweis{font-size:14px;color:var(--text-mittel);font-weight:600}
.btn{display:inline-block;background:var(--tuerkis);color:#fff;text-decoration:none;font-weight:600;font-size:16px;padding:15px 27px;border-radius:9px;
box-shadow:var(--schatten-btn);border:none;cursor:pointer;font-family:inherit;transition:background .15s,transform .15s}
.btn:hover{background:var(--tuerkis-dunkel);transform:translateY(-1px)}
.btn.klein{padding:11px 18px;font-size:14.5px;box-shadow:none}
.btn-zweit{display:inline-block;background:var(--weiss);color:var(--navy);text-decoration:none;font-weight:600;font-size:16px;padding:15px 27px;border-radius:9px;
border:1px solid var(--rahmen-stark);cursor:pointer;font-family:inherit}
.btn-zweit:hover{border-color:var(--tuerkis);color:var(--tuerkis-tief)}
.knoepfe{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.karte{background:var(--weiss);border:1px solid var(--rahmen);border-radius:16px;padding:28px;box-shadow:var(--schatten)}
.raster{display:grid;gap:22px}
.r2{grid-template-columns:repeat(2,minmax(0,1fr))}.r3{grid-template-columns:repeat(3,minmax(0,1fr))}.r4{grid-template-columns:repeat(4,minmax(0,1fr))}
.symbol{width:46px;height:46px;border-radius:12px;background:var(--tuerkis-flaeche);display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.symbol svg{width:24px;height:24px;stroke:var(--tuerkis-tief);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.karte p{color:var(--text-mittel);font-size:16px}
.haken{list-style:none}
.haken li{position:relative;padding-left:30px;margin:8px 0}
.haken li::before{content:"";position:absolute;left:0;top:5px;width:19px;height:19px;border-radius:50%;background:var(--tuerkis-flaeche) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230F6D7A' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center/12px no-repeat}
.klein-grau{font-size:13px;color:var(--text-hell)}
.fuss{background:var(--navy);color:#C9D6E3;padding:44px 0;font-size:14.5px}
.fuss .inner{max-width:1180px;margin:0 auto;padding:0 32px;display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;align-items:center}
.fuss a{color:#9FB2C6;text-decoration:none;margin-left:20px}
.fuss a:hover{color:#fff}
.fuss .wortmarke{color:#FAF7F2;font-size:19px}
details{background:var(--weiss);border:1px solid var(--rahmen);border-radius:12px;padding:18px 22px;margin-bottom:12px}
details summary{cursor:pointer;font-weight:700;color:var(--navy);font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-size:17px;list-style:none;display:flex;justify-content:space-between;gap:16px}
details summary::after{content:"+";color:var(--tuerkis-tief);font-size:22px;line-height:1}
details[open] summary::after{content:"−"}
details p{margin-top:10px;color:var(--text-mittel);font-size:16px}
.text h2{font-size:24px;margin:34px 0 10px}.text h3{font-size:18px;margin:22px 0 6px}.text p,.text li{margin-bottom:10px;font-size:16px}
.text ol,.text ul{padding-left:22px}
.text .stand{color:var(--text-hell);font-size:14px;margin-top:30px}
.seitenkopf{padding:70px 0 20px}
/* Formulare */
.feld{margin-bottom:18px}
.feld label,.feld .lbl{display:block;font-weight:600;color:var(--navy);font-size:15px;margin-bottom:7px}
.feld input[type=text],.feld input[type=email],.feld input[type=tel],.feld input[type=url],.feld select,.feld textarea{width:100%;font:inherit;font-size:16px;
padding:13px 14px;border:1px solid var(--rahmen-stark);border-radius:9px;background:#fff;color:var(--text)}
.feld textarea{min-height:96px;resize:vertical}
.feld input:focus,.feld select:focus,.feld textarea:focus{outline:none;border-color:var(--tuerkis);box-shadow:0 0 0 3px rgba(27,159,184,.15)}
.feld .hilfe{font-size:13px;color:var(--text-hell);margin-top:5px}
.kacheln{display:grid;gap:12px}
.kachel{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:18px 10px;border:1.5px solid var(--rahmen-stark);
border-radius:12px;background:#fff;cursor:pointer;font-weight:600;color:var(--navy);font-size:15px;transition:border-color .15s,background .15s;min-height:62px}
.kachel input{position:absolute;opacity:0;pointer-events:none}
.kachel svg{width:30px;height:30px;stroke:var(--text-mittel);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.kachel:hover{border-color:var(--rahmen-tuerkis)}
.kachel.an{border-color:var(--tuerkis);background:var(--tuerkis-flaeche)}
.kachel.an svg{stroke:var(--tuerkis-tief)}
.zustimmung{display:flex;gap:12px;align-items:flex-start;font-size:14px;color:var(--text-mittel);line-height:1.55;margin:16px 0}
.zustimmung input{margin-top:3px;width:18px;height:18px;flex:none;accent-color:var(--tuerkis)}
.fortschritt{height:6px;background:var(--creme-mittel);border-radius:4px;overflow:hidden;margin:6px 0 24px}
.fortschritt div{height:100%;background:var(--tuerkis);border-radius:4px;transition:width .25s}
.schrittzahl{font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--tuerkis-tief)}
.schritt{display:none}.schritt.aktiv{display:block}
.schritt h2{font-size:26px;margin-bottom:6px}
.navzeile{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:24px}
.zurueck{background:none;border:none;color:var(--text-mittel);font:inherit;font-weight:600;cursor:pointer;padding:10px 0}
.zurueck:hover{color:var(--tuerkis-tief)}
.fehler{color:var(--rot);font-size:14px;margin-top:10px;min-height:20px}
.honig{position:absolute;left:-5000px;width:1px;height:1px;overflow:hidden}
.r2k{grid-template-columns:repeat(2,minmax(0,1fr))}.r3k{grid-template-columns:repeat(3,minmax(0,1fr))}.r4k{grid-template-columns:repeat(4,minmax(0,1fr))}
.zwei{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:56px;align-items:center}
@media (max-width:900px){.r3,.r4{grid-template-columns:repeat(2,minmax(0,1fr))}.zwei{grid-template-columns:1fr;gap:32px}}
@media (max-width:760px){.kopf nav a.nav-link{display:none}.r2,.r3,.r4{grid-template-columns:1fr}section{padding:64px 0}
.wrap,.schmal,.kopf .inner,.fuss .inner{padding:0 18px}.karte{padding:22px}.knoepfe a{width:100%;text-align:center}
.fuss a{margin:0 16px 0 0}.btn,.btn-zweit{width:100%;text-align:center}.kopf .btn{width:auto}
.r4k,.r3k{grid-template-columns:repeat(2,minmax(0,1fr))}.navzeile .btn{width:auto}.kopf .hinweis{font-size:12.5px}
.kopf .wortmarke{font-size:18px}}
@media (max-width:560px){.kopf .hinweis,.kopf nav .btn{display:none}}

.held{padding:84px 0 70px}
.held .inner{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.9fr);gap:56px;align-items:center}
.vertrauen{display:flex;gap:26px;flex-wrap:wrap;margin-top:34px;font-size:15px;font-weight:600;color:var(--navy)}
.vertrauen span{display:flex;align-items:center;gap:8px}
.vertrauen span::before{content:"";width:18px;height:18px;border-radius:50%;background:var(--tuerkis-flaeche) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230F6D7A' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center/11px no-repeat}
.beispiel{background:#fff;border:1px solid var(--rahmen);border-radius:18px;padding:26px 28px;box-shadow:var(--schatten)}
.beispiel .kopfzeile{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.marke-klein{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--tuerkis-tief)}
.pille{font-size:12px;font-weight:700;background:var(--tuerkis-flaeche);color:var(--tuerkis-tief);padding:4px 10px;border-radius:99px}
.beispiel h3{font-size:22px;margin-bottom:14px}
.zeilen div{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid #F3EEE5;font-size:15px}
.zeilen div:last-child{border-bottom:none}
.zeilen dt,.zeilen .k{color:var(--text-hell)}
.zeilen .v{color:var(--navy);font-weight:600;text-align:right}
.schritte{counter-reset:s}
.schritte .karte{position:relative;padding-top:58px}
.schritte .karte::before{counter-increment:s;content:counter(s);position:absolute;top:22px;left:28px;width:30px;height:30px;border-radius:50%;background:var(--navy);color:#fff;
font-weight:700;font-size:15px;display:flex;align-items:center;justify-content:center;font-family:'Plus Jakarta Sans',sans-serif}
.mail{background:#fff;border:1px solid var(--rahmen);border-radius:16px;box-shadow:var(--schatten);overflow:hidden}
.mail .mkopf{background:var(--creme-mittel);padding:14px 22px;font-size:14px;color:var(--text-mittel);border-bottom:1px solid var(--rahmen)}
.mail .mkopf b{color:var(--navy)}
.mail .minhalt{padding:20px 22px}
.ehrlich{margin-top:26px;background:var(--tuerkis-flaeche);border:1px solid var(--rahmen-tuerkis);border-radius:14px;padding:22px 26px;color:var(--navy);font-size:16px}
.preis-gross{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:64px;color:var(--navy);line-height:1;letter-spacing:-.03em}
.preis-gross small{font-size:20px;font-weight:700;color:var(--text-mittel);letter-spacing:0}
.preiskarte{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:40px;align-items:center}
.option{border:1.5px solid var(--rahmen-stark);border-radius:14px;padding:20px 22px;margin-bottom:14px;background:#fff}
.option.betont{border-color:var(--tuerkis)}
.option .oben{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:4px}
.option b{font-family:'Plus Jakarta Sans',sans-serif;color:var(--navy);font-size:18px}
.option .betrag{font-weight:700;color:var(--navy);white-space:nowrap}
.option p{font-size:15px;color:var(--text-mittel)}
.rechnung div{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--rahmen);font-size:17px}
.rechnung div b{color:var(--navy)}
.band{background:var(--navy);color:#C9D6E3;text-align:center;padding:84px 0}
.band h2{color:#fff}.band p{font-size:18px;margin-bottom:28px}
@media (max-width:900px){.held .inner,.preiskarte{grid-template-columns:1fr;gap:36px}}
@media (max-width:760px){.held{padding:48px 0 50px}.preis-gross{font-size:52px}}

body.eig{background:#fff}
.oben-band{background:linear-gradient(180deg,rgba(250,247,242,.9) 0%,rgba(250,247,242,.74) 42%,rgba(250,247,242,.5) 100%),
url(../assets/hintergrund-haus.jpg) center 62%/cover no-repeat var(--creme);border-bottom:1px solid var(--rahmen);padding:60px 0 76px}
.oben-band .inner{max-width:760px;margin:0 auto;text-align:center}
.oben-band .vorspann{margin:0 auto}
.oben-band h1{font-size:clamp(32px,4.4vw,48px);margin-bottom:16px}
.oben-band .formkarte{text-align:left;margin-top:32px}
.oben-band .punkte{display:flex;justify-content:center;flex-wrap:wrap;gap:4px 26px;margin-top:20px}
.oben-band .punkte li{margin:0;font-weight:600;color:var(--navy);font-size:15.5px}
.formkarte{background:#fff;border:1px solid var(--rahmen);border-radius:18px;padding:30px 32px;box-shadow:var(--schatten)}
.punkte{margin-top:26px}
.offen{background:var(--creme);border:1px solid var(--rahmen);border-radius:14px;padding:22px 26px;font-size:15.5px;color:var(--text-mittel)}
.offen b{color:var(--navy)}
.schritte3 .karte{box-shadow:none;background:var(--creme)}
.nr{width:34px;height:34px;border-radius:50%;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;margin-bottom:14px;font-family:'Plus Jakarta Sans',sans-serif}
@media (max-width:760px){.oben-band{padding:34px 0 40px;background-position:center,62% 70%}.oben-band .inner{text-align:left}.oben-band .punkte{justify-content:flex-start;flex-direction:column}.formkarte{padding:22px 18px;border-radius:14px}}