@font-face{font-family:Bricolage Lokal;src:url(//denizschildermanufaktur.de/cdn/shop/t/8/assets/bricolage-latin.woff2?v=106011529641202155061791795154) format("woff2");font-weight:200 800;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bricolage Lokal;src:url(//denizschildermanufaktur.de/cdn/shop/t/8/assets/bricolage-latin-ext.woff2?v=176300791943609583511791795154) format("woff2");font-weight:200 800;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree Lokal;src:url(//denizschildermanufaktur.de/cdn/shop/t/8/assets/figtree-latin.woff2?v=117303353605767658981791795154) format("woff2");font-weight:300 900;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Figtree Lokal;src:url(//denizschildermanufaktur.de/cdn/shop/t/8/assets/figtree-latin-ext.woff2?v=89638996826088299801791795154) format("woff2");font-weight:300 900;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo Lokal;src:url(//denizschildermanufaktur.de/cdn/shop/t/8/assets/archivo-latin.woff2?v=157414526999113898431791795154) format("woff2");font-weight:300 800;font-stretch:62% 125%;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Archivo Lokal;src:url(//denizschildermanufaktur.de/cdn/shop/t/8/assets/archivo-latin-ext.woff2?v=22280628860829198691791795154) format("woff2");font-weight:300 800;font-stretch:62% 125%;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plex Sans Lokal;src:url(//denizschildermanufaktur.de/cdn/shop/t/8/assets/plex-sans-latin.woff2?v=1904638803692775051791795154) format("woff2");font-weight:100 700;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Plex Sans Lokal;src:url(//denizschildermanufaktur.de/cdn/shop/t/8/assets/plex-sans-latin-ext.woff2?v=96351643121972822481791795154) format("woff2");font-weight:100 700;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--tinte: #16211c;--tinte-weich: #3a4a42;--moos: #56645c;--preis-rot: #b3261e;--preis-rot-hell: #ffb4a8;--linie: #d3ddd6;--linie-stark: #b3c2b9;--feldrand: #879990;--kalk: #f6f7f3;--salbei: #e3ebe5;--weiss: #ffffff;--tanne: #1e4537;--tanne-tief: #143027;--tanne-hell: #2d5a49;--nebel: #dde7e1;--flechte: #a9c0b3;--messing: #d2ab5f;--messing-hell: #e3c88f;--messing-tief: #7d5f22;--messing-zart: #f5eedd;--warnung: #b3261e;--warnung-zart: #f8e7e5;--erfolg: #2f6340;--erfolg-zart: #e3efe6;--schrift-display: "Bricolage Lokal", "Helvetica Neue", Arial, sans-serif;--schrift-text: "Figtree Lokal", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--schrift-code: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--t-xs: .75rem;--t-s: .875rem;--t-m: 1rem;--t-l: 1.125rem;--t-xl: clamp(1.25rem, 1.05rem + .6vw, 1.5rem);--h3: clamp(1.25rem, 1rem + .8vw, 1.625rem);--h2: clamp(2rem, 1.3rem + 2.6vw, 3.25rem);--h1: clamp(2rem, .9rem + 5.6vw, 5rem);--raum-1: .25rem;--raum-2: .5rem;--raum-3: .75rem;--raum-4: 1rem;--raum-5: 1.5rem;--raum-6: 2rem;--raum-7: 3rem;--raum-8: 4.5rem;--raum-9: clamp(4.5rem, 3rem + 5vw, 8rem);--bahn: 76rem;--bahn-schmal: 46rem;--rand: clamp(1.25rem, 4vw, 3rem);--kopf-hoehe: 4.5rem;--r-schild: 3px;--r-feld: 6px;--r-flaeche: 12px;--r-paneel: 18px;--schatten-schild: 0 1px 1px rgba(14, 32, 25, .24), 0 4px 10px rgba(14, 32, 25, .16), 0 16px 30px -10px rgba(14, 32, 25, .26);--schatten-paneel: inset 0 1px 0 rgba(255, 255, 255, .6), inset 0 -2px 0 rgba(0, 0, 0, .18), 0 2px 3px rgba(0, 0, 0, .3), 0 24px 48px -14px rgba(0, 0, 0, .55);--buerstung: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='b'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.1 0.012' numOctaves='3' seed='7'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23b)'/%3E%3C/svg%3E");--putzkorn: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' seed='3'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23p)' opacity='0.55'/%3E%3C/svg%3E");--tempo: .18s;--kurve: cubic-bezier(.22, .61, .36, 1)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--kopf-hoehe) + 1rem)}body{margin:0;background:var(--kalk);color:var(--tinte);font-family:var(--schrift-text);font-size:var(--t-m);line-height:1.65;font-feature-settings:"kern" 1;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img,svg{display:block;max-width:100%;height:auto}[hidden]{display:none!important}h1,h2,h3,h4{font-family:var(--schrift-display);margin:0 0 var(--raum-4);text-wrap:balance;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}h1{font-size:var(--h1);font-weight:750;line-height:.98;letter-spacing:-.035em}h2{font-size:var(--h2);font-weight:700;line-height:1.04;letter-spacing:-.028em}h3{font-size:var(--h3);font-weight:650;line-height:1.16;letter-spacing:-.015em}h4{font-size:var(--t-l);font-weight:650;line-height:1.3;letter-spacing:-.01em}p{margin:0 0 var(--raum-4);text-wrap:pretty}a{color:inherit;text-decoration-color:var(--linie-stark);text-underline-offset:.22em;text-decoration-thickness:1px;transition:text-decoration-color var(--tempo) var(--kurve),color var(--tempo) var(--kurve)}a:hover{text-decoration-color:var(--messing-tief)}strong{font-weight:650}:focus-visible{outline:2px solid var(--tanne);outline-offset:3px;border-radius:2px}::selection{background:var(--messing);color:var(--tinte)}.ziffern{font-variant-numeric:tabular-nums}.mono{font-family:var(--schrift-code);font-size:.9em}.hinweis{display:block;font-size:var(--t-s);color:var(--moos);margin-bottom:var(--raum-2)}.lead{font-size:var(--t-l);line-height:1.6;max-width:58ch}.fliess{max-width:62ch}.dezent{color:var(--moos)}.klein{font-size:var(--t-s);line-height:1.6}.nur-vorleser{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.sprungmarke{position:absolute;left:var(--raum-4);top:-4rem;z-index:100;background:var(--messing);color:var(--tinte);padding:var(--raum-3) var(--raum-4);border-radius:var(--r-feld);transition:top var(--tempo) var(--kurve)}.sprungmarke:focus{top:var(--raum-4)}.bahn{width:100%;max-width:var(--bahn);margin-inline:auto;padding-inline:var(--rand)}.bahn-schmal{max-width:var(--bahn-schmal)}.abschnitt{padding-block:var(--raum-9)}.abschnitt-tief{background:var(--salbei)}main.abschnitt{padding-top:clamp(2.5rem,1.5rem + 3vw,4.5rem)}main.abschnitt-werkzeug{padding-top:var(--raum-5)}.abschnitt-dunkel{background:var(--tanne);color:var(--kalk)}.abschnitt-dunkel .dezent{color:var(--flechte)}.abschnitt-dunkel a{text-decoration-color:var(--flechte)}.abschnitt-dunkel a:hover{text-decoration-color:var(--messing-hell)}.abschnitt-dunkel :focus-visible{outline-color:var(--messing-hell)}.kopfzeile-abschnitt{max-width:44rem;margin-bottom:var(--raum-7)}.kopfzeile-abschnitt p{font-size:var(--t-l);margin:0;max-width:56ch}.kopfzeile-kompakt{margin-bottom:var(--raum-6)}.kopfzeile-kompakt h1{font-size:var(--h2);font-weight:700;letter-spacing:-.028em;line-height:1.04;margin-bottom:var(--raum-3)}.kopfzeile-kompakt p{font-size:var(--t-m)}.brotkrumen{display:flex;flex-wrap:wrap;gap:var(--raum-2);font-size:var(--t-s);color:var(--moos);margin-bottom:var(--raum-4)}.brotkrumen a{color:var(--moos)}.kopf{position:sticky;top:0;z-index:50;background:var(--tanne-tief);color:var(--kalk);border-bottom:1px solid rgba(255,255,255,.08)}.kopf :focus-visible{outline-color:var(--messing-hell)}.kopf-innen{display:flex;align-items:center;justify-content:space-between;gap:var(--raum-5);min-height:var(--kopf-hoehe)}.wortmarke{display:inline-flex;align-items:center;gap:.7rem;color:var(--kalk);text-decoration:none;font-family:var(--schrift-display);font-weight:700;font-size:1.0625rem;letter-spacing:-.02em;line-height:1.05}.wortmarke-zeichen{width:2.4rem;height:auto;flex:none}.wortmarke-zeichen .zeichen-platte{fill:var(--messing)}.wortmarke-zeichen .zeichen-schraube,.wortmarke-zeichen .zeichen-gravur{fill:var(--tanne-tief)}.wortmarke-text span{font-weight:400;color:var(--flechte)}.logo{display:block;width:auto;height:2.75rem}@media(max-width:22rem){.logo{height:2.25rem}}@media(max-width:22rem){.kopf-innen{gap:var(--raum-3)}.wortmarke{gap:.5rem;font-size:.95rem}.wortmarke-zeichen{width:2rem}}.navigation{display:flex;align-items:center;gap:var(--raum-5)}.navigation a{font-size:var(--t-s);font-weight:500;text-decoration:none;color:var(--nebel);padding-block:var(--raum-2);background:linear-gradient(var(--messing),var(--messing)) no-repeat 0 100% / 0 2px;transition:color var(--tempo) var(--kurve),background-size .26s var(--kurve)}.navigation a:hover,.navigation a[aria-current=page]{color:var(--weiss);background-size:100% 2px}.navigation .korb-knopf{background:none;display:inline-flex;align-items:center;gap:var(--raum-2);font-weight:500;padding:var(--raum-2) var(--raum-3) var(--raum-2) var(--raum-4);border:1px solid rgba(255,255,255,.22);border-radius:var(--r-feld)}.navigation .korb-knopf:hover{border-color:var(--flechte)}.korb-zahl{display:inline-grid;place-items:center;min-width:1.5rem;height:1.5rem;padding-inline:.35rem;border-radius:999px;background:#ffffff1f;color:var(--kalk);font-size:var(--t-xs);font-weight:600;font-variant-numeric:tabular-nums}.korb-knopf[data-gefuellt=ja] .korb-zahl{background:var(--messing);color:var(--tinte)}.menue-knopf{display:none;padding:var(--raum-2) var(--raum-4);background:transparent;color:var(--kalk);border:1px solid rgba(255,255,255,.22);border-radius:var(--r-feld);font-family:var(--schrift-text);font-size:var(--t-s);cursor:pointer}@media(max-width:56rem){.menue-knopf{display:inline-block}.navigation{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:var(--tanne-tief);border-bottom:1px solid rgba(255,255,255,.1);padding:var(--raum-2) var(--rand) var(--raum-5)}.navigation[data-offen=ja]{display:flex}.navigation a{padding-block:var(--raum-3);border-bottom:1px solid rgba(255,255,255,.08);background:none}.navigation .korb-knopf{margin-top:var(--raum-4);justify-content:space-between}}.schild-buehne{margin:0;display:grid;justify-items:center;gap:var(--raum-3)}.schild{--breite: 75;--hoehe: 25;--zeilen: 1;--schildfarbe: #f7f7f5;--gravurfarbe: #1c1f21;container-type:inline-size;aspect-ratio:var(--breite) / var(--hoehe);width:100%;position:relative;border-radius:var(--r-schild);background:var(--schildfarbe);box-shadow:var(--schatten-schild);overflow:hidden;isolation:isolate;transition:box-shadow .48s var(--kurve),--schildfarbe .42s var(--kurve),--gravurfarbe .42s var(--kurve)}.schild:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 1px #ffffff8c,inset 0 -1px #0000003d,inset 0 0 0 1px #0000001f;z-index:5}.schild-flaeche{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.14em;padding:calc(100cqw * (var(--hoehe) / var(--breite)) * .12) max(7cqw,var(--bohr-rand, 0cqw));text-align:center;color:var(--gravurfarbe);font-size:calc(100cqw * (var(--hoehe) / var(--breite)) * var(--fit, 1));line-height:1.1;-webkit-text-size-adjust:none;text-size-adjust:none}.schild-zeile{font-size:calc(.62em / var(--zeilen));line-height:1.12;font-weight:550;letter-spacing:-.005em;white-space:nowrap}.schild-zeile-klein{font-size:calc(.4em / var(--zeilen));font-weight:450;opacity:.86}.schild[data-oberflaeche=gebuerstet] .schild-grund,.schild[data-oberflaeche=matt] .schild-grund{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.schild[data-oberflaeche=gebuerstet] .schild-grund{background-image:linear-gradient(168deg,#ffffff6b,#fff0 38%,#00000012 66%,#ffffff47)}.schild[data-oberflaeche=gebuerstet] .schild-grund:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;mix-blend-mode:soft-light;opacity:.85;background-image:var(--buerstung);background-size:160px 100%}.schild[data-oberflaeche=matt] .schild-grund{background-image:linear-gradient(168deg,#ffffff47,#fff0 46%,#0000000b)}.schild[data-oberflaeche=transparent] .schild-grund{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background-image:linear-gradient(150deg,#ffffff8c,#ffffff0d 34%,#fff0 62%,#ffffff38);box-shadow:inset 0 0 0 1px #ffffff80}.schild[data-oberflaeche=transparent] .schild-flaeche{text-shadow:0 1px 0 rgba(255,255,255,.4)}.schild[data-oberflaeche=gebuerstet] .schild-flaeche{text-shadow:0 1px 0 rgba(255,255,255,.62),0 -1px 0 rgba(0,0,0,.14)}.schild-montage{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;--kappe: calc(100cqw * (var(--hoehe) / var(--breite)) * .055)}.schild[data-bohrungen=ja] .schild-montage{background-image:radial-gradient(circle calc(var(--kappe) * .8) at var(--bohr-links, 5%) 50%,#2a2f32 0 50%,rgba(255,255,255,.55) 62%,rgba(0,0,0,.18) 82%,transparent 100%),radial-gradient(circle calc(var(--kappe) * .8) at calc(100% - var(--bohr-links, 5%)) 50%,#2a2f32 0 50%,rgba(255,255,255,.55) 62%,rgba(0,0,0,.18) 82%,transparent 100%)}.masslinie{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--raum-2);width:100%;font-size:var(--t-xs);font-weight:500;font-variant-numeric:tabular-nums;color:var(--moos);letter-spacing:.02em}.masslinie:before,.masslinie:after{content:"";height:7px;border-left:1px solid currentColor;opacity:.6}.masslinie span{display:flex;align-items:center;gap:.5em;white-space:nowrap}.masslinie span:before,.masslinie span:after{content:"";flex:1;min-width:.5em;border-top:1px solid currentColor;opacity:.6}.szene{position:relative;container-type:inline-size;isolation:isolate}.szene-tableau,.tableau{background-color:#c3c8cb;background-image:linear-gradient(165deg,#ffffff80,#fff0 34%,#00000014 70%,#ffffff40),var(--buerstung);background-size:100% 100%,160px 100%;background-blend-mode:normal,soft-light;border-radius:var(--r-paneel);box-shadow:var(--schatten-paneel)}.szene-wand{background-color:#e8ebe5;background-image:linear-gradient(125deg,#ffffff8c,#fff0 45%,#0000000f),var(--putzkorn);background-size:100% 100%,220px 220px;background-blend-mode:normal,soft-light;border-radius:var(--r-flaeche)}.schraube{position:absolute;width:.7rem;height:.7rem;border-radius:50%;background:linear-gradient(135deg,transparent 44%,rgba(0,0,0,.45) 45% 55%,transparent 56%),radial-gradient(circle at 35% 30%,#f5f7f8 0,#b9bfc3 55%,#6f777c);box-shadow:inset 0 0 0 1px #00000040,0 1px #fff9}.schraube-ol{top:.8rem;left:.8rem}.schraube-or{top:.8rem;right:.8rem}.schraube-ul{bottom:.8rem;left:.8rem}.schraube-ur{bottom:.8rem;right:.8rem}.tableau-taster{flex:none;width:var(--taster, 3rem);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 38% 32%,#fbfcfc 0,#d3d8db 40%,#8d959a 78%,#5d656a);box-shadow:0 0 0 3px #00000024,0 0 0 4px #ffffff73,0 3px 6px #00000059}.tableau-fenster{padding:3px;border-radius:5px;background:#0e201952;box-shadow:inset 0 2px 4px #00000073,0 1px #ffffff8c}.tableau-fenster .schild{box-shadow:0 1px 1px #0000004d}.szene-tableau .szene-platte .schild,.werkbank[data-szene=tableau] .schild{box-shadow:0 0 0 3px #0e20194d,0 0 0 4px #ffffff80,inset 0 0 0 1px #0000001a}.knopf{display:inline-flex;align-items:center;justify-content:center;gap:var(--raum-2);padding:.85rem 1.4rem;border:1px solid var(--tanne);border-radius:var(--r-feld);background:var(--tanne);color:var(--weiss);font-family:var(--schrift-text);font-size:var(--t-m);font-weight:600;line-height:1.2;text-decoration:none;cursor:pointer;transition:background-color var(--tempo) var(--kurve),border-color var(--tempo) var(--kurve),color var(--tempo) var(--kurve),transform .14s var(--kurve)}.knopf:active:not(:disabled){transform:translateY(1px)}.knopf:hover{background:var(--tanne-hell);border-color:var(--tanne-hell)}.knopf:disabled{background:var(--linie);border-color:var(--linie);color:var(--moos);cursor:not-allowed}.knopf-messing{background-color:var(--messing);border-color:var(--messing);color:var(--tinte)}.knopf-messing:hover{background-color:var(--messing-hell);border-color:var(--messing-hell)}.knopf-linie{background:transparent;color:var(--tinte);border-color:var(--feldrand)}.knopf-linie:hover{background:transparent;border-color:var(--tanne)}.knopf-gross{padding:1.05rem 1.75rem;font-size:var(--t-l);width:100%}label,.feldname{display:block;font-size:var(--t-s);font-weight:500;margin-bottom:var(--raum-2)}input[type=text],input[type=email],input[type=tel],input[type=number],select,textarea{width:100%;padding:.8rem .95rem;border:1px solid var(--feldrand);border-radius:var(--r-feld);background:var(--weiss);color:var(--tinte);font-family:var(--schrift-text);font-size:var(--t-m);line-height:1.4;transition:border-color var(--tempo) var(--kurve),box-shadow var(--tempo) var(--kurve)}input:hover,select:hover,textarea:hover{border-color:var(--moos)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--tanne);box-shadow:0 0 0 3px #d2ab5f80}input::placeholder,textarea::placeholder{color:#6b7a72}input[type=number]{font-variant-numeric:tabular-nums}.feld{margin-bottom:var(--raum-4)}input[aria-invalid=true],select[aria-invalid=true]{border-color:var(--warnung)}.wahl{display:block;border:0;padding:0 0 var(--raum-6);margin:0 0 var(--raum-6);border-bottom:1px solid var(--linie);min-width:0}.wahl:last-of-type{border-bottom:0}.wahl legend{display:flex;align-items:center;gap:var(--raum-3);font-family:var(--schrift-display);font-weight:650;font-size:var(--t-l);letter-spacing:-.01em;padding:0;margin-bottom:var(--raum-4)}.schritt-nr{display:inline-grid;place-items:center;flex:none;width:1.75rem;height:1.75rem;border-radius:50%;background:var(--tanne);color:var(--weiss);font-family:var(--schrift-text);font-size:var(--t-s);font-weight:650}.wahl-inhalt{display:grid;gap:var(--raum-2);grid-template-columns:repeat(auto-fit,minmax(min(11rem,100%),1fr))}.spalten-schmal{grid-template-columns:repeat(auto-fit,minmax(min(8rem,100%),1fr))}.spalten-mittel{grid-template-columns:repeat(auto-fit,minmax(min(9.5rem,100%),1fr))}.spalten-breit{grid-template-columns:repeat(auto-fit,minmax(min(15rem,100%),1fr))}.kachel{position:relative;display:block;padding:var(--raum-3) var(--raum-4);border:1px solid var(--linie);border-radius:var(--r-feld);background:var(--weiss);cursor:pointer;font-size:var(--t-s);font-weight:400;margin:0;transition:border-color var(--tempo) var(--kurve),background var(--tempo) var(--kurve),box-shadow var(--tempo) var(--kurve)}.kachel:hover{border-color:var(--feldrand)}.kachel input{position:absolute;opacity:0;width:1px;height:1px}.kachel:has(input:checked){border-color:var(--messing-tief);box-shadow:inset 0 0 0 1px var(--messing-tief);background:var(--messing-zart)}.kachel:has(input[type=checkbox]:checked):after{content:"";position:absolute;top:var(--raum-3);right:var(--raum-3);width:.55rem;height:.95rem;border:solid var(--messing-tief);border-width:0 2px 2px 0;transform:rotate(45deg)}.kachel:has(input:focus-visible){outline:2px solid var(--tanne);outline-offset:2px}.kachel-titel{display:block;font-weight:500;padding-right:var(--raum-4)}.kachel-mass{display:block;font-size:var(--t-xs);line-height:1.45;color:var(--moos);margin-top:2px;font-variant-numeric:tabular-nums}.kachel-preis{display:block;font-size:var(--t-xs);font-weight:600;font-variant-numeric:tabular-nums;color:var(--messing-tief);margin-top:var(--raum-1)}.kachel-material .kachel-inhalt{display:flex;align-items:center;gap:var(--raum-3)}.probe{flex:none;width:2.25rem;height:2.25rem;border-radius:var(--r-schild);box-shadow:inset 0 0 0 1px #00000024,0 1px 2px #0000001f;background-size:4px 100%,100% 100%}.meldung{padding:var(--raum-3) var(--raum-4);border-radius:var(--r-feld);border-left:3px solid var(--messing);background:var(--messing-zart);font-size:var(--t-s);margin-bottom:var(--raum-4)}.meldung-warnung{border-left-color:var(--warnung);background:var(--warnung-zart)}.meldung-erfolg{border-left-color:var(--erfolg);background:var(--erfolg-zart)}.meldung-hinweis{border-left-color:var(--messing);background:var(--messing-zart)}.meldung p:last-child{margin-bottom:0}.hero{background:var(--tanne);color:var(--kalk);padding-block:clamp(3.5rem,2rem + 5vw,7rem);overflow:hidden}.hero-innen{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:var(--raum-8);align-items:center}.hero h1{margin-bottom:var(--raum-5);max-width:12ch;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:normal}.hero-lead{font-size:var(--t-l);line-height:1.6;color:var(--nebel);max-width:48ch;margin-bottom:var(--raum-6)}.hero-feld{max-width:24rem;margin-bottom:var(--raum-4)}.hero-feld label{color:var(--kalk)}.hero-feld input{border-color:transparent;font-size:var(--t-l)}.hero-feld input:focus{border-color:var(--messing)}.hero-aktionen{display:flex;flex-wrap:wrap;align-items:center;gap:var(--raum-3) var(--raum-5)}.hero :focus-visible{outline-color:var(--messing-hell)}.eckdaten{display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:var(--raum-3) var(--raum-7);margin:var(--raum-7) 0 0;padding-top:var(--raum-5);border-top:1px solid rgba(255,255,255,.14)}.eckdaten dt{font-size:var(--t-xs);color:var(--flechte)}.eckdaten dd{margin:0;font-size:var(--t-m);font-weight:500;color:var(--kalk)}.hero-bild{margin:0;display:grid;justify-items:center;gap:var(--raum-4)}.hero-bild figcaption{font-size:var(--t-s);color:var(--flechte);text-align:center;max-width:30ch}.tableau{position:relative;width:min(100%,23rem);padding:2.4rem 1.6rem 2.2rem;--taster: 2.6rem}.tableau-lautsprecher{height:4.25rem;margin:0 auto 1.4rem;width:62%;border-radius:10px;background:radial-gradient(circle,#2c3236 0 1.7px,transparent 2.2px) 0 0 / 9px 9px;box-shadow:inset 0 1px 2px #00000040,0 1px #ffffff80}.tableau-reihen{list-style:none;margin:0;padding:0;display:grid;gap:.95rem}.tableau-reihe{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:1rem}@media(max-width:56rem){.hero-innen{grid-template-columns:minmax(0,1fr);gap:0}.hero-text{display:contents}.hero h1{order:1;max-width:none;font-size:clamp(2.4rem,.6rem + 9vw,4.5rem)}.hero-lead{order:2}.hero-bild{order:3;margin-bottom:var(--raum-6)}.hero-feld{order:4}.hero-aktionen{order:5}.eckdaten{order:6}.hero-bild figcaption{display:none}}@media(max-width:40rem){.tableau{padding:1.6rem 1.2rem 1.5rem;--taster: 2.2rem}.tableau-lautsprecher{height:2.75rem;margin-bottom:1rem}.tableau-reihe:nth-child(n+3){display:none}.eckdaten{grid-template-columns:1fr 1fr;gap:var(--raum-4)}}.wegweiser{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr) auto;column-gap:var(--raum-7);border-top:1px solid var(--linie)}.wegweiser li{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;border-bottom:1px solid var(--linie)}.wegweiser a{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;row-gap:var(--raum-3);align-items:baseline;padding:var(--raum-6) var(--raum-4);margin-inline:calc(-1 * var(--raum-4));border-radius:var(--r-feld);text-decoration:none;transition:background-color .22s var(--kurve)}.wegweiser a:hover{background-color:var(--salbei)}.wegweiser h3{margin:0}.wegweiser p{margin:0;color:var(--moos);max-width:52ch}.wegweiser-aktion{font-size:var(--t-s);font-weight:500;white-space:nowrap;text-decoration:underline;text-decoration-color:var(--messing);text-underline-offset:.3em}.wegweiser a:hover h3{color:var(--messing-tief)}.wegweiser a:hover .wegweiser-aktion{text-decoration-thickness:2px}@media(max-width:56rem){.wegweiser{grid-template-columns:minmax(0,1fr)}.wegweiser a{padding-block:var(--raum-5)}}.produktzeile{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:var(--raum-8);align-items:center}.produktzeile+.produktzeile{margin-top:var(--raum-9)}.produktzeile-umgekehrt .produkt-szene{order:2}.produkt-szene{display:grid;place-items:center;min-height:24rem;padding:clamp(2rem,1rem + 4vw,4rem)}.produkt-szene.szene-tableau{--taster: 3.4rem}.produkt-szene .szene-reihe{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:1.4rem;width:100%}.produkt-szene .szene-platte{width:100%;display:grid;justify-items:center;gap:var(--raum-3)}.szene-wand .szene-platte{width:min(100%,26rem)}.szene-wand .masslinie,.szene-tableau .masslinie{color:var(--tinte-weich)}.produkt-szene.szene-wand:after{content:"";position:absolute;top:0;bottom:0;right:0;width:9%;background:linear-gradient(90deg,#163629 0,var(--tanne) 30%,#173a2d 100%);border-radius:0 var(--r-flaeche) var(--r-flaeche) 0;box-shadow:-3px 0 8px #0000002e}.produkt-text h3{font-size:var(--h2);font-weight:700;line-height:1.04;letter-spacing:-.028em;margin-bottom:var(--raum-4)}.produkt-text>p{font-size:var(--t-l);color:var(--tinte-weich);max-width:46ch}.produkt-fakten{margin:var(--raum-5) 0;border-top:1px solid var(--linie)}.produkt-fakten div{display:grid;grid-template-columns:8rem minmax(0,1fr);gap:var(--raum-4);padding:var(--raum-3) 0;border-bottom:1px solid var(--linie)}.produkt-fakten dt{color:var(--moos);font-size:var(--t-s);padding-top:.1em}.produkt-fakten dd{margin:0}.produkt-kauf{display:flex;flex-wrap:wrap;align-items:center;gap:var(--raum-4) var(--raum-6);margin-top:var(--raum-5)}.produkt-preis{margin:0;font-family:var(--schrift-display);font-size:var(--t-xl);font-weight:700;letter-spacing:-.01em;font-variant-numeric:tabular-nums}@media(max-width:56rem){.produktzeile{grid-template-columns:minmax(0,1fr);gap:var(--raum-6)}.produktzeile-umgekehrt .produkt-szene{order:0}.produkt-szene{min-height:16rem}}.musterleiste{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--raum-7) var(--raum-5)}@media(min-width:40rem){.musterleiste{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:64rem){.musterleiste{grid-template-columns:repeat(5,minmax(0,1fr))}}.muster-buehne{margin-bottom:var(--raum-5)}.muster h3{font-size:var(--t-l);margin-bottom:var(--raum-2)}.muster p{margin:0 0 var(--raum-1);max-width:30ch}.wissen{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(22rem,100%),1fr));gap:var(--raum-7) var(--raum-8)}.wissen-block h3{margin-top:var(--raum-5)}.wissen-block p{color:var(--tinte-weich);max-width:52ch}.zeichnung{margin:0;padding:var(--raum-5);background:var(--weiss);border:1px solid var(--linie);border-radius:var(--r-flaeche)}.zeichnung svg{width:100%}.z-rahmen{fill:#d2d6d8;stroke:#9aa2a6;stroke-width:1}.z-fenster{fill:#6b7378}.z-platte{fill:#fbfbfa;stroke:#9aa2a6;stroke-width:1}.z-schrift{font-family:var(--schrift-text);font-size:22px;font-weight:600;fill:var(--tinte)}.z-mass{stroke:var(--messing-tief);stroke-width:1.25;fill:none}.z-mass-text{font-family:var(--schrift-text);font-size:12.5px;font-weight:600;font-variant-numeric:tabular-nums;fill:var(--messing-tief)}.z-text{font-family:var(--schrift-text);font-size:12.5px;fill:var(--moos)}.z-titel{font-family:var(--schrift-text);font-size:13px;font-weight:600;fill:var(--tinte)}.z-material{fill:#c9ced1;stroke:#8d959a;stroke-width:1}.z-farbe{fill:var(--tinte)}.z-farbe-abplatzend{fill:var(--tinte);opacity:.85}.schritte{list-style:none;margin:0;padding:0;display:grid;gap:var(--raum-6);grid-template-columns:repeat(auto-fit,minmax(min(13rem,100%),1fr));position:relative}.schritte li{position:relative;padding-top:var(--raum-5)}.schritte li:before,.schritte[data-verlauf] li:after{content:"";position:absolute;top:calc(var(--raum-5) + 1.125rem - 1px);left:2.75rem;right:calc(-1 * var(--raum-6) + .5rem);height:2px;border-radius:1px;background:var(--linie-stark)}.schritte[data-verlauf] li:after{background:var(--messing)}.schritte li:last-child:before,.schritte[data-verlauf] li:last-child:after{display:none}.schritte h2,.schritte h3{font-size:var(--t-l);margin-bottom:var(--raum-2)}.schritt-zahl{display:grid;place-items:center;width:2.25rem;height:2.25rem;margin-bottom:var(--raum-4);border-radius:50%;background:var(--tanne);color:var(--weiss);font-family:var(--schrift-text);font-weight:600;font-size:var(--t-s)}@media(max-width:56rem){.schritte li:before,.schritte[data-verlauf] li:after{display:none}}.fragen-innen{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.8fr);gap:var(--raum-6) var(--raum-8);align-items:start}.fragen-innen .kopfzeile-abschnitt{margin-bottom:0}.fragen{border-top:1px solid var(--linie)}.fragen details{border-bottom:1px solid var(--linie)}.fragen summary{display:flex;justify-content:space-between;align-items:baseline;gap:var(--raum-4);padding:var(--raum-4) 0;font-weight:500;font-size:var(--t-l);cursor:pointer;list-style:none}.fragen summary::-webkit-details-marker{display:none}.fragen summary:after{content:"+";flex:none;font-size:var(--t-xl);font-weight:500;line-height:1;color:var(--messing-tief);transition:transform var(--tempo) var(--kurve)}.fragen details[open] summary:after{transform:rotate(45deg)}.fragen summary:hover{color:var(--messing-tief)}.fragen details p{margin:0 0 var(--raum-5);max-width:62ch;color:var(--tinte-weich)}@media(max-width:56rem){.fragen-innen{grid-template-columns:minmax(0,1fr)}}.aufruf{background:var(--messing);color:var(--tinte);padding-block:var(--raum-8)}.aufruf-innen{display:grid;grid-template-columns:minmax(0,1.4fr) auto;gap:var(--raum-5) var(--raum-7);align-items:center}.aufruf h2{margin:0;max-width:24ch}.aufruf-aktionen{display:flex;flex-wrap:wrap;gap:var(--raum-3)}.aufruf .knopf-linie{border-color:var(--tinte)}.aufruf .knopf-linie:hover{background:#16211c14}.aufruf :focus-visible{outline-color:var(--tinte)}@media(max-width:56rem){.aufruf-innen{grid-template-columns:minmax(0,1fr)}}.konfigurator{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:var(--raum-8);align-items:start}.konfigurator-vorschau{position:sticky;top:calc(var(--kopf-hoehe) + 1rem)}.vorschau-halter{background:var(--weiss);border:1px solid var(--linie);border-radius:var(--r-flaeche);overflow:hidden}.werkbank{margin:0}.werkbank .szene{display:grid;place-items:center;min-height:14.5rem;padding:var(--raum-6) var(--raum-5);border-radius:0;box-shadow:none}.werkbank[data-szene=tableau] .szene{--taster: 3rem}.werkbank[data-szene=wand] .tableau-taster{display:none}.werkbank .szene-reihe{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:1.25rem;width:100%}.werkbank[data-szene=wand] .szene-reihe{grid-template-columns:minmax(0,1fr)}.werkbank .szene-platte{display:grid;justify-items:center;gap:var(--raum-3)}.werkbank .masslinie{color:var(--tinte-weich)}.werkbank .schild,.werkbank .masslinie{width:min(100%,calc(10rem * var(--breite) / var(--hoehe)))}.preisblock{display:grid;gap:var(--raum-4);padding:var(--raum-5);border-top:1px solid var(--linie)}.preis-fussnote,.widerruf-hinweis{margin:0}.widerruf-hinweis{padding:var(--raum-4);border-left:3px solid var(--messing);border-radius:var(--r-feld);background:var(--messing-zart);color:var(--tinte-weich)}.sondermass{margin-top:var(--raum-4);padding:var(--raum-4);background:var(--salbei);border-radius:var(--r-feld)}.sondermass-eingaben{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(8rem,100%),1fr));gap:var(--raum-4)}.sondermass p{margin:0}.mengenfeld{max-width:9rem;margin:0}.mengenfeld p{margin:var(--raum-2) 0 0;min-width:14rem}@media(max-width:56rem){.konfigurator{grid-template-columns:minmax(0,1fr);gap:var(--raum-5)}.konfigurator-vorschau,.vorschau-halter{display:contents}#vorschau-buehne{order:-1;position:sticky;top:var(--kopf-hoehe);z-index:10;margin-inline:calc(-1 * var(--rand));border-bottom:1px solid var(--linie)}#vorschau-buehne .szene{min-height:0;padding:var(--raum-4) var(--rand)}#vorschau-buehne .szene-tableau,#vorschau-buehne[data-szene=tableau] .szene{--taster: 2.2rem}.werkbank .schild,.werkbank .masslinie{width:min(100%,calc(5.5rem * var(--breite) / var(--hoehe)))}.konfigurator-felder{order:1}.preisblock{order:2;background:var(--weiss);border:1px solid var(--linie);border-radius:var(--r-flaeche)}}.bestellschritte{list-style:none;margin:0 0 var(--raum-6);padding:0;display:flex;flex-wrap:wrap;gap:var(--raum-3) var(--raum-6);font-size:var(--t-s);color:var(--moos)}.bestellschritte li{display:flex;align-items:center;gap:var(--raum-2)}.bestellschritte .schritt-nr{width:1.5rem;height:1.5rem;font-size:var(--t-xs);background:var(--linie);color:var(--tinte)}.bestellschritte [aria-current=step]{color:var(--tinte);font-weight:500}.bestellschritte [aria-current=step] .schritt-nr{background:var(--tanne);color:var(--weiss)}.korb-raster{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:var(--raum-7);align-items:start}.korb-liste{list-style:none;margin:0;padding:0;display:grid;gap:var(--raum-3)}.korb-position{display:grid;grid-template-columns:9rem minmax(0,1fr) auto;gap:var(--raum-5);align-items:start;background:var(--weiss);border:1px solid var(--linie);border-radius:var(--r-flaeche);padding:var(--raum-4)}.korb-vorschau{margin:0;width:9rem;padding:var(--raum-4) var(--raum-3);border-radius:var(--r-feld);background-color:#e8ebe5;background-image:var(--putzkorn);background-size:220px 220px;background-blend-mode:soft-light}.korb-text{display:grid;gap:var(--raum-2);align-content:start}.korb-text h3{margin:0;font-size:var(--t-l)}.korb-text p{margin:0}.korb-gravur{font-size:var(--t-s);font-weight:500;color:var(--tinte);padding:var(--raum-2) var(--raum-3);background:var(--kalk);border-radius:var(--r-feld);justify-self:start}.korb-entfernen{justify-self:start;margin-top:var(--raum-1);padding:0;border:0;background:none;cursor:pointer;font:inherit;font-size:var(--t-s);color:var(--moos);text-decoration:underline;text-underline-offset:.2em}.korb-entfernen:hover{color:var(--warnung)}.korb-betrag{display:grid;gap:var(--raum-2);justify-items:end;text-align:right}.korb-menge{width:5.5rem;margin:0}.korb-summe{margin:0;font-variant-numeric:tabular-nums;font-size:var(--t-l);font-weight:650;white-space:nowrap}.korb-betrag p{margin:0}.korb-abschluss{position:sticky;top:calc(var(--kopf-hoehe) + 1rem)}.korb-abschluss-halter{background:var(--weiss);border:1px solid var(--linie);border-radius:var(--r-flaeche);padding:var(--raum-6) var(--raum-5) var(--raum-5);display:grid;gap:var(--raum-5)}.korb-abschluss-halter>p{margin:0}.korb-abschluss-halter h2{font-size:var(--h3);margin:0}.korb-abschluss .wahl{padding:0;margin:0;border:0}.korb-abschluss .wahl legend{font-family:var(--schrift-text);font-size:var(--t-s);font-weight:500;margin-bottom:var(--raum-2)}.pflichtangaben{display:grid;gap:var(--raum-4);padding-top:var(--raum-5);border-top:1px solid var(--linie)}.pflichtzeile{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--raum-3);align-items:start;font-size:var(--t-s);font-weight:400;line-height:1.55;color:var(--tinte-weich);cursor:pointer}.pflicht-hinweis{margin:0}.pflichtzeile input{margin:.2em 0 0;width:1.15rem;height:1.15rem;accent-color:var(--tanne)}.korb-leer-kasten{background:var(--weiss);border:1px solid var(--linie);border-radius:var(--r-flaeche);padding:var(--raum-8) var(--raum-6);display:grid;gap:var(--raum-3);max-width:38rem}.korb-leer-kasten p{margin:0}.korb-leer-knoepfe{display:flex;flex-wrap:wrap;gap:var(--raum-3);margin-top:var(--raum-3)}@media(max-width:56rem){.korb-raster{grid-template-columns:minmax(0,1fr);gap:var(--raum-6)}.korb-abschluss{position:static}}@media(max-width:34rem){.korb-position{grid-template-columns:6.5rem minmax(0,1fr);gap:var(--raum-4)}.korb-vorschau{width:6.5rem;padding:var(--raum-3) var(--raum-2)}.korb-betrag{grid-column:1 / -1;grid-auto-flow:column;align-items:center;justify-content:space-between;justify-items:start;padding-top:var(--raum-4);border-top:1px solid var(--linie)}}.tabelle{width:100%;border-collapse:collapse;font-size:var(--t-s);margin-bottom:var(--raum-4)}.tabelle th,.tabelle td{text-align:left;padding:var(--raum-3) var(--raum-2);border-bottom:1px solid var(--linie);vertical-align:top}.tabelle th{font-weight:600;color:var(--tinte-weich)}.tabelle .betrag{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.summe{display:grid;grid-template-columns:1fr auto;gap:var(--raum-2) 0;margin:0;font-size:var(--t-s);font-variant-numeric:tabular-nums}.summe dt{color:var(--moos);font-family:var(--schrift-text)}.summe dd{margin:0;padding-left:var(--raum-4);text-align:right}.summe .summe-gesamt{font-size:var(--t-xl);font-weight:700;color:var(--tinte);padding-top:var(--raum-3);border-top:1px solid var(--tinte);margin-top:var(--raum-2)}.summe dt.summe-gesamt{font-weight:650}.unterwahl{margin-top:var(--raum-5)}.unterwahl[hidden]{display:none}.unterwahl .feldname{margin:0 0 var(--raum-3)}.kachel[data-gesperrt=ja]{opacity:.45;cursor:not-allowed}.navigation .kundenart-knopf{font:inherit;font-size:var(--t-s);font-weight:500;color:var(--nebel);background:none;padding:var(--raum-2) var(--raum-4);border:1px solid rgba(255,255,255,.22);border-radius:999px;cursor:pointer;white-space:nowrap;transition:color var(--tempo) var(--kurve),border-color var(--tempo) var(--kurve)}.navigation .kundenart-knopf:hover{color:var(--weiss);border-color:var(--flechte)}.navigation .kundenart-knopf:focus-visible{outline:2px solid var(--messing-hell);outline-offset:2px}.kundenart-kopf{display:none}@media(max-width:56rem){.navigation .kundenart-knopf{margin-top:var(--raum-3);align-self:flex-start}.kundenart-kopf{display:inline-block;margin-left:auto;margin-right:var(--raum-2);font:inherit;font-size:var(--t-xs);font-weight:500;color:var(--nebel);background:none;padding:var(--raum-2) var(--raum-3);border:1px solid rgba(255,255,255,.22);border-radius:999px;cursor:pointer;white-space:nowrap}.kundenart-kopf:focus-visible{outline:2px solid var(--messing-hell);outline-offset:2px}.kopf[data-menue=offen] .kundenart-kopf{display:none}}.kundenwahl{width:min(32rem,calc(100vw - 2 * var(--raum-4)));margin:auto;padding:var(--raum-6);border:0;border-radius:var(--r-paneel);background:var(--kalk);color:var(--tinte);box-shadow:0 24px 60px #0e201959}.kundenwahl::backdrop{background:#0e2019b8}.kundenwahl-kopf{margin:0;font-size:var(--t-xs);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--moos)}.kundenwahl h2{margin:var(--raum-2) 0 var(--raum-2);font-size:var(--t-xl)}.kundenwahl-text{margin:0 0 var(--raum-5);color:var(--moos)}.kundenwahl-auswahl{display:grid;gap:var(--raum-3)}@media(min-width:34rem){.kundenwahl-auswahl{grid-template-columns:1fr 1fr}}.kundenwahl-karte{display:grid;gap:var(--raum-1);align-content:start;text-align:left;font:inherit;color:inherit;padding:var(--raum-4) var(--raum-5);background:var(--weiss);border:1px solid var(--linie);border-radius:var(--r-flaeche);cursor:pointer;transition:border-color var(--tempo) var(--kurve),background-color var(--tempo) var(--kurve)}.kundenwahl-karte:hover{border-color:var(--tanne);background:var(--salbei)}.kundenwahl-karte:focus-visible{outline:2px solid var(--tanne);outline-offset:2px}.kundenwahl-karte[aria-pressed=true]{border-color:var(--messing-tief);box-shadow:inset 0 0 0 1px var(--messing-tief);background:var(--messing-zart)}.kundenwahl-name{font-family:var(--schrift-display);font-size:var(--t-l);font-weight:650}.kundenwahl-hinweis{font-size:var(--t-s);color:var(--moos)}.kundenwahl-fuss{margin:var(--raum-5) 0 0;font-size:var(--t-xs);color:var(--moos)}.preis-alt{margin-right:.5em;font-size:.78em;font-weight:400;color:var(--moos);text-decoration:line-through;text-decoration-thickness:1px}.preis-alt[hidden]{display:none}.preis-rot{color:var(--preis-rot);font-weight:700}.hero .preis-rot,.abschnitt-dunkel .preis-rot{color:var(--preis-rot-hell)}.hero .preis-alt,.abschnitt-dunkel .preis-alt{color:var(--nebel)}.preis-ersparnis,.summe .summe-ersparnis{margin:0;color:var(--preis-rot);font-size:var(--t-s);font-weight:600;text-align:right}.summe .summe-ersparnis{grid-column:1 / -1;padding-left:0}.summe .summe-ersparnis[hidden],.preis-ersparnis[hidden]{display:none}.danke-platte{margin:var(--raum-6) 0;display:grid;gap:var(--raum-3);justify-items:start}.danke-platte .szene{width:min(100%,26rem);padding:var(--raum-6) var(--raum-7)}.danke-platte figcaption{font-size:var(--t-s);color:var(--moos)}.danke-platte figcaption .ziffern{color:var(--tinte);font-size:var(--t-m);font-weight:650}.kontakt-raster{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:var(--raum-6);align-items:start}.kontakt-daten{background:var(--tanne);color:var(--kalk);border-radius:var(--r-flaeche);padding:var(--raum-6)}.kontakt-daten .feldname{font-family:var(--schrift-display);font-size:var(--t-l);font-weight:650;margin:var(--raum-6) 0 var(--raum-3)}.kontakt-daten .feldname:first-child{margin-top:0}.kontakt-daten .dezent{color:var(--flechte)}.kontakt-daten .platzhalter{color:var(--tinte)}.kontakt-daten a{text-decoration-color:var(--flechte)}.kontakt-daten :focus-visible{outline-color:var(--messing-hell)}.kontakt-liste{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--raum-2) var(--raum-5);margin:0 0 var(--raum-5);font-size:var(--t-s)}.kontakt-liste dt{color:var(--flechte)}.kontakt-liste dd{margin:0;overflow-wrap:anywhere}.kontakt-formular{background:var(--weiss);border:1px solid var(--linie);border-radius:var(--r-flaeche);padding:var(--raum-6)}.kontakt-formular .feldname{font-family:var(--schrift-display);font-size:var(--t-l);font-weight:650;margin-bottom:var(--raum-4)}.kontakt-formular .pflichtangaben{margin-bottom:var(--raum-5)}.honigtopf{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}@media(max-width:56rem){.kontakt-raster{grid-template-columns:minmax(0,1fr)}}.rechtstext{max-width:68ch}.rechtstext h2{font-size:var(--t-xl);margin-top:var(--raum-7);padding-top:var(--raum-4);border-top:1px solid var(--linie)}.rechtstext h3{font-size:var(--t-l);margin-top:var(--raum-5)}.rechtstext ul,.rechtstext ol{margin:0 0 var(--raum-4);padding-left:1.25rem}.rechtstext li{margin-bottom:var(--raum-2)}.rechtstext dt{font-weight:600;margin-top:var(--raum-3)}.rechtstext dd{margin:0}.platzhalter{background:var(--messing-zart);border-bottom:1px dashed var(--messing);padding:0 .2em;font-family:var(--schrift-code);font-size:.9em}.fuss{background:var(--tanne-tief);color:var(--nebel);padding-block:var(--raum-8) var(--raum-6);font-size:var(--t-s)}.fuss-raster{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr));gap:var(--raum-6)}.fuss .wortmarke{margin-bottom:var(--raum-4)}.fuss-marke p{max-width:32ch;color:var(--flechte)}.fuss .fuss-titel{color:var(--kalk);font-family:var(--schrift-text);font-size:var(--t-m);font-weight:650;letter-spacing:0;line-height:1.3;margin-bottom:var(--raum-4)}.fuss a{color:var(--nebel);text-decoration:none}.fuss a:hover{color:var(--weiss);text-decoration:underline;text-decoration-color:var(--messing)}.fuss ul{list-style:none;margin:0;padding:0;display:grid;gap:var(--raum-2)}.fuss :focus-visible{outline-color:var(--messing-hell)}.fuss-unten{margin-top:var(--raum-7);padding-top:var(--raum-5);border-top:1px solid rgba(255,255,255,.1);display:flex;flex-wrap:wrap;gap:var(--raum-2) var(--raum-6);justify-content:space-between;color:var(--flechte);font-size:var(--t-xs)}@media(max-width:56rem){.fuss-raster{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.fuss-marke{grid-column:1 / -1}}@property --schildfarbe{syntax: "<color>"; inherits: true; initial-value: #f7f7f5;}@property --gravurfarbe{syntax: "<color>"; inherits: true; initial-value: #1c1f21;}@property --breite{syntax: "<number>"; inherits: true; initial-value: 75;}@property --hoehe{syntax: "<number>"; inherits: true; initial-value: 25;}@property --gravur{syntax: "<percentage>"; inherits: true; initial-value: 100%;}@property --licht-x{syntax: "<percentage>"; inherits: true; initial-value: 28%;}@property --licht-y{syntax: "<percentage>"; inherits: true; initial-value: 18%;}@media(prefers-reduced-motion:no-preference){@view-transition{navigation:auto}}.kopf{view-transition-name:kopf}#hero-fenster,#vorschau-platte{view-transition-name:eigenes-schild}::view-transition-group(*){animation-duration:.44s;animation-timing-function:var(--kurve)}::view-transition-old(root){animation:.18s ease-in both seite-aus}::view-transition-new(root){animation:.38s 60ms var(--kurve) both seite-ein}@keyframes seite-aus{to{opacity:0}}@keyframes seite-ein{0%{opacity:0;transform:translateY(10px)}}@keyframes gravur-lauf{0%{--gravur: 0%}to{--gravur: 100%}}.schild[data-gravur] .schild-flaeche{clip-path:inset(-20% calc(100% - var(--gravur)) -20% 0)}.schild[data-gravur=wartet]{--gravur: 0%}.schild[data-gravur=laeuft]{animation:gravur-lauf 1.5s cubic-bezier(.55,.06,.35,1) both}.schild[data-gravur=laeuft] .schild-montage:after{content:"";position:absolute;top:50%;left:var(--gravur);width:calc(100cqw * (var(--hoehe) / var(--breite)) * .5);aspect-ratio:1;translate:-50% -50%;border-radius:50%;background:radial-gradient(circle,#ffffff 0 14%,rgba(255,240,204,.95) 26%,rgba(255,190,92,.5) 48%,transparent 70%)}.tableau:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at var(--licht-x) var(--licht-y),rgba(255,255,255,.95),rgba(255,255,255,.4) 22%,rgba(255,255,255,0) 48%,rgba(0,0,0,.14) 100%);mix-blend-mode:overlay}@keyframes licht-einfall{0%{--licht-x: -35%;--licht-y: -20%}}.tableau{transition:--licht-x .7s var(--kurve),--licht-y .7s var(--kurve);animation:licht-einfall 1.8s var(--kurve) backwards}.werkbank[data-bereit] .schild,.werkbank[data-bereit] .szene-platte{transition:box-shadow .48s var(--kurve),--schildfarbe .42s var(--kurve),--gravurfarbe .42s var(--kurve),--breite .46s var(--kurve),--hoehe .46s var(--kurve)}@keyframes montage-setzen{0%{opacity:0;transform:scale(1.08)}}.werkbank[data-bereit] .schild[data-bohrungen=ja] .schild-montage{animation:montage-setzen .38s var(--kurve)}.schild-flug{position:fixed;z-index:60;margin:0;pointer-events:none}.zeichnung.bereit .z-mass{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.1s var(--kurve) .2s}.zeichnung.bereit .z-mass-text,.zeichnung.bereit .z-text{opacity:0;transition:opacity .6s var(--kurve) .8s}.zeichnung.bereit .z-farbe-abplatzend{clip-path:inset(0 100% 0 0);transition:clip-path .9s var(--kurve) .3s}.zeichnung.bereit .z-farbe{clip-path:inset(100% 0 0 0);transition:clip-path .9s var(--kurve) .5s}.zeichnung.ist-sichtbar .z-mass{stroke-dashoffset:0}.zeichnung.ist-sichtbar .z-mass-text,.zeichnung.ist-sichtbar .z-text{opacity:1}.zeichnung.ist-sichtbar .z-farbe-abplatzend,.zeichnung.ist-sichtbar .z-farbe{clip-path:inset(0)}.schritte.bereit li:after{transform:scaleX(0);transform-origin:left center;transition:transform .6s var(--kurve)}.schritte.bereit .schritt-zahl{background:var(--weiss);color:var(--tanne);box-shadow:inset 0 0 0 2px var(--linie-stark);transition:background-color .3s var(--kurve),color .3s var(--kurve),box-shadow .3s var(--kurve)}.schritte.ist-sichtbar li:after{transform:none}.schritte.ist-sichtbar .schritt-zahl{background:var(--tanne);color:var(--weiss);box-shadow:inset 0 0 0 2px var(--tanne)}.schritte.ist-sichtbar li:nth-child(1):after{transition-delay:.2s}.schritte.ist-sichtbar li:nth-child(2) .schritt-zahl{transition-delay:.65s}.schritte.ist-sichtbar li:nth-child(2):after{transition-delay:.8s}.schritte.ist-sichtbar li:nth-child(3) .schritt-zahl{transition-delay:1.25s}.schritte.ist-sichtbar li:nth-child(3):after{transition-delay:1.4s}.schritte.ist-sichtbar li:nth-child(4) .schritt-zahl{transition-delay:1.85s}.muster .schild-montage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.55) 47%,rgba(255,255,255,.12) 55%,transparent 70%);translate:-110% 0}.knopf-messing{background-image:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.55) 50%,transparent 65%);background-size:220% 100%;background-position:110% 0;background-repeat:no-repeat}@media(hover:hover){.muster:hover .schild-montage:before{translate:110% 0;transition:translate .9s var(--kurve)}.knopf-messing:hover{background-position:-10% 0;transition:background-color var(--tempo) var(--kurve),border-color var(--tempo) var(--kurve),transform .14s var(--kurve),background-position .8s var(--kurve)}}@keyframes menue-auf{0%{opacity:0;translate:0 -6px}}@media(max-width:56rem){.navigation[data-offen=ja]{animation:menue-auf .22s var(--kurve)}}@supports (interpolate-size: allow-keywords) and selector(::details-content){:root{interpolate-size:allow-keywords}.fragen details::details-content{block-size:0;overflow:clip;transition:block-size .34s var(--kurve),content-visibility .34s allow-discrete}.fragen details[open]::details-content{block-size:auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transition-delay:0ms!important}}@media print{.kopf,.fuss,.knopf,.aufruf{display:none}body{background:#fff}}.werkstoffe-titel{margin:var(--raum-8) 0 var(--raum-5);font-size:var(--t-xl)}.werkstoffe{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--raum-5)}@media(min-width:40rem){.werkstoffe{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:64rem){.werkstoffe{grid-template-columns:repeat(4,minmax(0,1fr))}}.werkstoff{display:flex;flex-direction:column;gap:var(--raum-3);padding:var(--raum-5);border:1px solid rgba(255,255,255,.14);border-radius:var(--r-flaeche)}.werkstoff-name{margin:0;font-size:var(--t-l)}.werkstoff p{margin:0}.werkstoff h4,.werkstoff-info .feldname{margin:var(--raum-2) 0 var(--raum-1);font-size:var(--t-s);font-weight:600;letter-spacing:.04em;text-transform:uppercase}.werkstoff .werkstoff-name{margin:0;text-transform:none;letter-spacing:0;font-size:var(--t-l);font-weight:600}.werkstoff ul,.werkstoff-info ul{margin:0;padding-left:1.1em;display:flex;flex-direction:column;gap:var(--raum-2);font-size:var(--t-s)}.werkstoff-vorteile h4{color:var(--messing-hell)}.werkstoff-info{margin-top:var(--raum-4);padding:var(--raum-3) var(--raum-4);border:1px solid var(--linie);border-radius:var(--r-feld);background:var(--weiss)}.werkstoff-info summary{cursor:pointer;font-size:var(--t-s);font-weight:600}.werkstoff-info summary:focus-visible{outline:2px solid var(--tanne);outline-offset:2px}.werkstoff-info>div{display:flex;flex-direction:column;gap:var(--raum-3);padding-top:var(--raum-3)}.knopf-klein{padding:.5rem 1rem;font-size:var(--t-s)}.korb-werkstoffe{margin-top:var(--raum-5)}.werkstoffe-kompakt{padding-top:var(--raum-4)}@media(min-width:40rem){.werkstoffe-kompakt{grid-template-columns:repeat(2,minmax(0,1fr))}}.werkstoff-hell{border-color:var(--linie);padding:var(--raum-4)}.werkstoff-hell .feldname{margin:var(--raum-2) 0 var(--raum-1)}.material-weiter{display:flex;flex-wrap:wrap;gap:var(--raum-3);margin:var(--raum-8) 0 0}.abschnitt-dunkel .knopf-linie{color:var(--kalk);border-color:#fff6}.shopify-policy__container{max-width:46rem;margin:0 auto;padding:3rem 1.25rem 4rem}.shopify-policy__title h1{font-family:var(--schrift-display);font-size:var(--h1, 2.5rem);line-height:1.1;margin:0 0 2rem}
/*# sourceMappingURL=/cdn/shop/t/8/assets/basis.css.map */