@font-face{font-family:Archivo;src:url(../assets/fonts/archivo-latin-wdth-normal.woff2)format("woff2-variations");font-weight:100 900;font-stretch:62% 125%;font-display:swap}:root{--bg:#fbfaf7;--sand:#f3efe6;--weiss:#fff;--text:#15233a;--text-2:#56637a;--linie:#e4dfd4;--linie-2:#d3ccbd;--blau:#17407e;--blau-dunkel:#0f2f5f;--blau-hell:#e8eef8;--gruen:#1e6b3f;--gruen-hell:#e5f3ea;--rot:#c8323b;--f-text:"Archivo", system-ui, -apple-system, "Segoe UI", sans-serif;--wrap:1160px;--pad:24px;--r:12px;--schatten:0 1px 2px #15233a0d, 0 12px 32px -18px #15233a40}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:84px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--bg);color:var(--text);font:400 1.0625rem/1.6 var(--f-text);-webkit-font-smoothing:antialiased;margin:0;font-stretch:100%;overflow-x:hidden}img,svg{max-width:100%}a{color:inherit}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}.wrap{max-width:var(--wrap);padding-inline:var(--pad);margin-inline:auto}:focus-visible{outline:3px solid var(--blau);outline-offset:3px}.skip{z-index:100;background:var(--blau);color:#fff;border-radius:8px;padding:.6rem 1rem;font-weight:700;position:absolute;top:8px;left:-999px}.skip:focus{left:16px}.ic{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:22px;height:22px}.ph{outline-offset:2px;background:#ffd64047;border-radius:3px;outline:1.5px dashed}.kopfleiste{z-index:50;-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--linie);background:#fbfaf7eb;position:sticky;top:0}.kopfleiste-innen{align-items:center;gap:28px;min-height:70px;display:flex}.logo{color:var(--text);align-items:center;gap:10px;text-decoration:none;display:inline-flex}.logo-zeichen{background:var(--blau);color:#fff;border-radius:8px;place-items:center;width:34px;height:34px;font-size:1.1rem;font-weight:800;display:grid}.logo-wort{letter-spacing:-.01em;font-size:1.2rem;font-weight:700;font-stretch:108%}.nav{gap:26px;margin-left:auto;display:flex}.nav a{color:var(--text-2);font-size:.97rem;font-weight:500;text-decoration:none}.nav a:hover{color:var(--blau)}.btn{font:600 1rem/1.2 var(--f-text);text-align:center;cursor:pointer;border:1.5px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:.5em;padding:.85em 1.35em;text-decoration:none;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.btn-primaer{background:var(--blau);color:#fff}.btn-primaer:hover{background:var(--blau-dunkel)}.btn-zweit{background:var(--weiss);border-color:var(--linie-2);color:var(--text)}.btn-zweit:hover{border-color:var(--blau);color:var(--blau)}.btn-klein{padding:.6em 1em;font-size:.93rem}.abschnitt{padding:clamp(3.5rem,8vw,6rem) 0}.abschnitt-sand{background:var(--sand)}.kopf{max-width:44rem;margin-bottom:clamp(2rem,4vw,3rem)}.dach{letter-spacing:.09em;text-transform:uppercase;color:var(--blau);align-items:center;gap:.55rem;margin:0 0 .8rem;font-size:.8rem;font-weight:600;display:flex}h2{letter-spacing:-.02em;margin:0 0 .6rem;font-size:clamp(1.8rem,3.4vw,2.6rem);font-weight:700;font-stretch:104%;line-height:1.12}.unterzeile{margin:0;font-size:1.12rem}.lead,.unterzeile{color:var(--text-2)}.lead{max-width:36ch;margin:0 0 1.8rem;font-size:clamp(1.08rem,1.5vw,1.2rem);line-height:1.6}.hero{padding:clamp(3rem,7vw,5.5rem) 0 clamp(3.5rem,7vw,5.5rem)}.hero-raster{-moz-column-gap:clamp(2.5rem,5vw,4.5rem);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-template-areas:"text demo""drei demo";align-items:center;column-gap:clamp(2.5rem,5vw,4.5rem);display:grid}.hero-text{grid-area:text;align-self:end}.demo{grid-area:demo}.dreiklang{grid-area:drei;align-self:start}.hero h1{letter-spacing:-.025em;margin:0 0 .7rem;font-size:clamp(2.2rem,4.4vw,3.5rem);font-weight:700;font-stretch:104%;line-height:1.08}.claim{color:var(--blau);margin:0 0 1.1rem;font-size:clamp(1.25rem,2vw,1.55rem);font-weight:600;line-height:1.3}.hero-aktionen{flex-wrap:wrap;gap:12px;display:flex}.dreiklang{border-top:1px solid var(--linie);color:var(--text-2);grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:2rem 0 0;padding:1.4rem 0 0;font-size:.93rem;list-style:none;display:grid}.dreiklang strong{color:var(--text);margin-bottom:.1rem;font-size:1rem;display:block}.preis li{padding-left:1.5rem;position:relative}.preis li:before{content:"";border:solid var(--blau);border-width:0 2px 2px 0;width:.45em;height:.8em;position:absolute;top:.32em;left:.15rem;rotate:40deg}.demo{--pos:55;margin:0}.browser{background:var(--weiss);border:1px solid var(--linie-2);border-radius:var(--r);position:relative;overflow:hidden;box-shadow:0 2px 6px #15233a0f,0 34px 70px -34px #15233a66}.browser-leiste{border-bottom:1px solid var(--linie);background:#f4f2ed;align-items:center;gap:6px;padding:9px 12px;display:flex}.browser-leiste i{background:#dcd6c9;border-radius:50%;width:10px;height:10px}.browser-leiste .url{background:var(--weiss);border:1px solid var(--linie);color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;border-radius:99px;flex:1;margin-left:10px;padding:3px 12px;font-size:.74rem;overflow:hidden}.buehne{aspect-ratio:16/10.2;touch-action:pan-y;cursor:ew-resize;-webkit-user-select:none;user-select:none;position:relative;container-type:inline-size}.ansicht{position:absolute;inset:0;overflow:hidden}.ansicht.vorher{clip-path:inset(0 calc(100% - var(--pos)*1%) 0 0)}.griff{top:0;bottom:0;left:calc(var(--pos)*1%);border-left:2px solid var(--blau);pointer-events:none;width:0}.griff,.knopf{position:absolute}.knopf{background:var(--blau);border-radius:50%;place-items:center;width:40px;height:40px;display:grid;top:50%;left:-1px;translate:-50% -50%;box-shadow:0 4px 14px #0f2f5f59}.knopf svg{fill:none;stroke:#fff;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.ebene-label{font:600 clamp(9px,1.5cqw,12px)/1.3 var(--f-text);letter-spacing:.05em;text-transform:uppercase;border-radius:99px;padding:3px 9px;position:absolute;bottom:10px}.nachher .ebene-label{color:var(--blau-dunkel);background:#ffffffeb;right:10px}.vorher .ebene-label{color:#7a1f1f;background:#ffffffe6;top:10px;bottom:auto;left:10px}.regler-zeile{margin-top:12px}.regler-zeile input{appearance:none;cursor:ew-resize;background:0 0;width:100%;height:26px;margin:0;display:block}.regler-zeile input::-webkit-slider-runnable-track{background:var(--linie-2);border-radius:3px;height:3px}.regler-zeile input::-moz-range-track{background:var(--linie-2);border-radius:3px;height:3px}.regler-zeile input::-webkit-slider-thumb{-webkit-appearance:none;background:var(--blau);border:0;border-radius:50%;width:18px;height:18px;margin-top:-7.5px}.regler-zeile input::-moz-range-thumb{background:var(--blau);border:0;border-radius:50%;width:18px;height:18px}.demo figcaption{color:var(--text-2);margin-top:.3rem;font-size:.88rem}.ansicht img{-o-object-fit:cover;object-fit:cover;-o-object-position:center top;object-position:center top;pointer-events:none;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.schritte{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(1rem,2vw,1.5rem);margin:0;padding:0;list-style:none;display:grid}.schritte li{background:var(--weiss);border:1px solid var(--linie);border-radius:var(--r);grid-template-columns:auto 1fr;align-content:start;align-items:center;gap:0 .8rem;padding:1.5rem;display:grid}.schritte h3,.schritte p{grid-column:1/-1}.nr{background:var(--blau-hell);width:2.3rem;height:2.3rem;color:var(--blau);border-radius:50%;place-items:center;font-weight:700;display:grid}.etikett{background:var(--gruen-hell);color:var(--gruen);letter-spacing:.04em;text-transform:uppercase;border-radius:99px;justify-self:end;padding:.2em .65em;font-size:.74rem;font-weight:600}.etikett-blau{background:var(--blau-hell);color:var(--blau)}.schritte h3{margin:1.1rem 0 .35rem;font-size:1.2rem;font-weight:700}.schritte p{color:var(--text-2);margin:0;font-size:1rem}.vorher-nachher{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,2vw,1.4rem);margin:0;padding:0;list-style:none;display:grid}.vorher-nachher li{background:var(--weiss);border:1px solid var(--linie);border-radius:var(--r);padding:1.3rem 1.4rem}.vorher-nachher p{margin:0;padding-left:1.7rem;position:relative}.heute{color:var(--text-2);font-size:.97rem}.heute:before{content:"";border:2px solid var(--linie-2);border-radius:50%;width:.55rem;height:.55rem;position:absolute;top:.5em;left:.3rem}.dann{border-top:1px dashed var(--linie-2);font-weight:600;margin-top:.6rem!important;padding-top:.6rem!important}.dann:before{content:"";border:solid var(--blau);border-width:0 2px 2px 0;width:.45em;height:.8em;position:absolute;top:.8rem;left:.3rem;rotate:40deg}.preise{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:clamp(1rem,2vw,1.5rem);display:grid}.preis{background:var(--weiss);border:1px solid var(--linie);border-radius:14px;padding:1.8rem;position:relative}.preis h3{color:var(--text-2);margin:0;font-size:1.05rem;font-weight:600}.betrag{letter-spacing:-.02em;margin:.5rem 0 0;font-size:2.3rem;font-weight:700;font-stretch:104%;line-height:1.15}.einheit{color:var(--text-2);margin:0 0 1.2rem;font-size:.95rem}.preis ul{border-top:1px solid var(--linie);gap:.45rem;margin:0;padding:1.2rem 0 0;list-style:none;display:grid}.preis-haupt{border:2px solid var(--blau);box-shadow:var(--schatten)}.preis-haupt .btn{width:100%;margin-top:1.5rem}.preis-band{background:var(--blau);color:#fff;letter-spacing:.06em;text-transform:uppercase;border-radius:99px;margin:0;padding:.25em .8em;font-size:.75rem;font-weight:600;position:absolute;top:0;left:1.8rem;translate:0 -50%}.preise-hinweis{background:var(--blau-hell);border-radius:var(--r);max-width:62rem;color:var(--text);align-items:flex-start;gap:.8rem;margin:clamp(1.5rem,3vw,2rem) 0 0;padding:1rem 1.2rem;display:flex}.preise-hinweis .ic{color:var(--blau);margin-top:.1rem}.preise-fuss{color:var(--text-2);margin:1rem 0 0;font-size:.92rem}.vorteile{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.2rem 1.6rem;margin:0;padding:0;list-style:none;display:grid}.vorteile li{padding-left:1.6rem;position:relative}.vorteile li:before{content:"";border:solid var(--blau);border-width:0 2px 2px 0;width:.45em;height:.8em;position:absolute;top:.3rem;left:.25rem;rotate:40deg}.vorteile h3{margin:0 0 .2rem;font-size:1.05rem}.vorteile p{color:var(--text-2);margin:0;font-size:.97rem}.cms-bild{margin:clamp(2rem,4vw,3rem) 0 0}.cms-bild img{width:100%;height:auto;display:block}.cms-bild figcaption{color:var(--text-2);margin-top:.6rem;font-size:.88rem}.foto-angebot{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:center;gap:clamp(1.5rem,4vw,3.5rem);display:grid}.foto-collage{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.foto-collage img{aspect-ratio:3/2;-o-object-fit:cover;object-fit:cover;border-radius:10px;width:100%;height:100%;display:block}.foto-collage .fc-gross{aspect-ratio:16/8;-o-object-position:center 30%;object-position:center 30%;grid-column:1/-1}.foto-text h3{letter-spacing:-.01em;margin:0 0 .6rem;font-size:clamp(1.4rem,2.4vw,1.8rem);line-height:1.2}.foto-text>p:not(.dach){color:var(--text-2);margin:0 0 1.3rem}.partner{border:1px solid var(--linie);border-radius:var(--r);color:inherit;align-items:center;gap:.9rem;margin-bottom:1.3rem;padding:.8rem 1rem;text-decoration:none;transition:border-color .2s;display:flex}.partner:hover{border-color:var(--blau)}.partner .ic{background:var(--blau-hell);width:44px;height:44px;color:var(--blau);border-radius:50%;flex:none;padding:10px}.partner strong{display:block}.partner span span{color:var(--text-2);font-size:.93rem}.foto-preise{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin:0;display:grid}.foto-preise div{background:var(--weiss);border:1px solid var(--linie);border-radius:10px;padding:.9rem 1rem}.foto-preise dt{color:var(--text-2);font-size:.9rem}.foto-preise dd{margin:.15rem 0 0;font-size:1.35rem;font-weight:700}.foto-preise dd.klein{color:var(--text-2);margin:0;font-size:.85rem;font-weight:400}.foto-mehr{color:var(--text-2);margin:.8rem 0 0;font-size:.93rem}.extras{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,2vw,1.4rem);margin:clamp(2.5rem,5vw,3.5rem) 0 0;padding:0;list-style:none;display:grid}.extras li{background:var(--weiss);border:1px solid var(--linie);border-radius:var(--r);flex-direction:column;padding:1.3rem 1.4rem;display:flex}.extras h3{margin:0 0 .35rem;font-size:1.08rem}.extras p{color:var(--text-2);flex:1;margin:0 0 .9rem;font-size:.97rem}.extra-preis{color:var(--blau);align-self:flex-start;font-weight:700}.persoenlich{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:clamp(1.5rem,5vw,4rem);display:grid}.persoenlich .kopf{margin-bottom:0}.punkte{gap:.9rem;margin:0;padding:0;list-style:none;display:grid}.punkte li{background:var(--weiss);border:1px solid var(--linie);border-radius:var(--r);padding:1.1rem 1.3rem 1.1rem 3.2rem;position:relative}.punkte li:before{content:"";border:solid var(--blau);border-width:0 2px 2px 0;width:.45em;height:.8em;position:absolute;top:1.35rem;left:1.45rem;rotate:40deg}.punkte h3{margin:0 0 .2rem;font-size:1.08rem}.punkte p{color:var(--text-2);margin:0}.fragen{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);align-items:start;gap:clamp(1.5rem,5vw,4rem);display:grid}.faq{border-top:1px solid var(--linie)}.faq details{border-bottom:1px solid var(--linie)}.faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;padding:1.15rem 0;font-size:1.08rem;font-weight:600;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";background:var(--blau-hell);width:1.8rem;height:1.8rem;color:var(--blau);border-radius:50%;flex:none;place-items:center;font-size:1.2rem;font-weight:500;transition:rotate .2s;display:grid}.faq details[open] summary:after{rotate:45deg}.faq details p{max-width:60ch;color:var(--text-2);margin:0 0 1.2rem}.abschnitt-blau{background:var(--blau-dunkel);color:#fff}.abschnitt-blau .dach{color:#a9c4f2}.abschnitt-blau .lead{color:#cdd9ec}.abschnitt-blau .ph{background:#ffd6402e}.kontakt{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:clamp(2rem,5vw,4.5rem);display:grid}.kontakt h2{max-width:20ch}.kontakt-weg{color:#fff;overflow-wrap:anywhere;align-items:center;gap:.75rem;width:fit-content;max-width:100%;margin-top:.9rem;font-size:1.2rem;font-weight:600;text-decoration:none;display:flex}.kontakt-weg:hover{text-underline-offset:4px;text-decoration:underline}.kontakt-weg .ic{background:#ffffff1a;border-radius:50%;width:40px;height:40px;padding:9px}.formular{background:var(--weiss);color:var(--text);border-radius:14px;padding:clamp(1.4rem,3.5vw,2.2rem);box-shadow:0 30px 60px -30px #00000080}.feld-paar,.formular{gap:1.1rem;display:grid}.feld-paar{grid-template-columns:repeat(2,minmax(0,1fr))}.feld{gap:.35rem;min-width:0;display:grid}.feld>label,.wahl legend{font-size:.9rem;font-weight:600}.feld em{color:var(--text-2);font-style:normal;font-weight:400}.feld input,.feld textarea{width:100%;font:400 1rem/1.4 var(--f-text);color:var(--text);background:var(--weiss);border:1.5px solid var(--linie-2);border-radius:8px;padding:.7rem .8rem}.feld textarea{resize:vertical}.feld input::placeholder{color:#a39b8a}.feld input:focus,.feld textarea:focus{border-color:var(--blau);outline:none;box-shadow:0 0 0 3px #17407e26}.wahl{border:0;flex-wrap:wrap;gap:.5rem;margin:0;padding:0;display:flex}.wahl legend{margin-bottom:.45rem;padding:0}.wahl label{position:relative}.wahl input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.wahl span{border:1.5px solid var(--linie-2);border-radius:8px;padding:.5rem .85rem;font-size:.95rem;display:inline-block}.wahl input:checked+span{background:var(--blau);border-color:var(--blau);color:#fff}.wahl input:focus-visible+span{outline:3px solid var(--blau);outline-offset:2px}.zustimmung{color:var(--text-2);align-items:flex-start;gap:.6rem;font-size:.88rem;display:flex}.zustimmung input{width:1.05rem;height:1.05rem;accent-color:var(--blau);flex:none;margin-top:.2rem}.formular .btn{justify-self:start}.formular-ok{background:var(--gruen-hell);color:var(--gruen)}.formular-fehler,.formular-ok{border-radius:8px;margin:0;padding:.8rem 1rem;font-weight:600}.formular-fehler{color:#8f1d24;background:#fbe9ea}.formular-fehler a{color:inherit}.formular .btn:disabled{opacity:.7;cursor:default}.feld-falle{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.stand{margin-top:2rem;font-size:.9rem}.fuss{border-top:1px solid var(--linie);color:var(--text-2);padding:2.6rem 0;font-size:.93rem}.fuss-innen{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1.1fr) auto;align-items:start;gap:1.5rem 2.5rem;display:grid}.fuss p{margin:0}.fuss-marke p{margin-top:.7rem}.fuss strong{color:var(--text);font-weight:600}.fuss a{overflow-wrap:anywhere}.fuss-links{flex-direction:column;gap:.2rem;display:flex}.aktionsleiste{display:none}.rechtliches{padding:clamp(2.5rem,6vw,4.5rem) 0 clamp(4rem,8vw,6rem)}.blatt{background:var(--weiss);border:1px solid var(--linie);border-radius:14px;max-width:820px;padding:clamp(1.5rem,4vw,3rem)}.rechtliches h1{letter-spacing:-.02em;margin:0 0 1.4rem;font-size:clamp(2rem,4vw,2.6rem);font-weight:700}.rechtliches h2{margin:2rem 0 .5rem;font-size:1.2rem}.rechtliches li,.rechtliches p{max-width:68ch;color:var(--text-2)}@media (width<=980px){.fragen,.hero-raster,.kontakt,.persoenlich{grid-template-columns:minmax(0,1fr)}.hero-raster{grid-template-areas:"text""demo""drei";row-gap:2.5rem}.dreiklang{margin-top:0}.lead{max-width:44ch}.extras,.schritte,.vorher-nachher,.vorteile{grid-template-columns:repeat(2,minmax(0,1fr))}.foto-angebot,.preise{grid-template-columns:minmax(0,1fr)}.preise{max-width:520px}.fuss-innen{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){:root{--pad:16px}html{scroll-padding-top:70px}body{padding-bottom:76px}.kopfleiste .btn,.nav{display:none}.kopfleiste-innen{min-height:60px}.extras,.feld-paar,.schritte,.vorher-nachher,.vorteile{grid-template-columns:minmax(0,1fr)}.aktionsleiste{z-index:60;padding:10px 16px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--linie);background:#fbfaf7f7;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:10px;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px -16px #15233a4d}.aktionsleiste .btn{padding-inline:.6em}}@media (width<=480px){.hero-aktionen .btn{flex:100%}.dreiklang{gap:.7rem}.dreiklang,.fuss-innen{grid-template-columns:minmax(0,1fr)}}