@font-face{font-family:Outfit;src:url(/assets/fonts/outfit.woff2) format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:Open Sans;src:url(/assets/fonts/opensans.woff2) format("woff2");font-weight:300 800;font-display:swap}:root{--weiss: #FAFAF7;--grau: #EFEDE8;--grau-2: #E2DFD8;--linie: #D6D3CB;--tinte: #1B1B1B;--text: #3F3E3B;--leise: #6E6C66;--gelb: #FBBC15;--gelb-dunkel: #E0A50A;--rot: #911821;--violett: #532361;--gruen: #0B975A;--blau: #03AFCE;--blau-text: #0A7A93;--titel: "Outfit", system-ui, sans-serif;--text-schrift: "Open Sans", system-ui, sans-serif;--ease-rolle: cubic-bezier(.3, 0, .1, 1);--ease-aus: cubic-bezier(.16, 1, .3, 1);--dur-kurz: .16s;--dur-weich: .42s;--dur-wisch: 1.7s;--radius: 10px;--kopf-hoehe: 64px;--rand: clamp(16px, 4vw, 40px);--breite: 1240px;color-scheme:light}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--kopf-hoehe) + 12px)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}body{margin:0;background:var(--weiss);color:var(--text);font:400 1rem/1.6 var(--text-schrift);overflow-x:clip}img,svg,canvas{display:block;max-width:100%}[hidden]{display:none!important}img{height:auto}h1,h2,h3{font-family:var(--titel);color:var(--tinte);line-height:1.08;margin:0;letter-spacing:-.01em;text-wrap:balance}h1{font-size:clamp(1.7rem,1.1rem + 2.4vw,2.9rem);font-weight:800}h2{font-size:clamp(1.6rem,1.1rem + 2vw,2.6rem);font-weight:800}h3{font-size:clamp(1.25rem,1rem + .9vw,1.6rem);font-weight:700}p{margin:0 0 1em}a{color:var(--blau-text);text-decoration-thickness:1px;text-underline-offset:.15em}@media(hover:hover){a:hover{color:var(--tinte)}}:focus-visible{outline:3px solid var(--blau);outline-offset:2px;border-radius:4px}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}.icon{width:1.15em;height:1.15em;flex:none;fill:currentColor}.nur-sr{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.leise{color:var(--leise);font-weight:400}.breite{width:min(100% - 2 * var(--rand),var(--breite));margin-inline:auto}.breite.schmal{max-width:760px}.abschnitt{padding-block:clamp(56px,9vw,120px)}.abschnitt-kopf{max-width:720px;margin-bottom:clamp(28px,4vw,48px)}.abschnitt-kopf h2{margin-bottom:.45em}.abschnitt-kopf p{font-size:1.1rem;margin:0}.sprung{position:absolute;left:12px;top:-60px;background:var(--tinte);color:#fff;padding:10px 14px;border-radius:6px;z-index:100}.sprung:focus{top:12px}.knopf{display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:48px;padding:10px 20px;border-radius:999px;border:2px solid var(--tinte);background:var(--weiss);color:var(--tinte);font:600 1rem/1.2 var(--text-schrift);text-decoration:none;text-align:center;white-space:nowrap;transition:background var(--dur-kurz),color var(--dur-kurz),transform var(--dur-kurz),border-color var(--dur-kurz)}.knopf-haupt{background:var(--gelb);border-color:var(--gelb);color:var(--tinte)}.knopf-leise{border-color:var(--grau-2);background:#fff}.knopf-klein{min-height:40px;padding:6px 16px;font-size:.95rem}@media(hover:hover){.knopf:hover{background:var(--tinte);color:#fff;border-color:var(--tinte)}.knopf-haupt:hover{background:var(--gelb-dunkel);border-color:var(--gelb-dunkel);color:var(--tinte)}.knopf-leise:hover{background:var(--grau);color:var(--tinte);border-color:var(--grau-2)}}.knopf:active{transform:translateY(1px)}.knopf[disabled]{opacity:.55;cursor:default}.text-link,.text-knopf{display:inline-flex;align-items:center;gap:.4em;color:var(--blau-text);font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em;background:none;border:0;padding:6px 2px;min-height:40px}@media(hover:hover){.text-link:hover,.text-knopf:hover{color:var(--tinte)}}.kopf{position:sticky;top:0;z-index:50;background:#fafaf7eb;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:transform var(--dur-weich) var(--ease-aus),box-shadow var(--dur-weich)}.kopf.ist-gescrollt{box-shadow:0 1px 0 var(--linie)}.kopf.ist-weg{transform:translateY(-100%)}.kopf-innen{width:min(100% - 2 * var(--rand),var(--breite));margin-inline:auto;min-height:var(--kopf-hoehe);display:flex;align-items:center;justify-content:space-between;gap:16px}.marke{display:flex;align-items:center;gap:10px;padding:6px 0;color:var(--tinte);text-decoration:none}.marke-logo{width:46px;height:46px}.marke-wort{display:flex;flex-direction:column;line-height:1}.marke-name{font:800 1.4rem/1 var(--titel);letter-spacing:-.02em}.marke-zusatz{font-size:.72rem;font-weight:600;color:var(--leise);margin-top:3px}.hauptnav{display:flex;align-items:center;gap:8px;position:relative}.kopf-tel{display:inline-flex;align-items:center;justify-content:center;min-width:44px;gap:.4em;color:var(--tinte);text-decoration:none;font-weight:600;min-height:44px;padding:4px 10px;border-radius:999px;white-space:nowrap}.kopf-tel span{display:none}.menue-knopf{display:inline-flex;align-items:center;gap:.4em;min-height:44px;padding:6px 12px;border:2px solid var(--tinte);border-radius:999px;background:transparent;font-weight:600}.menue-knopf .menue-zu{display:none}.menue-offen{display:inline-flex;align-items:center;gap:.4em}.menue-knopf[aria-expanded=true] .menue-offen{display:none}.menue-knopf[aria-expanded=true] .menue-zu{display:inline-flex;align-items:center;gap:.4em}.menue{list-style:none;margin:0;padding:0;display:none}.menue.ist-offen{display:flex;flex-direction:column;position:absolute;right:0;top:calc(100% + 10px);min-width:240px;background:#fff;border:1px solid var(--linie);border-radius:14px;padding:10px;box-shadow:0 18px 50px #1b1b1b24;z-index:60}.menue a{display:flex;align-items:center;gap:.5em;padding:12px 14px;border-radius:8px;color:var(--tinte);text-decoration:none;font-weight:600;min-height:44px;white-space:nowrap}.menue a[aria-current=page]{background:var(--grau)}@media(hover:hover){.menue a:hover{background:var(--grau)}}.menue .menue-anfrage a.knopf{justify-content:center;margin-top:6px}@media(min-width:76em){.kopf-tel span{display:inline}.menue-knopf{display:none}.menue,.menue.ist-offen{display:flex;flex-direction:row;position:static;min-width:0;background:none;border:0;padding:0;box-shadow:none;align-items:center;gap:2px}.menue a{padding:8px 12px}.menue .menue-anfrage a.knopf{margin:0 0 0 6px}.menue-tel{display:none}}.raum{display:grid;grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr);min-height:calc(100svh - var(--kopf-hoehe));background:var(--weiss)}.raum>*{min-width:0}.tafel-teil,.faecher,.raum-steuer,.raum-aktionen{min-width:0}.raum-buehne{position:sticky;top:0;z-index:5;height:clamp(250px,38svh,460px);background:#d9d7d2;overflow:hidden}.raum-bild,.raum-canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:26% 64%}@media(min-width:40em){.raum-bild,.raum-canvas{object-position:50% 62%}}.raum-canvas{opacity:0;z-index:1;transition:opacity var(--dur-weich) var(--ease-rolle)}.raum-canvas.ist-aktiv{opacity:1;z-index:2}.raum-canvas.ist-alt{opacity:1;z-index:1}.raum-buehne.zeigt-vorher .raum-canvas{opacity:0}.raum-kante{position:absolute;left:0;right:0;top:-40px;height:40px;z-index:3;pointer-events:none;opacity:0;background:linear-gradient(to bottom,#fff0,#ffffff8c 70%,#fff0);mix-blend-mode:screen}.raum-etikett{position:absolute;left:14px;bottom:14px;z-index:4;margin:0;padding:7px 12px;background:#fafaf7f0;color:var(--tinte);font-size:.9rem;font-weight:600;border-radius:999px;box-shadow:0 2px 10px #0000001f;max-width:calc(100% - 130px);line-height:1.25}.raum-etikett:empty{display:none}.raum-vorher{position:absolute;right:14px;bottom:14px;z-index:4;display:inline-flex;align-items:center;gap:.4em;min-height:40px;padding:6px 14px;border:0;border-radius:999px;background:#1b1b1bcc;color:#fff;font-weight:600;font-size:.9rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.raum-vorher[aria-pressed=true]{background:var(--gelb);color:var(--tinte)}@media(max-width:63.99em){body:has(.menue-knopf[aria-expanded=true]) .raum-vorher,.raum-buehne.geht .raum-vorher{visibility:hidden}}@media(max-width:39.99em){.raum-etikett{border-radius:16px;padding:6px 12px;font-size:.84rem;max-width:calc(100% - 82px)}.raum-vorher{width:44px;height:44px;min-height:44px;padding:0;justify-content:center}.raum-vorher span{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}.raum-tafel{display:flex;flex-direction:column;gap:14px;padding:18px var(--rand) 22px}.raum-kopf h1{margin-bottom:.3em;font-size:clamp(1.5rem,1rem + 2.2vw,2.9rem)}.raum-satz{margin:0;font-size:1rem}.raum-ohne-js{margin:0;padding:12px 14px;background:var(--grau);border-radius:var(--radius)}.js .raum-ohne-js{display:none}.raum-steuer{display:flex;flex-direction:column;gap:10px}.reiter{display:inline-flex;gap:4px;padding:4px;background:var(--grau);border-radius:999px;align-self:flex-start}.reiter-knopf{min-height:40px;padding:6px 20px;border:0;border-radius:999px;background:transparent;font-weight:700;color:var(--leise);transition:background var(--dur-kurz),color var(--dur-kurz)}.reiter-knopf[aria-selected=true]{background:var(--tinte);color:#fff}.tafel-teil{display:flex;flex-direction:column;gap:8px}.steuer-name{margin:0;font-size:.85rem;font-weight:700;color:var(--tinte);text-transform:uppercase;letter-spacing:.04em}.raum-oben{display:contents}.muster-reihe{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px;padding:8px;margin:-8px}@media(min-width:40em){.muster-reihe{grid-template-columns:repeat(3,minmax(0,1fr))}}.muster{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:0 0 4px;border:0;background:none;text-align:left;border-radius:8px}.muster-bild{display:block;width:100%;height:76px;border-radius:8px;background:var(--grau-2) center/cover;box-shadow:inset 0 0 0 1px #00000014;transition:box-shadow var(--dur-kurz),transform var(--dur-kurz);margin-bottom:6px}.muster[aria-pressed=true] .muster-bild{box-shadow:0 0 0 3px var(--weiss),0 0 0 6px var(--tinte)}.muster-name{font-size:.86rem;font-weight:700;color:var(--tinte);line-height:1.2;width:100%;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:anywhere}.muster-leistung{font-size:.72rem;color:var(--leise);line-height:1.2;width:100%;overflow-wrap:anywhere}.muster-farbe{background:linear-gradient(135deg,#e9e6df,#c9c6be)}.muster-kassetten{background:linear-gradient(#e6e3dc,#e6e3dc) padding-box;position:relative}.muster-kassetten:after{content:"";position:absolute;inset:10px 14px;border:3px solid rgba(255,255,255,.8);box-shadow:inset 2px 2px #0000001f,2px 2px #00000024;border-radius:2px}.muster-spachtel{background-image:url(/assets/img/textur/spachtel-fein-muster.webp)}.muster-kalk{background-image:url(/assets/img/textur/kalkfarbe-muster.webp)}.muster-tapete{background-image:url(/assets/img/textur/strukturtapete-muster.webp)}.muster-mikrozement{background-image:url(/assets/img/textur/mikrozement-muster.webp)}.muster-boden-ist{background-image:url(/assets/img/textur/vinyl-eiche-hell-muster.webp)}.muster-boden-vinyl-dunkel{background-image:url(/assets/img/textur/vinyl-eiche-dunkel-muster.webp)}.muster-boden-fischgraet{background-image:url(/assets/img/textur/fischgraet-eiche-muster.webp)}.muster-boden-teppich{background-image:url(/assets/img/textur/teppich-greige-muster.webp)}.faecher{display:flex;flex-direction:column;gap:8px}.faecher.ist-aus{opacity:.45;pointer-events:none}.familien{display:flex;gap:4px;align-items:flex-end;flex-wrap:wrap}.familie{position:relative;width:40px;height:52px;padding:0;border:0;background:none;border-radius:8px;display:flex;align-items:flex-end;justify-content:center;transition:transform var(--dur-kurz) var(--ease-aus)}.familie .pinsel{width:30px;height:48px;transition:transform var(--dur-kurz) var(--ease-aus)}.familie[aria-pressed=true] .pinsel,.familie.ist-aktiv .pinsel{transform:translateY(-6px)}.familie[aria-pressed=true]:after,.familie.ist-aktiv:after{content:"";position:absolute;left:50%;bottom:-3px;width:22px;height:3px;margin-left:-11px;background:var(--tinte);border-radius:2px}.familie-wort{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:2px solid var(--tinte);font:800 .8rem/1 var(--titel);color:var(--tinte);margin-bottom:4px}.familie[aria-pressed=true] .familie-wort{background:var(--tinte);color:#fff}.familie-eigen{cursor:pointer}.familie-eigen input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.familie-eigen:has(input:focus-visible){outline:3px solid var(--blau);outline-offset:2px}.familie-eigen.ist-aktiv .familie-wort{background:var(--tinte);color:#fff}.toene{display:flex;gap:6px;overflow-x:auto;scroll-snap-type:x proximity;padding:8px var(--rand) 12px;margin:0 calc(-1 * var(--rand));scroll-padding-inline:var(--rand);scrollbar-width:thin;min-height:58px}.ton{flex:none;scroll-snap-align:start;width:46px;height:46px;border-radius:10px;border:0;padding:0;background:var(--ton);box-shadow:inset 0 0 0 1px #0000001f;position:relative;transition:transform var(--dur-kurz) var(--ease-aus),box-shadow var(--dur-kurz)}.ton[aria-selected=true]{box-shadow:0 0 0 3px var(--weiss),0 0 0 6px var(--tinte);transform:scale(1.06);z-index:1}.ton.ist-trend{border-radius:50%}@media(hover:hover){.ton:hover{transform:translateY(-2px)}}.raum-aktionen{display:flex;flex-direction:column;gap:10px;margin-top:auto}.raum-stand{margin:0;font-weight:600;color:var(--tinte);font-size:.95rem}.raum-stand:empty{display:none}.merkliste{list-style:none;margin:0;padding:2px 0 6px;display:flex;flex-wrap:nowrap;gap:6px;overflow-x:auto;scrollbar-width:thin}.merkliste:empty{display:none}.merk{flex:none;display:inline-flex;align-items:center;gap:6px;padding:4px 6px 4px 10px;background:var(--grau);border-radius:999px;font-size:.85rem;color:var(--tinte)}.merk-text{white-space:nowrap}.merk-farbe{width:14px;height:14px;border-radius:50%;background:var(--ton);box-shadow:inset 0 0 0 1px #00000026}.merk button{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:0;border-radius:50%;background:transparent;color:var(--leise)}@media(hover:hover){.merk button:hover{background:var(--grau-2);color:var(--tinte)}}.raum-knoepfe{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center}.raum-hinweis{margin:0;font-size:.82rem;color:var(--leise)}@media(min-width:40em){.raum-buehne{height:clamp(320px,44svh,560px)}.raum-tafel{padding-inline:var(--rand)}}@media(min-width:64em){.raum{grid-template-rows:none;grid-template-columns:minmax(0,1fr) 440px;height:calc(100svh - var(--kopf-hoehe));min-height:640px;max-height:1040px}.raum-buehne{position:relative;z-index:auto;height:100%;min-height:0}.raum-tafel{--tafel-x: 28px;padding:0;border-left:1px solid var(--linie);overflow:hidden;min-height:0;gap:0}.raum-oben{display:flex;flex-direction:column;gap:14px;flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:24px var(--tafel-x) 14px;scrollbar-width:thin}.raum-aktionen{flex:none;margin-top:0;padding:12px var(--tafel-x) 18px;background:var(--weiss);box-shadow:0 -1px 0 var(--linie),0 -12px 14px -12px #00000024;max-height:62%;overflow-y:auto}.raum-stand{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.muster-reihe,.toene{overflow:visible;scroll-padding-inline:0}.raum-kopf h1{font-size:clamp(1.5rem,1.9vw,2rem)}.raum-satz{font-size:.98rem}.muster-reihe{gap:10px 10px}.muster{width:100%}.muster-bild{width:100%;height:54px}.muster-name{font-size:.84rem}.toene{flex-wrap:wrap;min-height:0;padding:8px;margin:-8px}.ton{width:32px;height:32px;border-radius:8px}.familie{width:40px;height:48px}.familie .pinsel{width:26px;height:42px}.familie-wort{width:36px;height:36px}}@media(min-width:90em){.raum{grid-template-columns:minmax(0,1fr) 500px}.raum-tafel{--tafel-x: 36px}.raum-oben{padding-top:32px;gap:18px}.muster-bild{height:68px}.ton{width:36px;height:36px}}.leistungen{background:var(--grau)}.leistungen-liste{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:clamp(40px,6vw,80px)}.leistung{display:grid;gap:18px;align-items:center}.leistung-titel{margin-bottom:.4em}.leistung-titel:before{content:"";display:block;width:44px;height:6px;border-radius:3px;margin-bottom:14px;background:var(--tinte)}.leistung-streichen .leistung-titel:before{background:var(--gelb)}.leistung-spachteln .leistung-titel:before{background:var(--gruen)}.leistung-tapezieren .leistung-titel:before{background:var(--blau)}.leistung-bodenbelaege .leistung-titel:before{background:var(--tinte)}.leistung-gestaltung .leistung-titel:before{background:var(--violett)}.leistung-lackieren .leistung-titel:before{background:var(--rot)}.leistung-text p{max-width:54ch}.leistung-wege{display:flex;flex-direction:column;gap:2px;margin:0}.leistung-bilder{display:grid;gap:12px}.leistung-foto{margin:0;position:relative}.leistung-foto .foto{width:100%;height:100%;object-fit:cover;border-radius:var(--radius);aspect-ratio:4 / 3}.foto-quelle{position:absolute;left:10px;bottom:10px;margin:0;padding:3px 9px;font-size:.75rem;background:#fafaf7e6;color:var(--tinte);border-radius:999px}.foto-link{display:block;position:relative;border-radius:var(--radius)}.foto-quelle-link{display:inline-flex;align-items:center;gap:.4em;padding:6px 12px;font-weight:600;color:var(--tinte)}.foto-link:focus-visible{outline:3px solid var(--blau);outline-offset:3px}.leistung-bilder-2,.leistung-bilder-3{grid-template-columns:1fr 1fr}.leistung-bilder-3 .leistung-foto-1{grid-column:1 / -1}.leistung-bilder-3 .leistung-foto-1 .foto{aspect-ratio:16 / 9}.leistung-bilder-2 .foto,.leistung-bilder-3 .leistung-foto-2 .foto,.leistung-bilder-3 .leistung-foto-3 .foto{aspect-ratio:1}@media(min-width:52em){.leistung{grid-template-columns:5fr 6fr;gap:clamp(24px,4vw,56px)}.leistung.ist-gespiegelt .leistung-text{order:2}.leistung-bilder-1 .foto{aspect-ratio:4 / 3}}.ueber-raster{display:grid;gap:32px}.zitat{margin:0 0 24px;padding:0}.zitat p{font-family:var(--titel);font-weight:700;font-size:clamp(1.3rem,1rem + 1.4vw,2rem);line-height:1.25;color:var(--violett);margin:0 0 .5em;text-wrap:balance}.zitat footer{font-size:.95rem;color:var(--leise)}.ueber-text h2{margin-bottom:.6em}.ueber-text p{max-width:60ch}.ueber-fakten{display:grid;gap:12px;margin:24px 0;padding:0}.ueber-fakten div{display:grid;grid-template-columns:7rem 1fr;gap:8px;padding:12px 0;border-top:1px solid var(--linie)}.ueber-fakten dt{font-weight:700;color:var(--tinte)}.ueber-fakten dd{margin:0}.ueber-wege{display:flex;flex-wrap:wrap;gap:10px 20px;align-items:center}.ueber-wagen{margin:0}.ueber-wagen .foto{border-radius:var(--radius);aspect-ratio:1;object-fit:cover;width:100%}.ueber-wagen figcaption{margin-top:8px;font-size:.9rem;color:var(--leise)}@media(min-width:52em){.ueber-raster{grid-template-columns:7fr 5fr;gap:clamp(32px,5vw,72px);align-items:start}}.arbeiten{background:var(--grau)}.arbeiten-liste{list-style:none;margin:0;padding:0;display:grid;gap:clamp(28px,4vw,48px)}.arbeit{display:grid;gap:14px;background:#fff;border-radius:16px;overflow:hidden}.arbeit-foto{margin:0}.arbeit .foto{width:100%;aspect-ratio:4 / 5;object-fit:cover}.arbeit-text{padding:0 20px 20px}.arbeit-datum{margin:0 0 4px;font-size:.85rem;color:var(--leise);font-weight:600}.arbeit-text h3{margin-bottom:.4em}.vergleich{position:relative;aspect-ratio:4 / 5;overflow:hidden;user-select:none;-webkit-user-select:none;--teil: 50%}.vergleich .foto{position:absolute;inset:0;width:100%;height:100%}.vergleich-vorher{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--teil)) 0 0)}.vergleich-vorher:after{content:"";position:absolute;top:0;bottom:0;left:var(--teil);width:3px;margin-left:-1.5px;background:#fff;box-shadow:0 0 8px #00000059}.vergleich-regler{position:absolute;inset:0;display:block;cursor:ew-resize}.vergleich-regler input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y}.vergleich-regler:after{content:"";position:absolute;top:50%;left:var(--teil);width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 7l-5 5 5 5M16 7l5 5-5 5' fill='none' stroke='%231B1B1B' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/22px no-repeat;box-shadow:0 2px 10px #0000004d;pointer-events:none}.vergleich:has(input:focus-visible) .vergleich-regler:after{outline:3px solid var(--blau);outline-offset:2px}.vergleich-wort{position:absolute;top:12px;padding:3px 10px;border-radius:999px;font-size:.78rem;font-weight:700;background:#fafaf7e6;color:var(--tinte);pointer-events:none}.vergleich-wort-vorher{left:12px}.vergleich-wort-nachher{right:12px}.arbeiten-mehr{margin:28px 0 0}@media(min-width:40em){.arbeiten-liste{grid-template-columns:1fr 1fr}.arbeit.hat-vergleich{grid-column:1 / -1;grid-template-columns:1fr 1fr;align-items:stretch}.arbeit.hat-vergleich .arbeit-text{padding:24px;align-self:center}.arbeit.hat-vergleich .vergleich{aspect-ratio:auto;height:100%;min-height:440px}}@media(min-width:64em){.arbeiten-liste{grid-template-columns:repeat(3,1fr)}.arbeit.hat-vergleich{grid-column:span 2}}.anfrage-form{max-width:760px}.assistent-stand{display:flex;flex-direction:column;gap:8px;margin:0 0 20px;font-weight:600;color:var(--tinte);font-size:.95rem}.stand-balken{display:block;height:6px;border-radius:3px;background:var(--grau-2);overflow:hidden}.stand-balken span{display:block;height:100%;width:100%;background:var(--gelb);border-radius:3px;transform:scaleX(.125);transform-origin:left center;transition:transform var(--dur-weich) var(--ease-aus)}.schritt{border:0;margin:0 0 28px;padding:0;min-width:0}.js .assistent .schritt{display:none;margin:0}.js .assistent .schritt.ist-aktiv{display:block}.schritt-titel{display:flex;align-items:center;gap:12px;padding:0;margin-bottom:12px;font-family:var(--titel);font-weight:800;font-size:clamp(1.3rem,1rem + 1.2vw,1.8rem);color:var(--tinte);line-height:1.15}.schritt-nr{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--tinte);color:#fff;font-size:.95rem;flex:none}.js .assistent .schritt-nr{display:none}.hilfe{margin:0 0 12px;color:var(--leise);font-size:.95rem}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{position:relative;display:inline-flex}.chip input{position:absolute;opacity:0;width:1px;height:1px}.chip span{display:inline-flex;align-items:center;min-height:44px;padding:8px 16px;border:2px solid var(--grau-2);border-radius:999px;background:#fff;font-weight:600;color:var(--tinte);cursor:pointer;transition:background var(--dur-kurz),border-color var(--dur-kurz)}.chip input:checked+span{background:var(--tinte);border-color:var(--tinte);color:#fff}.chip input:focus-visible+span{outline:3px solid var(--blau);outline-offset:2px}@media(hover:hover){.chip input:not(:checked)+span:hover{border-color:var(--tinte)}}.eingabe{display:block;margin:14px 0 6px;font-weight:700;color:var(--tinte)}.eingabe:first-child{margin-top:0}input[type=text],input[type=tel],input[type=email],textarea{width:100%;padding:12px 14px;border:2px solid var(--grau-2);border-radius:var(--radius);background:#fff;min-height:48px}input[type=text]:focus-visible,input[type=tel]:focus-visible,input[type=email]:focus-visible,textarea:focus-visible{outline:3px solid var(--blau);outline-offset:0;border-color:var(--blau)}input[aria-invalid=true],textarea[aria-invalid=true]{border-color:var(--rot)}textarea{resize:vertical}.eingabe-paar{display:grid;gap:0 16px}@media(min-width:40em){.eingabe-paar{grid-template-columns:1fr 1fr}}.fehler{margin:6px 0 0;color:var(--rot);font-weight:600;font-size:.95rem}.fehler:before{content:"\25b2  ";font-size:.7em;vertical-align:.15em}.gestaltung-liste{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-direction:column;gap:8px}.gestaltung-liste:empty{display:none}.gestaltung-liste li{display:flex;align-items:center;gap:10px;padding:8px 8px 8px 14px;background:var(--grau);border-radius:12px}.gestaltung-liste .merk-farbe{flex:none;width:18px;height:18px}.gestaltung-liste span.text{flex:1;font-weight:600;color:var(--tinte)}.gestaltung-liste button{flex:none;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:0;border-radius:50%;background:#fff;color:var(--leise)}@media(hover:hover){.gestaltung-liste button:hover{color:var(--rot)}}.foto-wahl{cursor:pointer}.foto-liste{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px}.foto-liste:empty{display:none}.foto-liste li{position:relative}.foto-liste img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;background:var(--grau)}.foto-liste button{position:absolute;top:6px;right:6px;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:0;border-radius:50%;background:#1b1b1bd9;color:#fff}@media(hover:hover){.foto-liste button:hover{background:var(--rot)}}.foto-liste .foto-name{display:block;margin-top:4px;font-size:.75rem;color:var(--leise);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uebersicht{margin:0 0 16px;padding:0;display:grid;gap:0}.uebersicht div{display:grid;grid-template-columns:8rem 1fr auto;gap:8px;align-items:start;padding:10px 0;border-top:1px solid var(--linie)}.uebersicht div:last-child{border-bottom:1px solid var(--linie)}.uebersicht dt{font-weight:700;color:var(--tinte)}.uebersicht dd{margin:0}.uebersicht .text-knopf{min-height:32px;padding:2px 4px;font-size:.9rem}@media(max-width:30em){.uebersicht div{grid-template-columns:1fr auto}.uebersicht dt{grid-column:1 / -1}}.datenschutz-hinweis{font-size:.9rem;color:var(--leise)}.honig{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}.meldung{margin:0 0 14px;padding:12px 14px;border-radius:var(--radius);background:#fbedee;color:var(--rot);font-weight:600;border:1px solid rgb(145 24 33 / .3)}.meldung.ist-ok{background:#e7f6ee;color:#0a6b40;border-color:var(--gruen)}.assistent-knoepfe{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;margin-top:22px}.assistent-knoepfe .text-knopf{margin-left:auto}.anfrage-erfolg{max-width:760px;padding:24px;background:#e7f6ee;border-radius:16px;border:1px solid rgb(11 151 90 / .3)}.anfrage-erfolg.ist-demo{background:#fff6db;border-color:var(--gelb)}.erfolg-titel{margin-bottom:.4em}.erfolg-wege{display:flex;flex-wrap:wrap;gap:10px 20px;align-items:center;margin:16px 0 0}.fuss{background:var(--grau-2);color:var(--text);padding:clamp(40px,6vw,72px) 0 28px;border-top:6px solid var(--gruen)}.fuss a{color:var(--tinte)}@media(hover:hover){.fuss a:hover{color:var(--blau-text)}}.fuss-innen{width:min(100% - 2 * var(--rand),var(--breite));margin-inline:auto;display:grid;gap:28px}.fuss-logo{width:150px;height:auto;margin-bottom:14px}.fuss-titel{font-family:var(--titel);font-weight:700;color:var(--tinte);margin-bottom:.4em}.fuss-kontakt a{display:inline-flex;align-items:center;gap:.4em;text-decoration:none;min-height:32px}.fuss-zeiten{font-size:.9rem;color:var(--text)}.fuss-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.fuss-links a{display:inline-flex;align-items:center;gap:.4em;text-decoration:none;min-height:32px}.fuss-zeile{display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between;margin:12px 0 0;padding-top:18px;border-top:1px solid var(--linie);font-size:.85rem;color:var(--text)}.cardo{display:inline-block;padding:8px 0;font-family:var(--titel);font-weight:700;letter-spacing:.02em;text-decoration:none}@media(min-width:52em){.fuss-innen{grid-template-columns:1.2fr 1fr 1fr}.fuss-zeile{grid-column:1 / -1}}.seiten-kopf{padding:clamp(28px,5vw,56px) 0 0}.seiten-kopf h1{margin:8px 0 12px}.zurueck{margin:0}.entwurf-hinweis{display:flex;gap:8px;align-items:flex-start;padding:12px 14px;background:#fff6db;border:1px solid rgb(251 188 21 / .55);border-radius:6px;font-size:.95rem;color:var(--tinte)}.text-seite h2{font-size:1.25rem;margin:1.6em 0 .5em}.text-seite p{max-width:70ch}.kurzfassung{padding:14px 16px;background:var(--grau);border-radius:var(--radius)}.fehlt{color:var(--rot);font-weight:600}.fehler-seite{padding-bottom:60px}.fehler-wege{display:flex;flex-wrap:wrap;gap:10px 20px;align-items:center}.ergebnisseite{padding:40px var(--rand)}.ergebnis-karte{max-width:640px;margin:0 auto;padding:24px;background:var(--grau);border-radius:16px}.ergebnis-liste{color:var(--rot);font-weight:600}