@font-face{font-family:Manrope;src:url(sg-manrope-latin.woff2) format("woff2");font-weight:200 800;font-display:swap}:root{--sand: #F7F4EE;--sand2: #EDE7DB;--linie: #E4DED2;--tinte: #1E2A22;--tinte2: #5E6B61;--gruen: #1F4D3A;--gruen2: #17392B;--orange: #FF580D;--orange2: #E84C08;--auf-orange: #1A0C04;--buehne: #15181B;--buehne2: #1F2428;--buehne-text: #D9D4C8;--buehne-neben: #B9B3A9;--passt: #286B3C;--passt-grund: #E3EEE6;--fehler: #B42318;--fehler-grund: #FDE4E1;--radius: 6px;--radius-karte: 8px;--rand: clamp(20px, 4vw, 48px);--dauer: .18s}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px;-webkit-text-size-adjust:100%}body{margin:0;background:var(--sand);color:var(--tinte);font-family:Manrope,Segoe UI,system-ui,sans-serif;font-size:16px;line-height:1.55;overflow-x:clip}h1,h2,h3,h4{margin:0;font-weight:700;line-height:1.15;letter-spacing:-.01em;text-wrap:balance}h1{font-size:clamp(40px,5.5vw,76px);font-weight:800;line-height:1.02;letter-spacing:-.025em}h2,.h2{font-size:clamp(30px,3.6vw,44px);font-weight:700;line-height:1.12;letter-spacing:-.02em}h3{font-size:22px}p,ul,ol{margin:0}img{display:block;max-width:100%;height:auto}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--gruen);text-underline-offset:3px}a:hover{color:var(--buehne)}:focus-visible{outline:3px solid var(--orange);outline-offset:3px}.dunkel :focus-visible,.band :focus-visible,.fuss :focus-visible{outline-color:#fff}[hidden]{display:none!important}[tabindex="-1"]:focus{outline:none}::selection{background:var(--gruen);color:var(--sand)}.nur-vorleser{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.sprung{position:absolute;left:8px;top:-80px;z-index:60;background:#fff;color:var(--tinte);padding:10px 16px;border-radius:var(--radius);box-shadow:0 2px 12px #0000002e}.sprung:focus{top:8px}.innen{max-width:1320px;margin:0 auto;padding-left:var(--rand);padding-right:var(--rand)}.sek{padding-top:clamp(48px,6vw,72px);padding-bottom:clamp(48px,6vw,72px);display:flex;flex-direction:column;gap:32px}.sek-kopf{display:flex;flex-direction:column;gap:10px;max-width:760px}.sek-kopf-zeile{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px 24px}.sek-kopf-zeile .sek-kopf{max-width:760px}.weiss{background:#fff;border-top:1px solid var(--linie);border-bottom:1px solid var(--linie)}.sand2{background:var(--sand2)}.dunkel{background:var(--buehne);color:var(--sand)}.dunkel a:not(.knopf):not(.knopf2){color:var(--sand)}.gruen{background:var(--gruen);color:var(--sand)}.kicker{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--gruen);font-weight:700}.dunkel .kicker{color:var(--buehne-neben)}.lead{font-size:18px;color:var(--tinte2);max-width:65ch}.dunkel .lead{color:var(--buehne-text)}.text{max-width:68ch}.text p+p,.text ul+p,.text p+ul{margin-top:12px}.klein{font-size:14px;color:var(--tinte2)}.dunkel .klein{color:var(--buehne-neben)}.preis{font-size:18px;font-weight:700}.preis-gross{font-size:22px;font-weight:700}.hinweis{font-size:14px;color:var(--tinte2)}.liste{padding-left:20px;display:flex;flex-direction:column;gap:6px}.liste li::marker{color:var(--gruen)}.knopf,.knopf2{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border-radius:var(--radius);font-weight:700;font-size:16px;line-height:1.2;text-decoration:none;white-space:nowrap;transition:background-color var(--dauer),color var(--dauer),border-color var(--dauer),transform var(--dauer)}.knopf{border:0;background:var(--orange);color:var(--auf-orange)}.knopf:hover{background:var(--orange2);color:var(--auf-orange)}.knopf:active{transform:translateY(1px)}.knopf[disabled],.knopf:disabled{opacity:.55;cursor:default}.knopf-gross{min-height:52px;padding:0 26px}.knopf2{border:1px solid var(--tinte);background:transparent;color:var(--tinte)}.knopf2:hover{background:var(--tinte);color:var(--sand)}.dunkel .knopf2,.band .knopf2{border-color:var(--buehne-text);color:var(--sand)}.dunkel .knopf2:hover,.band .knopf2:hover{background:var(--sand);color:var(--buehne)}.knopf2.im-bundle{background:var(--passt-grund);border-color:var(--passt);color:var(--passt)}.link{border:0;background:transparent;padding:0;color:var(--gruen);text-decoration:underline;font-size:15px;text-align:left}.pfeil-link{display:inline-block;color:var(--tinte);font-weight:700;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:5px;min-height:44px;line-height:44px}.pfeil-link .pfeil{display:inline-block;margin-left:6px;text-decoration:none;transition:transform var(--dauer)}.pfeil-link:hover{color:var(--gruen)}.pfeil-link:hover .pfeil{transform:translate(4px)}.dunkel .pfeil-link{color:var(--sand)}.dunkel .pfeil-link:hover{color:#fff}.aktionen{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center}.karte{display:flex;flex-direction:column;background:#fff;border:1px solid var(--linie);border-radius:var(--radius-karte);overflow:hidden}.karte-link{color:inherit;text-decoration:none;transition:border-color var(--dauer),box-shadow var(--dauer),transform var(--dauer)}.karte-link:hover,.karte-link:focus-visible{color:inherit;border-color:var(--tinte2);box-shadow:0 6px 20px #1e2a2214;transform:translateY(-2px)}.raster{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(240px,100%),1fr));gap:24px}.raster-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.raster-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:24px}.raster-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:24px}.raster-5{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr));gap:16px}.bild-rahmen{position:relative;display:block;overflow:hidden;background:var(--sand2)}.bild-rahmen img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.bildtext{position:absolute;left:12px;bottom:12px;padding:4px 10px;border-radius:4px;background:#15181bb8;color:var(--sand);font-size:12px;letter-spacing:.02em}figcaption,.bildunterschrift{font-size:13px;color:var(--tinte2);padding:8px 0 0}.leiste-oben{background:var(--sand2);color:var(--tinte);font-size:14px;border-bottom:1px solid var(--linie)}.leiste-oben .innen{min-height:36px;display:flex;align-items:center;justify-content:space-between;gap:8px 24px}.leiste-oben a{color:var(--tinte);text-decoration:none;font-weight:700}.leiste-oben a:hover{text-decoration:underline}.kopf{position:sticky;top:0;z-index:40;background:#f7f4eef5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--linie)}.kopf-zeile{min-height:72px;padding-top:8px;padding-bottom:8px;display:flex;align-items:center;gap:28px}.logo{flex:none;display:block;border-radius:4px}.logo img{height:46px;width:auto}.haupt{display:flex;gap:4px;flex:1;align-items:center;min-width:0}.haupt button,.haupt a{min-height:44px;padding:0 12px;border:0;border-radius:var(--radius);background:transparent;color:var(--tinte);font-weight:600;font-size:15px;white-space:nowrap;text-decoration:none;display:inline-flex;align-items:center;gap:6px;transition:background-color var(--dauer),color var(--dauer)}.haupt button:hover,.haupt a:hover{background:var(--sand2);color:var(--tinte)}.haupt button[aria-expanded=true],.haupt [aria-current=page],.haupt .aktiv{color:var(--gruen);box-shadow:inset 0 -2px 0 var(--gruen);border-radius:var(--radius) var(--radius) 0 0}.haupt svg{transition:transform var(--dauer)}.haupt button[aria-expanded=true] svg{transform:rotate(180deg)}.kopf-rechts{display:flex;align-items:center;gap:10px;margin-left:auto;flex:none}.suche{width:190px;min-height:44px;padding:0 14px;border:1px solid var(--linie);border-radius:var(--radius);background:#fff;font-size:15px}.suche:focus{border-color:var(--tinte2)}.kopf .knopf{min-height:44px;padding:0 18px;font-size:15px}.kopf .knopf2{min-height:44px;padding:0 14px;font-size:15px}.burger{display:none;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--tinte);border-radius:var(--radius);background:transparent}.burger[aria-expanded=true]{background:var(--tinte);color:var(--sand)}.schleier{position:absolute;left:0;right:0;top:100%;height:100vh;border:0;background:#15181b73;z-index:1;cursor:default}.mega{position:absolute;left:0;right:0;top:100%;z-index:2;background:#fff;border-bottom:1px solid var(--linie);box-shadow:0 16px 40px #15181b1f}.mega-loesungen{padding-top:24px;padding-bottom:28px;display:grid;grid-template-columns:1fr 1fr;gap:24px}.mega-karte{display:grid;grid-template-columns:160px 1fr;gap:20px;align-items:center;padding:12px;border:1px solid var(--linie);border-radius:var(--radius-karte);color:var(--tinte);text-decoration:none;transition:border-color var(--dauer),background-color var(--dauer)}.mega-karte:hover,.mega-karte:focus-visible{border-color:var(--tinte2);background:var(--sand);color:var(--tinte)}.mega-karte img{width:160px;height:110px;object-fit:cover;border-radius:6px}.mega-karte strong{display:block;font-size:20px;font-weight:700;margin-bottom:4px}.mega-karte span{display:block;color:var(--tinte2);font-size:16px}.mega-karte .pfeil-link{min-height:0;line-height:1.4;margin-top:8px;font-size:15px}.mega-raster{padding-top:24px;padding-bottom:28px;display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:24px}.menu-mobil{display:flex;flex-direction:column;gap:14px;max-height:calc(100vh - 80px);overflow-y:auto;padding:16px var(--rand) 24px;border-top:1px solid var(--linie);background:#fff}.menu-mobil .feld{background:var(--sand)}.menu-gruppe{display:flex;flex-direction:column;gap:4px}.menu-titel{display:flex;align-items:center;min-height:44px;color:var(--tinte);font-weight:700;font-size:17px;text-decoration:none}.menu-gruppe p.menu-titel{min-height:32px;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--tinte2)}.menu-links{display:flex;flex-direction:column}.menu-links a{display:flex;align-items:center;min-height:44px;color:var(--tinte);text-decoration:none;font-weight:600}.menu-chips{display:flex;flex-wrap:wrap;gap:8px}.menu-chips a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border:1px solid var(--linie);border-radius:var(--radius);background:var(--sand);color:var(--tinte);font-size:14px;text-decoration:none}.menu-mobil .knopf{align-self:flex-start}.menu-trenner{border:0;border-top:1px solid var(--linie);margin:4px 0;width:100%}.held{position:relative;background:var(--buehne);color:var(--sand);overflow:hidden}.held-bild{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:72% 50%}.held:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(90deg,#15181bf7,#15181be6 34%,#15181b73 62%,#15181b33)}.held .innen{position:relative;z-index:2;min-height:600px;display:flex;align-items:center;padding-top:72px;padding-bottom:72px}.held-text{max-width:580px;display:flex;flex-direction:column;gap:24px;align-items:flex-start}.held-text .kicker{color:var(--buehne-text)}.held-lead{font-size:20px;color:var(--buehne-text);max-width:46ch}.held-knoepfe{display:flex;flex-wrap:wrap;gap:12px 28px;align-items:center;margin-top:8px}.held-quelle{position:absolute;right:var(--rand);bottom:14px;z-index:2;padding:4px 10px;border-radius:4px;background:#15181b9e;font-size:12px;color:var(--buehne-text)}.leistungen{background:#fff;border-bottom:1px solid var(--linie)}.leistungen .innen{display:flex;justify-content:center;flex-wrap:wrap}.leistungen span{display:inline-flex;align-items:center;min-height:64px;padding:8px 40px;font-weight:600;font-size:16px;border-left:1px solid var(--linie)}.leistungen span:first-child{border-left:0}.seitenkopf{background:var(--sand2);border-bottom:1px solid var(--linie)}.seitenkopf .innen{padding-top:clamp(48px,7vw,88px);padding-bottom:clamp(40px,6vw,72px);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:32px 56px;align-items:center}.seitenkopf.nur-text .innen{grid-template-columns:1fr}.seitenkopf-text{display:flex;flex-direction:column;gap:18px;align-items:flex-start;max-width:680px}.seitenkopf h1{font-size:clamp(36px,4.6vw,62px)}.seitenkopf .lead{font-size:19px}.seitenkopf .aktionen{margin-top:6px}.seitenkopf figure{margin:0}.seitenkopf figure img{width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:var(--radius-karte)}.seitenkopf.dunkel{background:var(--buehne);border-bottom:0}.zwei{display:grid;grid-template-columns:1fr 1fr;gap:24px}.vorhaben-karte{display:flex;flex-direction:column;background:#fff;border:1px solid var(--linie);border-radius:var(--radius-karte);overflow:hidden}.vorhaben-karte .bild-rahmen{aspect-ratio:16 / 10}.vorhaben-text{display:flex;flex-direction:column;gap:8px;padding:22px 24px 20px;flex:1}.vorhaben-text h3{font-size:clamp(24px,2.2vw,28px)}.vorhaben-text p{color:var(--tinte2);font-size:17px}.vorhaben-text .pfeil-link{margin-top:auto;align-self:flex-start}.planung-einstieg{background:#fff;border-top:1px solid var(--linie);border-bottom:1px solid var(--linie)}.planung-einstieg .innen{padding-top:clamp(40px,5vw,56px);padding-bottom:clamp(40px,5vw,56px);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px 48px;align-items:center}.planung-links{display:flex;flex-direction:column;gap:22px;min-width:0}.planung-rechts{display:flex;flex-direction:column;gap:14px;align-items:flex-start;padding-left:48px;border-left:1px solid var(--linie);min-width:0}.planung-rechts .aktionen{gap:12px}.schrittanzeige{list-style:none;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;font-size:15px;font-weight:600;color:var(--tinte2)}.schrittanzeige li{display:inline-flex;align-items:center;gap:8px}.schrittanzeige li+li:before{content:"\2192";margin-right:10px;color:var(--linie);font-weight:400}.schrittanzeige .nr{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--sand2);color:var(--tinte2);font-size:13px;font-weight:700}.schrittanzeige li.aktiv{color:var(--tinte)}.schrittanzeige li.aktiv .nr{background:var(--gruen);color:var(--sand)}.umschalter{display:inline-flex;gap:0;margin:0;padding:0;border:0;min-width:0}.umschalter legend{padding:0}.umschalter label{position:relative}.umschalter input{position:absolute;opacity:0;width:1px;height:1px}.umschalter span{display:inline-flex;align-items:center;justify-content:center;min-height:48px;min-width:112px;padding:0 22px;border:1px solid var(--tinte);color:var(--tinte);font-weight:700;font-size:15px;background:#fff;cursor:pointer;transition:background-color var(--dauer),color var(--dauer)}.umschalter label:first-of-type span{border-radius:var(--radius) 0 0 var(--radius)}.umschalter label:last-of-type span{border-radius:0 var(--radius) var(--radius) 0;border-left:0}.umschalter span:hover{background:var(--sand2)}.umschalter input:checked+span{background:var(--gruen);border-color:var(--gruen);color:var(--sand)}.umschalter input:focus-visible+span{outline:3px solid var(--orange);outline-offset:2px;z-index:1}.drei{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.weg{display:flex;flex-direction:column}.weg .bild-rahmen{aspect-ratio:4 / 3}.weg-text{display:flex;flex-direction:column;gap:6px;padding:20px 22px 22px;flex:1}.weg-text h3{font-size:21px}.weg-text .untertitel{color:var(--tinte2);font-size:16px;font-weight:600}.weg-text .beschreibung{color:var(--tinte2);margin-top:4px}.weg-text .preis-gross{margin-top:10px}.weg-text .pfeil-link{align-self:flex-start}.weg-text .hinweis{margin-top:auto;padding-top:10px;border-top:1px solid var(--linie)}.weg-text .hinweis:first-of-type{margin-top:10px}.mitte{text-align:center}.projekte-raster{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:24px}.projekt{display:flex;flex-direction:column}.projekt .bild-rahmen{aspect-ratio:4 / 3}.projekt-text{display:flex;flex-direction:column;gap:8px;padding:20px 22px 22px;flex:1}.projekt-text h3{font-size:21px}.projekt-text dl{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;margin:6px 0 0;font-size:16px}.projekt-text dt{color:var(--tinte2)}.projekt-text dd{margin:0}.projekt-text .absatz{font-size:16px}.projekt-text .absatz strong{display:block;color:var(--tinte2);font-size:13px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;margin-bottom:2px}.projekt-galerie{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;padding:0 22px 22px}.projekt-galerie img{width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:4px}.hinweis-block{display:flex;flex-direction:column;gap:14px;align-items:flex-start;padding:clamp(24px,4vw,40px);background:var(--sand2);border:1px dashed var(--tinte2);border-radius:var(--radius-karte);max-width:760px}.hinweis-block p{font-size:17px}.hinweis-block .kicker{color:var(--tinte2)}.projekte-leer{max-width:760px}.beispiele-raster{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:20px}.beispiel{margin:0}.beispiel .bild-rahmen{aspect-ratio:4 / 3}.beispiel figcaption{padding:12px 16px 14px;font-size:15px;line-height:1.45;color:var(--tinte2)}.beispiele-raster+.hinweis-block,.beispiele-raster+.projekte-leer,.beispiele-raster+.projekte-raster,.projekte-raster+.beispiele-raster{margin-top:24px}.technik-teile{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.technik-teil{display:flex;flex-direction:column;gap:10px;padding:24px;background:#fff;border:1px solid var(--linie);border-radius:var(--radius-karte)}.technik-teil .nr{font-size:13px;font-weight:700;letter-spacing:.12em;color:var(--gruen)}.technik-teil h3{font-size:20px}.technik-teil p{color:var(--tinte2);font-size:16px}.tech{background:#fff;padding:22px;gap:8px}.tech h3{font-size:20px}.tech p{font-size:16px;color:var(--tinte2)}.beratung-raster{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(400px,100%),1fr));gap:24px;align-items:start}.person{flex-direction:row;flex-wrap:wrap;gap:24px;align-items:center;align-content:space-between;padding:clamp(20px,3vw,32px)}.person img{width:148px;height:148px;object-fit:cover;border-radius:var(--radius-karte);flex:none}.person-text{display:flex;flex-direction:column;gap:8px;flex:1 1 260px}.person-text h3{font-size:24px}.person-text p{color:var(--tinte2)}.person-knoepfe{display:flex;flex-wrap:wrap;gap:10px;flex:1 1 100%}.showroom .bild-rahmen{aspect-ratio:16 / 9}.showroom-text{display:flex;flex-direction:column;gap:6px;padding:22px;flex:1}.showroom-text h3{font-size:22px}.showroom-text p{color:var(--tinte2)}.showroom-text dl{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;margin:6px 0 0;font-size:16px}.showroom-text dt{color:var(--tinte2)}.showroom-text dd{margin:0;font-weight:600}.kontaktwege{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:16px}.kontaktweg{display:flex;flex-direction:column;gap:4px;padding:20px;background:#fff;border:1px solid var(--linie);border-radius:var(--radius-karte);color:var(--tinte);text-decoration:none;transition:border-color var(--dauer)}.kontaktweg:hover,.kontaktweg:focus-visible{border-color:var(--tinte2);color:var(--tinte)}.kontaktweg strong{font-size:18px}.kontaktweg span{color:var(--tinte2);font-size:15px}.videos{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:24px}.video{color:var(--tinte);text-decoration:none;display:flex;flex-direction:column;gap:10px;font-weight:600;font-size:16px;line-height:1.35}.video .bild-rahmen{aspect-ratio:16 / 9;border-radius:var(--radius-karte);overflow:hidden}.video .bild-rahmen:after{content:"";position:absolute;left:50%;top:50%;width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:50%;background:#15181bc7 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23F7F4EE' d='M8 5v14l11-7z'/%3E%3C/svg%3E") center / 26px no-repeat;transition:transform var(--dauer)}.video:hover .bild-rahmen:after{transform:scale(1.08)}.video:hover{color:var(--gruen)}.ablauf{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:24px;counter-reset:schritt}.ablauf li{display:flex;flex-direction:column;gap:8px;padding:22px;background:#fff;border:1px solid var(--linie);border-radius:var(--radius-karte)}.ablauf span{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--gruen);color:var(--sand);font-size:15px;font-weight:700}.ablauf h3{font-size:19px}.ablauf p{color:var(--tinte2);font-size:16px}.dunkel .ablauf li{background:var(--buehne2);border-color:#3a4046}.dunkel .ablauf p{color:var(--buehne-text)}.fragen-liste{display:flex;flex-direction:column;gap:10px;max-width:880px}details{background:#fff;border:1px solid var(--linie);border-radius:var(--radius-karte);padding:0 22px}details[open]{border-color:var(--tinte2)}summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:60px;padding:16px 0;font-weight:700;font-size:17px;cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}summary:after{content:"+";flex:none;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--linie);border-radius:50%;font-weight:400;color:var(--tinte2);transition:transform var(--dauer)}details[open] summary:after{content:"\2013"}details p,details ul{margin:0 0 18px;color:var(--tinte2);max-width:70ch}details ul{padding-left:20px}details p+p{margin-top:-8px}.band{position:relative;background:var(--gruen);color:var(--sand);overflow:hidden}.band-bild{position:absolute;right:0;top:0;height:100%;width:58%;object-fit:cover;object-position:center}.band:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,var(--gruen) 0%,var(--gruen) 42%,rgba(31,77,58,.72) 62%,rgba(31,77,58,.35) 100%)}.band .innen{position:relative;z-index:1;padding-top:clamp(48px,6vw,80px);padding-bottom:clamp(48px,6vw,80px)}.band-text{display:flex;flex-direction:column;gap:10px;align-items:flex-start;max-width:620px}.band-text h2{color:#fff}.band-text p{font-size:18px;color:var(--buehne-text)}.band-text .knopf{margin-top:12px}.fuss{background:var(--buehne);color:var(--buehne-text);font-size:15px}.fuss .innen{padding-top:56px;padding-bottom:32px;display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:32px 28px}.fuss-spalte{display:flex;flex-direction:column;gap:4px;align-items:flex-start}.fuss-spalte h2{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--sand);margin-bottom:8px}.fuss-spalte a{color:var(--buehne-text);text-decoration:none;min-height:44px;display:inline-flex;align-items:center}.fuss-spalte a:hover{color:#fff;text-decoration:underline}.fuss-info p{margin:12px 0 16px;max-width:34ch}.fuss-info .kontaktzeile{display:flex;flex-direction:column;gap:2px}.fuss-logo{height:52px;width:auto}.fuss-unten{border-top:1px solid #3A4046}.fuss-unten .innen{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;padding-top:16px;padding-bottom:16px;font-size:13px;color:var(--buehne-neben)}.handy-leiste{display:none;position:sticky;bottom:0;z-index:30;gap:8px;padding:10px 12px;background:#fff;border-top:1px solid var(--linie)}.handy-leiste a{flex:1;min-height:48px;padding:0 8px;font-size:15px}.handy-leiste .knopf{flex:1.25}.danke{background:var(--passt-grund);color:var(--passt);font-weight:700;text-align:center;padding:12px 16px}.formular{display:flex;flex-direction:column;gap:14px;background:#fff;color:var(--tinte);border:1px solid var(--linie);border-radius:var(--radius-karte);padding:clamp(20px,3vw,32px)}.formular h2,.formular h3{font-size:26px}.formular .klein a{color:var(--gruen)}.felder{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:14px}.label{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:700}.feld{min-height:48px;padding:0 14px;border:1px solid var(--tinte2);border-radius:var(--radius);background:#fff;color:var(--tinte);font-size:16px;font-weight:400;width:100%}.feld:focus{border-color:var(--tinte)}textarea.feld{padding:12px 14px;min-height:120px;resize:vertical}select.feld{-webkit-appearance:none;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%235E6B61' stroke-width='2' d='M6 9l6 6 6-6'/%3E%3C/svg%3E") right 12px center / 18px no-repeat;padding-right:40px}.formular .knopf{align-self:flex-start}.formular-raster{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:40px 56px;align-items:start}.formular-raster .text{display:flex;flex-direction:column;gap:16px}.ansicht-kopf{display:flex;flex-direction:column;gap:6px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border:1px solid var(--gruen);border-radius:var(--radius);background:transparent;color:var(--gruen);font-weight:600;font-size:14px;text-decoration:none;transition:background-color var(--dauer),color var(--dauer)}.chip:hover{background:var(--passt-grund);color:var(--gruen)}.chip[aria-current=true]{background:var(--gruen);color:var(--sand)}.produkt{padding:16px;gap:6px}.produkt-bild{display:block}.produkt-bild img,.ohne-bild{width:100%;max-width:220px;aspect-ratio:1 / 1;margin:0 auto 6px;object-fit:contain}.ohne-bild{background:var(--sand2);border-radius:var(--radius)}.marke{font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--tinte2);font-weight:700}.produkt-titel{font-size:16px;font-weight:600;line-height:1.3;flex:1;letter-spacing:0}.produkt-titel a{color:var(--tinte);text-decoration:none}.produkt-titel a:hover{text-decoration:underline}.produkt .knopf2{margin-top:6px}.linie{background:#fff;padding:20px;gap:8px}.linie h3{font-size:20px}.linie img{width:100%;max-width:240px;aspect-ratio:1 / 1;object-fit:contain;margin:0 auto;background:#fff;border-radius:var(--radius)}.linie-text{flex:1;font-size:16px;color:var(--tinte2)}.tabelle-box{overflow-x:auto;background:#fff;border:1px solid var(--linie);border-radius:var(--radius-karte)}.tabelle{width:100%;min-width:900px;border-collapse:collapse;font-size:15px;text-align:left}.tabelle th,.tabelle td{padding:12px 16px;vertical-align:top}.tabelle thead th{background:var(--sand2);font-weight:700;font-size:14px}.tabelle tbody tr{border-top:1px solid var(--linie)}.tabelle td:nth-child(5){white-space:nowrap}.merkmale-raster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.merkmal{padding:22px 24px 20px;gap:6px}.merkmal h3{font-size:21px}.merkmal h3 a{color:inherit;text-decoration:none}.merkmal h3 a:hover,.merkmal h3 a:focus-visible{text-decoration:underline}.merkmal dl{display:grid;grid-template-columns:minmax(130px,auto) 1fr;gap:8px 16px;margin:10px 0 0;font-size:15px}.merkmal dt{color:var(--tinte2)}.merkmal dd{margin:0}.merkmal dd small{display:block;color:var(--tinte2);font-size:13px;margin-top:2px}.merkmal dd.offen{color:var(--tinte2);font-style:italic}.quelle-link{font-size:13px;white-space:nowrap}.merkmal .quellen{margin-top:10px}.stufe{padding:20px;gap:4px}.stufe h3{font-size:15px;letter-spacing:.06em;text-transform:uppercase;color:var(--gruen)}.stufe p:first-of-type{font-size:21px;line-height:1.3;font-weight:700}.stufe p:last-of-type{font-size:15px;color:var(--tinte2)}.detail{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(380px,100%),1fr));gap:clamp(24px,4vw,56px);align-items:start}.detail-bild{padding:20px;align-items:center}.detail-bild img{width:100%;max-width:480px;aspect-ratio:1 / 1;object-fit:contain}.detail-text{display:flex;flex-direction:column;gap:12px}.detail-text h1{font-size:clamp(28px,3vw,40px);font-weight:700;line-height:1.12;letter-spacing:-.02em}.detail-preis{font-size:28px;font-weight:700}.option{display:flex;flex-direction:column;gap:6px}.option-name{font-size:14px;font-weight:700}.werte{display:flex;flex-wrap:wrap;gap:6px}.wert{min-height:44px;padding:2px 12px;border:1px solid var(--tinte2);border-radius:var(--radius);background:#fff;font-size:14px;line-height:1.25;text-align:left}.wert[aria-pressed=true]{background:var(--gruen);border-color:var(--gruen);color:var(--sand)}.detail-knoepfe{display:flex;flex-wrap:wrap;gap:8px}.warnung{color:var(--fehler);font-weight:700}.bau{padding-top:clamp(32px,4vw,56px);display:flex;flex-direction:column;gap:20px}.schritte{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px}.schritt{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border:1px solid var(--tinte2);border-radius:var(--radius);background:#fff;color:var(--tinte);font-weight:600;font-size:15px;text-decoration:none;white-space:nowrap}.schritt[aria-current=step],.schritt[aria-current=step]:hover{background:var(--gruen);border-color:var(--gruen);color:var(--sand)}.bau-raster{display:flex;flex-wrap:wrap;gap:24px;align-items:flex-start}.bau-haupt{flex:999 1 560px;min-width:0;display:flex;flex-direction:column;gap:24px}.bau-gruppen{display:flex;flex-direction:column;gap:24px}.bau-gruppe{display:flex;flex-direction:column;gap:12px}.bau-gruppe h2{font-size:22px}.bau-suche{max-width:360px}.bau-karte{padding:14px;gap:8px}.bau-karte.gewaehlt{border:2px solid var(--passt)}.bau-kopf{display:flex;gap:12px;align-items:flex-start}.bau-kopf img,.bau-kopf .ohne-bild{width:92px;height:92px;flex:none;object-fit:contain;margin:0}.bau-kopf>div:last-child{flex:1;min-width:0}.bau-kopf h3{font-size:15px;line-height:1.3;font-weight:600}.bau-kopf h3 a{color:var(--tinte);text-decoration:none}.bau-preis{font-size:17px;font-weight:700;margin-top:4px}.bau-karte .option-name{font-size:13px;color:var(--tinte2);font-weight:400}.bau-karte .wert{min-height:44px;padding:2px 10px;font-size:13px}.bau-karte>button:last-child{margin-top:auto}.breit{grid-column:span 2}.upgrade{flex-direction:row;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;padding:16px 18px}.upgrade.aktiv{border:2px solid var(--passt)}.panel{flex:1 1 320px;min-width:0;display:flex;flex-direction:column;gap:10px;padding:20px;border-radius:var(--radius-karte)}.panel h2{font-size:20px}.zeile{display:flex;gap:8px;align-items:flex-start;padding-bottom:8px;border-bottom:1px solid #3A4046}.zeile>div:first-child{flex:1;min-width:0}.zeile>div:last-child{display:flex;flex-direction:column;align-items:flex-end}.zeile-klein{font-size:13px;color:var(--buehne-neben)}.zeile-titel{font-size:15px;line-height:1.3}.zeile-preis{font-weight:700;white-space:nowrap}.entfernen{min-height:44px;padding:0;border:0;background:transparent;color:var(--buehne-neben);text-decoration:underline;font-size:13px}.panel-summe{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-weight:700}.panel-summe span:last-child{font-size:26px}.panel-knoepfe{display:flex;flex-wrap:wrap;gap:6px}.panel-knoepfe .knopf2{flex:1 1 120px;padding:0 10px;font-size:14px;min-height:44px}.panel .knopf,.panel .planer-knopf{width:100%}.planer-ohne summary{cursor:pointer}.planer-ohne .liste{margin-top:6px;gap:4px}.hinweis-planer{display:flex;flex-direction:column;gap:8px;align-items:flex-start;padding:16px 18px;border:2px solid var(--passt);background:var(--passt-grund);margin-bottom:24px}.hinweis-planer p{font-size:15px}.bauleiste{position:sticky;bottom:0;z-index:10;margin-top:24px;border-top:1px solid #3A4046}.bauleiste-fehler{padding:8px var(--rand);background:var(--fehler-grund);color:var(--fehler);font-weight:700;text-align:center}.bauleiste .innen{padding-top:10px;padding-bottom:10px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px}.bauleiste .seite{flex:1 1 100px;display:flex}.bauleiste .seite:last-child{justify-content:flex-end}.bauleiste-summe{display:flex;align-items:baseline;gap:10px}.bauleiste-summe strong{font-size:24px;font-weight:700}#form-platz .formular{border:1px solid var(--linie)}.planung-app-leer{padding:24px;border:1px dashed var(--tinte2);border-radius:var(--radius-karte);color:var(--tinte2);background:#fff}.im-planer main{background:var(--buehne)}.im-planer .handy-leiste{display:none!important}.planung{display:flex;flex-direction:column;gap:24px}.planung-leiste .link{display:inline-flex;align-items:center;gap:8px;font:inherit;color:inherit;text-decoration:none;min-height:44px}.planung-leiste .link:hover{color:var(--gruen)}.planung-leiste li.fertig .nr{background:var(--passt-grund);color:var(--passt)}.planung-titel{font-size:clamp(22px,2.4vw,28px);font-weight:700;line-height:1.2}.planung-schritt{display:flex;flex-direction:column;gap:24px}.wahl-gruppe{border:0;padding:0;margin:0;min-width:0;display:flex;flex-direction:column;gap:12px}.wahl-gruppe legend{font-weight:700;font-size:17px;padding:0;margin-bottom:12px}.wahl-liste{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:12px}.wahl-gruppe.kompakt .wahl-liste{grid-template-columns:repeat(auto-fit,minmax(min(160px,100%),max-content))}.wahl{position:relative;display:flex;align-items:flex-start;gap:12px;min-height:56px;padding:14px 16px;background:#fff;border:1px solid var(--linie);border-radius:var(--radius-karte);cursor:pointer;transition:border-color var(--dauer),background-color var(--dauer)}.wahl:hover{border-color:var(--tinte2)}.wahl input{width:20px;height:20px;margin:2px 0 0;flex:none;accent-color:var(--gruen)}.wahl.gewaehlt{border-color:var(--gruen);background:var(--passt-grund)}.wahl:has(input:focus-visible){outline:3px solid var(--orange);outline-offset:2px}.wahl-text{display:flex;flex-direction:column;gap:4px}.wahl-text strong{font-size:16px}.wahl-text small{font-size:14px;color:var(--tinte2);line-height:1.45}.schalter{display:flex;align-items:flex-start;gap:12px;min-height:44px;cursor:pointer}.schalter input{width:20px;height:20px;margin:2px 0 0;flex:none;accent-color:var(--gruen)}.felder-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 16px}.planung-zeile{max-width:420px}.planung-zeile .label,.felder-3 .label{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:15px}.planung-zeile .klein,.felder-3 .klein{font-weight:400}.planung-nav{display:flex;flex-direction:column;gap:12px;padding-top:16px;border-top:1px solid var(--linie)}.empfehlungen{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr));gap:24px;align-items:start}.empfehlung{padding:22px;gap:14px}.empfehlung-kopf{display:flex;flex-direction:column;gap:8px}.empfehlung-kopf h3{font-size:22px;line-height:1.2}.komponenten{list-style:none;padding:0;display:flex;flex-direction:column;border-top:1px solid var(--linie)}.komp{display:flex;flex-direction:column;gap:4px;padding:10px 0;border-bottom:1px solid var(--linie)}.komp-kopf{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.komp-name{font-size:15px;line-height:1.35}.komp-name small{color:var(--tinte2)}.komp-preis{font-weight:700;white-space:nowrap}.komp.vorhanden .komp-preis{color:var(--passt)}.komp-status{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center}.empfehlung-summe{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-weight:700}.empfehlung-summe strong{font-size:26px}.empfehlung-block h4{font-size:15px;margin-bottom:6px}.empfehlung-block summary{cursor:pointer;font-weight:600;font-size:15px;min-height:44px;display:flex;align-items:center}.empfehlung .quellen a{color:var(--gruen)}.planung-vorlage{max-width:none}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border:1px solid;border-radius:var(--radius);font-size:12px;font-weight:700;line-height:1.4;white-space:nowrap}.badge:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}.badge-bestaetigt{color:var(--passt);background:var(--passt-grund);border-color:var(--passt)}.badge-nicht-passend{color:var(--fehler);background:var(--fehler-grund);border-color:var(--fehler)}.badge-pruefen{color:var(--tinte2);background:var(--sand2);border-color:var(--tinte2)}.dunkel .badge-pruefen{color:var(--buehne-text);background:var(--buehne2);border-color:var(--buehne-neben)}.bau-status{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center}.zeile-status{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:center;margin-top:4px}.zeile.vorhanden .zeile-preis{color:#9bd3ae;font-weight:600}.doppelt{color:#f2c14e}.hinweis-vorhanden{flex-direction:row;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;padding:16px 18px;border:2px solid var(--passt);background:var(--passt-grund);margin-bottom:24px}.kosten{padding:22px;gap:14px;margin-bottom:24px}.kosten h2{font-size:22px}.kosten-liste{display:flex;flex-direction:column;margin:0}.kosten-zeile{display:grid;grid-template-columns:minmax(160px,1fr) 2fr;gap:8px 20px;padding:10px 0;border-top:1px solid var(--linie)}.kosten-zeile dt{font-weight:600;font-size:15px}.kosten-zeile dd{margin:0;font-size:15px}.kosten-zeile dd strong{font-size:22px}@media(min-width:1024px){h2,.h2{font-size:clamp(36px,3.6vw,44px)}.panel{position:sticky;top:92px}}@media(min-width:768px)and (max-width:1023px){:root{--rand: 32px}}@media(max-width:1279px){.kopf .suche-label{display:none}}@media(max-width:1023px){.haupt{display:none}.burger{display:inline-flex}#bundle-knopf{display:none}.kopf-zeile{gap:16px}.held .innen{min-height:520px}.leistungen span{padding:8px 18px;font-size:15px}.drei{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.drei .weg:last-child{grid-column:1 / -1}.drei .weg:last-child .bild-rahmen{aspect-ratio:16 / 7}.technik-teile{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.planung-einstieg .innen{grid-template-columns:1fr}.planung-rechts{padding-left:0;border-left:0;padding-top:24px;border-top:1px solid var(--linie)}.seitenkopf .innen{grid-template-columns:1fr}.seitenkopf figure{max-width:640px}.fuss .innen{grid-template-columns:repeat(3,1fr)}.fuss-info{grid-column:1 / -1}.formular-raster{grid-template-columns:1fr}.mega-karte{grid-template-columns:120px 1fr}.mega-karte img{width:120px;height:90px}}@media(max-width:767px){.handy-leiste{display:flex}.im-bau .handy-leiste{display:none}.nur-gross,.nur-ab-768{display:none!important}.kopf-rechts{gap:8px}.kopf-rechts .knopf{min-height:44px;padding:0 12px;font-size:14px}.logo img{height:40px}.kopf-zeile{min-height:64px}.leiste-oben .innen{justify-content:center;text-align:center}.sek{gap:24px}.held:before{display:none}.held .innen{min-height:0;padding-top:48px;padding-bottom:40px}.held-text{gap:18px}h1{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:anywhere}.held h1{font-size:clamp(40px,10vw,44px)}.held-lead{font-size:18px}.held-bild{position:static;width:100%;height:auto;aspect-ratio:4 / 3;object-position:70% 50%}.held-quelle{position:static;padding:8px var(--rand) 12px;border-radius:0;background:var(--buehne2)}.leistungen .innen{flex-direction:column;padding-top:8px;padding-bottom:8px}.leistungen span{border-left:0;min-height:44px;padding:4px 0;justify-content:center;border-top:1px solid var(--linie)}.leistungen span:first-child{border-top:0}.zwei,.raster-2{grid-template-columns:1fr}.vorhaben-karte .bild-rahmen{aspect-ratio:16 / 10}.drei{grid-template-columns:1fr;gap:16px}.drei .weg:last-child .bild-rahmen{aspect-ratio:4 / 3}.technik-teile,.merkmale-raster{grid-template-columns:1fr;gap:16px}.merkmal{padding:18px 18px 16px}.merkmal dl{grid-template-columns:1fr;gap:2px 0}.merkmal dt{margin-top:10px;font-size:13px;letter-spacing:.06em;text-transform:uppercase}.planung-einstieg .innen{gap:20px}.planung-rechts{align-items:stretch}.planung-rechts .aktionen{flex-direction:column;align-items:stretch}.planung-rechts .knopf{width:100%}.umschalter{display:flex}.umschalter label{flex:1}.umschalter span{width:100%;min-width:0}.schrittanzeige{gap:8px}.schrittanzeige li+li:before{margin-right:6px}.person{flex-direction:column;align-items:flex-start}.person-knoepfe{flex-direction:column}.person-knoepfe .knopf,.person-knoepfe .knopf2,.aktionen .knopf,.aktionen .knopf2,.formular .knopf{width:100%}.felder{grid-template-columns:1fr}.fuss .innen{grid-template-columns:1fr 1fr;gap:28px 20px;padding-top:40px}.band-bild{width:100%;opacity:.35}.band:after{background:linear-gradient(180deg,var(--gruen) 0%,rgba(31,77,58,.9) 100%)}.band-text .knopf{width:100%}.breit{grid-column:span 1}.schritte{flex-wrap:nowrap;overflow-x:auto;margin:0 calc(-1 * var(--rand));padding:0 var(--rand) 4px}.schritte li{flex:none}.bauleiste .innen{display:grid;grid-template-columns:auto 1fr;gap:6px 10px}.bauleiste-summe{grid-column:1 / -1;grid-row:1;justify-content:space-between}.bauleiste .seite{flex:none;min-width:0}.bauleiste .seite:last-child{justify-content:stretch}.bauleiste .seite:last-child .knopf{width:100%;white-space:normal;line-height:1.2}.bauleiste .seite:first-child:empty{display:none}.bauleiste .seite:first-child:empty~.seite{grid-column:1 / -1}.tabelle{min-width:760px}.felder-3{grid-template-columns:1fr}.planung-nav .aktionen{flex-direction:column-reverse;align-items:stretch}.kosten-zeile{grid-template-columns:1fr;gap:4px}.hinweis-vorhanden .knopf2{width:100%}}@media(max-width:479px){.fuss .innen,.mega-karte{grid-template-columns:1fr}}@media(max-width:389px){h1,.held h1{font-size:40px}.seitenkopf h1{font-size:34px}h2,.h2{font-size:28px}.knopf,.knopf2,.haupt a{white-space:normal}.handy-leiste{padding:8px;gap:6px}.handy-leiste a{font-size:14px;padding:0 4px}.leistungen span{font-size:15px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}@media print{.kopf,.leiste-oben,.handy-leiste,.bauleiste,.band,.fuss{display:none}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/sg-style.css.map */