*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;font-family:Geist,ui-sans-serif,system-ui,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:Geist Mono,ui-monospace,SFMono-Regular,monospace;font-feature-settings:normal;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-feature-settings:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}html{scroll-behavior:smooth;scroll-padding-top:6rem;-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility}body{--tw-bg-opacity:1;background-color:rgb(251 248 244/var(--tw-bg-opacity,1));font-family:Geist,ui-sans-serif,system-ui,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,h1,h2,h3,h4{--tw-text-opacity:1;color:rgb(28 26 23/var(--tw-text-opacity,1))}h1,h2,h3,h4{font-family:Bricolage Grotesque,ui-sans-serif,system-ui,sans-serif;font-optical-sizing:auto;font-weight:600;letter-spacing:-.025em;text-wrap:balance}p{text-wrap:pretty}:focus-visible{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(159 99 4/var(--tw-ring-opacity,1));--tw-ring-offset-width:2px;--tw-ring-offset-color:#faf8f4}::-moz-selection{--tw-bg-opacity:1;background-color:rgb(159 99 4/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}::selection{--tw-bg-opacity:1;background-color:rgb(159 99 4/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.eyebrow{align-items:center;display:inline-flex;font-family:Geist Mono,ui-monospace,SFMono-Regular,monospace;font-size:.72rem;font-weight:500;gap:.75rem;letter-spacing:.2em;text-transform:uppercase;--tw-text-opacity:1;color:rgb(124 76 3/var(--tw-text-opacity,1))}.eyebrow:before{background-color:currentColor;content:"";height:1px;width:1.75rem}.eyebrow--bare:before{display:none}.num{font-family:Geist Mono,ui-monospace,SFMono-Regular,monospace;--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);letter-spacing:-.025em}.link-underline{align-items:center;display:inline-flex;font-weight:500;position:relative;--tw-text-opacity:1;color:rgb(28 26 23/var(--tw-text-opacity,1));transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.link-underline:hover{--tw-text-opacity:1;color:rgb(159 99 4/var(--tw-text-opacity,1))}.link-underline:after{bottom:-.125rem;content:"";height:1px;left:0;position:absolute;transform-origin:right;width:100%;--tw-scale-x:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-bg-opacity:1;background-color:rgb(159 99 4/var(--tw-bg-opacity,1));transition-duration:.3s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.link-underline:hover:after{transform-origin:left;--tw-scale-x:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.btn{align-items:center;border-radius:.75rem;display:inline-flex;font-weight:600;gap:.5rem;justify-content:center;line-height:1.25;transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.22,1,.36,1)}.btn:focus-visible{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(159 99 4/var(--tw-ring-opacity,1));--tw-ring-offset-width:2px}.btn:active{--tw-scale-x:0.98;--tw-scale-y:0.98;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.btn-lg{font-size:1rem;line-height:1.5rem;padding:.875rem 1.5rem}.btn-md{font-size:.875rem;line-height:1.25rem;padding:.625rem 1.25rem}.btn-accent{--tw-bg-opacity:1;background-color:rgb(255 161 1/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(28 26 23/var(--tw-text-opacity,1));--tw-shadow:0 1px 2px 0 rgba(26,24,21,.04),0 8px 24px -8px rgba(26,24,21,.1);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color),0 8px 24px -8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.btn-accent:hover{--tw-bg-opacity:1;background-color:rgb(225 142 8/var(--tw-bg-opacity,1))}.btn-light{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(26 24 21/var(--tw-text-opacity,1))}.btn-light:hover{--tw-bg-opacity:1;background-color:rgb(246 245 243/var(--tw-bg-opacity,1))}.btn-outline{border-width:1px;--tw-border-opacity:1;border-color:rgb(232 224 216/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(57 53 48/var(--tw-text-opacity,1))}.btn-outline:hover{border-color:rgba(193,122,11,.4);--tw-text-opacity:1;color:rgb(159 99 4/var(--tw-text-opacity,1))}.btn-ghost-light{background-color:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.35);border-width:1px;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));--tw-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.btn-ghost-light:hover{border-color:hsla(0,0%,100%,.6);--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(26 24 21/var(--tw-text-opacity,1))}.aud-tab{align-items:center;border-radius:.75rem;border-width:1px;display:inline-flex;gap:.5rem;height:3.5rem;justify-content:center;white-space:nowrap;--tw-border-opacity:1;border-color:rgb(232 224 216/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(251 248 244/var(--tw-bg-opacity,1));font-family:Geist Mono,ui-monospace,SFMono-Regular,monospace;font-size:.9rem;font-weight:600;letter-spacing:.05em;padding-left:1.5rem;padding-right:1.5rem;text-transform:uppercase;--tw-text-opacity:1;color:rgb(108 100 92/var(--tw-text-opacity,1));transition-duration:.2s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.aud-tab:hover{border-color:rgba(28,26,23,.4);--tw-text-opacity:1;color:rgb(28 26 23/var(--tw-text-opacity,1))}.aud-tab:active{--tw-translate-y:1px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media (min-width:640px){.aud-tab{font-size:1rem;height:3.75rem;line-height:1.5rem;padding-left:2rem;padding-right:2rem}}.aud-tab[aria-pressed=true]{border-color:transparent;--tw-bg-opacity:1;background-color:rgb(28 26 23/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(251 248 244/var(--tw-text-opacity,1));--tw-shadow:0 14px 34px -14px rgba(26,24,21,.55);--tw-shadow-colored:0 14px 34px -14px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.rk-seg{border-radius:.6rem;border-width:1px;cursor:pointer;--tw-border-opacity:1;border-color:rgb(232 224 216/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));font-size:.875rem;font-weight:600;line-height:1.25rem;padding-bottom:.625rem;padding-top:.625rem;text-align:center;--tw-text-opacity:1;color:rgb(108 100 92/var(--tw-text-opacity,1));transition-duration:.2s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.rk-seg:hover{border-color:rgba(193,122,11,.5);--tw-text-opacity:1;color:rgb(28 26 23/var(--tw-text-opacity,1))}.rk-on{border-color:transparent;--tw-bg-opacity:1;background-color:rgb(159 99 4/var(--tw-bg-opacity,1));--tw-text-opacity:1;--tw-shadow:0 1px 2px 0 rgba(26,24,21,.04),0 8px 24px -8px rgba(26,24,21,.1);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color),0 8px 24px -8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.rk-on,.rk-on:hover{color:rgb(255 255 255/var(--tw-text-opacity,1))}.rk-on:hover{--tw-text-opacity:1}.rk-range{-moz-appearance:none;appearance:none;border-radius:9999px;cursor:pointer;height:.375rem;width:100%;--tw-bg-opacity:1;-webkit-appearance:none;background-color:rgb(232 224 216/var(--tw-bg-opacity,1))}.marquee{display:flex;overflow:hidden;position:relative}.marquee__track{align-items:center;animation:marquee 38s linear infinite;display:flex;flex-shrink:0;width:-moz-max-content;width:max-content;will-change:transform}/* .marquee:hover .marquee__track – Hover-Pause entfernt, da edge-fade-x sonst Icons an den Rändern ausblendet */.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-x-0{left:0;right:0}.inset-y-0{bottom:0;top:0}.-right-2{right:-.5rem}.-top-2{top:-.5rem}.left-1\/2{left:50%}.left-\[10\%\]{left:10%}.right-\[10\%\]{right:10%}.top-0{top:0}.top-1\/2{top:50%}.top-7{top:1.75rem}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.mx-7{margin-left:1.75rem;margin-right:1.75rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-1\.5{margin-bottom:.375rem}.mb-10{margin-bottom:2.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mt-14{margin-top:3.5rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-7{margin-top:1.75rem}.mt-8{margin-top:2rem}.mt-9{margin-top:2.25rem}.mt-auto{margin-top:auto}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.h-1\.5{height:.375rem}.h-1\/2{height:50%}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-3{height:.75rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[15px\]{height:15px}.h-\[18px\]{height:18px}.h-\[22px\]{height:22px}.h-\[3px\]{height:3px}.h-\[4\.5rem\]{height:4.5rem}.h-\[5\.25rem\]{height:5.25rem}.h-full{height:100%}.h-px{height:1px}.min-h-\[132px\]{min-height:132px}.min-h-\[230px\]{min-height:230px}.min-h-\[300px\]{min-height:300px}.min-h-\[600px\]{min-height:600px}.min-h-screen{min-height:100vh}.w-1\.5{width:.375rem}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-3{width:.75rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-\[15px\]{width:15px}.w-\[18px\]{width:18px}.w-\[22px\]{width:22px}.w-\[5\.25rem\]{width:5.25rem}.w-auto{width:auto}.w-full{width:100%}.w-px{width:1px}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-\[16rem\]{max-width:16rem}.max-w-content{max-width:75rem}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-y-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y:-50%}.-rotate-45{--tw-rotate:-45deg}.-rotate-45,.rotate-45{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-45{--tw-rotate:45deg}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize{resize:both}.scroll-mt-24{scroll-margin-top:6rem}.list-none{list-style-type:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-\[2\.75rem_1fr\]{grid-template-columns:2.75rem 1fr}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-10{gap:2.5rem}.gap-12{gap:3rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-7{gap:1.75rem}.gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}.gap-x-8{-moz-column-gap:2rem;column-gap:2rem}.gap-y-10{row-gap:2.5rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.25rem*var(--tw-space-y-reverse));margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.375rem*var(--tw-space-y-reverse));margin-top:calc(.375rem*(1 - var(--tw-space-y-reverse)))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.75rem*var(--tw-space-y-reverse));margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.25rem*var(--tw-space-y-reverse));margin-top:calc(1.25rem*(1 - var(--tw-space-y-reverse)))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-bottom-width:calc(1px*var(--tw-divide-y-reverse));border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)))}.divide-border>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(232 224 216/var(--tw-divide-opacity,1))}.divide-white\/10>:not([hidden])~:not([hidden]){border-color:hsla(0,0%,100%,.1)}.overflow-hidden{overflow:hidden}.scroll-smooth{scroll-behavior:smooth}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.rounded-2xl{border-radius:1rem}.rounded-\[0\.7rem\]{border-radius:.7rem}.rounded-\[0\.85rem\]{border-radius:.85rem}.rounded-\[1\.25rem\]{border-radius:1.25rem}.rounded-\[1\.5rem\]{border-radius:1.5rem}.rounded-\[3px\]{border-radius:3px}.rounded-full{border-radius:9999px}.rounded-lg,.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-y{border-top-width:1px}.border-b,.border-y{border-bottom-width:1px}.border-t{border-top-width:1px}.border-\[\#b88f57\]{--tw-border-opacity:1;border-color:rgb(184 143 87/var(--tw-border-opacity,1))}.border-border{--tw-border-opacity:1;border-color:rgb(232 224 216/var(--tw-border-opacity,1))}.border-brand-900{--tw-border-opacity:1;border-color:rgb(39 36 33/var(--tw-border-opacity,1))}.border-foreground\/15{border-color:rgba(28,26,23,.15)}.border-input{--tw-border-opacity:1;border-color:rgb(217 211 199/var(--tw-border-opacity,1))}.border-signal-200{--tw-border-opacity:1;border-color:rgb(255 209 158/var(--tw-border-opacity,1))}.border-white\/10{border-color:hsla(0,0%,100%,.1)}.border-white\/15{border-color:hsla(0,0%,100%,.15)}.border-white\/20{border-color:hsla(0,0%,100%,.2)}.border-white\/40{border-color:hsla(0,0%,100%,.4)}.bg-\[\#a87f4e\]\/50{background-color:rgba(168,127,78,.5)}.bg-\[\#f4e8ca\]\/55{background-color:hsla(43,66%,87%,.55)}.bg-\[\#f4e8ca\]\/75{background-color:hsla(43,66%,87%,.75)}.bg-background{--tw-bg-opacity:1;background-color:rgb(251 248 244/var(--tw-bg-opacity,1))}.bg-background\/85{background-color:hsla(40,37%,97%,.85)}.bg-border{--tw-bg-opacity:1;background-color:rgb(232 224 216/var(--tw-bg-opacity,1))}.bg-brand-900{--tw-bg-opacity:1;background-color:rgb(39 36 33/var(--tw-bg-opacity,1))}.bg-brand-950{--tw-bg-opacity:1;background-color:rgb(26 24 21/var(--tw-bg-opacity,1))}.bg-card{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-foreground{--tw-bg-opacity:1;background-color:rgb(28 26 23/var(--tw-bg-opacity,1))}.bg-muted{--tw-bg-opacity:1;background-color:rgb(244 239 234/var(--tw-bg-opacity,1))}.bg-muted\/40{background-color:hsla(40,27%,91%,.4)}.bg-muted\/50{background-color:hsla(40,27%,91%,.5)}.bg-signal-400{--tw-bg-opacity:1;background-color:rgb(255 161 1/var(--tw-bg-opacity,1))}.bg-signal-50{--tw-bg-opacity:1;background-color:rgb(255 244 231/var(--tw-bg-opacity,1))}.bg-signal-500\/15{background-color:rgba(225,142,8,.15)}.bg-signal-600{--tw-bg-opacity:1;background-color:rgb(159 99 4/var(--tw-bg-opacity,1))}.bg-signal-700{--tw-bg-opacity:1;background-color:rgb(159 99 4/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/10{background-color:hsla(0,0%,100%,.1)}.bg-white\/\[0\.05\]{background-color:hsla(0,0%,100%,.05)}.bg-white\/\[0\.06\]{background-color:hsla(0,0%,100%,.06)}.bg-white\/\[0\.08\]{background-color:hsla(0,0%,100%,.08)}.bg-white\/\[0\.09\]{background-color:hsla(0,0%,100%,.09)}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.from-\[\#e7cfa4\]{--tw-gradient-from:#e7cfa4 var(--tw-gradient-from-position);--tw-gradient-to:hsla(39,58%,77%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-brand-950{--tw-gradient-from:#1a1815 var(--tw-gradient-from-position);--tw-gradient-to:rgba(26,24,21,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-brand-950\/85{--tw-gradient-from:rgba(26,24,21,.85) var(--tw-gradient-from-position);--tw-gradient-to:rgba(26,24,21,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-signal-600\/30{--tw-gradient-from:rgba(193,122,11,.3) var(--tw-gradient-from-position);--tw-gradient-to:rgba(193,122,11,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.via-brand-950\/55{--tw-gradient-to:rgba(26,24,21,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(26,24,21,.55) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-brand-950\/75{--tw-gradient-to:rgba(26,24,21,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(26,24,21,.75) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-signal-600\/40{--tw-gradient-to:rgba(193,122,11,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(193,122,11,.4) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),transparent var(--tw-gradient-via-position),var(--tw-gradient-to)}.to-\[\#d2af7a\]{--tw-gradient-to:#d2af7a var(--tw-gradient-to-position)}.to-brand-950\/20{--tw-gradient-to:rgba(26,24,21,.2) var(--tw-gradient-to-position)}.to-brand-950\/5{--tw-gradient-to:rgba(26,24,21,.05) var(--tw-gradient-to-position)}.to-signal-600\/20{--tw-gradient-to:rgba(193,122,11,.2) var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position)}.fill-current{fill:currentColor}.object-cover{-o-object-fit:cover;object-fit:cover}.object-\[72\%_center\]{-o-object-position:72% center;object-position:72% center}.p-2{padding:.5rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-7{padding:1.75rem}.p-8{padding:2rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-3\.5{padding-left:.875rem;padding-right:.875rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-16{padding-bottom:4rem;padding-top:4rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-2\.5{padding-bottom:.625rem;padding-top:.625rem}.py-20{padding-bottom:5rem;padding-top:5rem}.py-24{padding-bottom:6rem;padding-top:6rem}.py-4{padding-bottom:1rem;padding-top:1rem}.pb-6{padding-bottom:1.5rem}.pt-5{padding-top:1.25rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.text-center{text-align:center}.font-heading{font-family:Bricolage Grotesque,ui-sans-serif,system-ui,sans-serif}.font-mono{font-family:Geist Mono,ui-monospace,SFMono-Regular,monospace}.font-sans{font-family:Geist,ui-sans-serif,system-ui,sans-serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-6xl{font-size:3.75rem;line-height:1}.text-\[0\.68rem\]{font-size:.68rem}.text-\[0\.6rem\]{font-size:.6rem}.text-\[0\.7rem\]{font-size:.7rem}.text-\[0\.95rem\]{font-size:.95rem}.text-\[1\.7rem\]{font-size:1.7rem}.text-\[1\.95rem\]{font-size:1.95rem}.text-\[2\.2rem\]{font-size:2.2rem}.text-\[2\.6rem\]{font-size:2.6rem}.text-\[2\.7rem\]{font-size:2.7rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.not-italic{font-style:normal}.leading-\[0\.85\]{line-height:.85}.leading-\[0\.98\]{line-height:.98}.leading-\[1\.02\]{line-height:1.02}.leading-\[1\.03\]{line-height:1.03}.leading-\[1\.04\]{line-height:1.04}.leading-\[1\.06\]{line-height:1.06}.leading-\[1\.08\]{line-height:1.08}.leading-\[1\.25\]{line-height:1.25}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-\[0\.14em\]{letter-spacing:.14em}.tracking-\[0\.16em\]{letter-spacing:.16em}.tracking-\[0\.18em\]{letter-spacing:.18em}.tracking-\[0\.2em\]{letter-spacing:.2em}.tracking-tight{letter-spacing:-.025em}.tracking-wider{letter-spacing:.05em}.text-background{--tw-text-opacity:1;color:rgb(251 248 244/var(--tw-text-opacity,1))}.text-brand-800{--tw-text-opacity:1;color:rgb(57 53 48/var(--tw-text-opacity,1))}.text-brand-900{--tw-text-opacity:1;color:rgb(39 36 33/var(--tw-text-opacity,1))}.text-brand-950{--tw-text-opacity:1;color:rgb(26 24 21/var(--tw-text-opacity,1))}.text-foreground{--tw-text-opacity:1;color:rgb(28 26 23/var(--tw-text-opacity,1))}.text-foreground\/80{color:rgba(28,26,23,.8)}.text-muted-foreground{--tw-text-opacity:1;color:rgb(108 100 92/var(--tw-text-opacity,1))}.text-signal-400{--tw-text-opacity:1;color:rgb(255 161 1/var(--tw-text-opacity,1))}.text-signal-500{--tw-text-opacity:1;color:rgb(225 142 8/var(--tw-text-opacity,1))}.text-signal-600{--tw-text-opacity:1;color:rgb(159 99 4/var(--tw-text-opacity,1))}.text-signal-700{--tw-text-opacity:1;color:rgb(159 99 4/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-white\/40{color:hsla(0,0%,100%,.4)}.text-white\/50{color:hsla(0,0%,100%,.5)}.text-white\/55{color:hsla(0,0%,100%,.55)}.text-white\/60{color:hsla(0,0%,100%,.6)}.text-white\/65{color:hsla(0,0%,100%,.65)}.text-white\/70{color:hsla(0,0%,100%,.7)}.text-white\/75{color:hsla(0,0%,100%,.75)}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-80{opacity:.8}.opacity-\[0\.16\]{opacity:.16}.shadow-\[0_14px_30px_-10px_rgba\(0\2c 0\2c 0\2c 0\.45\)\]{--tw-shadow:0 14px 30px -10px rgba(0,0,0,.45);--tw-shadow-colored:0 14px 30px -10px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_24px_60px_-30px_rgba\(26\2c 24\2c 21\2c 0\.55\)\]{--tw-shadow:0 24px 60px -30px rgba(26,24,21,.55);--tw-shadow-colored:0 24px 60px -30px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_24px_70px_rgba\(26\2c 24\2c 21\2c 0\.28\)\]{--tw-shadow:0 24px 70px rgba(26,24,21,.28);--tw-shadow-colored:0 24px 70px var(--tw-shadow-color)}.shadow-\[0_24px_70px_rgba\(26\2c 24\2c 21\2c 0\.28\)\],.shadow-card{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-card{--tw-shadow:0 1px 3px 0 rgba(26,24,21,.06),0 12px 32px -12px rgba(26,24,21,.14);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 12px 32px -12px var(--tw-shadow-color)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.shadow-sm,.shadow-soft{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-soft{--tw-shadow:0 1px 2px 0 rgba(26,24,21,.04),0 8px 24px -8px rgba(26,24,21,.1);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color),0 8px 24px -8px var(--tw-shadow-color)}.shadow-card{--tw-shadow-color:#fff;--tw-shadow:var(--tw-shadow-colored)}.outline-none{outline:2px solid transparent;outline-offset:2px}.backdrop-blur-md{--tw-backdrop-blur:blur(12px)}.backdrop-blur-md,.backdrop-blur-sm{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-shadow{transition-duration:.15s;transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.duration-700{transition-duration:.7s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.will-change-transform{will-change:transform}.soft-enter{animation:soft-enter .72s cubic-bezier(.22,1,.36,1) both;animation-delay:var(--enter-delay,0s);will-change:opacity,transform}.aud-in{animation:aud-in .5s cubic-bezier(.22,1,.36,1) both}.edge-fade-x{-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}.reveal-ready [data-reveal]{opacity:0;transform:translateY(var(--reveal-y,20px));transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1);will-change:opacity,transform}.reveal-ready [data-reveal].is-visible{opacity:1;transform:none}@font-face{font-display:swap;font-family:Bricolage Grotesque;font-style:normal;font-weight:100 900;src:url(../fonts/bricolage.woff2) format("woff2")}@font-face{font-display:swap;font-family:Geist;font-style:normal;font-weight:100 900;src:url(../fonts/geist.woff2) format("woff2")}@font-face{font-display:swap;font-family:Geist Mono;font-style:normal;font-weight:100 900;src:url(../fonts/geist-mono.woff2) format("woff2")}@keyframes marquee{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}@keyframes soft-enter{0%{opacity:0;transform:translate3d(0,14px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes aud-in{0%{opacity:0;transform:translate3d(0,10px,0)}to{opacity:1;transform:translateZ(0)}}.rk-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#c17a0b;border:3px solid #fff;border-radius:999px;box-shadow:0 2px 6px rgba(0,0,0,.22);cursor:pointer;height:20px;width:20px}.rk-range::-moz-range-thumb{background:#c17a0b;border:3px solid #fff;border-radius:999px;box-shadow:0 2px 6px rgba(0,0,0,.22);cursor:pointer;height:20px;width:20px}#danke{display:none}#danke:target{display:flex}#site-header[data-scrolled=true]{box-shadow:0 1px 0 0 #e8e0d8,0 12px 28px -22px rgba(26,24,21,.5)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}[data-reveal]{opacity:1!important;transform:none!important}.marquee__track{animation:none!important}}.hover\:border-signal-600\/40:hover{border-color:rgba(193,122,11,.4)}.hover\:bg-muted:hover{--tw-bg-opacity:1;background-color:rgb(244 239 234/var(--tw-bg-opacity,1))}.hover\:bg-white\/10:hover{background-color:hsla(0,0%,100%,.1)}.hover\:text-signal-400:hover{--tw-text-opacity:1;color:rgb(255 161 1/var(--tw-text-opacity,1))}.hover\:text-signal-700:hover{--tw-text-opacity:1;color:rgb(159 99 4/var(--tw-text-opacity,1))}.focus\:not-sr-only:focus{height:auto;margin:0;overflow:visible;padding:0;position:static;width:auto;clip:auto;white-space:normal}.focus\:absolute:focus{position:absolute}.focus\:left-4:focus{left:1rem}.focus\:top-4:focus{top:1rem}.focus\:z-\[100\]:focus{z-index:100}.focus\:rounded-lg:focus{border-radius:.75rem}.focus\:border-signal-500:focus{--tw-border-opacity:1;border-color:rgb(225 142 8/var(--tw-border-opacity,1))}.focus\:bg-brand-900:focus{--tw-bg-opacity:1;background-color:rgb(39 36 33/var(--tw-bg-opacity,1))}.focus\:px-4:focus{padding-left:1rem;padding-right:1rem}.focus\:py-2:focus{padding-bottom:.5rem;padding-top:.5rem}.focus\:text-white:focus{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-signal-500\/25:focus{--tw-ring-color:rgba(225,142,8,.25)}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\:ring-ring:focus-visible{--tw-ring-opacity:1;--tw-ring-color:rgb(159 99 4/var(--tw-ring-opacity,1))}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px}.focus-visible\:ring-offset-background:focus-visible{--tw-ring-offset-color:#faf8f4}.group[open] .group-open\:rotate-45{--tw-rotate:45deg}.group:hover .group-hover\:scale-\[1\.06\],.group[open] .group-open\:rotate-45{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:scale-\[1\.06\]{--tw-scale-x:1.06;--tw-scale-y:1.06}.group:hover .group-hover\:bg-signal-600{--tw-bg-opacity:1;background-color:rgb(159 99 4/var(--tw-bg-opacity,1))}.group:hover .group-hover\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}@media (min-width:640px){.sm\:col-span-1{grid-column:span 1/span 1}.sm\:col-span-2{grid-column:span 2/span 2}.sm\:h-16{height:4rem}.sm\:w-auto{width:auto}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:whitespace-nowrap{white-space:nowrap}.sm\:p-10{padding:2.5rem}.sm\:p-6{padding:1.5rem}.sm\:p-7{padding:1.75rem}.sm\:p-8{padding:2rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:py-20{padding-bottom:5rem;padding-top:5rem}.sm\:py-24{padding-bottom:6rem;padding-top:6rem}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}.sm\:text-5xl{font-size:3rem;line-height:1}.sm\:text-6xl{font-size:3.75rem;line-height:1}.sm\:text-\[2\.1rem\]{font-size:2.1rem}.sm\:text-lg{font-size:1.125rem;line-height:1.75rem}}@media (min-width:768px){.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-end{align-items:flex-end}.md\:justify-between{justify-content:space-between}.md\:gap-y-0{row-gap:0}.md\:divide-x>:not([hidden])~:not([hidden]){--tw-divide-x-reverse:0;border-left-width:calc(1px*(1 - var(--tw-divide-x-reverse)));border-right-width:calc(1px*var(--tw-divide-x-reverse))}.md\:divide-border>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(232 224 216/var(--tw-divide-opacity,1))}.md\:px-8{padding-left:2rem;padding-right:2rem}.md\:pl-0{padding-left:0}.md\:text-right{text-align:right}.md\:text-\[2\.15rem\]{font-size:2.15rem}}@media (min-width:1024px){.lg\:sticky{position:sticky}.lg\:top-28{top:7rem}.lg\:col-span-5{grid-column:span 5/span 5}.lg\:col-span-7{grid-column:span 7/span 7}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:h-\[5\.5rem\]{height:5.5rem}.lg\:min-h-\[340px\]{min-height:340px}.lg\:min-h-\[82dvh\]{min-height:82dvh}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-\[0\.85fr_1\.15fr\]{grid-template-columns:.85fr 1.15fr}.lg\:grid-cols-\[0\.8fr_1\.2fr\]{grid-template-columns:.8fr 1.2fr}.lg\:grid-cols-\[0\.95fr_1\.05fr\]{grid-template-columns:.95fr 1.05fr}.lg\:grid-cols-\[0\.9fr_1\.1fr\]{grid-template-columns:.9fr 1.1fr}.lg\:grid-cols-\[1\.05fr_0\.95fr\]{grid-template-columns:1.05fr .95fr}.lg\:grid-cols-\[1\.06fr_0\.94fr\]{grid-template-columns:1.06fr .94fr}.lg\:grid-cols-\[1\.4fr_1fr_1fr_1fr\]{grid-template-columns:1.4fr 1fr 1fr 1fr}.lg\:items-center{align-items:center}.lg\:gap-14{gap:3.5rem}.lg\:gap-16{gap:4rem}.lg\:self-start{align-self:flex-start}.lg\:p-12{padding:3rem}.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:py-24{padding-bottom:6rem;padding-top:6rem}.lg\:py-28{padding-bottom:7rem;padding-top:7rem}.lg\:text-5xl{font-size:3rem;line-height:1}.lg\:text-\[2\.4rem\]{font-size:2.4rem}.lg\:text-\[2\.9rem\]{font-size:2.9rem}.lg\:text-\[3\.4rem\]{font-size:3.4rem}.lg\:text-\[3\.6rem\]{font-size:3.6rem}.lg\:text-\[4\.6rem\]{font-size:4.6rem}}@media (min-width:1280px){.xl\:text-6xl{font-size:3.75rem;line-height:1}}
/* ===================== Beiladungs-Formular (München–Berlin) ===================== */
#beiladung-danke{display:none}
#beiladung-danke:target{display:flex}

/* Weitere Leistungen: ruhiger Übergang von Kern- zu Zusatzservices */
.additional-services-intro{margin:0 auto clamp(3.5rem,5vw,5.25rem);max-width:42rem;padding-top:clamp(1.5rem,3vw,3rem);text-align:center}
.additional-services-intro .eyebrow{justify-content:center}
.additional-services-intro h3{margin:1.15rem auto 0;max-width:17ch;font-family:Bricolage Grotesque,ui-sans-serif,system-ui,sans-serif;font-size:clamp(2.25rem,3vw,3.15rem);font-weight:650;letter-spacing:-.04em;line-height:.98;text-wrap:balance}
.additional-services-intro p{margin:1.3rem auto 0;max-width:34rem;color:oklch(.5 .018 66);font-size:clamp(1rem,1.3vw,1.125rem);line-height:1.6;text-wrap:pretty}

/* Route-Band */
.bz-route{display:flex;align-items:center;gap:.9rem}
.bz-route__stop{display:inline-flex;align-items:center;gap:.5rem;flex:none}
.bz-route__stop--end{flex-direction:row-reverse}
.bz-route__dot{width:.6rem;height:.6rem;border-radius:9999px;background-color:rgb(159 99 4);box-shadow:0 0 0 3px rgb(255 209 158)}
.bz-route__dot--end{background-color:rgb(28 26 23);box-shadow:0 0 0 3px rgb(232 224 216)}
.bz-route__city{font-size:.9rem;font-weight:600;letter-spacing:-.01em;color:rgb(28 26 23)}
.bz-route__track{position:relative;flex:1 1 auto;height:2px;background-image:linear-gradient(90deg,rgb(217 211 199) 0 7px,transparent 7px 14px);background-size:14px 2px;background-repeat:repeat-x;animation:bz-march 1.1s linear infinite}
.bz-route__truck{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:9999px;border:1px solid rgb(255 209 158);background-color:rgb(255 244 231);color:rgb(159 99 4)}
.bz-route__furniture{position:absolute;z-index:1;top:50%;left:-2rem;display:inline-flex;align-items:center;justify-content:center;width:1.55rem;height:1.55rem;border-radius:9999px;background-color:rgb(255 244 231);color:rgb(159 99 4);box-shadow:0 0 0 2px rgba(250,248,244,.9);transform:translateY(-50%);animation:bz-furniture-move 12s linear infinite}
.bz-route__furniture svg{width:.9rem;height:.9rem}
.bz-route__furniture--armchair{animation-delay:-2s}
.bz-route__furniture--table{animation-delay:-4s}
.bz-route__furniture--lamp{animation-delay:-6s}
.bz-route__furniture--box{animation-delay:-8s}
.bz-route__furniture--package{animation-delay:-10s}
@keyframes bz-furniture-move{0%,10%{left:-2rem;opacity:0}20%,72%{opacity:1}100%{left:calc(100% + 2rem);opacity:0}}
@keyframes bz-march{to{background-position:14px 0}}

/* Bild-Dropzone */
.bz-drop{position:relative;display:flex;align-items:center;gap:.9rem;cursor:pointer;border-radius:.75rem;border:1.5px dashed rgb(217 211 199);background-color:rgb(251 248 244);padding:.85rem 1rem;transition:border-color .2s,background-color .2s,box-shadow .2s}
.bz-drop:hover{border-color:rgb(159 99 4);background-color:rgb(255 244 231)}
.bz-drop:focus-within{border-color:rgb(159 99 4);box-shadow:0 0 0 3px rgba(193,122,11,.25)}
.bz-drop.is-dragging{border-color:rgb(159 99 4);background-color:rgb(255 244 231);border-style:solid}
.bz-drop.is-filled{border-style:solid;border-color:rgb(255 209 158);background-color:rgb(255 244 231)}
.bz-drop__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}
.bz-drop__icon{display:inline-flex;flex:none;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:.7rem;background-color:rgb(255 209 158);color:rgb(159 99 4)}
.bz-drop__text{display:flex;min-width:0;flex-direction:column;gap:.15rem;flex:1 1 auto}
.bz-drop__title{font-size:.9rem;font-weight:500;color:rgb(28 26 23);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bz-drop__hint{font-size:.78rem;color:rgb(108 100 92)}
.bz-drop__action{flex:none;border-radius:.5rem;border:1px solid rgb(217 211 199);background-color:rgb(255 255 255);padding:.4rem .8rem;font-size:.8rem;font-weight:600;color:rgb(28 26 23);transition:border-color .2s,color .2s}
.bz-drop:hover .bz-drop__action{border-color:rgb(159 99 4);color:rgb(159 99 4)}
.bz-drop__error{margin-top:.5rem;font-size:.8rem;font-weight:500;color:rgb(185 28 28)}
.bz-drop__error[hidden]{display:none}

@media (max-width:400px){
  .bz-drop{flex-wrap:wrap}
  .bz-drop__action{width:100%;text-align:center}
  .bz-route__city{font-size:.8rem}
}
@media (prefers-reduced-motion:reduce){
  .bz-route__track{animation:none}
  .bz-route__furniture{display:none}
}

/* Route-Paar erst ab sm zusammenhalten – auf schmalen Displays darf es umbrechen. */
.bz-nowrap{white-space:normal}
@media (min-width:640px){.bz-nowrap{white-space:nowrap}}

/* Desktop-Navigation: „Leistungen"-Dropdown standardmäßig eingeklappt.
   Fallback, da die benötigten Tailwind-Utilities (invisible/opacity-0/group-hover)
   im statischen Build nicht enthalten sind – sonst bliebe das Untermenü dauerhaft offen. */
.dz-nav-dropdown{position:absolute;left:50%;top:100%;z-index:50;width:20rem;padding-top:.75rem;transform:translateX(-50%);visibility:hidden;opacity:0;transition:opacity .2s ease,visibility .2s ease}
.group:hover>.dz-nav-dropdown,.dz-nav-dropdown:hover,.dz-nav-dropdown:focus-within{visibility:visible;opacity:1}
.dz-svc-panel{overflow:hidden;border-radius:1rem;border:1px solid rgb(232 224 216);background:rgb(251 248 244);box-shadow:0 20px 44px -14px rgba(39,36,33,.20),0 6px 14px -6px rgba(39,36,33,.10)}
.dz-svc-list{display:grid;gap:.125rem;padding:.625rem}
.dz-svc{position:relative;display:flex;align-items:center;gap:.875rem;border-radius:.75rem;padding:.5rem 2rem .5rem .75rem;text-decoration:none;transition:background-color .15s ease}
.dz-svc:hover{background:rgb(255 244 231)}
.dz-svc__icon{display:flex;height:2.25rem;width:2.25rem;flex:none;align-items:center;justify-content:center;border-radius:.625rem;background:rgb(255 244 231);color:rgb(159 99 4);box-shadow:inset 0 0 0 1px rgba(193,122,11,.12);transition:background-color .15s ease,color .15s ease,box-shadow .15s ease}
.dz-svc:hover .dz-svc__icon{background:rgb(255 161 1);color:rgb(28 26 23);box-shadow:inset 0 0 0 1px rgb(255 161 1)}
.dz-svc__text{min-width:0}
.dz-svc__title{display:block;font-size:.875rem;font-weight:600;line-height:1.3;color:rgb(28 26 23);transition:color .15s ease}
.dz-svc:hover .dz-svc__title{color:rgb(159 99 4)}
.dz-svc__desc{display:block;margin-top:1px;font-size:.75rem;line-height:1.35;color:rgb(108 100 92)}
.dz-svc__arrow{position:absolute;right:.75rem;top:50%;color:rgb(159 99 4);opacity:0;transform:translate(-4px,-50%);transition:opacity .2s ease,transform .2s ease}
.dz-svc:hover .dz-svc__arrow{opacity:1;transform:translate(0,-50%)}
.dz-svc-all{display:flex;align-items:center;justify-content:space-between;gap:.5rem;border-top:1px solid rgb(232 224 216);background:rgba(239,235,227,.45);padding:.75rem 1.25rem;font-size:.875rem;font-weight:600;color:rgb(57 53 48);text-decoration:none;transition:background-color .15s ease,color .15s ease}
.dz-svc-all:hover{background:rgb(244 239 234);color:rgb(159 99 4)}
.dz-svc-all svg{flex:none;transition:transform .2s ease}
.dz-svc-all:hover svg{transform:translateX(2px)}
@media (prefers-reduced-motion:reduce){.dz-svc,.dz-svc__icon,.dz-svc__title,.dz-svc__arrow,.dz-svc-all,.dz-svc-all svg{transition:none}.dz-svc__arrow{transform:translateY(-50%)}}
.dz-hours{margin-top:1.25rem;display:flex;flex-direction:column;gap:.1875rem;font-size:.875rem}
.dz-hours__row{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;border-radius:.5rem;padding:.3125rem .5625rem;margin:0 -.5625rem}
.dz-hours__row--today{background:rgba(255,161,1,.09);box-shadow:inset 0 0 0 1px rgba(255,161,1,.22)}
.dz-hours__day{display:flex;align-items:center;gap:.5rem;color:rgba(255,255,255,.62)}
.dz-hours__row--today .dz-hours__day{color:rgba(255,255,255,.95)}
.dz-hours__badge{border-radius:9999px;background:rgba(255,161,1,.16);padding:.0625rem .375rem;font-size:.5625rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:rgb(255 161 1)}
.dz-hours__time{font-variant-numeric:tabular-nums;font-feature-settings:"tnum";letter-spacing:-.01em;color:rgba(255,255,255,.85);white-space:nowrap}
.dz-hours__row--today .dz-hours__time{color:rgb(255 161 1);font-weight:600}
.dz-hours__time--closed{color:rgba(255,255,255,.42)}

/* Fix: Icon-Badges "Weitere Leistungen" – im statischen Tailwind-Build fehlende Klassen.
   Ohne diese wurde der Badge-Hintergrund nie gerendert; bei :hover wurde das Icon weiss
   und verschwand auf hellem Grund. */
.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}
.from-signal-50{--tw-gradient-from:#fff4e7 var(--tw-gradient-from-position);--tw-gradient-to:rgba(255,244,231,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.to-signal-100{--tw-gradient-to:#ffe7cd var(--tw-gradient-to-position)}
.group:hover .group-hover\:from-signal-600{--tw-gradient-from:#c17a0b var(--tw-gradient-from-position);--tw-gradient-to:rgba(193,122,11,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.group:hover .group-hover\:to-signal-500{--tw-gradient-to:#e18e08 var(--tw-gradient-to-position)}
.group:hover .group-hover\:ring-signal-600{--tw-ring-opacity:1;--tw-ring-color:rgb(159 99 4/var(--tw-ring-opacity,1))}

/* Hero-Entrance: gestaffelter Auftritt der Vertrauens-Pillen (Marken-Signatur).
   Die <ul> dient nur als Trigger (bleibt sichtbar), die einzelnen Pillen laufen
   nacheinander ein. Reduced-Motion wird respektiert. */
.reveal-ready .dz-hero-chips{opacity:1!important;transform:none!important}
.reveal-ready .dz-hero-chip{opacity:0;transform:translateY(10px);transition:opacity .55s cubic-bezier(.22,1,.36,1),transform .55s cubic-bezier(.22,1,.36,1);will-change:opacity,transform}
.reveal-ready .dz-hero-chips.is-visible .dz-hero-chip{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.dz-hero-chip{opacity:1!important;transform:none!important;transition:none!important}}

/* Fehler-Banner (Formular-Hardening): semantische Rot-Utilities + Overflow-Schutz.
   Der kompilierte Tailwind-Build enthält keine Rot-Skala; hier gezielt ergänzt. */
.bg-red-50{background-color:#ffefed}
.border-red-200{border-color:#ffddd9}
.text-red-600{color:#bc4a41}
.min-w-0{min-width:0}
.break-words{overflow-wrap:break-word;word-break:break-word}

/* Partner-Badge im Footer: eigenständiger, gut lesbarer Abschluss in Weiß. */
.foot-badge{display:inline-flex;align-items:center;border-radius:.5rem;opacity:.88;transition:opacity .3s cubic-bezier(.22,1,.36,1)}
.foot-badge:hover,.foot-badge:focus-visible{opacity:1}
.foot-badge img{height:5rem;width:auto;filter:invert(100%)}
@media (prefers-reduced-motion:reduce){.foot-badge{transition:none}}

/* Footer: einmaliger, ruhiger Eintritt beim Erreichen des Seitenabschlusses.
   Nur Composite-Eigenschaften, damit auch die mobile Seite leicht bleibt. */
@media (prefers-reduced-motion:no-preference){
  [data-footer-animate].is-footer-motion-ready [data-footer-reveal]{opacity:0;transform:translate3d(0,16px,0);transition:opacity .52s cubic-bezier(.22,1,.36,1),transform .52s cubic-bezier(.22,1,.36,1)}
  [data-footer-animate].is-footer-motion-ready [data-footer-reveal="2"]{transition-delay:75ms}
  [data-footer-animate].is-footer-motion-ready [data-footer-reveal="3"]{transition-delay:150ms}
  [data-footer-animate].is-footer-motion-ready [data-footer-reveal="4"]{transition-delay:225ms}
  [data-footer-animate].is-footer-motion-ready [data-footer-reveal="5"]{transition-delay:300ms}
  [data-footer-animate].is-footer-motion-ready [data-footer-reveal="6"]{transition-delay:375ms}
  [data-footer-animate].is-footer-motion-ready [data-footer-reveal="7"]{transition-delay:450ms}
  [data-footer-animate].is-footer-motion-ready [data-footer-reveal].is-footer-visible{opacity:1;transform:translate3d(0,0,0)}
}
@media (prefers-reduced-motion:reduce){[data-footer-reveal]{opacity:1!important;transform:none!important;transition:none!important}}

/* Footer-Logo: beim Erreichen gehen die Fenster sichtbar an. */
.dz-footer-logo{position:relative;display:inline-grid;width:min(240px,100%);aspect-ratio:1402/1122;overflow:hidden;border-radius:10px;isolation:isolate}
.dz-footer-logo img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;transition:opacity .72s cubic-bezier(.22,1,.36,1)}
.dz-footer-logo__night{filter:drop-shadow(0 0 12px rgba(255,161,1,.35))}
.dz-footer-logo__lit{opacity:0;filter:drop-shadow(0 0 12px rgba(255,161,1,.55)) drop-shadow(0 0 4px rgba(255,161,1,.45))}
.dz-footer-logo.is-lit .dz-footer-logo__lit{opacity:1;transition-delay:.24s}
@media (prefers-reduced-motion:reduce){.dz-footer-logo img{transition:none}.dz-footer-logo__lit{opacity:1}}

/* Beiladung: bewusst großzügige Zeilen für die drei Kernvorteile. */
.dz-beiladung-benefit{padding-top:1.75rem;padding-bottom:1.75rem}
@media (min-width:640px){.dz-beiladung-benefit{padding-top:2rem;padding-bottom:2rem}}

/* ===== Kopf-Navigation (Redesign nach Vorgabe) ===================================
   Mittige Großbuchstaben-Navigation mit animiertem Aktiv-Unterstrich, Telefonblock
   mit Öffnungszeiten und Großbuchstaben-CTA. Farben aus den Marken-Tokens. */
.dz-site-header{background:rgba(255,255,255,.9);border-bottom-color:rgba(39,36,33,.12);transition:background-color .25s cubic-bezier(.22,1,.36,1),box-shadow .25s cubic-bezier(.22,1,.36,1)}
.dz-site-header[data-scrolled=true]{background:rgba(255,255,255,.9);box-shadow:0 1px 0 rgba(39,36,33,.08),0 12px 28px -22px rgba(26,24,21,.5)}
.dz-hdr-nav{display:none}
@media (min-width:1024px){
  .dz-hdr-nav{display:flex;flex:1 1 auto;min-width:0;align-items:center;justify-content:center;gap:2rem;margin:0 1.25rem;padding:0;list-style:none}
}
.dz-hdr-link{position:relative;display:inline-flex;align-items:center;gap:.28rem;padding:.4rem 0;font-size:.8rem;font-weight:600;letter-spacing:.07em;line-height:1;text-transform:uppercase;color:rgb(39 36 33);white-space:nowrap;transition:color .25s cubic-bezier(.22,1,.36,1)}
.dz-hdr-link:hover{color:rgb(159 99 4)}
.dz-hdr-link::after{content:"";position:absolute;left:0;right:0;bottom:-.3rem;height:2px;border-radius:2px;background:rgb(225 142 8);transform:scaleX(0);transform-origin:center;transition:transform .28s cubic-bezier(.22,1,.36,1)}
.dz-hdr-link:hover::after{transform:scaleX(1)}
.dz-hdr-link.is-active{color:rgb(159 99 4)}
.dz-hdr-link.is-active::after{transform:scaleX(1)}

/* Schnellrechner: fünf Zimmergrößen bleiben als kompakte Auswahl lesbar. */
.rk-room-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.5rem}
@media (max-width:420px){.rk-room-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.rk-room-grid .rk-seg:last-child{grid-column:2}}

/* Telefonblock + Öffnungszeiten */
.dz-hdr-phone{display:inline-flex;align-items:center;gap:.6rem;line-height:1.15}
.dz-hdr-phone__icon{width:1.85rem;height:1.85rem;flex-shrink:0;color:rgb(225 142 8)}
.dz-hdr-phone__num{font-weight:700;font-size:1.12rem;letter-spacing:.005em;color:rgb(39 36 33);transition:color .25s cubic-bezier(.22,1,.36,1)}
.dz-hdr-phone:hover .dz-hdr-phone__num{color:rgb(159 99 4)}
.dz-hdr-phone__hours{font-size:.72rem;color:rgb(108 100 92)}

/* Großbuchstaben-CTA im Kopf */
.dz-hdr-cta{text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;padding:.72rem 1.3rem}

@media (prefers-reduced-motion:reduce){
  .dz-hdr-link,.dz-hdr-link::after,.dz-hdr-phone__num{transition:none}
}

/* Beiladungs-Formular: Grid-Kinder dürfen auf kleinen Screens nicht ihre
   intrinsische Mindestbreite erzwingen. Dadurch bleiben Eingabefelder innerhalb
   der weißen Karte, statt rechts aus dem Viewport zu laufen. */
.bz-form,.bz-form>*{min-width:0;max-width:100%}
.bz-form input:not([type=hidden]):not([type=file]),.bz-form textarea,.bz-form select{box-sizing:border-box;display:block;width:100%;max-width:100%;min-width:0}
@media (max-width:639px){
  #beiladung-formular,#beiladung-toggle,#beiladung-toggle>div{min-width:0;max-width:100%}
  #beiladung-toggle>div{padding:1.25rem}
  .bz-route{gap:.6rem}
  .bz-route__city{font-size:.82rem}
}

/* Für-wen-Auswahl: orange Karton-Grafik auf einer feinen Laufspur. */
.aud-rail{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-bottom:1rem}
.aud-rail::after{content:"";position:absolute;z-index:0;top:50%;left:12%;right:12%;height:2px;background:repeating-linear-gradient(90deg,rgba(193,122,11,.22) 0 8px,transparent 8px 15px)}
.aud-box-slot{position:relative;z-index:1;display:flex;justify-content:center}
.aud-box{position:relative;width:5.25rem;height:5.25rem;overflow:hidden;isolation:isolate;cursor:pointer;touch-action:manipulation;user-select:none;border:1px solid rgba(225,142,8,.75);border-radius:1rem;background:linear-gradient(135deg,#ffd19e 0%,#ffa101 52%,#e18e08 100%);box-shadow:0 14px 30px -10px rgba(225,142,8,.5),inset 0 1px 0 rgba(255,255,255,.45);will-change:transform}
.aud-box::after{content:"";position:absolute;inset:4px;border:1px solid rgba(255,246,232,.26);border-radius:.75rem;pointer-events:none}
.aud-box:focus-visible{outline:2px solid rgb(193 122 11);outline-offset:4px}
.aud-box__fold{position:absolute;z-index:0;top:-9%;left:-16%;width:132%;height:42%;border-bottom:1px solid rgba(126,53,7,.42);background:linear-gradient(160deg,rgba(255,225,177,.48),rgba(255,225,177,0));transform:rotate(-9deg)}
.aud-box__tape{position:absolute;z-index:1;background:linear-gradient(90deg,#ffe5bd,#ffd49d 45%,#f2b66d);box-shadow:inset 0 1px 0 rgba(255,255,255,.48),inset 0 -1px 0 rgba(126,53,7,.16)}
.aud-box__tape--horizontal{top:43%;left:0;width:100%;height:15%}
.aud-box__tape--vertical{top:0;left:42.5%;width:15%;height:100%}
.aud-box__label{position:absolute;z-index:2;right:12%;bottom:13%;display:flex;width:1.55rem;height:1.25rem;flex-direction:column;justify-content:center;gap:3px;border:1px solid rgba(116,48,6,.45);border-radius:2px;background:rgba(255,240,210,.82);padding:3px}
.aud-box__label i{display:block;height:2px;border-radius:999px;background:rgba(159,99,4,.75)}
.aud-box__label i:last-child{width:65%}
.aud-tab:hover{border-color:rgba(193,122,11,.55);color:rgb(159 99 4)}
.aud-tab[aria-pressed=true]{border-color:rgb(255 161 1);background-color:rgb(255 161 1);color:#1C1A17;box-shadow:0 14px 34px -14px rgba(255,161,1,.55)}
@media (prefers-reduced-motion:reduce){.aud-box{will-change:auto}}

/* Landingpages: Hero-Titel auf kleinen Displays bewusst präsenter setzen. */
.dz-page-hero__title{font-size:2.45rem;line-height:1.02}
@media (min-width:640px){.dz-page-hero__title{font-size:3rem;line-height:1.05}}

/* Kundenstimmen im Spaltenlayout: Karten behalten rundum sichtbaren Abstand. */
.dz-review-list{column-gap:1rem}
.dz-review-card{margin-bottom:1rem}

/* Das statische Tailwind-Build enthält die lg:-Positions-Utilities nicht.
   Deshalb wird das mobil zentrierte Logo auf Desktop explizit wieder Teil des Flex-Layouts. */
@media (min-width:1024px){.dz-header-logo{position:static;left:auto;transform:none}}

/* Vergleichskarte „Mit Domizil umziehen“: orange Akzentfläche mit sauberem Kontrast. */
.dz-compare-card--orange{border-color:rgba(193,122,11,.32);background:linear-gradient(145deg,#ffb733 0%,#ffa101 55%,#f09000 100%);color:#1C1A17;box-shadow:0 24px 70px rgba(255,161,1,.30)}
.dz-compare-card--orange>.border-b{border-color:rgba(28,26,23,.16);background:rgba(255,255,255,.22)}
.dz-compare-card--orange h4,.dz-compare-card--orange h5{color:#1C1A17}
.dz-compare-card--orange p{color:rgba(28,26,23,.82)}
.dz-compare-card--orange .divide-y>:not([hidden])~:not([hidden]){border-color:rgba(255,255,255,.2)}
.dz-compare-card--orange>.border-b>span,.dz-compare-card--orange .divide-y>div>span{border:1px solid rgba(28,26,23,.16);background:rgba(255,255,255,.34);color:#1C1A17;box-shadow:none}

/* Landingpage-Hero: freigestellter Lkw als visueller Anker – auf Desktop absolut
   rechts neben dem Text, auf schmalen Displays fliesst er als Abschluss unter
   die Buttons (im Markup steht er deshalb hinter dem Textblock). */
.dz-page-hero__vehicle{width:min(100%,23rem);margin:-2.5rem auto 1.5rem;padding:0 1.25rem;
  pointer-events:none;filter:drop-shadow(0 16px 18px rgba(0,0,0,.34))}
@media (min-width:640px){.dz-page-hero__vehicle{width:min(100%,28rem);margin:-3rem auto 2rem}}
.dz-page-hero__vehicle img{display:block;width:100%;height:auto}
@media (min-width:1024px){
  .dz-page-hero__vehicle{position:absolute;right:clamp(1.5rem,4vw,5rem);top:50%;z-index:1;
    width:min(45vw,38rem);margin:0;padding:0;transform:translateY(-50%);
    filter:drop-shadow(0 24px 22px rgba(0,0,0,.32))}
  .dz-page-hero__content{max-width:60%}
}

/* Benachbarte Regionen: kompakte Wegweiser statt einer losen Formular-Kachelreihe. */
.dz-nearby-regions{border:1px solid rgb(232 224 216);border-radius:1.25rem;background:rgb(255 255 255 / .62);padding:clamp(1.25rem,2.5vw,2rem)}
.dz-nearby-regions__heading{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.dz-nearby-regions__heading h3{font-family:Geist Mono,ui-monospace,SFMono-Regular,monospace;font-size:.7rem;font-weight:600;letter-spacing:.2em;line-height:1.4;text-transform:uppercase;color:rgb(124 76 3)}
.dz-nearby-regions__heading>span{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:.625rem;background:rgb(255 244 231);color:rgb(159 99 4)}
.dz-nearby-regions__heading>span svg{transform:rotate(-45deg)}
.dz-nearby-regions__list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr));gap:.625rem}
.dz-nearby-regions__link{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:4.5rem;border:1px solid rgb(232 224 216);border-radius:.875rem;background:rgb(255 255 255);padding:.75rem .875rem;text-decoration:none;transition:transform .22s cubic-bezier(.22,1,.36,1),border-color .22s cubic-bezier(.22,1,.36,1),background-color .22s cubic-bezier(.22,1,.36,1),box-shadow .22s cubic-bezier(.22,1,.36,1)}
.dz-nearby-regions__place{display:flex;min-width:0;flex-direction:column;gap:.1rem;font-family:Bricolage Grotesque,ui-sans-serif,system-ui,sans-serif;font-size:1.05rem;font-weight:600;letter-spacing:-.015em;line-height:1.15;color:rgb(39 36 33)}
.dz-nearby-regions__place>span{font-family:Geist Mono,ui-monospace,SFMono-Regular,monospace;font-size:.58rem;font-weight:600;letter-spacing:.13em;line-height:1.25;text-transform:uppercase;color:rgb(124 76 3)}
.dz-nearby-regions__arrow{display:flex;flex:none;align-items:center;justify-content:center;width:1.9rem;height:1.9rem;border-radius:9999px;background:rgb(255 244 231);color:rgb(159 99 4);transition:transform .22s cubic-bezier(.22,1,.36,1),background-color .22s cubic-bezier(.22,1,.36,1),color .22s cubic-bezier(.22,1,.36,1)}
.dz-nearby-regions__link:hover{border-color:rgb(225 142 8 / .55);background:rgb(255 247 234);box-shadow:0 12px 24px -18px rgba(39,36,33,.42);transform:translateY(-2px)}
.dz-nearby-regions__link:hover .dz-nearby-regions__arrow{background:rgb(255 161 1);color:rgb(28 26 23);transform:translateX(2px)}
.dz-nearby-regions__link:focus-visible{outline:2px solid rgb(159 99 4);outline-offset:3px}
@media (prefers-reduced-motion:reduce){.dz-nearby-regions__link,.dz-nearby-regions__arrow{transition:none}.dz-nearby-regions__link:hover,.dz-nearby-regions__link:hover .dz-nearby-regions__arrow{transform:none}}

/* Leistungsübersicht: eine lesbare Arbeitsfläche mit klaren, gleichwertigen Zusagen. */
.dz-service-points{display:grid;overflow:hidden;border:1px solid rgb(232 224 216);border-radius:1rem;background:rgb(232 224 216);gap:1px}
.dz-service-points__item{display:flex;align-items:center;gap:.875rem;min-height:4.625rem;background:rgb(255 255 255);padding:.9rem 1rem;font-size:1rem;font-weight:500;letter-spacing:-.012em;line-height:1.35;color:rgb(39 36 33)}
.dz-service-points__icon{display:flex;flex:none;align-items:center;justify-content:center;width:1.9rem;height:1.9rem;border-radius:9999px;background:rgb(255 244 231);color:rgb(159 99 4)}
@media (min-width:640px){.dz-service-points{grid-template-columns:repeat(2,minmax(0,1fr))}.dz-service-points__item{padding:1rem 1.125rem}}

/* Möbellift: zentrale Vorteilsüberschrift als starker Seitenanker. */
.dz-moebellift-benefits-title{font-size:2.45rem;line-height:1.02}
@media (min-width:640px){.dz-moebellift-benefits-title{font-size:3.4rem}}

/* ============================================================================
   Globale Typografie
   Die Seite arbeitet bewusst mit der vorhandenen Paarung: Bricolage Grotesque
   bringt die handwerkliche Stimme in Überschriften, Geist hält den langen Text
   klar und ruhig. Die Tokens machen diese Rollen auf jeder Route identisch.
   ============================================================================ */
:root{
  --font-body:Geist,ui-sans-serif,system-ui,sans-serif;
  --font-display:"Bricolage Grotesque",ui-sans-serif,system-ui,sans-serif;
  --font-detail:"Geist Mono",ui-monospace,SFMono-Regular,monospace;
  --text-caption:.75rem;
  --text-meta:.875rem;
  --text-body:1rem;
  --text-lead:1.125rem;
  --text-section:clamp(2rem,3.35vw,3.25rem);
  --text-display:clamp(2.55rem,5.25vw,4.65rem);
  --leading-caption:1.4;
  --leading-body:1.65;
  --leading-heading:1.06;
}

html{font-size:100%;}
body{
  font-family:var(--font-body);
  font-size:var(--text-body);
  line-height:var(--leading-body);
  font-kerning:normal;
  font-optical-sizing:auto;
  font-feature-settings:"kern" 1,"liga" 1,"calt" 1;
}

h1,h2,h3,h4,h5,h6{
  font-family:var(--font-display);
  font-kerning:normal;
  text-wrap:balance;
}

/* Fließtext erhält eine belastbare Lesebreite, ohne die kompakten UI-Elemente
   oder die bewusst breiteren Hero-Texte einzuengen. */
main p:not([class*="text-"]){max-width:65ch;}
.prose-dz{
  max-width:65ch;
  font-size:var(--text-body);
  line-height:var(--leading-body);
  text-wrap:pretty;
}
.prose-dz :is(p,li){max-width:65ch;}
.prose-dz li::marker{font-variant-numeric:tabular-nums;}

/* Kleine Beschriftungen bleiben sachlich und deutlich getrennt vom Lesetext. */
.eyebrow,.font-mono{
  font-family:var(--font-detail);
  font-variant-numeric:tabular-nums;
}
.eyebrow{line-height:var(--leading-caption);}
.num,.dz-hours__time{font-variant-numeric:tabular-nums;}

/* Formulare benutzen ausnahmslos die lesbare Grundgröße. Dadurch zoomt iOS
   nicht beim Fokussieren und die Eingaben bleiben auch unter Stress klar. */
input,select,textarea{font-size:var(--text-body);line-height:1.5;}

/* Die statische CSS-Ausgabe enthält nicht alle dynamisch in PHP erzeugten
   Arbitrary-Utilities. Diese vollständigen Fallbacks sichern dieselbe Skala
   für jede Leistungs-, Orts- und Ratgeberseite. */
.text-\[0\.65rem\]{font-size:.6875rem;line-height:var(--leading-caption);}
.text-\[0\.72rem\]{font-size:.75rem;line-height:var(--leading-caption);}
.text-\[0\.98rem\]{font-size:var(--text-body);line-height:var(--leading-body);}
.text-\[1\.02rem\]{font-size:1.0625rem;line-height:var(--leading-body);}
.text-\[1\.8rem\]{font-size:var(--text-section);line-height:var(--leading-heading);}
.text-\[2\.1rem\]{font-size:clamp(2.45rem,4.6vw,3.4rem);line-height:1.05;}
@media (min-width:640px){.sm\:text-\[2\.1rem\]{font-size:clamp(2.65rem,4.8vw,3.7rem);line-height:1.05;}}

/* Wiederkehrende Abschnitts- und Seitentitel wachsen stufenlos, bleiben aber
   bei 200 % Zoom und auf großen Monitoren innerhalb eines ruhigen Rahmens. */
.text-\[1\.95rem\]{font-size:var(--text-section);line-height:var(--leading-heading);}
.dz-page-hero__title{font-size:var(--text-display);line-height:1.02;}
@media (min-width:640px){.dz-page-hero__title{font-size:var(--text-display);line-height:1.04;}}

/* Globale Bewegungs-Grundlage: Rückmeldung ist kurz und eindeutig, der Inhalt
   bleibt die Hauptsache. Alle Werte betreffen nur Composite-Eigenschaften. */
@media (prefers-reduced-motion:no-preference){
  .btn{transition-property:transform,background-color,border-color,color,box-shadow;transition-duration:.22s;transition-timing-function:cubic-bezier(.22,1,.36,1)}
  .btn:hover{--tw-translate-y:-1px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
  .btn:active{--tw-translate-y:0px;--tw-scale-x:.98;--tw-scale-y:.98;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
}
@media (max-width:1023px) and (prefers-reduced-motion:no-preference){
  [data-menu]:not(.hidden){display:block;opacity:0;pointer-events:none;transform:translate3d(0,-.5rem,0);transition:opacity .18s cubic-bezier(.22,1,.36,1),transform .18s cubic-bezier(.22,1,.36,1)}
  [data-menu].is-menu-open{opacity:1;pointer-events:auto;transform:translate3d(0,0,0)}
}

/* Abschlusspolitur: Der Header bleibt auf jeder Route fingerfreundlich und
   die Tastatur-Rückmeldung ist auf den warmen Grundfarben eindeutig sichtbar. */
:focus-visible{outline:2px solid oklch(0.62 0.14 55);outline-offset:3px;}
::selection{background:oklch(0.62 0.14 55);color:oklch(0.985 0.006 75);}
input,select,textarea{caret-color:oklch(0.52 0.13 55);}
@media (max-width:1023px){
  [data-menu-toggle]{min-width:2.75rem;min-height:2.75rem;}
  [data-menu] a{min-height:2.75rem;}
}

/* Mobiles Menue: Das Panel haengt im sticky Kopf, es scrollt also nicht mit der
   Seite. Ist die Liste hoeher als der Rest des Bildschirms, sind die letzten
   Eintraege (Anfrage-Button, WhatsApp, Rufnummer) mit keiner Geste erreichbar.
   Darum bekommt das Panel eine eigene Scrollflaeche; die exakte Hoehe setzt JS
   als --dz-menu-max (Browserleisten aendern die Viewporthoehe waehrend des
   Scrollens), der Wert hier ist die Rueckfallebene ohne JS. */
@media (max-width:1023.98px){
  [data-menu]{max-height:var(--dz-menu-max,calc(100vh - 4.75rem));
    overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
  /* Der Home-Indicator liegt sonst auf der Rufnummer als letztem Eintrag. */
  [data-menu] > ul{padding-bottom:calc(1rem + env(safe-area-inset-bottom,0px))}
  /* Die fixe Kontaktleiste liegt ueber dem Panelfuss. Solange das Menue offen
     ist, tritt sie zurueck - ihre drei Aktionen stehen im Menue ohnehin. */
  body.dz-menu-open .dz-mbar{display:none}
}
@supports (height:100dvh){
  @media (max-width:1023.98px){
    [data-menu]{max-height:var(--dz-menu-max,calc(100dvh - 4.75rem))}
  }
}

/* Öffnungszeiten: Wochentage und Zeiten bleiben im dunklen Footer klar lesbar. */
.dz-hours :is(.dz-hours__day,.dz-hours__time){font-weight:700!important;}
.text-signal-300{--tw-text-opacity:1;color:rgb(255 184 101/var(--tw-text-opacity,1))}
.hover\:border-signal-300:hover{--tw-border-opacity:1;border-color:rgb(255 184 101/var(--tw-border-opacity,1))}
.group:hover .group-hover\:text-signal-300{--tw-text-opacity:1;color:rgb(255 184 101/var(--tw-text-opacity,1))}
/* CTA-Band auf Logo-Orange: dunkle Ink-Schrift, dunkle Schaltflaechen.
   Weisse Ghost-Buttons waeren auf #FFA101 nicht mehr abgrenzbar. */
.dz-cta-band__solid{background-color:#1C1A17;color:#FAF8F4;box-shadow:0 10px 26px -12px rgba(26,24,21,.55)}
.dz-cta-band__solid:hover{background-color:#393530}
.dz-cta-band__ghost{border:1px solid rgba(28,26,23,.38);color:#1C1A17}
.dz-cta-band__ghost:hover{background-color:rgba(28,26,23,.09);border-color:rgba(28,26,23,.55)}

/* ============================================================================
   FARBPALETTE - abgeleitet aus dem Logoton #FFA101 = oklch(78.6% 0.172 68.6deg)
   Marken- und Neutraltoene teilen exakt diesen Farbton (68.6deg), die
   semantischen Toene sind bewusst weit davon entfernt, damit ein Fehler nie
   nach Markenfarbe aussieht.

   REGEL: Stufe 50-600 traegt dunkle Ink-Schrift, Stufe 700-950 traegt weisse.
          Als Text auf hellem Grund ist 700 die hellste erlaubte Stufe.
          Stufe 400 ist der Logoton - reine Flaechenfarbe, niemals Fliesstext.
   ========================================================================== */
:root{
  --signal-50:#fff4e7;  --signal-100:#ffe7cd; --signal-200:#ffd19e; --signal-300:#ffb865;
  --signal-400:#ffa101; --signal-500:#e18e08; --signal-600:#c17a0b; --signal-700:#9f6304;
  --signal-800:#7c4c03; --signal-900:#5e3900; --signal-950:#432700;
  --neutral-50:#fbf8f4; --neutral-100:#f4efea; --neutral-200:#e8e0d8; --neutral-300:#d2c9c0;
  --neutral-400:#a69d93; --neutral-500:#6c645c; --neutral-600:#524c45; --neutral-700:#393530;
  --neutral-800:#272420; --neutral-900:#1d1a17; --neutral-950:#0f0d0b;
  --error-50:#ffefed;   --error-100:#ffddd9;   --error-600:#bc4a41;   --error-700:#9d352f;
  --success-50:#eaf8ec; --success-100:#d0f0d5; --success-600:#00873c; --success-700:#006e30;
  --info-50:#eaf5ff;    --info-100:#d1eaff;    --info-600:#0a7abf;    --info-700:#05629c;
}
/* Ergaenzende Stufen der Markenrampe (800-950), bisher nicht kompiliert. */
.text-signal-800{--tw-text-opacity:1;color:rgb(124 76 3/var(--tw-text-opacity,1))}
.text-signal-900{--tw-text-opacity:1;color:rgb(94 57 0/var(--tw-text-opacity,1))}
.bg-signal-800{--tw-bg-opacity:1;background-color:rgb(124 76 3/var(--tw-bg-opacity,1))}
.bg-signal-900{--tw-bg-opacity:1;background-color:rgb(94 57 0/var(--tw-bg-opacity,1))}
.border-signal-800{--tw-border-opacity:1;border-color:rgb(124 76 3/var(--tw-border-opacity,1))}
/* Beiladungstermine: bewusst deutlich groesser als normaler Listeninhalt. */
.dz-trip-date{font-family:Bricolage Grotesque,ui-sans-serif,system-ui,sans-serif;font-size:1.75rem;font-weight:650;line-height:1;letter-spacing:-.025em;font-variant-numeric:tabular-nums;white-space:nowrap}
@media (min-width:640px){.dz-trip-date{font-size:2rem}}
@media (min-width:1024px){.dz-trip-date{font-size:2.25rem}}
.dz-home-trip-date{color:#fff;font-family:Bricolage Grotesque,ui-sans-serif,system-ui,sans-serif;font-size:1.35rem;font-weight:650;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums;white-space:nowrap}
@media (min-width:640px){.dz-home-trip-date{font-size:1.55rem}}
/* Semantische Utilities */
.text-error{color:var(--error-600)} .bg-error-soft{background-color:var(--error-50)}
.text-success{color:var(--success-600)} .bg-success-soft{background-color:var(--success-50)}
.text-info{color:var(--info-600)} .bg-info-soft{background-color:var(--info-50)}

/* Umzugskosten-Rechner: aktive Auswahl und Regler nutzen den Logoton. */
.rk-on,.rk-on:hover{background-color:var(--signal-400);color:var(--neutral-900)}
.rk-range::-webkit-slider-thumb{background:var(--signal-400)}
.rk-range::-moz-range-thumb{background:var(--signal-400)}

/* Karten: Der Hover bleibt auf allen Seiten der gleiche Logo-Orange-Zustand. */
.group:hover .dz-hover-icon{background-color:var(--signal-400);background-image:none;color:var(--neutral-900);--tw-ring-color:var(--signal-400)}

/* ============================================================================
   Motion-Ergaenzungen
   ----------------------------------------------------------------------------
   Die Seite hat bereits eine Motion-Sprache (Reveal-Stagger, Karton-Toggle,
   Footer-Eintritt, Hero soft-enter). Hier kommt nur dazu, was gefehlt hat:
   Rueckmeldung fuer Zustaende, die bisher stumm umgeschaltet haben.
   Hauskurve ist cubic-bezier(.22,1,.36,1) – dieselbe wie im Reveal-System.
   ========================================================================== */

/* --- Sendezustand ----------------------------------------------------------
   Beim Absenden wird der Button deaktiviert. Bisher sah er dabei exakt aus wie
   vorher: volle Signalfarbe, voller Schatten – nur tot. Auf einer langsamen
   Mobilverbindung tippt man dann weiter auf eine Flaeche, die nichts mehr tut.
   Der Laufbalken an der Unterkante laeuft nur waehrend aria-busy und bewegt
   ausschliesslich transform, also ohne Layout-Arbeit. */
.btn[aria-busy="true"]{position:relative;overflow:hidden;cursor:progress}
.btn[aria-busy="true"]::after{content:"";position:absolute;left:0;bottom:0;
  height:2px;width:100%;background:currentColor;opacity:.32;
  transform:translate3d(-100%,0,0);
  animation:dz-sending 1.15s cubic-bezier(.55,0,.45,1) infinite}
@keyframes dz-sending{0%{transform:translate3d(-100%,0,0)}
  to{transform:translate3d(100%,0,0)}}

/* Deaktiviert ohne Sendevorgang: sichtbar zurueckgenommen, nicht ausgewaschen –
   die Beschriftung muss lesbar bleiben (DESIGN.md, Inputs/Disabled). */
.btn:disabled{cursor:not-allowed}
.btn:disabled:not([aria-busy="true"]){opacity:.6}
/* Deaktivierte Buttons duerfen nicht weiter auf Hover reagieren. */
.btn:disabled:hover{transform:none}
.btn-accent:disabled:hover{background-color:rgb(255 161 1/var(--tw-bg-opacity,1))}

/* --- will-change wieder freigeben ------------------------------------------
   [data-reveal] setzt will-change:opacity,transform. Das gilt auf der
   Startseite fuer 26, ueber alle Templates fuer 66 Elemente – und wurde nie
   zurueckgenommen. Der Browser haelt damit fuer die gesamte Seitenlebensdauer
   Compositor-Layer vor, die nach dem einmaligen Eintritt niemand mehr braucht.
   Sobald der Eintritt gelaufen ist, geben wir die Ebene frei. */
.reveal-ready [data-reveal].is-visible,
.reveal-ready .dz-hero-chips.is-visible .dz-hero-chip{will-change:auto}

/* --- Serverseitige Fehlermeldung -------------------------------------------
   Nach einem fehlgeschlagenen Absenden laedt die Seite neu und der Fehlerkasten
   steht einfach da – im schlechtesten Fall ausserhalb des Blickfelds, weil der
   Nutzer noch auf den Button schaut. Ein kurzer Eintritt fuehrt das Auge hin.
   Reine CSS-Animation, laeuft also auch, wenn main.js ausfaellt. */
.dz-alert-in{animation:dz-alert-in .42s cubic-bezier(.22,1,.36,1) both}
@keyframes dz-alert-in{0%{opacity:0;transform:translate3d(0,-8px,0)}
  to{opacity:1;transform:none}}

/* --- Dropzone: Datei uebernommen -------------------------------------------
   is-filled wechselt Rahmen und Flaeche in .2s. Das ist ein Zustandswechsel,
   aber keine Bestaetigung. Ein einmaliger Ring quittiert die Annahme. */
.bz-drop.is-confirmed{animation:dz-confirm .5s cubic-bezier(.22,1,.36,1) both}
@keyframes dz-confirm{0%{box-shadow:0 0 0 0 rgba(193,122,11,.38)}
  to{box-shadow:0 0 0 9px rgba(193,122,11,0)}}

/* --- Reduzierte Bewegung ---------------------------------------------------
   Die globale Regel drueckt animation-duration auf .01ms. Fuer eine Endlos-
   animation wie den Laufbalken ergaebe das ein Flackern statt einer Aussage,
   deshalb wird er hier durch einen ruhenden Balken ersetzt: gleiche Information,
   keine Bewegung. Der Bestaetigungsring entfaellt, den Zustand traegt bereits
   der Farbwechsel von is-filled. */
@media (prefers-reduced-motion:reduce){
  .btn[aria-busy="true"]::after{animation:none;transform:none;opacity:.45}
  .bz-drop.is-confirmed{animation:none}
}

/* ============================================================================
   Adapt: anderer Bildschirm, andere Eingabe, anderes Medium
   ----------------------------------------------------------------------------
   Nicht Skalierung, sondern eine eigene Antwort pro Kontext. Drei Kontexte
   hatten bisher gar keine: der Bereich zwischen Phone und Desktop, die
   Bedienung mit dem Finger statt mit der Maus, und Papier.
   ========================================================================== */

/* --- Kundenstimmen: das Spaltenlayout hat nie stattgefunden -----------------
   Das Markup verlangt `sm:columns-2 lg:columns-3` samt `break-inside-avoid`.
   Keine dieser drei Klassen liegt im vorkompilierten Tailwind-Build. Der
   Social Proof lief deshalb auf JEDER Breite als eine einzige Spalte - auf
   einem 1440er Monitor als endlose Kette voll ausgezogener Karten. Die beiden
   Begleitregeln weiter oben (column-gap, margin-bottom) warteten seither auf
   ein Spaltenlayout, das nie kam. */
@media (min-width:640px){.dz-review-list{columns:2;column-fill:balance}}
@media (min-width:1024px){.dz-review-list{columns:3}}
.dz-review-card{break-inside:avoid;-webkit-column-break-inside:avoid}

/* --- Schieberegler: sechs Pixel Trefferflaeche ------------------------------
   `.rk-range` setzt height:.375rem. Das ist die Hoehe des ELEMENTS, nicht nur
   der sichtbaren Spur - also die gesamte Flaeche, auf der ein Finger den
   Regler zu fassen bekommt. Der Griff ist 20px und ragt sichtbar darueber
   hinaus, wodurch die Flaeche groesser aussieht als sie ist.
   Statt einer festen Hoehe traegt das Element jetzt Innenabstand: die Spur
   bleibt exakt .375rem und liegt damit zwangslaeufig mittig, die Trefferflaeche
   wird 2.75rem hoch. Optisch unveraendert, mit dem Daumen bedienbar.
   pan-y laesst das vertikale Scrollen ueber dem breiteren Streifen weiterhin
   durch, waehrend die Waagerechte am Regler haengen bleibt. */
.rk-range{height:auto;padding-block:calc((2.75rem - .375rem) / 2);
  background-color:transparent;touch-action:pan-y}
.rk-range::-webkit-slider-runnable-track{height:.375rem;border-radius:9999px;
  background-color:var(--neutral-200)}
.rk-range::-moz-range-track{height:.375rem;border-radius:9999px;
  background-color:var(--neutral-200)}
/* WebKit zentriert den Griff nicht selbst: (Spur .375rem - Griff 20px) / 2. */
.rk-range::-webkit-slider-thumb{margin-top:-7px}

/* --- Leistungen-Menue: Hover ist keine Eingabeart, die jeder hat ------------
   Das Untermenue oeffnet ausschliesslich ueber .group:hover. Die
   Desktop-Navigation beginnt bei 1024px - und genau dort liegen auch iPad
   quer, Surface und Touch-Notebooks. Auf denen gibt es kein Hover.
   Mit der Tastatur war es ebenso verschlossen: visibility:hidden nimmt die
   Links aus der Tab-Reihenfolge, Tab sprang vom Elternlink direkt zum
   naechsten Menuepunkt. Das vorhandene :focus-within sass auf dem Panel und
   konnte deshalb nie ausgeloest werden - es braucht die Gruppe. Verlaesst der
   Fokus die Gruppe, schliesst das Menue von selbst.
   Fuer Touch setzt main.js .is-nav-open beim ersten Tippen. */
.dz-hdr-nav li.group:focus-within>.dz-nav-dropdown,
.dz-hdr-nav li.group.is-nav-open>.dz-nav-dropdown{visibility:visible;opacity:1}

/* ============================================================================
   Papier
   ----------------------------------------------------------------------------
   Es gab bisher keine einzige @media print-Regel. Das faellt auf, weil ein
   Teil der Inhalte fuer Papier gemacht ist: die "Umzugscheckliste zum Abhaken"
   arbeitet man auf einem Blatt ab, Impressum und Datenschutz werden abgeheftet.
   Gedruckt kam davon bisher: Navigation, Kontaktleiste, ein tiefdunkler Footer
   mit weisser Schrift auf weissem Papier - und leere Flaechen ueberall dort,
   wo der Nutzer nie hingescrollt hatte.
   ========================================================================== */
@media print{
  /* 1. Der Eintritts-Effekt haengt am Scroll-Fortschritt. Papier hat keinen.
        Ohne diese Regel druckt alles unterhalb des ersten Bildschirms leer -
        auf der Startseite 26 Bloecke, ueber alle Templates 66. */
  .reveal-ready [data-reveal],[data-reveal],[data-footer-reveal],
  .dz-hero-chip,.soft-enter{opacity:1!important;transform:none!important}
  *,:before,:after{animation:none!important;transition:none!important}

  /* 2. Bedienelemente haben auf Papier keine Funktion. */
  .dz-mbar,.dz-hdr-nav,.dz-nav-dropdown,[data-menu],[data-menu-toggle],
  .dz-hdr-wa,.dz-hdr-cta,.dz-page-hero__vehicle,.dz-hero__media,
  .dz-footer-logo,.foot-badge{display:none!important}
  body{padding-bottom:0!important;background:#fff}

  /* 3. Der Kopf bleibt: mit Logo und Telefonnummer ist das Blatt einer Quelle
        zuzuordnen und man kann anrufen, ohne die Seite wieder zu suchen. */
  .dz-site-header{position:static!important;box-shadow:none!important;
    background:#fff!important;border-bottom:1px solid #d2c9c0!important;
    -webkit-backdrop-filter:none!important;backdrop-filter:none!important}

  /* 4. Dunkle Flaechen umdrehen. Drucker verwerfen Hintergruende standardmaessig,
        weisse Schrift bliebe damit weiss auf weiss - also unsichtbar. Das
        betrifft den Footer, das Beiladungs-Band und den Bewertungsblock. */
  footer,.bg-brand-950,.bg-brand-900,.bg-brand-800{
    background:#fff!important;color:#1d1a17!important}
  footer *,.bg-brand-950 *,.bg-brand-900 *,.bg-brand-800 *{
    background-color:transparent!important;color:#1d1a17!important;
    border-color:#d2c9c0!important;box-shadow:none!important;text-shadow:none!important}

  /* 5. Umbrueche. Eine Ueberschrift allein am Seitenfuss ist die haeufigste
        Druckstoerung; Checklistenpunkte und Bilder duerfen nicht auf zwei
        Blaetter fallen. */
  h1,h2,h3,h4{break-after:avoid-page;page-break-after:avoid}
  li,figure,blockquote,.dz-service-points__item,.dz-review-card,
  .dz-nearby-regions__link{break-inside:avoid;page-break-inside:avoid}
  p{orphans:3;widows:3}
  /* Auf Papier ist eine Spalte die Lesespalte. */
  .dz-review-list{columns:1}

  @page{margin:1.6cm}
}
