@font-face{font-family:EB Garamond;src:url(/assets/fonts/eb-garamond.woff2) format("woff2");font-weight:400 800;font-style:normal;font-display:swap}@font-face{font-family:Hanken;src:url(/assets/fonts/hanken.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Archivo Breit;src:url(/assets/fonts/archivo-breit.woff2) format("woff2");font-weight:700 900;font-style:normal;font-display:swap}:root{--nuss: #2a180e;--nuss-2: #321b0d;--nuss-3: #412a1c;--nuss-4: #533826;--kupfer: #e4a874;--kupfer-licht: #fbbf83;--kupfer-dunkel: #a86a3a;--hell: #f3e9dc;--hell-2: #e9dcc9;--hell-3: #d9c8b0;--creme: #f7efe4;--creme-schwach: rgba(247, 239, 228, .72);--linie: rgba(228, 168, 116, .55);--linie-schwach: rgba(228, 168, 116, .28);--fehler: #ffb4a0;--fehler-dunkel: #9b2f14;--titel: "EB Garamond", Georgia, "Times New Roman", serif;--text: "Hanken", "Segoe UI", system-ui, sans-serif;--marke: "Archivo Breit", "Arial Black", sans-serif;--ease-zeichnen: cubic-bezier(.65, 0, .35, 1);--ease-ui: cubic-bezier(.4, 0, .2, 1);--dur-strich: 1.2s;--dur-ui: .25s;--rand: 1.25rem;--kopf-h: 4.25rem;--leiste-h: 4.25rem;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{font-size:100%;-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--kopf-h) + 1rem)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0;background:var(--nuss);color:var(--creme);font-family:var(--text);font-size:1.125rem;line-height:1.55;overflow-x:clip;padding-bottom:calc(var(--leiste-h) + env(safe-area-inset-bottom,0px))}@media(min-width:60em){body{font-size:1.2rem;padding-bottom:0}}img,svg,picture{display:block;max-width:100%}[hidden]{display:none!important}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.18em}p{margin:0 0 1em}h1,h2,h3{font-family:var(--titel);font-weight:500;line-height:1.05;margin:0 0 .5em;letter-spacing:-.005em;text-wrap:balance}h3{font-size:1.75rem;line-height:1.15}.titel{font-size:clamp(2.2rem,1.4rem + 3.6vw,4.5rem);margin-bottom:.45em}.vorspann{font-size:1.15em;max-width:36em;margin-bottom:2.2rem;color:var(--creme-schwach)}.hell .vorspann{color:#2a180ec7}.innen{width:min(100% - 2 * var(--rand),76rem);margin-inline:auto}.schmal{max-width:44rem}section{padding-block:clamp(3.5rem,6vw,7rem);position:relative}.hell{background:var(--hell);color:var(--nuss);color-scheme:light}.hell a{color:var(--nuss)}:focus-visible{outline:2px solid var(--kupfer-licht);outline-offset:3px}.hell :focus-visible{outline-color:var(--kupfer-dunkel)}.kein-js [data-js-nur]{display:none}.knopf{display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:3.25rem;padding:.7em 1.4em;font:600 1rem/1.1 var(--text);letter-spacing:.02em;text-decoration:none;white-space:nowrap;border:1px solid var(--kupfer);cursor:pointer;border-radius:0;transition:background-color var(--dur-ui) var(--ease-ui),color var(--dur-ui) var(--ease-ui),border-color var(--dur-ui) var(--ease-ui)}.knopf-voll{background:var(--kupfer);color:var(--nuss)}.knopf-linie{background:transparent;color:var(--creme)}.hell .knopf-linie{color:var(--nuss);border-color:var(--kupfer-dunkel)}@media(hover:hover){.knopf-voll:hover{background:var(--kupfer-licht);border-color:var(--kupfer-licht)}.knopf-linie:hover{background:#e4a87424}}.knopf[disabled],.knopf[aria-disabled=true]{opacity:.55;cursor:default}.text-knopf{background:none;border:0;padding:0;font:inherit;color:var(--kupfer);text-decoration:underline;text-underline-offset:.18em;cursor:pointer}.hell .text-knopf{color:var(--kupfer-dunkel)}.rahmen{display:none}@media(min-width:60em){.rahmen{display:block;position:fixed;inset:var(--kopf-h) 12px 12px;border:1px solid var(--linie);pointer-events:none;z-index:70;transition:border-color var(--dur-ui) var(--ease-ui)}.rahmen:before,.rahmen:after{content:"";position:absolute;width:15px;height:15px;border:1px solid var(--kupfer);transition:border-color var(--dur-ui) var(--ease-ui)}.rahmen:before{left:-1px;top:-1px;border-right:0;border-bottom:0}.rahmen:after{right:-1px;bottom:-1px;border-left:0;border-top:0}body.auf-hell .rahmen{border-color:#a86a3a99}body.auf-hell .rahmen:before,body.auf-hell .rahmen:after{border-color:var(--kupfer-dunkel)}}.kopf{position:fixed;inset:0 0 auto;z-index:80;transition:background-color var(--dur-ui) var(--ease-ui),box-shadow var(--dur-ui) var(--ease-ui)}.kopf.fest,.kopf-fest{background:var(--nuss);box-shadow:0 1px 0 var(--linie-schwach)}.kopf-innen{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:var(--kopf-h);width:min(100% - 2 * var(--rand),80rem);margin-inline:auto}.marke{display:flex;align-items:center;gap:.7rem;text-decoration:none;color:var(--creme);min-width:0}.marke-zeichen{flex:none;width:40px;height:auto}.marke-text{display:flex;flex-direction:column;line-height:1.1;min-width:0}.marke-name{font:700 .95rem var(--marke);letter-spacing:.22em;color:var(--kupfer)}.marke-zeile{font:500 .62rem var(--titel);letter-spacing:.12em;text-transform:uppercase;color:var(--creme-schwach);white-space:nowrap;margin-top:.2em}@media(max-width:30em){.marke-zeile{display:none}}.menue{display:none}.menue-klein{display:flex;align-items:center;gap:1rem}.menue-klein a{text-decoration:none;font:500 .85rem var(--text);letter-spacing:.06em;text-transform:uppercase;color:var(--creme);padding:.6rem .8rem;border:1px solid var(--linie);min-height:2.75rem;display:inline-flex;align-items:center;white-space:nowrap}.menue-klein .menue-tel{display:none}@media(min-width:60em){.menue-klein a{border:0;padding:.4rem 0;font-size:.95rem}.menue-klein .menue-tel{display:inline-flex}}.menue-knopf{display:inline-flex;align-items:center;gap:.55rem;background:none;border:1px solid var(--linie);color:var(--creme);font:600 .85rem var(--text);letter-spacing:.08em;text-transform:uppercase;padding:.55rem .8rem;min-height:2.75rem;cursor:pointer}.menue-knopf-strich{position:relative;width:18px;height:2px;background:var(--kupfer);display:block}.menue-knopf-strich:before,.menue-knopf-strich:after{content:"";position:absolute;left:0;width:18px;height:2px;background:var(--kupfer);transition:transform var(--dur-ui) var(--ease-ui)}.menue-knopf-strich:before{top:-6px}.menue-knopf-strich:after{top:6px}.menue-knopf[aria-expanded=true] .menue-knopf-strich{background:transparent}.menue-knopf[aria-expanded=true] .menue-knopf-strich:before{transform:translateY(6px) rotate(45deg)}.menue-knopf[aria-expanded=true] .menue-knopf-strich:after{transform:translateY(-6px) rotate(-45deg)}.menue-handy{background:var(--nuss);border-top:1px solid var(--linie-schwach);border-bottom:1px solid var(--linie);display:grid}.menue-handy a{padding:.95rem var(--rand);font:500 1.35rem var(--titel);text-decoration:none;border-bottom:1px solid var(--linie-schwach)}.menue-handy a:last-child{border-bottom:0;font-family:var(--text);font-size:1rem;letter-spacing:.06em;text-transform:uppercase}@media(min-width:60em){.menue-knopf,.menue-handy{display:none!important}.menue{display:flex;align-items:center;gap:clamp(1rem,2vw,2rem)}.menue a{text-decoration:none;font:500 .95rem var(--text);letter-spacing:.06em;text-transform:uppercase;color:var(--creme);padding:.4rem 0;border-bottom:1px solid transparent;white-space:nowrap}.menue-tel{color:var(--kupfer)!important;font-variant-numeric:tabular-nums}}@media(min-width:60em)and (hover:hover){.menue a:hover{border-bottom-color:var(--kupfer)}}.einstieg{padding:0;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;position:relative;isolation:isolate;overflow:hidden}.einstieg-bild{position:absolute;inset:0 0 auto;height:clamp(380px,120vw,72vh);height:clamp(380px,120vw,72svh);overflow:hidden;z-index:-1}.einstieg-bild picture{position:absolute;inset:0}.einstieg-foto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%}.einstieg-schleier{position:absolute;inset:0;background:var(--nuss);opacity:.55;pointer-events:none}.einstieg-bild:after{content:"";position:absolute;inset:auto 0 0;height:42%;background:linear-gradient(to bottom,rgba(42,24,14,0),var(--nuss))}.einstieg-text{position:relative;padding:calc(clamp(380px,120vw,72vh) - 4.5rem) var(--rand) 1.5rem;padding-top:calc(clamp(380px,120vw,72svh) - 4.5rem);width:100%}.einstieg-titel{font-size:clamp(2.5rem,1.5rem + 4.2vw,5rem);line-height:1.02;margin-bottom:.4em;max-width:9.5em}.einstieg-satz{font-size:1.05em;max-width:32em;color:var(--creme);margin-bottom:1.5rem}.einstieg-knoepfe{display:flex;flex-wrap:wrap;gap:.75rem}.einstieg-knoepfe .knopf{flex:1 1 auto}.einstieg .bild-marke-einstieg{z-index:3;left:.4rem;right:auto;top:50%;bottom:auto;transform:translateY(-50%) rotate(180deg);writing-mode:vertical-rl;padding:.6em .3em}@media(max-width:59.99em){.einstieg-anruf{display:none}}.einstieg-these{margin:1.6rem 0 0;font:500 .8rem var(--titel);letter-spacing:.22em;text-transform:uppercase;color:var(--kupfer);display:flex;align-items:center;gap:.8rem}.einstieg-these:before{content:"";width:2.4rem;height:1px;background:var(--kupfer)}@media(min-width:60em){.einstieg{display:grid;grid-template-columns:46% 54%;min-height:100vh;min-height:100svh;max-height:1100px;align-items:stretch}.einstieg-bild{position:relative;inset:auto;grid-column:2;height:auto;z-index:0}.einstieg-bild:after{inset:0 auto 0 0;height:auto;width:34%;background:linear-gradient(to right,var(--nuss),rgba(42,24,14,0))}.einstieg-text{grid-column:1;grid-row:1;align-self:end;padding:calc(var(--kopf-h) + 3rem) 1.5rem 4rem clamp(2rem,5vw,4.5rem);max-width:44rem}.einstieg-knoepfe .knopf{flex:0 0 auto}.einstieg .bild-marke-einstieg{left:auto;right:1.75rem;top:auto;bottom:1.75rem;transform:none;writing-mode:horizontal-tb;padding:.3em .6em}}.mz{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.mz-linie{fill:none;stroke:var(--kupfer-licht);stroke-width:2.2;vector-effect:non-scaling-stroke;stroke-linecap:square;stroke-dasharray:1;stroke-dashoffset:0}.mz-umriss{stroke-width:2.6}.mz-hilfs{stroke-width:1.4;opacity:.85}.mz-zahl{font:600 30px var(--text);letter-spacing:.08em;fill:var(--kupfer-licht);font-variant-numeric:tabular-nums}.js .einstieg:not(.gleich) .mz-linie{stroke-dashoffset:1;animation:mz-ziehen var(--dur-strich) var(--ease-zeichnen) forwards}.js .einstieg:not(.gleich) .mz-zahl{opacity:0;animation:mz-zahl .5s var(--ease-ui) forwards}.js .einstieg:not(.gleich) .einstieg-schleier{animation:mz-schleier 2.4s var(--ease-ui) .9s forwards}.js .einstieg:not(.gleich) .mz-g{animation:mz-ruhe 1.4s var(--ease-ui) 4.4s forwards}.einstieg.gleich .einstieg-schleier{opacity:0}.einstieg.gleich .mz-g{opacity:.72}[data-verz="0"]{animation-delay:.25s!important}[data-verz="1"]{animation-delay:1.3s!important}[data-verz="2"]{animation-delay:2.1s!important}[data-verz="3"]{animation-delay:2.9s!important}text[data-verz="1"]{animation-delay:2.2s!important}text[data-verz="2"]{animation-delay:3s!important}text[data-verz="3"]{animation-delay:3.8s!important}@keyframes mz-ziehen{to{stroke-dashoffset:0}}@keyframes mz-zahl{to{opacity:1}}@keyframes mz-schleier{to{opacity:0}}@keyframes mz-ruhe{to{opacity:.72}}@media(prefers-reduced-motion:reduce){.js .einstieg .mz-linie,.js .einstieg .mz-zahl,.js .einstieg .einstieg-schleier,.js .einstieg .mz-g{animation:none!important}.js .einstieg .mz-linie{stroke-dashoffset:0}.js .einstieg .mz-zahl{opacity:1}.js .einstieg .einstieg-schleier{opacity:0}.js .einstieg .mz-g{opacity:.72}}.kein-js .einstieg-schleier{opacity:0}.kein-js .mz-g{opacity:.72}.planer{background:var(--nuss-2)}.planer-raster{display:grid;gap:2rem}.planer fieldset{border:0;padding:0;margin:0 0 1.5rem;min-width:0}.planer legend,.regler-zeile>label,.label-text{display:block;font:500 .78rem var(--text);letter-spacing:.14em;text-transform:uppercase;color:var(--kupfer);margin-bottom:.6rem}.arten{display:flex;flex-wrap:wrap;gap:.5rem}.art{position:relative}.art input{position:absolute;inset:0;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.art span{display:inline-flex;align-items:center;min-height:2.75rem;padding:.5rem .95rem;border:1px solid var(--linie);font:500 .95rem/1.1 var(--text);white-space:nowrap;transition:background-color var(--dur-ui) var(--ease-ui),border-color var(--dur-ui) var(--ease-ui),color var(--dur-ui) var(--ease-ui)}.art input:checked+span{background:var(--kupfer);color:var(--nuss);border-color:var(--kupfer)}.art input:focus-visible+span{outline:2px solid var(--kupfer-licht);outline-offset:3px}@media(hover:hover){.art input:not(:checked):hover+span{border-color:var(--kupfer)}}.regler-zeile{margin-bottom:1.2rem}.regler-zeile>label{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}.regler-zeile>label small{font:400 .8rem var(--text);letter-spacing:0;text-transform:none;color:var(--creme-schwach)}.regler-paar{display:grid;grid-template-columns:minmax(0,1fr) 6.4rem;gap:.9rem;align-items:center}.regler-paar input[type=range]{min-width:0}.regler-paar input[type=number]{width:100%;min-height:2.75rem;background:var(--nuss);color:var(--creme);border:1px solid var(--linie);padding:.35rem .5rem;font:600 1.15rem var(--text);font-variant-numeric:tabular-nums;text-align:right;border-radius:0}.regler-paar input[type=number]:focus{outline:2px solid var(--kupfer-licht);outline-offset:1px;border-color:var(--kupfer)}.regler-paar .einheit{position:relative}.regler-paar .einheit:after{content:attr(data-einheit);position:absolute;right:.55rem;top:50%;transform:translateY(-50%);font-size:.8rem;color:var(--creme-schwach);pointer-events:none}.regler-paar .einheit input{padding-right:1.9rem}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:2.75rem;background:transparent;margin:0;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:2px;background:var(--linie)}input[type=range]::-moz-range-track{height:2px;background:var(--linie)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;margin-top:-10px;background:var(--kupfer);border:0;border-radius:0;transform:rotate(45deg)}input[type=range]::-moz-range-thumb{width:22px;height:22px;background:var(--kupfer);border:0;border-radius:0;transform:rotate(45deg)}input[type=range]:focus-visible{outline:none}input[type=range]:focus-visible::-webkit-slider-thumb{outline:2px solid var(--kupfer-licht);outline-offset:3px}input[type=range]:focus-visible::-moz-range-thumb{outline:2px solid var(--kupfer-licht);outline-offset:3px}.wahl{display:flex;flex-wrap:wrap;gap:.5rem}.wahl-feld{position:relative;display:inline-flex;align-items:center;gap:.55rem;min-height:2.75rem;padding:.4rem .85rem .4rem .5rem;border:1px solid var(--linie);font:500 .95rem var(--text);cursor:pointer}.wahl-feld input{position:absolute;inset:0;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.wahl-feld:has(input:checked){border-color:var(--kupfer);background:#e4a8741f}.wahl-feld:has(input:focus-visible){outline:2px solid var(--kupfer-licht);outline-offset:3px}.muster{width:1.5rem;height:1.5rem;flex:none;border:1px solid rgba(255,255,255,.18)}.muster-dunkel{background:#3b3a39}.muster-hell{background:#e6e0d5}.muster-eiche{background:linear-gradient(100deg,#c99a62 0 30%,#b8884f 30% 48%,#cfa36c 48% 70%,#bd8d55 70%)}.muster-nuss{background:linear-gradient(100deg,#5a3a26 0 35%,#4a2e1d 35% 55%,#654530 55% 80%,#4d3121 80%)}.muster-esche{background:linear-gradient(100deg,#e8d9bf 0 30%,#dcc9a9 30% 50%,#ecdfc8 50% 75%,#d8c3a0 75%)}.schalter{display:inline-flex;align-items:center;gap:.75rem;cursor:pointer;min-height:2.75rem;font:500 1rem var(--text);position:relative}.schalter input{position:absolute;opacity:0;width:1px;height:1px}.schalter-knopf{width:3rem;height:1.6rem;border:1px solid var(--linie);position:relative;flex:none;transition:background-color var(--dur-ui) var(--ease-ui)}.schalter-knopf:after{content:"";position:absolute;top:3px;left:3px;width:calc(1.6rem - 8px);height:calc(1.6rem - 8px);background:var(--creme-schwach);transition:transform var(--dur-ui) var(--ease-ui),background-color var(--dur-ui) var(--ease-ui)}.schalter input:checked+.schalter-knopf{background:#e4a8742e;border-color:var(--kupfer)}.schalter input:checked+.schalter-knopf:after{transform:translate(1.4rem);background:var(--kupfer-licht);box-shadow:0 0 10px 2px #fbbf838c}.schalter input:focus-visible+.schalter-knopf{outline:2px solid var(--kupfer-licht);outline-offset:3px}.zeichnung-blatt{background:var(--nuss);border:1px solid var(--linie);padding:1rem;position:relative}.zeichnung-blatt:before,.zeichnung-blatt:after{content:"";position:absolute;width:12px;height:12px;border:1px solid var(--kupfer)}.zeichnung-blatt:before{left:-1px;top:-1px;border-right:0;border-bottom:0}.zeichnung-blatt:after{right:-1px;bottom:-1px;border-left:0;border-top:0}.zeichnung-bild{min-width:0}.zeichnung-kopf{display:flex;justify-content:space-between;gap:1rem;font:500 .72rem var(--text);letter-spacing:.14em;text-transform:uppercase;color:var(--kupfer);margin-bottom:.5rem}.zeichnung{width:100%;height:auto;aspect-ratio:640 / 420;font-family:var(--text)}.zeichnung .z-kante{fill:none;stroke:var(--kupfer-licht);stroke-width:1.6}.zeichnung .z-flaeche{stroke:var(--kupfer-licht);stroke-width:1.6}.zeichnung .z-front-dunkel{fill:#3a3837}.zeichnung .z-front-hell{fill:#d9d2c6}.zeichnung .z-front-eiche{fill:#c99a62}.zeichnung .z-holz-eiche{fill:#b8884f}.zeichnung .z-holz-nussbaum{fill:#5a3a26}.zeichnung .z-holz-esche{fill:#dcc9a9}.zeichnung .z-innen{fill:none;stroke:#fbbf83b3;stroke-width:1}.zeichnung .z-duenn{fill:none;stroke:#fbbf838c;stroke-width:.8;stroke-dasharray:4 4}.zeichnung .z-mass{fill:none;stroke:var(--kupfer);stroke-width:1.2}.zeichnung .z-hilfs{fill:none;stroke:var(--kupfer);stroke-width:.8;opacity:.8}.zeichnung .z-tick{fill:none;stroke:var(--kupfer);stroke-width:1.4}.zeichnung .z-zahl{font:600 var(--z-fs, 13px) var(--text);letter-spacing:.06em;fill:var(--kupfer-licht);font-variant-numeric:tabular-nums}.zeichnung .z-text{font:500 var(--z-fs-t, 11px) var(--text);letter-spacing:.1em;text-transform:uppercase;fill:var(--kupfer)}.zeichnung .z-licht{fill:var(--kupfer-licht);opacity:.9}.zeichnung .z-schein{fill:url(#z-schein)}.zeichnung .z-boden{fill:none;stroke:#fbbf8380;stroke-width:1}.zeichnung .z-dach{fill:none;stroke:var(--creme-schwach);stroke-width:1.2}.zeichnung .z-person{fill:none;stroke:#f7efe473;stroke-width:1}.zeichnung-text{margin:.8rem 0 0;font-size:.95rem;line-height:1.5;color:var(--creme)}.zeichnung-hinweis{margin:.4rem 0 0;font-size:.9rem;color:var(--kupfer)}.zeichnung-klein{font-size:.85rem;color:var(--creme-schwach);margin:.8rem 0 1rem}.regler-hinweis{margin:-.2rem 0 0;font-size:.9rem;color:var(--kupfer-licht)}.planer-uebernehmen{width:100%}@media(max-width:59.99em){.planer-raster{display:flex;flex-direction:column;gap:1.2rem}.planer-zeichnung,.zeichnung-blatt{display:contents}.zeichnung-blatt:before,.zeichnung-blatt:after{content:none}.zeichnung-bild{order:-1;position:sticky;top:var(--kopf-h);z-index:20;background:var(--nuss);border:1px solid var(--linie);padding:.4rem .7rem .5rem;max-height:38vh;max-height:38svh;box-shadow:0 10px 14px -8px #0000008c}.zeichnung-kopf{margin-bottom:.2rem;font-size:.66rem;letter-spacing:.1em;white-space:nowrap}.zeichnung{max-height:calc(38vh - 2.6rem);max-height:calc(38svh - 2.6rem)}.zeichnung-text{margin-top:0}.zeichnung-klein{margin:0}}@media(max-width:59.99em)and (max-height:32rem){.zeichnung-bild{position:static;max-height:none}.zeichnung{max-height:none}}.planer .vorspann{margin-bottom:1.8rem}@media(min-width:60em){.planer-raster{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:3.5rem;align-items:start}.planer-zeichnung{position:sticky;top:calc(var(--kopf-h) + 1rem)}.planer-uebernehmen{width:auto}}.bauen-liste{display:grid;gap:2.5rem}.bau{display:grid;gap:1rem}.bau-bild{position:relative}.bau-bild img{width:100%;height:auto;aspect-ratio:3 / 2;object-fit:cover}.bild-marke{position:absolute;right:.6rem;bottom:.6rem;font:500 .65rem var(--text);letter-spacing:.12em;text-transform:uppercase;color:var(--creme);background:#2a180eb8;padding:.3em .6em}.bau-text h3{font-size:clamp(1.75rem,1.2rem + 1.8vw,2.6rem);margin-bottom:.35em}.bau-text p{margin:0;max-width:32em}.bau-text{padding-left:1rem;border-left:1px solid var(--kupfer-dunkel)}@media(min-width:60em){.bauen-liste{gap:4rem}.bau{grid-template-columns:1fr 1fr;align-items:center;gap:3.5rem}.bau:nth-child(2n) .bau-bild{order:2}.bau-text{padding-left:1.5rem}}.tobias{background:var(--nuss)}.tobias-raster{display:grid;gap:2rem}.tobias-foto{margin:0;max-width:28rem}.tobias-foto img{width:100%;height:auto;aspect-ratio:4 / 5;object-fit:cover}.tobias-foto figcaption{font-size:.85rem;color:var(--creme-schwach);margin-top:.6rem;padding-left:.8rem;border-left:1px solid var(--kupfer-dunkel)}.tobias-text p{max-width:34em}.tobias-klein{font:500 .8rem var(--text);letter-spacing:.14em;text-transform:uppercase;color:var(--kupfer);margin-top:1.6rem}@media(min-width:60em){.tobias-raster{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:4rem;align-items:center}}.kette{list-style:none;margin:0;padding:0;display:grid;gap:2rem;position:relative}.kette-schritt{position:relative;padding-left:3.6rem}.kette-mass{position:absolute;left:0;top:.2rem;bottom:-2rem;width:2.4rem}.kette-mass:before{content:"";position:absolute;left:1.2rem;top:0;bottom:0;width:1px;background:var(--kupfer-dunkel)}.kette-mass:after{content:"";position:absolute;left:calc(1.2rem - 7px);top:-1px;width:14px;height:1px;background:var(--kupfer-dunkel);transform:rotate(-45deg)}.kette-schritt:last-child .kette-mass{bottom:0}.kette-zahl{position:absolute;left:0;top:.9rem;width:2.4rem;text-align:center;background:var(--hell);font:500 1.6rem var(--titel);color:var(--kupfer-dunkel);line-height:1}.kette-schritt h3{font-size:clamp(1.6rem,1.2rem + 1.4vw,2.2rem);margin-bottom:.35em}.kette-schritt p{margin:0;max-width:28em}@media(min-width:60em){.kette{grid-template-columns:repeat(3,1fr);gap:3rem;padding-top:4.5rem}.kette-schritt{padding-left:0}.kette-mass{left:0;right:-3rem;top:-4.5rem;bottom:auto;height:2.5rem;width:auto}.kette-mass:before{left:0;right:0;top:1.25rem;bottom:auto;height:1px;width:auto}.kette-mass:after{left:-7px;top:calc(1.25rem - 7px);width:1px;height:14px;transform:rotate(-45deg)}.kette-schritt:last-child .kette-mass{right:0}.kette-schritt:last-child .kette-mass:before{right:0}.kette-zahl{left:50%;transform:translate(-50%);top:0;width:3rem;padding-inline:.4rem}}.anfrage{background:var(--nuss-2)}.anfrage-innen{max-width:52rem}.formular{display:grid;gap:1.1rem}.honig{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.felder{display:grid;gap:1.1rem}.feld label,.label-text{display:block;font:500 .78rem var(--text);letter-spacing:.14em;text-transform:uppercase;color:var(--kupfer);margin-bottom:.45rem}.feld input[type=text],.feld input[type=tel],.feld input[type=email],.feld textarea{width:100%;min-height:3.1rem;background:var(--nuss);color:var(--creme);border:1px solid var(--linie);border-radius:0;padding:.7rem .85rem;font:400 1.05rem var(--text)}.feld textarea{resize:vertical;line-height:1.5}.feld input:focus,.feld textarea:focus{outline:2px solid var(--kupfer-licht);outline-offset:1px;border-color:var(--kupfer)}.feld [aria-invalid=true]{border-color:var(--fehler)}.feld-paar,.feld-ort{display:grid;gap:1.1rem}@media(min-width:40em){.feld-paar{grid-template-columns:1fr 1fr}.feld-ort{grid-template-columns:8rem 1fr}}.fehler{margin:.5rem 0 0;font-size:.95rem;color:var(--fehler)}.fehler-breit{margin:0}.feld-hinweis{margin:0;font-size:.9rem;color:var(--creme-schwach)}.skizze{scroll-margin-top:calc(var(--kopf-h) + 1rem);scroll-margin-bottom:calc(var(--leiste-h) + .5rem);border:1px solid var(--kupfer);padding:.9rem 1rem;background:#e4a87414}.skizze-kopf{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;font:500 .75rem var(--text);letter-spacing:.14em;text-transform:uppercase;color:var(--kupfer);margin-bottom:.4rem}.skizze-inhalt{margin:0;font-size:1rem;white-space:pre-line}.foto-wahl{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.knopf-datei{position:relative;overflow:hidden;margin:0;font:600 1rem/1.1 var(--text);letter-spacing:.02em;text-transform:none;color:var(--creme)}.knopf-datei input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer;font-size:0}.knopf-datei:has(input:focus-visible){outline:2px solid var(--kupfer-licht);outline-offset:3px}.foto-vorschau{display:flex;align-items:center;gap:.75rem;font-size:.9rem}.foto-vorschau img{width:3.5rem;height:3.5rem;object-fit:cover;border:1px solid var(--linie)}.knopf-senden{justify-self:start;min-width:14rem}.knopf-senden.laeuft{opacity:.7}.erfolg{scroll-margin-top:calc(var(--kopf-h) + 1rem);border:1px solid var(--kupfer);padding:1.5rem;background:#e4a87414}.erfolg-titel{font-size:clamp(1.8rem,1.3rem + 1.6vw,2.4rem)}.erfolg-liste{display:grid;grid-template-columns:auto 1fr;gap:.35rem 1.2rem;margin:0 0 1.2rem;font-size:1rem}.erfolg-liste dt{color:var(--kupfer);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;padding-top:.25rem}.erfolg-liste dd{margin:0;white-space:pre-line;min-width:0;overflow-wrap:anywhere}@media(max-width:29.99em){.erfolg-liste{grid-template-columns:minmax(0,1fr);gap:0}.erfolg-liste dd{margin-bottom:.7rem}}.erfolg-vorschau{font-size:.9rem;color:var(--creme-schwach)}.fuss{border-top:1px solid var(--linie-schwach);padding:2.5rem 0 2rem;background:var(--nuss)}.fuss-innen{display:grid;gap:1.6rem}.fuss-marke{display:flex;align-items:center;gap:1rem}.fuss-zeile{font:500 .7rem var(--titel);letter-spacing:.12em;text-transform:uppercase;color:var(--creme-schwach)}.fuss-kontakt{display:grid;gap:.1rem;font-size:1rem;justify-items:start}.fuss-kontakt a,.fuss-links a{text-decoration:none;display:inline-flex;align-items:center;min-height:2.75rem}.fuss-kontakt span{display:inline-flex;align-items:center;min-height:2.75rem}.fuss-links{display:flex;flex-wrap:wrap;gap:0 1.2rem;font-size:.95rem;align-items:center}.cardo{font-family:var(--titel);font-weight:500;font-size:1.1rem;letter-spacing:.04em;color:var(--creme-schwach)}@media(hover:hover){.fuss a:hover{color:var(--kupfer)}}@media(min-width:60em){.fuss-innen{grid-template-columns:1.2fr 1fr max-content;align-items:center}}.leiste{position:fixed;inset:auto 0 0;z-index:55;display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--kupfer);border-top:1px solid var(--kupfer);padding-bottom:env(safe-area-inset-bottom,0px)}.leiste-knopf{display:flex;align-items:center;justify-content:center;min-height:calc(var(--leiste-h) - 1px);background:var(--nuss);color:var(--creme);text-decoration:none;font:600 1rem var(--text);letter-spacing:.03em;white-space:nowrap}.leiste-voll{background:var(--kupfer);color:var(--nuss)}.schweber{display:none}@media(min-width:60em){.leiste{display:none}.schweber{display:inline-flex;align-items:center;position:fixed;right:2rem;bottom:2rem;z-index:55;background:var(--kupfer);color:var(--nuss);text-decoration:none;font:600 1rem var(--text);letter-spacing:.03em;padding:.9rem 1.4rem;border:1px solid var(--kupfer);box-shadow:0 10px 30px #00000059;transition:opacity var(--dur-ui) var(--ease-ui),transform var(--dur-ui) var(--ease-ui)}.schweber.weg{opacity:0;transform:translateY(1rem);pointer-events:none}}@media(min-width:60em)and (hover:hover){.schweber:hover{background:var(--kupfer-licht)}}body.text{background:var(--hell);color:var(--nuss);color-scheme:light}body.text .kopf{background:var(--nuss)}.text-seite{padding:calc(var(--kopf-h) + 3rem) 0 4rem}.text-seite h2{font-size:1.75rem;margin-top:2rem}.text-seite a{color:var(--kupfer-dunkel)}.text-seite .knopf-voll{color:var(--nuss)}body.text .fuss{background:var(--nuss);color:var(--creme)}body.text .fuss a{color:var(--creme)}.text-seite .titel{font-size:clamp(2.2rem,1.6rem + 2.4vw,3.6rem)}