@font-face{font-family:Signika;src:url(/assets/fonts/signika-400.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Signika;src:url(/assets/fonts/signika-500.woff2) format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Signika;src:url(/assets/fonts/signika-600.woff2) format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Signika;src:url(/assets/fonts/signika-700.woff2) format("woff2");font-weight:700;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: #FFFFFF;--salbei: #EFF2E8;--salbei-2: #E2E7D6;--linie: #DCE1D2;--linie-2: #C3CAB4;--gruen: #5C7F15;--gruen-hell: #6A9218;--gruen-dunkel: #40590F;--tinte: #212529;--text: #212529;--leise: #5F655A;--rot: #B42318;--gruen-ok: #1F7A4D;--grund: var(--weiss);--schrift: "Open Sans", system-ui, sans-serif;--schrift-titel: "Signika", "Open Sans", system-ui, sans-serif;--ease-pinsel: cubic-bezier(.45, .05, .2, 1);--ease-aus: cubic-bezier(.16, 1, .3, 1);--dur-malen: 1.8s;--dur-reiter: 6s;--dur-stufe: .6s;--dur-kamera: 1.1s;--dur-kurz: .16s;--radius: 8px;--radius-foto: 10px;--radius-feld: 6px;--kopf-hoehe: 72px;--rand: clamp(16px, 4vw, 48px);--breite: 1300px;--kg: 260px;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 clamp(1.0625rem,1rem + .35vw,1.25rem)/1.55 var(--schrift);overflow-x:clip;-webkit-font-smoothing:antialiased}img,svg,canvas{display:block;max-width:100%}[hidden]{display:none!important}img{height:auto}h1,h2,h3{font-family:var(--schrift-titel);color:var(--tinte);line-height:1.12;margin:0;letter-spacing:-.005em;text-wrap:balance}h1,h2{font-size:clamp(2.9rem,1.6rem + 5.4vw,5.5rem);font-weight:600}h3{font-size:clamp(1.35rem,1.1rem + 1vw,1.9rem);font-weight:600}p{margin:0 0 1em}a{color:var(--gruen-dunkel);text-decoration-thickness:1.5px;text-underline-offset:.18em}@media(hover:hover){a:hover{color:var(--gruen)}}:focus-visible{outline:3px solid var(--gruen-dunkel);outline-offset:3px;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}.nowrap{white-space:nowrap}.breite{width:min(100% - 2 * var(--rand),var(--breite));margin-inline:auto}.breite.schmal{max-width:760px}.abschnitt{position:relative;padding-block:clamp(72px,9vw,128px);overflow-x:clip}.abschnitt>.breite{position:relative;z-index:1}.abschnitt-kopf{max-width:920px;margin-bottom:clamp(28px,4vw,48px)}.ueberzeile{margin:0 0 10px;font:700 1.125rem/1.3 var(--schrift-titel);color:var(--tinte)}.abschnitt-kopf h2{margin-bottom:.32em}.einleitung{font-size:clamp(1.0625rem,1rem + .4vw,1.3rem);max-width:44em;margin:0}.abschnitt-kopf-hell .ueberzeile,.abschnitt-kopf-hell h2,.abschnitt-kopf-hell .einleitung{color:#fff}.text-gross{font-size:clamp(1.0625rem,1rem + .4vw,1.3rem)}.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:52px;padding:12px 26px;border-radius:var(--radius);border:2px solid var(--gruen);background:var(--gruen);color:#fff;font:600 1.0625rem/1.2 var(--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-gruen,.knopf-haupt{background:var(--gruen);border-color:var(--gruen);color:#fff}.knopf-weiss{background:#ffffff24;border-color:#fff;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.knopf-dunkel{background:#fff;border-color:#fff;color:var(--gruen-dunkel)}.knopf-leise{background:#fff;border-color:var(--linie-2);color:var(--tinte)}.knopf-klein{min-height:44px;padding:8px 18px;font-size:1rem}@media(hover:hover){.knopf-gruen:hover,.knopf-haupt:hover,.knopf:hover{background:var(--gruen-dunkel);border-color:var(--gruen-dunkel);color:#fff}.knopf-weiss:hover{background:#fff;color:var(--gruen-dunkel);border-color:#fff}.knopf-dunkel:hover{background:var(--salbei);border-color:var(--salbei);color:var(--gruen-dunkel)}.knopf-leise:hover{background:var(--salbei);color:var(--tinte);border-color:var(--linie-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(--gruen-dunkel);font-weight:600;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:.22em;background:none;border:0;padding:6px 2px;min-height:40px}@media(hover:hover){.text-link:hover,.text-knopf:hover{color:var(--gruen)}}.kopf{position:sticky;top:0;z-index:50;background:#fffffff5;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:transform var(--dur-stufe) var(--ease-aus),box-shadow var(--dur-stufe)}.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:12px}.marke{display:flex;align-items:center;padding:6px 0}.marke-logo{height:56px;width:auto}.hauptnav{display:flex;align-items:center;gap:8px;position:relative}.menue-knopf{display:inline-flex;align-items:center;gap:.4em;min-height:44px;padding:6px 12px;border:1.5px solid var(--linie-2);border-radius:var(--radius);background:#fff;font-weight:600;font-size:.95rem;color:var(--tinte)}.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:250px;background:#fff;border:1px solid var(--linie);border-radius:12px;padding:10px;box-shadow:0 18px 50px #14141424;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(--salbei)}@media(hover:hover){.menue a:hover{background:var(--salbei);color:var(--gruen-dunkel)}}@media(max-width:26.99em){.menue-knopf .menue-wort{display:none}.menue-knopf{padding:6px 10px}.kopf-anfrage{padding-inline:12px;font-size:.92rem}.marke-logo{height:48px}}@media(max-width:21.99em){.kopf-anfrage{display:none}}@media(min-width:64em){:root{--kopf-hoehe: 96px}.marke-logo{height:76px}}@media(min-width:76em){.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;font-size:1.0625rem}.menue-tel{display:none}.hauptnav{flex-direction:row-reverse;gap:14px}}.hero{position:relative;min-height:calc(100svh - var(--kopf-hoehe));display:grid;color:#fff;background:#2a2f26;overflow:clip}.hero-buehne{position:absolute;inset:0;background:#2a2f26}.hero-stufe{position:absolute;inset:0;display:grid;grid-template-columns:minmax(0,1fr);gap:6px;opacity:0;transition:opacity var(--dur-stufe) var(--ease-pinsel)}.hero-stufe.ist-aktiv{opacity:1;z-index:1}.hero-spalte{position:relative;display:grid;grid-template-rows:minmax(0,1fr);min-height:0;overflow:hidden;background:#3a3f35}.hero-spalte-2{grid-template-rows:minmax(0,1fr) minmax(0,1fr);gap:6px}.hero-spalte picture{display:block;min-height:0;height:100%}.hero-foto{width:100%;height:100%;object-fit:cover;object-position:50% 40%}.hero-spalte:not(:first-child){display:none}.hero-schatten{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,#0a0c0861,#0a0c086b 55%,#0a0c08b3)}.hero-text{background:radial-gradient(ellipse 80% 72% at 50% 50%,#0a0c089e,#0a0c088f 52%,#0a0c0800 78%)}@media(min-width:64em){.hero-text{background:radial-gradient(ellipse 62% 72% at 50% 50%,#0a0c0899,#0a0c0885 48%,#0a0c0800 74%)}}.hero-inhalt{position:relative;z-index:2;display:grid;grid-template-rows:minmax(0,1fr) auto;min-height:calc(100svh - var(--kopf-hoehe));padding:24px var(--rand) 0}.hero-text{align-self:center;justify-self:center;text-align:center;max-width:1120px;width:100%;padding:36px 0 28px}.hero-ueberzeile{color:#fff;font-size:1.0625rem;margin-bottom:14px;text-shadow:0 1px 2px rgba(0,0,0,.3)}.hero h1{color:#fff;margin:0 0 .3em;text-shadow:0 2px 12px rgba(0,0,0,.25)}.hero-zeile{font-size:clamp(1.0625rem,1rem + .5vw,1.375rem);max-width:40em;margin:0 auto 28px;text-shadow:0 1px 2px rgba(0,0,0,.3)}.hero-wege{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.hero-reiter{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 16px;width:min(100%,1040px);margin:0 auto;padding-bottom:96px}.hero-reiter-knopf{display:grid;gap:10px;padding:10px 2px;border:0;background:none;color:#fff;font:600 .95rem/1.2 var(--schrift);text-shadow:0 1px 2px rgba(0,0,0,.3);-webkit-tap-highlight-color:transparent}.hero-reiter-knopf:focus-visible{outline-color:#fff;outline-offset:-2px}.laufbalken{display:block;height:3px;border-radius:2px;background:#ffffff57;overflow:hidden}.laufbalken-fuellung{display:block;height:100%;width:100%;background:#fff;transform:scaleX(0);transform-origin:left center}.hero-reiter-knopf[aria-selected=true]:not(.laeuft) .laufbalken-fuellung{transform:scaleX(1)}.hero-reiter-knopf.laeuft .laufbalken-fuellung{animation:laufen var(--dur-reiter) linear forwards}@keyframes laufen{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media(prefers-reduced-motion:reduce){.hero-reiter-knopf.laeuft .laufbalken-fuellung{animation:none;transform:scaleX(1)}.hero-stufe{transition:none}}@media(max-width:22.49em){.hero-reiter-knopf{font-size:.82rem}.hero-wege .knopf{padding-inline:18px}}@media(min-width:40em){.hero-reiter-knopf{font-size:1.0625rem;padding-block:12px 14px}}@media(min-width:64em){.hero-stufe-2{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-stufe-3{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-spalte:not(:first-child){display:grid}.hero-inhalt{padding-top:32px}.hero-reiter{padding-bottom:32px;gap:8px 28px}.hero-reiter-knopf{font-size:1.125rem}.hero-ueberzeile{font-size:1.25rem}}@media(min-width:64em)and (max-height:820px){.hero-text{padding-block:20px}.hero h1{font-size:clamp(4rem,2rem + 4.8vw,5rem)}}.klecks{position:absolute;z-index:0;display:block;width:var(--kg);height:var(--kg);pointer-events:none;background-repeat:no-repeat;background-position:center;background-size:contain;transform:translate3d(0,var(--py, 0px),0);will-change:transform}.klecks-rechts-oben{right:calc(var(--kg) * -.55);top:calc(var(--kg) * -.1)}.klecks-links-oben{left:calc(var(--kg) * -.55);top:calc(var(--kg) * -.1)}.klecks-links-unten{left:calc(var(--kg) * -.55);bottom:calc(var(--kg) * -.2)}.klecks-rechts-unten{right:calc(var(--kg) * -.55);bottom:calc(var(--kg) * -.2)}.klecks-gruen{background-image:url(/assets/img/kleckse/klecks-gruen-1-1000.webp)}.klecks-gelb{background-image:url(/assets/img/kleckse/klecks-gelb-1-1000.webp)}.klecks-blau{background-image:url(/assets/img/kleckse/klecks-blau-1-1000.webp)}.klecks-orange{background-image:url(/assets/img/kleckse/klecks-orange-1-1000.webp)}.klecks-dunkelblau{background-image:url(/assets/img/kleckse/klecks-dunkelblau-1-1000.webp)}.klecks-gruen-gelb{background-image:url(/assets/img/kleckse/klecks-gruen-gelb-1-1000.webp)}.klecks-blau-gruen{background-image:url(/assets/img/kleckse/klecks-blau-gruen-1-1000.webp)}.klecks-dunkelblau-blau{background-image:url(/assets/img/kleckse/klecks-dunkelblau-blau-1-1000.webp)}.klecks-orange-gelb{background-image:url(/assets/img/kleckse/klecks-orange-gelb-1-1000.webp)}.klecks-blau-orange{background-image:url(/assets/img/kleckse/klecks-blau-orange-1-1000.webp)}.abschnitt:has(>.klecks-rechts-oben),.abschnitt:has(>.klecks-links-oben){padding-top:200px}@media(min-width:64em){:root{--kg: 520px}.klecks-rechts-oben,.klecks-links-oben{top:calc(var(--kg) * -.22)}.klecks-rechts-oben,.klecks-rechts-unten{right:calc(var(--kg) * -.42)}.klecks-links-oben,.klecks-links-unten{left:calc(var(--kg) * -.45)}.abschnitt:has(>.klecks-rechts-oben),.abschnitt:has(>.klecks-links-oben){padding-top:clamp(96px,10vw,136px)}}.ueber-innen{display:grid;gap:36px;align-items:center}.ueber-text .abschnitt-kopf{margin-bottom:20px}.ueber-wege{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;margin:24px 0 0}.ueber-foto{margin:0}.ueber-foto .foto{width:100%;aspect-ratio:1;object-fit:cover;border-radius:16px;background:var(--salbei)}.ueber-foto figcaption{margin-top:10px;font-size:.95rem;color:var(--leise)}@media(min-width:64em){.ueber-innen{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(40px,6vw,96px)}}.wow-paare{display:grid;gap:36px}.wow-paar{margin:0}.wow-text{margin-top:12px;font-size:1rem;color:var(--text);max-width:60ch}.wow-text strong{font-family:var(--schrift-titel);font-weight:600;font-size:1.15em;color:var(--tinte)}.schieber{--x: 50%;--band: 0px;position:relative;aspect-ratio:5 / 6;overflow:hidden;border-radius:14px;background:var(--salbei);touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:ew-resize}.schieber.mit-band{--band: 54px}.schieber-ebene{position:absolute;inset:0}.schieber-ebene picture,.schieber-foto{width:100%;height:100%}.schieber-foto{object-fit:cover;object-position:50% 50%;-webkit-user-drag:none;pointer-events:none}.schieber-umsetzung{clip-path:inset(0 calc(100% - var(--x)) 0 0)}.schieber-vorher{clip-path:inset(0 calc(100% - var(--x) + var(--band)) 0 0)}.schieber-kante{position:absolute;top:-1%;bottom:-1%;left:var(--x);width:20px;transform:translate(-50%);z-index:2;background:linear-gradient(180deg,#a5c543,#2e81ac 28%,#1e548c 50%,#db5118 74%,#f8bf2e);-webkit-mask:url(/assets/img/kleckse/kante-maske.png) center / 100% 100% no-repeat;mask:url(/assets/img/kleckse/kante-maske.png) center / 100% 100% no-repeat;filter:drop-shadow(0 0 2px rgba(0,0,0,.25));pointer-events:none}.schieber-griff{position:absolute;z-index:3;left:var(--x);top:50%;width:76px;height:76px;padding:0;border:0;border-radius:50%;background:#fff;box-shadow:0 8px 24px #00000059,0 0 0 3px #ffffff80;transform:translate(-50%,-50%);display:grid;place-items:center;cursor:ew-resize;touch-action:none;transition:transform var(--dur-kurz) var(--ease-aus)}.schieber-griff img{width:58%;height:auto;pointer-events:none}.schieber-griff:focus-visible{outline:3px solid #fff;outline-offset:3px;box-shadow:0 8px 24px #00000059,0 0 0 6px var(--gruen)}.schieber.wird-gezogen .schieber-griff{transform:translate(-50%,-50%) scale(1.06)}.schieber.malt .schieber-ebene{transition:clip-path var(--dur-malen) var(--ease-pinsel)}.schieber.malt .schieber-kante,.schieber.malt .schieber-griff{transition:left var(--dur-malen) var(--ease-pinsel)}.schieber-etikett{position:absolute;top:14px;z-index:2;padding:5px 12px;border-radius:999px;background:#ffffffeb;color:var(--tinte);font:600 .78rem/1.3 var(--schrift);letter-spacing:.08em;text-transform:uppercase;pointer-events:none}.schieber-etikett-vorher{left:14px}.schieber-etikett-nachher{right:14px;background:var(--gruen);color:#fff}.schieber-hinweis{position:absolute;z-index:2;left:50%;bottom:16px;transform:translate(-50%);display:inline-flex;align-items:center;gap:.4em;padding:7px 14px;border-radius:999px;background:#212529c7;color:#fff;font:600 .82rem/1.2 var(--schrift);white-space:nowrap;pointer-events:none}@media(min-width:64em){.wow-paare{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,3vw,40px)}.schieber.mit-band{--band: 84px}.schieber-griff{width:96px;height:96px}.schieber-kante{width:26px}}.raum-abschnitt{background:var(--salbei);--grund: var(--salbei)}.raum{display:grid;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 24px 70px #2125291f}.raum-buehne{position:relative;aspect-ratio:4 / 3;width:100%;max-height:min(70svh,860px);background:#e9e3da;overflow:hidden}.raum-kamera{position:absolute;inset:0;transform:scale(1.09);transform-origin:50% 45%;transition:transform var(--dur-kamera) var(--ease-pinsel);will-change:transform}.raum.ist-da .raum-kamera{transform:scale(1.04)}.raum.ist-da[data-blick=boden] .raum-kamera{transform:scale(1.08) translateY(-4%)}.raum-voll .raum-kamera,.raum-voll.ist-da[data-blick=boden] .raum-kamera{transform:none}@media(prefers-reduced-motion:reduce){.raum-kamera,.raum.ist-da .raum-kamera,.raum.ist-da[data-blick=boden] .raum-kamera{transform:none;transition:none;will-change:auto}}.raum-bild,.raum-canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%}.raum-canvas{opacity:0;z-index:1;transition:opacity var(--dur-stufe) var(--ease-pinsel)}.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-marke{position:absolute;left:12px;top:12px;z-index:4;margin:0;padding:4px 10px;border-radius:999px;background:#ffffffeb;color:var(--leise);font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.raum-etikett{position:absolute;left:12px;bottom:12px;z-index:4;margin:0;max-width:calc(100% - 110px);padding:7px 12px;border-radius:10px;background:#fffffff0;color:var(--tinte);font:600 .9rem/1.3 var(--schrift)}.raum-etikett:empty{display:none}.raum-rund{position:absolute;right:12px;top:12px;z-index:4;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:999px;background:#212529b8;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.raum-rund .icon{width:1.3em;height:1.3em}.raum-zu{right:12px;width:52px;height:52px;background:#212529d9;box-shadow:0 0 0 2px #fffc}.raum-zu .icon{width:1.6em;height:1.6em}.raum-rund:focus-visible{outline:3px solid #fff;outline-offset:2px}.raum-ohne-js{margin:0;padding:14px 16px}.js .raum-ohne-js{display:none}.raum-steuer{display:grid}.raum-reihe{display:grid;grid-template-columns:70px minmax(0,1fr);align-items:center;gap:8px;padding:10px 12px;border-top:1px solid var(--linie)}.raum-reihe-name{margin:0;font:700 .95rem/1.2 var(--schrift-titel);color:var(--tinte);text-transform:uppercase;letter-spacing:.06em}.raum-tontext,.raum-bodentext{display:none}.raum-reihe-inhalt{display:flex;align-items:flex-start;gap:6px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;padding:4px 2px 6px}.raum-reihe-inhalt::-webkit-scrollbar{display:none}.raum-techniken,.raum-toene,.raum-boeden{display:flex;gap:6px;flex:none}.raum-trenner{flex:none;width:1px;align-self:stretch;margin:6px;background:var(--linie-2)}.wahl-knopf{flex:none;scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;gap:5px;width:66px;padding:2px 0;border:0;background:none;color:var(--tinte);-webkit-tap-highlight-color:transparent}.wahl-muster{display:block;width:52px;height:52px;border-radius:10px;background-color:var(--ton, #ddd);background-image:var(--bild, none);background-size:cover;background-position:center;box-shadow:inset 0 0 0 1px #0000001f;transition:box-shadow var(--dur-kurz),transform var(--dur-kurz) var(--ease-aus)}.wahl-muster.ist-ton{border-radius:50%}.wahl-knopf[aria-pressed=true] .wahl-muster{box-shadow:0 0 0 2px var(--grund, #fff),0 0 0 4px var(--gruen)}.wahl-name{display:block;width:100%;font-size:.68rem;line-height:1.15;font-weight:600;text-align:center;color:var(--text);-webkit-hyphens:manual;hyphens:manual;overflow-wrap:anywhere}.wahl-knopf[aria-pressed=true] .wahl-name{color:var(--gruen-dunkel)}.wahl-knopf.ist-gesperrt{opacity:.4}.wahl-knopf.ist-gesperrt .wahl-muster{background-image:linear-gradient(135deg,transparent 46%,rgba(255,255,255,.9) 48%,rgba(255,255,255,.9) 52%,transparent 54%)}@media(hover:hover){.wahl-knopf:hover .wahl-muster{transform:translateY(-2px)}}.raum-toene .wahl-knopf{width:58px}.raum-toene .wahl-muster{width:42px;height:42px;margin-top:5px}.raum-toene .wahl-name{font-size:.64rem;letter-spacing:-.01em}.raum-boeden .wahl-knopf{width:86px}.raum-boeden .wahl-muster{width:76px;height:52px}.raum-unten{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;padding:12px;border-top:1px solid var(--linie)}.raum-vergleich{display:inline-flex;padding:3px;border-radius:999px;background:var(--salbei)}.vergleich-knopf{min-height:38px;padding:6px 14px;border:0;border-radius:999px;background:none;color:var(--leise);font:600 .9rem/1.2 var(--schrift);-webkit-tap-highlight-color:transparent;transition:background var(--dur-kurz),color var(--dur-kurz)}.vergleich-knopf[aria-pressed=true]{background:var(--gruen);color:#fff}.ral-knopf{display:inline-flex;align-items:center;gap:.4em;min-height:44px;padding:6px 12px;border:1.5px solid var(--linie-2);border-radius:999px;background:#fff;font:600 .9rem/1.2 var(--schrift);color:var(--tinte);cursor:pointer}.ral-knopf .icon{transition:transform var(--dur-kurz) var(--ease-aus)}.ral-knopf[aria-expanded=true] .icon{transform:rotate(180deg)}.ral-alle{display:flex;flex-direction:column;gap:12px;padding:12px;border-top:1px solid var(--linie)}.ral-suche-feld{width:100%;max-width:320px;padding:10px 12px;border:1px solid var(--linie-2);border-radius:var(--radius-feld);background:var(--salbei);min-height:44px}.ral-suche-feld:focus-visible{outline:3px solid var(--gruen-dunkel);outline-offset:0}.ral-stand{margin:0;font-size:.88rem;color:var(--leise);min-height:1.2em}.ral-stand:empty{display:none}.ral-familien{display:flex;flex-direction:column;gap:12px}.ral-fam-name{margin:0 0 6px;font-size:.82rem;color:var(--leise)}.ral-reihe{display:grid;grid-template-columns:repeat(auto-fill,minmax(30px,1fr));gap:5px;padding:3px;margin:-3px}.ral-ton{aspect-ratio:1;width:100%;padding:0;border:0;border-radius:5px;background:var(--ton);box-shadow:inset 0 0 0 1px #0000001a;transition:box-shadow var(--dur-kurz)}.ral-ton[aria-pressed=true]{box-shadow:0 0 0 2px var(--grund, #fff),0 0 0 4px var(--gruen)}.ral-ton.ist-gesperrt{opacity:.28}@media(hover:hover){.ral-ton:hover{box-shadow:inset 0 0 0 1px #0000001a,0 0 0 2px var(--linie-2)}}.raum-anfragen{margin-left:auto}.raum-satz{margin:16px 0 0;font-size:.92rem;color:var(--leise);max-width:70ch}@media(max-width:29.99em){.raum-anfragen{width:100%;margin-left:0}}@media(min-width:40em){.raum-buehne{aspect-ratio:3 / 2}.raum-reihe{grid-template-columns:84px minmax(0,1fr);padding:12px 16px}.wahl-knopf{width:74px}.wahl-muster{width:58px;height:58px}.wahl-name{font-size:.72rem}.raum-toene .wahl-knopf{width:62px}.raum-toene .wahl-muster{width:46px;height:46px}.raum-boeden .wahl-knopf{width:96px}.raum-boeden .wahl-muster{width:84px;height:58px}.raum-unten,.ral-alle{padding:14px 16px}}@media(min-width:64em){.raum-reihe{grid-template-columns:110px minmax(0,1fr);padding:14px 22px}.raum-reihe-name{font-size:1.05rem}.raum-unten,.ral-alle{padding:16px 22px}.raum-etikett{font-size:1rem;left:16px;bottom:16px}}html.sperre,html.sperre body{overflow:hidden;overscroll-behavior:none}.raum.raum-voll{--voll-h: calc(100dvh - 24px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)) ;--grund: #141414;position:fixed;inset:0;z-index:300;display:flex;flex-direction:column;align-items:center;gap:10px;margin:0;border-radius:0;box-shadow:none;padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));overflow-y:auto;overscroll-behavior:contain;background:#141414;color:#fff}.raum-voll .raum-buehne{flex:none;max-width:none;max-height:none;width:min(100%,calc((100dvh - 300px) * 4 / 3));aspect-ratio:4 / 3;border-radius:10px}.raum-voll .raum-steuer{flex:none;width:100%;max-width:760px;position:static}.raum-voll .raum-reihe-name,.raum-voll .wahl-name,.raum-voll .wahl-knopf[aria-pressed=true] .wahl-name,.raum-voll .ral-knopf,.raum-voll .vergleich-knopf[aria-pressed=true]{color:#fff}.raum-voll .ral-knopf{background:transparent;border-color:#ffffff59}.raum-voll .raum-vergleich{background:#ffffff1f}.raum-voll .wahl-knopf[aria-pressed=true] .wahl-muster,.raum-voll .ral-ton[aria-pressed=true]{box-shadow:0 0 0 2px #141414,0 0 0 4px #fff}.raum-voll .ral-stand,.raum-voll .ral-fam-name,.raum-voll .vergleich-knopf{color:#ffffffb8}.raum-voll .raum-reihe,.raum-voll .raum-unten,.raum-voll .ral-alle{border-color:#ffffff2e}.raum-voll .raum-trenner{background:#ffffff40}.raum-voll .ral-suche-feld{background:#222;color:#fff;border-color:#ffffff4d}@media(max-aspect-ratio:1 / 1)and (max-width:39.99em){.raum-voll .raum-unten:after{content:"Tipp: Handy quer halten, dann wird der Raum gr\f6\df er.";width:100%;font-size:.85rem;color:#ffffffb8}}@media(min-aspect-ratio:1 / 1){.raum.raum-voll{display:grid;grid-template-columns:minmax(0,1fr) clamp(300px,30vw,420px);grid-template-rows:minmax(0,1fr);column-gap:14px;align-items:center}.raum-voll .raum-buehne{grid-column:1;justify-self:center;width:min(100%,calc(var(--voll-h) * 1.5));aspect-ratio:3 / 2}.raum-voll .raum-steuer{grid-column:2;align-self:center;max-height:var(--voll-h);overflow-y:auto;overscroll-behavior:contain;padding-right:2px}.raum-voll .raum-reihe{grid-template-columns:1fr;gap:6px}.raum-voll .raum-reihe-inhalt,.raum-voll .raum-techniken,.raum-voll .raum-toene,.raum-voll .raum-boeden{flex-wrap:wrap}.raum-voll .raum-trenner{display:none}}.abschnitt-gruen{background:var(--gruen-dunkel);color:#fff}.abschnitt-gruen a{color:#fff}.abschnitt-gruen .knopf-dunkel{color:var(--gruen-dunkel)}.leistungen-weg{margin:-8px 0 32px}.klappliste{list-style:none;margin:0;padding:0;display:grid;gap:6px}.leistung{margin:0}.klapp{border-radius:var(--radius);background:var(--gruen);overflow:hidden}.klapp-kopf{display:flex;align-items:center;gap:14px;min-height:64px;padding:14px 20px;list-style:none;cursor:pointer;font:600 clamp(1.15rem,1rem + .8vw,1.6rem)/1.2 var(--schrift-titel);color:#fff;-webkit-tap-highlight-color:transparent}.klapp-kopf::-webkit-details-marker{display:none}.klapp-kopf:focus-visible{outline:3px solid #fff;outline-offset:-4px}.klapp-name{flex:1 1 auto;min-width:0}.klapp-hinweis{display:inline-block;margin-left:.5em;padding:2px 10px;border-radius:999px;background:#00000047;font:600 .78rem/1.4 var(--schrift);vertical-align:middle}.klapp-nr{font:700 1.1rem/1 var(--schrift-titel);opacity:.9}.klapp-kopf .icon{width:1.1em;height:1.1em;transition:transform var(--dur-kurz) var(--ease-aus)}.klapp[open]>.klapp-kopf .icon{transform:rotate(180deg)}@media(hover:hover){.klapp-kopf:hover{background:var(--gruen-hell)}}.klapp-inhalt{display:grid;gap:18px;padding:20px;background:#fff;color:var(--tinte)}.klapp-inhalt a{color:var(--gruen-dunkel)}.leistung-text p{margin:0 0 .4em;max-width:60ch}.leistung-wege{display:flex;flex-wrap:wrap;gap:0 22px;margin:0}.leistung-anfrage{font-size:1rem;min-height:40px;white-space:nowrap}.leistung-fotos{display:flex;gap:10px;flex-wrap:wrap}.leistung-foto{margin:0;flex:1 1 140px;max-width:220px}.leistung-foto .foto{width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:var(--radius);background:var(--salbei)}.leistung-kreativ .klapp-inhalt{padding-bottom:24px}.leistung-kreativ .leistung-fotos{gap:10px;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:4px}.leistung-kreativ .leistung-fotos::-webkit-scrollbar{display:none}.leistung-kreativ .leistung-foto{flex:0 0 66%;max-width:none;scroll-snap-align:start}.leistung-kreativ .leistung-foto-quer{flex-basis:88%}.leistung-kreativ .leistung-foto .foto{aspect-ratio:3 / 4}.leistung-kreativ .leistung-foto-quer .foto{aspect-ratio:4 / 3}.leistung-foto-name{margin:8px 0 0;font:600 1rem/1.3 var(--schrift-titel);color:var(--tinte)}@media(min-width:40em){.klapp-inhalt{grid-template-columns:minmax(0,1fr) auto;padding:24px}.leistung-fotos{justify-content:flex-end}.leistung-foto{flex:none;width:150px}.leistung-kreativ .klapp-inhalt{grid-template-columns:minmax(0,1fr)}.leistung-kreativ .leistung-fotos{overflow:visible;gap:12px;padding:0;justify-content:flex-start}.leistung-kreativ .leistung-foto,.leistung-kreativ .leistung-foto-quer{width:auto;min-width:0;flex:.75 1 0}.leistung-kreativ .leistung-foto-quer{flex-grow:1.3333}}@media(min-width:64em){.klapp-kopf{padding:16px 28px;min-height:72px}.klapp-inhalt{padding:28px;column-gap:32px}.leistung-foto{width:200px}.leistung-kreativ .leistung-fotos{gap:14px}}.karussell{position:relative;z-index:1}.karussell-spur{list-style:none;margin:0;display:flex;gap:16px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding:6px max(var(--rand),calc((100% - var(--breite)) / 2)) 14px;scroll-padding-inline:max(var(--rand),calc((100% - var(--breite)) / 2))}.karussell-spur::-webkit-scrollbar{display:none}.projekt{display:contents}.karte{position:relative;flex:0 0 min(78vw,360px);margin:0;scroll-snap-align:start}.karte .foto{width:100%;aspect-ratio:4 / 5;object-fit:cover;border-radius:var(--radius-foto) var(--radius-foto) 0 0;background:var(--salbei)}.karte-leiste{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:14px 16px;border-radius:0 0 var(--radius-foto) var(--radius-foto);background:var(--gruen);color:#fff}.karte-titel{font:600 1.15rem/1.25 var(--schrift-titel)}.karte-stufe{position:absolute;left:12px;top:12px;z-index:2;padding:4px 11px;border-radius:999px;background:#fffffff0;color:var(--tinte);font:600 .74rem/1.3 var(--schrift);letter-spacing:.08em;text-transform:uppercase;pointer-events:none}.karte .karte-leiste .karte-stufe{position:static;padding:0;background:none;color:#ffffffe6;border-radius:0}.foto-mehr{position:absolute;left:12px;bottom:72px;z-index:2;margin:0;padding:3px 11px;border-radius:999px;background:#212529d1;color:#fff;font:600 .9rem/1.4 var(--schrift);pointer-events:none;box-shadow:0 0 0 1.5px #fffc}.karussell-steuer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px}.karussell-punkte{display:flex;flex-wrap:wrap;gap:8px}.karussell-punkt{width:9px;height:9px;border-radius:50%;background:var(--linie-2)}.karussell-punkt.ist-aktiv{background:var(--gruen)}.karussell-pfeile{display:flex;gap:10px}.karussell-pfeil{display:inline-flex;align-items:center;justify-content:center;width:60px;height:48px;border:0;border-radius:var(--radius);background:var(--salbei);color:var(--gruen-dunkel)}.karussell-pfeil .icon{width:1.4em;height:1.4em}.karussell-pfeil[disabled]{background:#e9ebe6;color:#9aa093;cursor:default}@media(hover:hover){.karussell-pfeil:not([disabled]):hover{background:var(--gruen);color:#fff}}.kein-js .karussell-steuer{display:none}.projekt-texte{list-style:none;margin:clamp(32px,5vw,64px) 0 0;padding:0;display:grid;gap:28px 48px}.projekt-text h3{margin-bottom:.35em}.projekt-text p{max-width:60ch;margin-bottom:.6em}.projekt-ort{display:flex;align-items:center;gap:.35em;margin:0 0 .5em;font-size:.95rem;font-weight:600;color:var(--gruen-dunkel)}.projekt-zitat{margin:14px 0 0;padding:0 0 0 18px;border-left:4px solid var(--gruen)}.projekt-zitat p{margin:0 0 .25em;font:600 clamp(1.4rem,1.1rem + 1.4vw,2.2rem)/1.2 var(--schrift-titel);color:var(--tinte)}.projekt-zitat footer{font-size:.95rem}@media(min-width:64em){.karte{flex-basis:calc((min(100vw - 2 * var(--rand),var(--breite)) - 32px) / 3)}.karte-titel{font-size:1.3rem}.projekt-texte{grid-template-columns:repeat(2,minmax(0,1fr))}}.team-liste{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}.person{display:grid;gap:2px;align-content:start}.person-foto{margin:0 0 10px}.person-foto .foto{width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--radius-foto);background:var(--salbei)}.person-name{margin:0;font:600 1.15rem/1.25 var(--schrift-titel);color:var(--tinte)}.person-rolle{margin:0;font-size:.92rem;color:var(--leise)}.person-mag{margin:4px 0 0;font-size:.95rem}@media(min-width:40em){.team-liste{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 20px}.person-name{font-size:1.3rem}}@media(min-width:64em){.team-liste{grid-template-columns:repeat(4,minmax(0,1fr));gap:40px 24px}.person-rolle,.person-mag{font-size:1rem}}.karriere-karte{display:grid;background:var(--salbei);border-radius:18px;overflow:hidden}.karriere-text{padding:clamp(24px,4vw,56px)}.karriere-text .abschnitt-kopf{margin-bottom:16px}.karriere-text h2{font-size:clamp(2.4rem,1.4rem + 4vw,4.5rem)}.karriere-foto{margin:0;min-height:240px}.karriere-foto .foto{width:100%;height:100%;object-fit:cover}.bewerbung{max-width:760px;margin-top:8px}.bewerbung-auf>summary{list-style:none;display:inline-flex}.bewerbung-auf>summary::-webkit-details-marker{display:none}.bewerbung-auf>summary .icon{transition:transform var(--dur-kurz) var(--ease-aus)}.bewerbung-auf[open]>summary .icon{transform:rotate(180deg)}.bewerbung-form{margin-top:20px;padding:20px;background:#fff;border-radius:14px}.bw-du{margin:0 0 12px}.bw-frage{border:0;margin:0 0 8px;padding:0;min-width:0}.bw-frage legend{padding:0}.bw-datei{margin:14px 0 0}.bw-datei .feld-name{display:block;margin:0 0 6px}.bw-datei-zeile{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px}.datei-knopf{position:relative;min-height:44px;padding:6px 16px;font-size:.95rem;cursor:pointer}.datei-knopf input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.datei-knopf:has(input:focus-visible){outline:3px solid var(--gruen-dunkel);outline-offset:3px}.bw-datei-name{font-size:.92rem;color:var(--leise);overflow-wrap:anywhere;min-width:0}.bw-datei-weg{min-height:40px;font-size:.92rem}.bw-zustimmung{display:flex;gap:.7rem;align-items:flex-start;margin:14px 0 0;font-size:.92rem;max-width:60ch;cursor:pointer}.bw-zustimmung input{flex-shrink:0;accent-color:var(--gruen);width:32px;height:32px;margin:-.15rem 0 0}.bw-senden,.bw-erfolg{margin-top:16px}.bw-mail{margin:16px 0 0;font-size:.95rem;color:var(--leise)}@media(max-width:29.99em){.bw-senden{width:100%}}@media(min-width:64em){.karriere-karte{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.karriere-foto{min-height:100%}.karriere-karte:has(.bewerbung-auf[open]){grid-template-columns:minmax(0,3fr) minmax(0,2fr)}}.foto-knopf{position:relative;display:block;width:100%;padding:0;border:0;border-radius:var(--radius-foto);background:none;color:inherit;cursor:zoom-in;-webkit-tap-highlight-color:transparent}.foto-knopf picture{display:block}.foto-lupe{position:absolute;right:8px;bottom:8px;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:999px;background:#212529c7;color:#fff;font-size:.85rem;box-shadow:0 0 0 1.5px #fffc;pointer-events:none}.lichtbox{position:fixed;inset:0;z-index:400;background:#0c0c0b;color:#fff;overscroll-behavior:contain;animation:lichtbox-auf var(--dur-kurz) var(--ease-aus) backwards}.lichtbox-flaeche{position:absolute;display:flex;align-items:center;justify-content:center;touch-action:pan-y pinch-zoom;overflow:hidden;top:calc(max(10px,env(safe-area-inset-top)) + 64px);bottom:calc(max(10px,env(safe-area-inset-bottom)) + 88px);left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right))}.lichtbox-bild{width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-select:none;-webkit-user-drag:none;transition:transform var(--dur-kurz) var(--ease-aus)}.lichtbox-bild.wird-gezogen{transition:none}.lichtbox-bild.kommt-von-rechts{animation:bild-von-rechts var(--dur-kurz) var(--ease-aus) backwards}.lichtbox-bild.kommt-von-links{animation:bild-von-links var(--dur-kurz) var(--ease-aus) backwards}.lichtbox-zu,.lichtbox-pfeil{display:flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;border:0;border-radius:999px;background:#141414d9;color:#fff;box-shadow:0 0 0 2px #ffffffbf;-webkit-tap-highlight-color:transparent}.lichtbox-zu{position:absolute;z-index:2;width:52px;height:52px;top:max(10px,env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right))}.lichtbox-zu .icon{width:1.6em;height:1.6em}.lichtbox-pfeil{position:absolute;z-index:2;top:50%;margin-top:-24px}.lichtbox-pfeil .icon{width:1.4em;height:1.4em}.lichtbox-zurueck{left:max(8px,env(safe-area-inset-left))}.lichtbox-weiter{right:max(8px,env(safe-area-inset-right))}.lichtbox button:focus-visible{outline:3px solid #fff;outline-offset:3px}@media(hover:hover){.lichtbox-zu:hover,.lichtbox-pfeil:hover{background:#fff;color:var(--tinte)}}.lichtbox-zaehler{position:absolute;z-index:1;margin:0;top:calc(max(10px,env(safe-area-inset-top)) + 16px);left:max(16px,env(safe-area-inset-left));font-size:.9rem;font-weight:600;letter-spacing:.04em;color:#ffffffd9}.lichtbox-text{position:absolute;z-index:1;margin:0;left:max(16px,env(safe-area-inset-left));right:max(16px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));max-height:72px;overflow-y:auto;text-align:center;font-size:.86rem;line-height:1.4;color:#ffffffe0;text-wrap:balance}@keyframes lichtbox-auf{0%{opacity:0}}@keyframes bild-von-rechts{0%{opacity:0;transform:translate(36px)}}@keyframes bild-von-links{0%{opacity:0;transform:translate(-36px)}}@media(min-width:40em){.lichtbox-flaeche{left:calc(max(8px,env(safe-area-inset-left)) + 64px);right:calc(max(8px,env(safe-area-inset-right)) + 64px)}.lichtbox-zurueck{left:max(12px,env(safe-area-inset-left))}.lichtbox-weiter{right:max(12px,env(safe-area-inset-right))}.lichtbox-text{font-size:.95rem}}.anfrage-innen{display:grid;gap:28px}.anfrage-wa{margin:8px 0 0;font-size:1rem}.anfrage-wa a{display:inline-flex;align-items:center;gap:.4em;font-weight:600;min-height:40px;text-wrap:balance}.anfrage-karte{position:relative;background:#fff;border:1px solid var(--linie);border-radius:18px;padding:clamp(18px,3vw,36px)}.anfrage-form{max-width:760px}.assistent-stand{display:flex;flex-direction:column;gap:8px;margin:0 0 14px;font-weight:600;color:var(--tinte);font-size:.95rem}.stand-balken{display:block;height:6px;border-radius:3px;background:var(--salbei-2);overflow:hidden}.stand-balken span{display:block;height:100%;width:100%;background:var(--gruen);border-radius:3px;transform:scaleX(.333);transform-origin:left center;transition:transform var(--dur-stufe) 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:8px;font:600 clamp(1.4rem,1.1rem + 1.2vw,2rem)/1.15 var(--schrift-titel);color:var(--tinte)}.schritt-nr{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--gruen);color:#fff;font:600 1rem var(--schrift);flex:none}.js .assistent .schritt-nr{display:none}.hilfe{margin:0 0 10px;color:var(--leise);font-size:.95rem}.feld-name{margin:14px 0 8px;font-weight:600;color:var(--tinte)}.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:46px;padding:6px 16px;border:1.5px solid var(--linie-2);border-radius:var(--radius);background:var(--salbei);font-weight:600;font-size:.98rem;color:var(--tinte);cursor:pointer;transition:background var(--dur-kurz),border-color var(--dur-kurz)}.chip input:checked+span{background:var(--gruen);border-color:var(--gruen);color:#fff}.chip input:focus-visible+span{outline:3px solid var(--gruen-dunkel);outline-offset:3px}@media(hover:hover){.chip input:not(:checked)+span:hover{border-color:var(--gruen)}}.gestaltung-liste{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-direction:column;gap:6px}.gestaltung-liste:empty{display:none}.gestaltung-liste li{display:flex;align-items:center;gap:10px;padding:6px 6px 6px 12px;background:var(--salbei);border-radius:var(--radius)}.merk-farbe{flex:none;width:20px;height:20px;border-radius:50%;background:var(--ton);box-shadow:inset 0 0 0 1px #00000026}.gestaltung-liste span.text{flex:1;font-weight:600;color:var(--tinte);font-size:.95rem}.gestaltung-liste button{flex:none;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:0;border-radius:50%;background:#fff;color:var(--leise)}@media(hover:hover){.gestaltung-liste button:hover{color:var(--rot)}}.eingabe{display:block;margin:12px 0 6px;font-weight:600;color:var(--tinte);font-size:.98rem}input[type=text],input[type=tel],input[type=email],textarea{width:100%;padding:11px 14px;border:1.5px solid var(--linie-2);border-radius:var(--radius-feld);background:var(--salbei);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(--gruen-dunkel);outline-offset:0;border-color:var(--gruen-dunkel);background:#fff}input[aria-invalid=true],textarea[aria-invalid=true]{border-color:var(--rot)}textarea{resize:vertical}.eingabe-paar{display:grid;gap:0 12px}@media(min-width:22.5em){.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}.foto-wahl{cursor:pointer;margin-top:2px}.foto-liste{list-style:none;margin:12px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,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:var(--radius);background:var(--salbei)}.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:#212529d9;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:18px 0 16px;padding:0;display:grid;gap:0}.uebersicht:empty{display:none}.uebersicht div{display:grid;grid-template-columns:7rem minmax(0,1fr) auto;gap:8px;align-items:start;padding:8px 0;border-top:1px solid var(--linie);font-size:.95rem}.uebersicht div:last-child{border-bottom:1px solid var(--linie)}.uebersicht dt{font-weight:600;color:var(--tinte);font-size:.92rem;overflow-wrap:anywhere}.uebersicht dd{margin:0}.uebersicht .text-knopf{min-height:28px;padding:0 2px;font-size:.9rem}.bw-erfolg .uebersicht{grid-template-columns:1fr}.bw-erfolg .uebersicht dt,.bw-erfolg .uebersicht dd{padding:4px 0}@media(min-width:40em){.uebersicht div{grid-template-columns:7rem 1fr auto;padding:10px 0;font-size:1rem}}.datenschutz-hinweis{font-size:.92rem;color:var(--leise);margin:0}.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-feld);background:#fbedee;color:var(--rot);font-weight:600;border:1px solid rgb(180 35 24 / .3)}.meldung.ist-ok{background:#e8f4ec;color:var(--gruen-ok);border-color:#1f7a4d66}.assistent-knoepfe{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;margin-top:14px}.assistent-knoepfe [data-abbrechen]{margin-left:auto}.anfrage-erfolg{max-width:760px;padding:24px;background:var(--salbei);border-radius:16px}.erfolg-vorschau{max-width:760px;margin:12px 0 0;font-size:.9rem;color:var(--leise)}.erfolg-titel{margin-bottom:.4em}.erfolg-wege{display:flex;flex-wrap:wrap;gap:10px 20px;align-items:center;margin:16px 0 0}@media(min-width:64em){.anfrage-innen{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,5vw,72px);align-items:start}.anfrage-kopf .abschnitt-kopf{margin-bottom:8px}}.kontakt-innen{display:grid;gap:36px;align-items:start}.kontakt-wege{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}.kontakt-weg{display:grid;gap:4px;align-content:start}.kontakt-weg .icon{width:30px;height:30px;color:var(--gruen);margin-bottom:6px}.kontakt-weg-name{margin:0;font:600 clamp(1.3rem,1.1rem + .8vw,1.8rem)/1.2 var(--schrift-titel);color:var(--tinte)}.kontakt-link{font-weight:600;font-size:1rem;overflow-wrap:anywhere}.kontakt-adresse{margin:0;font-size:1rem}.material-karte{background:var(--salbei);border-radius:16px;padding:clamp(22px,3vw,36px)}.material-titel{margin-bottom:.4em}.material-liste{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:6px}.material-liste li{position:relative;padding-left:22px;font-weight:600}.material-liste li:before{content:"";position:absolute;left:0;top:.62em;width:9px;height:9px;border-radius:50%;background:var(--gruen)}.material-hinweis{margin:0;font-size:1rem}@media(min-width:64em){.kontakt-innen{grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:clamp(40px,6vw,96px)}}.fuss{background:var(--salbei);color:var(--text);padding:clamp(40px,6vw,72px) 0 32px}.fuss-innen{width:min(100% - 2 * var(--rand),var(--breite));margin-inline:auto;display:grid;gap:14px;justify-items:center;text-align:center}.fuss-marke{margin:0 0 8px}.fuss-logo{width:min(100%,360px);height:auto}.fuss-zeile{margin:0;font-size:.92rem;color:var(--leise)}.fuss-links{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 22px;margin:0;font-size:.95rem}.fuss-links a{display:inline-flex;align-items:center;gap:.35em;min-height:36px;text-decoration:none;font-weight:600;color:var(--tinte)}.cardo{font-weight:800;letter-spacing:.02em}@media(min-width:64em){.fuss-logo{width:440px}}@media(max-width:63.99em){.fuss{padding-bottom:104px}}.leiste{position:fixed;z-index:40;display:flex;gap:8px;padding:8px;background:#fff;border-radius:16px;box-shadow:0 10px 34px #21252933,0 0 0 1px var(--linie);transition:opacity var(--dur-kurz),transform var(--dur-stufe) var(--ease-aus);left:50%;bottom:max(14px,env(safe-area-inset-bottom));transform:translate(-50%)}.leiste-knopf{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:10px;background:var(--salbei);color:var(--gruen-dunkel);text-decoration:none}.leiste-knopf .icon{width:1.5em;height:1.5em}.leiste-anfrage{background:var(--gruen);color:#fff}@media(hover:hover){.leiste-knopf:hover{background:var(--gruen);color:#fff}}.leiste.ist-weg{opacity:0;pointer-events:none;transform:translate(-50%,20px)}html.sperre .leiste{display:none}@media(min-width:64em){.leiste{inset:50% 16px auto auto;flex-direction:column;transform:translateY(-50%)}.leiste.ist-weg{transform:translate(20px,-50%)}}.seiten-kopf{padding:clamp(28px,5vw,56px) 0 0}.seiten-kopf h1{margin:8px 0 12px;font-size:clamp(2.4rem,1.5rem + 3.5vw,4.5rem)}.zurueck{margin:0}.entwurf-hinweis{display:flex;gap:8px;align-items:flex-start;padding:12px 14px;background:var(--salbei);border:1px solid var(--linie-2);border-radius:8px;font-size:.95rem;color:var(--tinte)}.text-seite h2{font-size:1.4rem;margin:1.6em 0 .5em}.text-seite p{max-width:70ch}.kurzfassung{padding:14px 16px;background:var(--salbei);border-radius:var(--radius-feld)}.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(--salbei);border-radius:16px}.ergebnis-liste{color:var(--rot);font-weight:600}body.text .leiste{display:none}.tropfen{position:absolute;z-index:3;pointer-events:none}.raum-buehne .tropfen-raum{right:-12px;bottom:-12px;width:64px;height:64px;filter:drop-shadow(0 0 1.5px rgba(255,255,255,.95)) drop-shadow(0 1px 3px rgba(20,20,20,.35))}.tropfen-farbe{display:block;width:100%;height:100%;background-color:var(--tropfen-ton, #D9D5CC);-webkit-mask:url(/assets/img/kleckse/klecks-blau-2-320.webp) center / 100% 100% no-repeat;mask:url(/assets/img/kleckse/klecks-blau-2-320.webp) center / 100% 100% no-repeat}.tropfen-raum.blueht .tropfen-farbe{animation:tropfen-farbe-auf .6s var(--ease-pinsel)}@keyframes tropfen-farbe-auf{0%{-webkit-mask-size:0% 0%;mask-size:0% 0%}to{-webkit-mask-size:100% 100%;mask-size:100% 100%}}@media(prefers-reduced-motion:reduce){.tropfen-raum.blueht .tropfen-farbe{animation:none}}@media(min-width:40em){.raum-buehne .tropfen-raum{width:84px;height:84px;right:-14px;bottom:-14px}}@media(min-width:64em){.raum-buehne .tropfen-raum{width:112px;height:112px;right:-18px;bottom:-18px}}.raum-voll .tropfen{display:none}
