*,:before,:after{--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: rgb(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: rgb(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: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}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,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color: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,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:root{--font-display-stack: "Archivo", "Arial Narrow", system-ui, sans-serif;--font-text-stack: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--text-display-xl: clamp(2.55rem, 1.6rem + 4.4vw, 4.1rem);--text-display: clamp(2.15rem, 1.5rem + 3vw, 3.15rem);--text-h1: clamp(1.9rem, 1.45rem + 2vw, 2.6rem);--text-h2: clamp(1.35rem, 1.2rem + .8vw, 1.65rem);--text-h3: 1.185rem;--text-lead: clamp(1.08rem, 1rem + .35vw, 1.22rem);--text-body: 1rem;--text-s: .9rem;--text-caption: .8125rem;--text-eyebrow: .75rem;--leading-tight: 1.06;--leading-snug: 1.18;--leading-normal: 1.42;--leading-relaxed: 1.62;--tracking-tight: -.024em;--tracking-snug: -.012em;--tracking-wide: .1em;--weight-display: 800;--weight-heading: 700;--stahl-50: #eef3f8;--stahl-100: #dce6f0;--stahl-200: #b9cce0;--stahl-300: #8eaac8;--stahl-400: #5f84ab;--stahl-500: #3a6290;--stahl-600: #1f4a78;--stahl-700: #183c63;--stahl-800: #122f4f;--stahl-900: #0d2238;--clay-100: #ffe2d6;--clay-400: #ff8a5c;--clay-500: #f2552c;--clay-600: #c2410c;--clay-700: #a33509;--clay-800: #7f2a08;--amber-100: #fff1cc;--amber-300: #ffd966;--amber-400: #ffc83d;--amber-500: #f2ae0f;--amber-700: #8a5a12;--graphit-100: #eceeec;--graphit-200: #dfe2e3;--graphit-300: #cfd5dc;--graphit-500: #7c8794;--graphit-600: #4a5563;--graphit-900: #141a22;--mint-100: #cff5e5;--mint-300: #6fe0b2;--mint-500: #17a57a;--mint-600: #0f7a5a;--gruen-600: #2f6b45;--gruen-100: #e3f0e6;--rot-600: #a32c2c;--rot-100: #f7e2e0;--background-primary: #f5f5f2;--background-secondary: #eaebe7;--surface-primary: #fff;--surface-sunken: #eceeec;--surface-elevated: #fff;--surface-overlay: #f5f5f2e0;--text-primary: #141a22;--text-secondary: #4a5563;--text-tertiary: #5f6b7a;--text-link: #1f4a78;--text-marke: #1f4a78;--border-subtle: #141a2214;--border-default: #141a2226;--border-funktional: #7c8794;--border-akzent: #f2552c;--action-primary: #1f4a78;--action-primary-hover: #183c63;--action-primary-active: #122f4f;--action-on-primary: #fff;--action-tonal: #e4ebf3;--action-tonal-hover: #d3dfeb;--action-tonal-text: #163a60;--action-warm: #c2410c;--action-warm-hover: #a33509;--action-on-warm: #fff;--kante-primary: #0d2238;--kante-warm: #7f2a08;--kante-neutral: #cfd5dc;--gradient-faden: linear-gradient(100deg, #1f4a78 0%, #f2552c 60%, #ffc83d 100%);--kachel-stahl: #e2e9f1;--kachel-amber: #f8efd8;--kachel-clay: #f8e5da;--kachel-beton: #e6e6e1;--kachel-graphit: #18212c;--lochung-punkt: #c3d2e2;--illu-blob: #e6e8e5;--illu-line: #141a22;--illu-metal: #dde3e9;--illu-metal-2: #b7c2cd;--background-hero: radial-gradient(48rem 24rem at 10% -14%, #1f4a781f, transparent 62%), radial-gradient(40rem 22rem at 92% -8%, #f2552c1f, transparent 60%), radial-gradient(30rem 18rem at 55% 4%, #9cc8ff26, transparent 55%);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--space-9: 96px;--space-section: clamp(56px, 5vw + 32px, 104px);--space-hero: clamp(48px, 7vw, 96px);--space-card: clamp(20px, 2.5vw, 28px);--space-gutter: clamp(16px, 4vw, 32px);--container-lesen: 44rem;--container-inhalt: 47.5rem;--container-weit: 72rem;--touch: 48px;--kopf-hoehe: 64px;--radius-xs: 6px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-btn: 10px;--radius-pill: 999px;--shadow-xs: 0 1px 2px #141a220f;--shadow-sm: 0 1px 2px #141a220d, 0 3px 10px #141a220f;--shadow-md: 0 2px 4px #141a220d, 0 12px 28px #141a2217;--shadow-lg: 0 4px 10px #141a220f, 0 24px 56px #141a2221;--motion-schnell: .13s;--motion-basis: .2s;--motion-ruhig: .32s;--ease-standard: cubic-bezier(.2,.7,.3,1);--ease-eintritt: cubic-bezier(.16,1,.3,1);--ease-austritt: cubic-bezier(.5,0,.75,.2);--ease-feder: cubic-bezier(.34,1.56,.64,1);color-scheme:light}html{scroll-padding-top:calc(var(--kopf-hoehe) + 16px);-webkit-text-size-adjust:100%}body{background:var(--background-primary);color:var(--text-primary);font-family:var(--font-text-stack);font-size:var(--text-body);line-height:var(--leading-relaxed);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip;transition:background-color var(--motion-ruhig) var(--ease-standard),color var(--motion-ruhig) var(--ease-standard)}h1,h2,h3,h4{font-family:var(--font-display-stack);color:var(--text-primary);text-wrap:balance}h1{font-weight:var(--weight-display);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight)}h2{font-weight:var(--weight-display);letter-spacing:var(--tracking-snug);line-height:var(--leading-snug)}h3{font-weight:var(--weight-heading);letter-spacing:var(--tracking-snug);line-height:var(--leading-snug)}p{text-wrap:pretty}a{color:var(--text-link)}::-moz-selection{background:var(--amber-300);color:var(--graphit-900)}::selection{background:var(--amber-300);color:var(--graphit-900)}:focus-visible{outline:2px solid #fff;outline-offset:0;box-shadow:0 0 0 4px var(--stahl-800);border-radius:var(--radius-xs)}.container-weit{width:100%;max-width:calc(var(--container-weit) + 2 * var(--space-gutter));margin-inline:auto;padding-inline:var(--space-gutter)}.sr-only-custom{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:12px;left:12px;z-index:100;padding:10px 20px;border-radius:var(--radius-btn);background:var(--action-primary);color:var(--action-on-primary);font-weight:700;text-decoration:none;box-shadow:0 4px 0 var(--kante-primary);transform:translateY(-160%);transition:transform var(--motion-basis) var(--ease-feder)}.skip-link:focus{transform:translateY(0)}.eyebrow{display:inline-block;font-family:var(--font-display-stack);font-size:var(--text-eyebrow);font-weight:700;text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--text-marke)}.lead{font-size:var(--text-lead);line-height:var(--leading-relaxed);color:var(--text-secondary);max-width:62ch;text-wrap:pretty}.wort-akzent{position:relative;white-space:nowrap;padding-bottom:.12em;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='12' viewBox='0 0 40 12'%3E%3Cpath d='M0 6 Q10 0 20 6 T40 6' fill='none' stroke='%23F2552C' stroke-width='6' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:repeat-x;background-size:.62em .19em;background-position:0 100%}@keyframes auftauchen{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes wippen{0%,to{transform:rotate(0)}30%{transform:rotate(-8deg)}65%{transform:rotate(6deg)}}@keyframes huepfen{0%,to{transform:translateY(0)}40%{transform:translateY(-7px)}70%{transform:translateY(1px)}}@keyframes pop{0%{transform:scale(.94)}60%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes schimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes schweben{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-8px) rotate(-1deg)}}.auftauchen{animation:auftauchen .55s var(--ease-feder) backwards}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(forced-colors:active){.btn,.chip,.teaser-karte,.card{border:2px solid CanvasText}.wort-akzent{background:none;-webkit-text-decoration:underline wavy;text-decoration:underline wavy}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 24px;border:0;border-radius:var(--radius-btn);font:700 1rem/1.25 var(--font-text-stack);text-decoration:none;cursor:pointer;white-space:nowrap;transition:transform var(--motion-schnell) var(--ease-standard),box-shadow var(--motion-schnell) var(--ease-standard),background-color var(--motion-schnell) var(--ease-standard),color var(--motion-schnell) var(--ease-standard)}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(3px)}.btn:hover .btn-icon{animation:wippen .5s var(--ease-feder)}.btn-icon{width:20px;height:20px;flex:none}.btn-primary{background:var(--action-primary);color:var(--action-on-primary);box-shadow:0 4px 0 var(--kante-primary)}.btn-primary:hover{background:var(--action-primary-hover);box-shadow:0 5px 0 var(--kante-primary)}.btn-primary:active{background:var(--action-primary-active);box-shadow:0 1px 0 var(--kante-primary)}.btn-clay{background:var(--action-warm);color:var(--action-on-warm);box-shadow:0 4px 0 var(--kante-warm)}.btn-clay:hover{background:var(--action-warm-hover);box-shadow:0 5px 0 var(--kante-warm)}.btn-clay:active{box-shadow:0 1px 0 var(--kante-warm)}.btn-secondary{background:var(--action-tonal);color:var(--action-tonal-text);box-shadow:inset 0 0 0 2px var(--border-funktional),0 3px 0 var(--kante-neutral)}.btn-secondary:hover{background:var(--action-tonal-hover);box-shadow:inset 0 0 0 2px var(--border-funktional),0 4px 0 var(--kante-neutral)}.btn-secondary:active{box-shadow:inset 0 0 0 2px var(--border-funktional),0 0 0 var(--kante-neutral)}.btn-ghost{background:transparent;color:var(--text-link)}.btn-ghost:hover{background:var(--action-tonal)}.btn-gross{min-height:56px;font-size:1.08rem;padding:0 32px}.btn-klein{min-height:36px;font-size:var(--text-caption);padding:0 12px;gap:6px}.chip{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 18px;border-radius:var(--radius-btn);background:var(--surface-primary);color:var(--text-primary);border:2px solid var(--border-funktional);box-shadow:0 2px 0 var(--border-funktional);font:700 var(--text-s)/1.25 var(--font-text-stack);text-decoration:none;transition:transform var(--motion-basis) var(--ease-feder),color var(--motion-schnell),border-color var(--motion-schnell),box-shadow var(--motion-schnell)}.chip:hover{color:var(--text-link);border-color:var(--action-primary);box-shadow:0 3px 0 var(--action-primary);transform:translateY(-2px)}.chip:nth-child(2n):hover{transform:translateY(-2px)}.chip:active{transform:translateY(1px);box-shadow:0 0 0 var(--border-funktional)}.card{background:var(--surface-primary);border:2px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-card);box-shadow:var(--shadow-sm)}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 12px;border-radius:var(--radius-btn);font-size:var(--text-eyebrow);font-weight:700;text-transform:uppercase;letter-spacing:.06em}.badge-gruen{background:var(--gruen-100);color:var(--gruen-600)}.badge-amber{background:var(--amber-100);color:var(--amber-700)}.feld{display:grid;gap:6px}.feld-label{font-size:var(--text-s);font-weight:600;color:var(--text-primary)}.feld-hilfe{font-size:var(--text-caption);color:var(--text-tertiary)}.input,.select{width:100%;min-height:48px;padding:0 14px;border-radius:var(--radius-sm);border:2px solid var(--border-funktional);background:var(--surface-primary);color:var(--text-primary);font:400 1rem/1.4 var(--font-text-stack);transition:border-color var(--motion-schnell),box-shadow var(--motion-schnell)}.input::-moz-placeholder{color:var(--text-tertiary)}.input::placeholder{color:var(--text-tertiary)}.input:focus-visible,.select:focus-visible{border-color:var(--action-primary);border-radius:var(--radius-sm)}.input-einheit{position:relative}.input-einheit .input{padding-right:48px}.input-einheit span{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:var(--text-s);font-weight:600;color:var(--text-tertiary);pointer-events:none}.wahl-gruppe{display:flex;flex-wrap:wrap;gap:8px}.wahl{min-height:40px;padding:0 14px;border-radius:var(--radius-btn);border:2px solid var(--border-funktional);background:var(--surface-primary);color:var(--text-primary);font:600 var(--text-s)/1 var(--font-text-stack);cursor:pointer;transition:all var(--motion-schnell) var(--ease-standard)}.wahl:hover{border-color:var(--action-primary);color:var(--text-link)}.wahl[aria-pressed=true]{background:var(--action-tonal);border-color:var(--action-primary);color:var(--action-tonal-text);animation:pop .3s var(--ease-feder)}textarea.input{min-height:132px;padding-block:12px;resize:vertical;line-height:1.5}.optional{font-weight:400;color:var(--text-tertiary);font-size:var(--text-caption);margin-left:4px}.chip-klein{min-height:40px;padding:0 14px;cursor:pointer}.chip[aria-pressed=true]{background:var(--action-tonal);border-color:var(--action-primary);box-shadow:0 2px 0 var(--action-primary);color:var(--text-link)}.anfrage{width:min(40rem,calc(100% - 32px));max-height:calc(100dvh - 32px);margin:auto;padding:0;border:0;border-radius:var(--radius-xl);background:var(--surface-elevated);color:var(--text-primary);box-shadow:var(--shadow-lg);overflow:auto}.anfrage[open]{animation:anfrage-rein .35s var(--ease-feder)}.anfrage::backdrop{background:#141a2299;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.anfrage-inhalt{position:relative;padding:32px 24px 24px}.anfrage-zu{position:absolute;top:16px;right:16px;display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:var(--radius-pill);background:var(--surface-sunken);color:var(--text-secondary);cursor:pointer;transition:background-color var(--motion-schnell),color var(--motion-schnell),transform var(--motion-basis) var(--ease-feder)}.anfrage-zu:hover{color:var(--text-primary);transform:rotate(90deg)}.anfrage-form{display:grid;gap:20px}.anfrage-form header{padding-right:48px}.anfrage h2{margin:4px 0 8px;font-size:var(--text-h2);line-height:1.2}.anfrage-lead{margin:0;color:var(--text-secondary)}.anfrage-material{border:0;margin:0;padding:0}.anfrage-material legend{margin-bottom:8px;padding:0}.anfrage-kontext{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0;padding:10px 14px;border-radius:var(--radius-btn);background:var(--action-tonal);color:var(--text-primary);font-size:var(--text-s)}.anfrage-kontext button{display:grid;place-items:center;margin-left:auto;width:28px;height:28px;border:0;border-radius:var(--radius-pill);background:transparent;color:var(--text-secondary);cursor:pointer}.anfrage-kontext button:hover{background:var(--surface-primary);color:var(--text-primary)}.anfrage-zeile{display:grid;gap:16px}.anfrage-fehler{display:flex;gap:8px;align-items:flex-start;margin:0;padding:12px 14px;border-radius:var(--radius-btn);background:var(--rot-100);color:var(--rot-600);font-size:var(--text-s)}.anfrage-fehler svg{flex:none;margin-top:2px}.anfrage-fuss{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding-top:4px}.anfrage-fuss .feld-hilfe{margin:0}.anfrage-fuss .btn:disabled{opacity:.75;cursor:progress}.anfrage-danke{display:grid;justify-items:center;gap:8px;padding:24px 8px 8px;text-align:center}.anfrage-danke p{margin:0 0 16px;color:var(--text-secondary);max-width:32rem}.anfrage-danke-icon{display:grid;place-items:center;width:64px;height:64px;border-radius:var(--radius-pill);background:var(--gruen-100);color:var(--gruen-600);animation:pop .4s var(--ease-feder)}.dreht{animation:drehen 1s linear infinite}@keyframes drehen{to{transform:rotate(360deg)}}@keyframes anfrage-rein{0%{opacity:0;transform:translateY(16px) scale(.98)}}@media(min-width:40rem){.anfrage-inhalt{padding:40px 40px 32px}.anfrage-zeile{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){.anfrage[open],.anfrage-danke-icon{animation:none}}.katalog-zustand{display:grid;gap:20px;box-shadow:var(--shadow-lg)}.katalog-laden{gap:16px}.katalog-laden span{height:44px;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--surface-sunken) 25%,var(--graphit-200) 50%,var(--surface-sunken) 75%);background-size:200% 100%;animation:schimmer 1.4s linear infinite}.kopf{position:sticky;top:0;z-index:50;background:var(--surface-overlay);backdrop-filter:saturate(1.35) blur(14px);-webkit-backdrop-filter:saturate(1.35) blur(14px);border-bottom:2px solid var(--border-subtle)}.kopf-innen{display:grid;grid-template-columns:1fr auto;grid-template-areas:"logo aktionen" "nav nav";align-items:center;gap:4px 12px;min-height:112px;padding-block:8px}.kopf-nav{grid-area:nav;min-width:0;overflow-x:auto;scrollbar-width:none;margin-inline:-4px}.kopf-nav::-webkit-scrollbar{display:none}.kopf-nav ul{display:flex;gap:4px;padding:4px;list-style:none;margin:0}.kopf-aktionen{grid-area:aktionen;display:flex;align-items:center;justify-content:flex-end}.kontakt-leiste{background:var(--stahl-900);color:var(--stahl-100);font-size:var(--text-caption);line-height:1.5}.kontakt-leiste-innen{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:36px}.kontakt-leiste-info{display:flex;gap:24px;margin:0;min-width:0}.kontakt-leiste-info span,.kontakt-leiste-mail{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.kontakt-leiste-info svg{color:var(--amber-400);flex-shrink:0}.kontakt-leiste-mail{color:#fff;font-weight:600;text-decoration:none;transition:color .2s ease}.kontakt-leiste-mail svg{transition:transform .2s ease}.kontakt-leiste-mail:hover{color:var(--amber-300)}.kontakt-leiste-mail:hover svg{transform:translateY(-1px)}.kontakt-leiste-mail:focus-visible{outline:2px solid var(--amber-400);outline-offset:2px;border-radius:2px}.kontakt-leiste-optional{display:none!important}@media(min-width:48rem){.kontakt-leiste-optional{display:inline-flex!important}}@media(max-width:36rem){.kontakt-leiste-info{display:none}.kontakt-leiste-innen{justify-content:center}}.logo-wrap{grid-area:logo;min-width:0}@media(max-width:416px){.logo-zeichen{display:none}}@media(min-width:64rem){.kopf-innen{grid-template-columns:auto 1fr auto;grid-template-areas:"logo nav aktionen";-moz-column-gap:16px;column-gap:16px;min-height:var(--kopf-hoehe);padding-block:0}.kopf-nav{justify-self:end;margin:0}}.nav-link{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border-radius:var(--radius-sm);color:var(--text-secondary);font-weight:600;font-size:var(--text-s);text-decoration:none;white-space:nowrap;transition:background-color var(--motion-schnell),color var(--motion-schnell),transform var(--motion-basis) var(--ease-feder)}.nav-link:hover{background:var(--action-tonal);color:var(--action-tonal-text);transform:translateY(-1px)}.logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--text-marke)}.logo-zeichen{display:grid;place-items:center;width:36px;height:36px;border-radius:var(--radius-sm);background:var(--action-primary);color:#fff;box-shadow:0 3px 0 var(--kante-primary);transition:transform var(--motion-ruhig) var(--ease-feder)}.logo:hover .logo-zeichen{transform:rotate(-90deg)}.logo-wort{font-family:var(--font-display-stack);font-weight:800;font-size:clamp(1.2rem,1rem + 1vw,1.6rem);letter-spacing:-.03em;line-height:1;white-space:nowrap}.logo-punkt{display:inline-block;width:9px;height:9px;margin:0 2px 0 3px;border-radius:50%;background:var(--border-akzent);vertical-align:baseline}.logo:hover .logo-punkt{animation:huepfen .6s var(--ease-feder)}.logo-tld{color:var(--text-secondary)}.hero{position:relative;background:var(--background-hero);padding-block:var(--space-hero) var(--space-section);text-align:center}.hero-inhalt{display:grid;justify-items:center;gap:clamp(32px,5vw,48px)}.hero-text{display:grid;justify-items:center;gap:20px}.hero h1{font-size:var(--text-display-xl);max-width:18ch;margin:0}.hero .lead{margin:0;max-width:38rem}.hero-eyebrow{display:inline-flex;align-items:center;gap:10px;padding:6px 14px;border-radius:var(--radius-pill);background:var(--surface-primary);border:1px solid var(--border-subtle);font-size:var(--text-s);font-weight:600;color:var(--text-secondary);box-shadow:var(--shadow-xs)}.hero-puls{position:relative;width:8px;height:8px;border-radius:50%;background:var(--gruen-600)}.hero-puls:after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid var(--gruen-600);opacity:0;animation:hero-puls 2.4s var(--ease-standard) infinite}@keyframes hero-puls{0%{transform:scale(.6);opacity:.8}to{transform:scale(1.8);opacity:0}}.hero-nutzen{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 20px;margin:0;padding:0;list-style:none;font-weight:600;color:var(--text-primary)}.hero-nutzen li{display:inline-flex;align-items:center;gap:8px}.hero-nutzen svg{color:var(--gruen-600);flex:none}.hero-ctas{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 16px;margin-top:4px}.hero-mikro{margin:-4px 0 0;font-size:var(--text-s);color:var(--text-tertiary)}.hero-mikro strong{color:var(--text-primary)}.hero-visual{position:relative;width:min(100%,34rem)}.hero-visual>svg{width:100%;height:auto;overflow:visible;display:block}.hero-badge{position:absolute;display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:var(--radius-md);background:var(--surface-elevated);border:2px solid var(--border-subtle);box-shadow:var(--shadow-md);font-weight:600;font-size:var(--text-s);color:var(--text-primary);animation:schweben 6s ease-in-out infinite}.hero-badge-preis{top:4%;left:-2%;flex-direction:column;align-items:flex-start;gap:0;line-height:1.2}.hero-badge-preis span{font-size:var(--text-caption);color:var(--text-tertiary)}.hero-badge-preis strong{font-family:var(--font-display-stack);font-size:var(--text-h2);color:var(--action-warm)}.hero-badge-mass{bottom:2%;right:0;animation-delay:-3s}.hero-badge-mass svg{color:var(--action-primary)}@media(min-width:52rem){.hero{text-align:left}.hero-inhalt{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;-moz-column-gap:clamp(24px,4vw,64px);column-gap:clamp(24px,4vw,64px)}.hero-text{justify-items:start}.hero h1{font-size:clamp(2.4rem,.9rem + 3.4vw,3.75rem);max-width:none;-webkit-hyphens:manual;hyphens:manual}.hero-nutzen,.hero-ctas{justify-content:flex-start}.hero-visual{width:100%;justify-self:end}.hero-ohne-bild{text-align:center}.hero-ohne-bild .hero-inhalt{grid-template-columns:minmax(0,52rem);justify-content:center}.hero-ohne-bild .hero-text{justify-items:center}.hero-ohne-bild .hero-nutzen,.hero-ohne-bild .hero-ctas{justify-content:center}}@media(max-width:30rem){.hero-badge-preis{left:0}.hero-badge{padding:8px 10px}}@media(prefers-reduced-motion:reduce){.hero-badge,.hero-puls:after{animation:none}}.illu-schweben{animation:schweben 6s ease-in-out infinite;transform-origin:center;transform-box:fill-box}.sektion{padding-block:var(--space-section)}.sektion-kopf{display:grid;gap:12px;margin-bottom:clamp(24px,4vw,40px)}.sektion-kopf h2{font-size:var(--text-h1);margin:0}.sektion-kopf p{margin:0}.rand-teaser{display:grid;gap:clamp(24px,4vw,40px);align-items:center}@media(min-width:60rem){.rand-teaser{grid-template-columns:5fr 7fr;gap:64px}}.rand-bild{position:relative;margin:0;overflow:hidden;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);background:var(--surface-sunken);border:2px solid var(--border-subtle)}.rand-bild img{display:block;width:100%;height:auto;aspect-ratio:4 / 3;-o-object-fit:cover;object-fit:cover;transition:transform .6s var(--ease-standard)}@media(min-width:60rem){.rand-bild img{aspect-ratio:1200 / 655}}.rand-bild:hover img{transform:scale(1.03)}.rand-bild figcaption{position:absolute;left:16px;bottom:16px;padding:8px 12px;border-radius:var(--radius-pill);background:#ffffffeb;color:var(--text-primary);font-size:var(--text-s);font-weight:600;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.rand-text{display:grid;gap:16px}.rand-text h2{margin:0;font-size:var(--text-h1);line-height:1.2}.rand-text p{margin:0;line-height:1.6}.rand-text p:not(.lead):not(.rand-hinweis){color:var(--text-secondary)}.rand-text>div{margin-top:8px}.rand-vorteile{display:grid;gap:8px;list-style:none;margin:0;padding:0}.rand-vorteile li{display:flex;align-items:center;gap:10px;color:var(--text-primary);font-weight:600}.rand-vorteile svg{color:var(--gruen-600);flex:none}.rand-hinweis{color:var(--text-secondary);font-size:var(--text-s)}@media(prefers-reduced-motion:reduce){.rand-bild img{transition:none}}.faq-grid{display:grid;gap:32px}@media(min-width:60rem){.faq-grid{grid-template-columns:5fr 7fr;gap:64px}.faq-kopf{position:sticky;top:calc(var(--kopf-hoehe) + 32px);align-self:start}}.faq-kopf{align-content:start}.faq-liste{display:grid;gap:12px;margin:0}.faq-eintrag{position:relative;padding:20px 20px 20px 24px;border-radius:var(--radius-md);background:var(--surface-primary);border:2px solid var(--border-subtle);transition:border-color var(--motion-basis),box-shadow var(--motion-basis)}.faq-eintrag:before{content:"";position:absolute;left:-2px;top:20px;bottom:20px;width:4px;border-radius:var(--radius-pill);background:var(--action-primary);opacity:.25;transition:opacity var(--motion-basis)}.faq-eintrag:hover{border-color:var(--border-default);box-shadow:var(--shadow-sm)}.faq-eintrag:hover:before{opacity:1}.faq-eintrag dt{font-weight:700;line-height:1.3;margin-bottom:8px}.faq-eintrag dd{margin:0;color:var(--text-secondary);line-height:1.5}.fuss{background:var(--background-secondary);border-top:2px solid var(--border-subtle);padding-top:var(--space-8)}.fuss-grid{display:grid;gap:40px}@media(min-width:40rem){.fuss-grid{grid-template-columns:1fr auto;-moz-column-gap:64px;column-gap:64px}}.fuss-claim{margin:16px 0 0;max-width:44ch;color:var(--text-secondary);font-size:var(--text-s)}.fuss h4{font-size:var(--text-eyebrow);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin:0 0 12px;color:var(--text-marke)}.fuss ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}.fuss-link{display:inline-flex;min-height:32px;align-items:center;font-weight:600;font-size:var(--text-s);color:var(--text-secondary);text-decoration:none;transition:color var(--motion-schnell)}.fuss-link:hover{color:var(--text-link);text-decoration:underline;text-underline-offset:3px}.fuss-recht{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:48px;padding-block:24px;border-top:2px solid var(--border-subtle);font-size:var(--text-caption);color:var(--text-tertiary)}.fuss-zahlung{display:flex;gap:8px;flex-wrap:wrap}.fuss-zahlung span{padding:2px 10px;border-radius:6px;border:2px solid var(--border-subtle);background:var(--surface-primary);font-weight:700;color:var(--text-secondary)}.nav-knopf{gap:6px;border:0;background:none;font-family:inherit;cursor:pointer}.nav-knopf svg{transition:transform var(--motion-basis) var(--ease-standard)}.nav-knopf[aria-expanded=true]{background:var(--action-tonal);color:var(--action-tonal-text)}.nav-knopf[aria-expanded=true] svg{transform:rotate(180deg)}.nav-knopf:focus-visible{outline:2px solid var(--action-primary);outline-offset:2px}.mega{position:absolute;inset:100% 0 auto;max-height:calc(100dvh - 112px);overflow-y:auto;padding-block:24px;background:var(--surface-elevated);border-bottom:2px solid var(--border-subtle);box-shadow:var(--shadow-lg);animation:mega-ein var(--motion-basis) var(--ease-standard)}@keyframes mega-ein{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.mega-grid{display:grid;gap:8px;list-style:none;margin:0;padding:0}@media(min-width:36rem){.mega-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:64rem){.mega-grid{grid-template-columns:repeat(3,1fr)}}.mega-link{display:flex;align-items:center;gap:14px;padding:10px;height:100%;border-radius:var(--radius-md);color:var(--text-primary);text-decoration:none;border:2px solid transparent;transition:background-color var(--motion-schnell),border-color var(--motion-schnell)}.mega-link:hover,.mega-link:focus-visible{background:var(--surface-sunken);border-color:var(--border-subtle);outline:none}.mega-link>span:last-child{display:grid;gap:2px;min-width:0}.mega-link strong{font-size:var(--text-s);font-weight:600}.mega-link small{font-size:var(--text-caption);color:var(--text-secondary);line-height:1.4}.mega-bild{width:72px;height:54px;flex:none;-o-object-fit:cover;object-fit:cover;border-radius:var(--radius-sm)}.mega-icon{display:grid;place-items:center;width:48px;height:48px;flex:none;border-radius:var(--radius-md);background:var(--action-tonal);color:var(--action-tonal-text);transition:transform var(--motion-basis) var(--ease-feder)}.mega-link:hover .mega-icon{transform:scale(1.06)}.mega-fuss{display:inline-flex;align-items:center;gap:8px;margin-top:16px;padding-inline:10px;font-size:var(--text-s);font-weight:600;color:var(--text-link);text-decoration:none}.mega-fuss:hover svg{transform:translate(4px)}.mega-fuss svg{transition:transform var(--motion-basis) var(--ease-feder)}.mega-liste{list-style:none;margin:0;padding:0;display:grid;gap:4px}.mega-liste-link{display:block;padding:10px 12px;border-radius:var(--radius-md);color:var(--text-primary);text-decoration:none;font-size:var(--text-s);font-weight:600;transition:background-color var(--motion-schnell),color var(--motion-schnell)}.mega-liste-link:hover,.mega-liste-link:focus-visible{background:var(--surface-sunken);color:var(--text-link);outline:none}@media(min-width:64rem){.mega{max-height:calc(100dvh - var(--kopf-hoehe))}}@media(prefers-reduced-motion:reduce){.mega{animation:none}}.seite{padding-block:var(--space-6) var(--space-section)}.seite h1{font-size:var(--text-h1);margin:0}.brotkrumen ol{display:flex;flex-wrap:wrap;align-items:center;gap:6px;list-style:none;margin:0 0 var(--space-6);padding:0;font-size:var(--text-s);color:var(--text-tertiary)}.brotkrumen li{display:inline-flex;align-items:center;gap:6px}.brotkrumen a{color:var(--text-secondary);text-decoration:none}.brotkrumen a:hover{color:var(--text-link);text-decoration:underline}.brotkrumen [aria-current]{color:var(--text-primary);font-weight:600}.seite-kopf{display:grid;gap:12px;max-width:var(--container-lesen);margin-bottom:clamp(32px,5vw,56px)}.seite-kopf .lead{margin:0}.fakten{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:8px 0 0;padding:0}.fakten li{padding:6px 14px;border-radius:var(--radius-pill);background:var(--surface-sunken);color:var(--text-secondary);font-size:var(--text-s)}.fakten strong{color:var(--text-primary)}.lochbild-gruppe{margin-bottom:clamp(32px,5vw,48px)}.lochbild-gruppe-kopf{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 16px;margin-bottom:16px}.lochbild-gruppe-kopf h2{font-size:var(--text-h2);margin:0}.produkt-grid{display:grid;gap:12px;list-style:none;margin:0;padding:0;grid-template-columns:1fr}@media(min-width:40rem){.produkt-grid{grid-template-columns:repeat(2,1fr);gap:16px}}@media(min-width:64rem){.produkt-grid{grid-template-columns:repeat(3,1fr)}}.produkt-karte{display:flex;flex-direction:column;height:100%;overflow:hidden;border:2px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-primary);color:var(--text-primary);text-decoration:none;transition:transform var(--motion-basis) var(--ease-standard),border-color var(--motion-basis),box-shadow var(--motion-basis)}.produkt-karte:hover{border-color:var(--action-primary);box-shadow:0 3px 0 var(--action-primary);transform:translateY(-2px)}.produkt-karte-bild{position:relative;display:block;aspect-ratio:4 / 3;overflow:hidden;background:#fff;border-bottom:1px solid var(--border-subtle)}.produkt-karte-bild img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center 60%;object-position:center 60%;transition:transform var(--motion-ruhig) var(--ease-feder)}.produkt-karte:hover .produkt-karte-bild img{transform:scale(1.06)}.produkt-karte-unten{display:flex;align-items:center;gap:16px;padding:16px 20px 20px;flex:1}.produkt-karte-staerke{font-size:var(--text-s);font-weight:600;color:var(--text-primary)}.produkt-foto{margin:16px 0 24px;overflow:hidden;border-radius:var(--radius-lg);border:1px solid var(--border-subtle);background:#fff}.produkt-foto img{display:block;width:100%;height:auto}.produkt-foto figcaption{padding:12px 16px;border-top:1px solid var(--border-subtle);text-align:center;font-size:var(--text-s);color:var(--text-secondary)}.produkt-karte-inhalt{display:grid;gap:2px;min-width:0}.produkt-karte-inhalt strong{font-family:var(--font-display-stack);font-size:var(--text-h3)}.produkt-karte-material{font-size:var(--text-caption);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--text-tertiary)}.produkt-karte-meta{font-size:var(--text-s);color:var(--text-secondary)}.produkt-karte-preis{font-weight:700;color:var(--text-link)}.produkt-karte-preis small{font-weight:400;color:var(--text-tertiary)}.produkt-karte-pfeil{margin-left:auto;flex:none;color:var(--text-tertiary);transition:transform var(--motion-basis) var(--ease-feder),color var(--motion-basis)}.produkt-karte:hover .produkt-karte-pfeil{color:var(--text-link);transform:translate(4px)}.seite-hinweis{margin-top:32px;padding:16px 20px;border-radius:var(--radius-md);background:var(--surface-sunken);color:var(--text-secondary);font-size:var(--text-s)}.link-knopf{padding:0;border:0;background:none;cursor:pointer;font:inherit;font-weight:600;color:var(--text-link);text-decoration:underline;text-underline-offset:3px}.link-knopf:hover{text-decoration-thickness:2px}.weitere-kategorien{margin-top:clamp(40px,6vw,64px)}.weitere-kategorien h2{font-size:var(--text-h2);line-height:1.2;margin:0 0 16px}.material-leiste{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,1fr);gap:16px;list-style:none;margin:0 -16px;padding:4px 16px 12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin}.material-leiste li{scroll-snap-align:start}@media(min-width:64rem){.material-leiste{grid-auto-flow:row;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));overflow:visible;margin:0;padding:0}}.material-kachel{display:flex;align-items:center;gap:12px;height:100%;padding:8px 16px 8px 8px;border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface-elevated);color:var(--text-primary);text-decoration:none;box-shadow:var(--shadow-xs);transition:transform var(--motion-basis) var(--ease-standard),box-shadow var(--motion-basis) var(--ease-standard),border-color var(--motion-basis)}.material-kachel img{width:64px;height:64px;flex:none;-o-object-fit:cover;object-fit:cover;border-radius:var(--radius-md);transition:transform var(--motion-ruhig) var(--ease-standard)}.material-kachel-text{display:grid;gap:2px;min-width:0;flex:1}.material-kachel-text strong{font-size:var(--text-body, 1rem);line-height:1.2}.material-kachel-text span{font-size:var(--text-s);color:var(--text-secondary)}.material-kachel-pfeil{flex:none;color:var(--text-tertiary);transition:transform var(--motion-basis) var(--ease-standard),color var(--motion-basis)}.material-kachel:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--action-primary)}.material-kachel:hover img{transform:scale(1.06)}.material-kachel:hover .material-kachel-pfeil{transform:translate(3px);color:var(--action-primary)}.material-kachel:focus-visible{outline:3px solid var(--action-primary);outline-offset:2px}@media(prefers-reduced-motion:reduce){.material-kachel,.material-kachel img,.material-kachel-pfeil{transition:none}}.produkt-layout{display:grid;gap:clamp(24px,4vw,48px);align-items:start;margin-bottom:clamp(40px,6vw,64px)}@media(min-width:64rem){.produkt-layout{grid-template-columns:minmax(0,1fr) minmax(0,30rem)}.produkt-anfrage{position:sticky;top:calc(var(--kopf-hoehe) + 16px)}}.produkt-anfrage-karte{display:grid;gap:16px;box-shadow:var(--shadow-lg)}.produkt-anfrage-karte h2{margin:0;font-size:var(--text-h2);line-height:1.2}.produkt-anfrage-karte .btn{width:100%}.produkt-anfrage-karte .feld-hilfe{margin:0;text-align:center}.produkt-anfrage-auswahl{margin:0;padding:8px 12px;border-radius:var(--radius-sm);background:var(--surface-sunken);font-weight:600;color:var(--text-primary)}.produkt-anfrage-schritte{display:grid;gap:12px;margin:0;padding:0;list-style:none}.produkt-anfrage-schritte li{display:grid;grid-template-columns:32px 1fr;gap:12px;align-items:start;color:var(--text-secondary);font-size:var(--text-s);line-height:1.5}.produkt-anfrage-schritte span{display:grid;place-items:center;width:32px;height:32px;border-radius:var(--radius-pill);background:var(--action-tonal);color:var(--text-marke);font-weight:700}.produkt-info{display:grid;gap:16px;align-content:start}.produkt-info h2{font-size:var(--text-h3);margin:16px 0 0}.produkt-preis-gross{margin:0;font-family:var(--font-display-stack);font-size:var(--text-h1);font-weight:var(--weight-display);color:var(--text-link)}.produkt-preis-gross small{display:block;font-family:var(--font-text-stack);font-size:var(--text-s);font-weight:400;color:var(--text-tertiary)}.produkt-preis{display:grid;gap:8px}.produkt-preis-label{font-size:var(--text-eyebrow);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--text-secondary)}.produkt-preis-hinweis{display:flex;align-items:flex-start;gap:12px;margin-top:8px;padding:12px 16px;border-radius:var(--radius-md);background:var(--amber-100);color:var(--text-primary);border:1px solid color-mix(in srgb,var(--amber-500) 45%,transparent);border-left:4px solid var(--amber-500);font-size:var(--text-s);line-height:1.5}.produkt-preis-hinweis p{margin:0}.produkt-preis-hinweis svg{flex:none;margin-top:1px;color:var(--amber-700)}.produkt-vorteile{display:grid;gap:8px;list-style:none;margin:0;padding:0}.produkt-vorteile li{display:flex;align-items:center;gap:10px;color:var(--text-secondary)}.produkt-vorteile svg{color:var(--gruen-600);flex:none}.produkt-entgratet{display:flex;align-items:center;gap:12px;margin:16px 0 0;padding:12px 16px;text-align:left;border-radius:var(--radius-md);background:var(--gruen-100);color:var(--text-primary);font-size:var(--text-s);border:1px solid color-mix(in srgb,var(--gruen-600) 30%,transparent)}.produkt-entgratet-haken{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;background:var(--gruen-600);color:#fff}.material-text{max-width:48rem;margin-top:clamp(40px,6vw,64px);padding-top:clamp(32px,5vw,48px);border-top:1px solid var(--border-subtle)}.material-text h2{margin:0 0 16px;font-size:var(--text-h2);line-height:1.2}.material-text p{margin:0 0 16px;color:var(--text-secondary);line-height:1.6}.material-text p:last-child{margin-bottom:0}.produkt-staerken{display:grid;gap:8px;margin-bottom:16px}.produkt-staerken h2{margin:0;font-size:var(--text-h3)}.produkt-staerken .wahl{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 18px}.daten-tabelle{margin:0;border:2px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden}.daten-tabelle div{display:grid;grid-template-columns:minmax(8rem,38%) 1fr;gap:12px;padding:12px 16px}.daten-tabelle div:nth-child(odd){background:var(--surface-sunken)}.daten-tabelle dt{font-weight:600;color:var(--text-primary)}.daten-tabelle dd{margin:0;color:var(--text-secondary)}@media(max-width:30rem){.daten-tabelle div{grid-template-columns:1fr;gap:2px}}.seite-404{display:grid;gap:16px;justify-items:start;max-width:var(--container-lesen);padding-block:var(--space-section)}.teaser-grid{display:grid;gap:16px;list-style:none;margin:0;padding:0;grid-template-columns:1fr}@media(min-width:40rem){.teaser-grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media(min-width:64rem){.teaser-grid{grid-template-columns:repeat(3,1fr)}}.teaser-karte{position:relative;display:flex;flex-direction:column;height:100%;overflow:hidden;border:2px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-primary);color:var(--text-primary);text-decoration:none;box-shadow:var(--shadow-sm);transition:transform var(--motion-basis) var(--ease-standard),border-color var(--motion-basis),box-shadow var(--motion-basis)}.teaser-karte:hover{transform:translateY(-4px);border-color:var(--action-primary);box-shadow:var(--shadow-md)}.teaser-bild{display:block;aspect-ratio:4 / 3;overflow:hidden;background:var(--surface-sunken)}.teaser-bild img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;transition:transform var(--motion-ruhig) var(--ease-standard)}.teaser-karte:hover .teaser-bild img{transform:scale(1.05)}.teaser-text{display:grid;gap:4px;padding:16px 56px 20px 20px}.teaser-text strong{font-family:var(--font-display-stack);font-size:var(--text-h3)}.teaser-preis{font-size:var(--text-s);font-weight:600;color:var(--text-link)}.teaser-pfeil{position:absolute;right:20px;bottom:24px;color:var(--text-tertiary);transition:transform var(--motion-basis) var(--ease-feder),color var(--motion-basis)}.teaser-karte:hover .teaser-pfeil{color:var(--text-link);transform:translate(4px)}@media(prefers-reduced-motion:reduce){.teaser-karte:hover,.teaser-karte:hover .teaser-bild img{transform:none}}.teaser-platzhalter{display:grid;place-items:center;align-content:center;gap:12px;background-color:var(--kachel-stahl);background-image:radial-gradient(circle,var(--lochung-punkt) 4px,transparent 5px);background-size:20px 20px;color:var(--text-marke);transition:background-position var(--motion-ruhig) var(--ease-standard)}.teaser-platzhalter>svg{width:76px;height:76px;padding:20px;border-radius:50%;background:var(--surface-elevated);box-shadow:var(--shadow-md);transition:transform var(--motion-ruhig) var(--ease-feder)}.teaser-karte:hover .teaser-platzhalter{background-position:10px 10px}.teaser-karte:hover .teaser-platzhalter>svg{transform:scale(1.08) rotate(-4deg)}.teaser-kurz{font-size:var(--text-s);color:var(--text-secondary);line-height:1.5}.hero .brotkrumen ol{margin-bottom:4px;justify-content:center}@media(min-width:52rem){.hero .brotkrumen ol{justify-content:flex-start}}.bild-platzhalter{position:relative;display:grid;place-items:center;align-content:center;gap:12px;aspect-ratio:4 / 3;padding:32px;overflow:hidden;text-align:center;border:2px dashed color-mix(in srgb,var(--text-marke) 40%,transparent);border-radius:var(--radius-xl);background-color:var(--kachel-stahl);background-image:radial-gradient(circle,var(--lochung-punkt) 4px,transparent 5px);background-size:20px 20px;color:var(--text-marke)}.bild-platzhalter>svg{width:88px;height:88px;padding:20px;border-radius:50%;background:var(--surface-elevated);box-shadow:var(--shadow-md)}.bild-platzhalter-label{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-pill);background:var(--surface-elevated);font-size:var(--text-caption);font-weight:600;color:var(--text-secondary)}.bild-platzhalter p{margin:0;max-width:28ch;padding:8px 12px;border-radius:var(--radius-sm);background:var(--surface-elevated);font-size:var(--text-s);color:var(--text-secondary)}.vorteil-grid{display:grid;gap:16px;list-style:none;margin:0;padding:0}@media(min-width:52rem){.vorteil-grid{grid-template-columns:repeat(3,1fr);gap:20px}}.vorteil-karte{display:grid;gap:8px;align-content:start;padding:var(--space-card);border:2px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-primary);box-shadow:var(--shadow-sm);transition:transform var(--motion-basis) var(--ease-standard),border-color var(--motion-basis)}.vorteil-karte:hover{transform:translateY(-3px);border-color:var(--action-primary)}.vorteil-nr{font-family:var(--font-display-stack);font-size:var(--text-h2);font-weight:700;color:var(--action-warm);line-height:1.2}.vorteil-karte h3{margin:0;font-size:var(--text-h3)}.vorteil-karte p{margin:0;color:var(--text-secondary)}.planung{display:grid;gap:20px;align-items:stretch}@media(min-width:60rem){.planung{grid-template-columns:7fr 5fr}}.planung-karte,.planung-cta{padding:clamp(24px,4vw,40px);border-radius:var(--radius-xl)}.planung-karte{background:var(--surface-primary);border:2px solid var(--border-subtle);display:grid;gap:12px;align-content:start}.planung-karte h2{margin:0;font-size:var(--text-h1)}.planung-liste{display:grid;gap:12px;margin:8px 0 0;padding:0;list-style:none}.planung-liste li{display:flex;gap:12px;align-items:flex-start}.planung-liste svg{color:var(--gruen-600);flex:none;margin-top:2px}.planung-cta{display:grid;gap:12px;align-content:center;justify-items:start;background:var(--kachel-amber)}.planung-cta h3{margin:0;font-size:var(--text-h2)}.planung-cta p{margin:0 0 8px;color:var(--text-secondary)}.weitere-anwendungen{padding-bottom:var(--space-section)}.weitere-anwendungen h2{font-size:var(--text-h3);margin:0 0 12px}.chip-fluss{display:flex;flex-wrap:wrap;gap:8px 12px;list-style:none;margin:0;padding:0}@media(prefers-reduced-motion:reduce){.vorteil-karte:hover{transform:none}}.rechts-raster{display:grid;gap:16px;margin-bottom:clamp(40px,6vw,64px)}@media(min-width:40rem){.rechts-raster{grid-template-columns:repeat(2,1fr)}}@media(min-width:72rem){.rechts-raster{grid-template-columns:repeat(4,1fr)}}.rechts-karte{display:grid;align-content:start;gap:12px;padding:24px;border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface-elevated);box-shadow:var(--shadow-xs)}.rechts-karte h2{margin:0;font-size:var(--text-s);text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary)}.rechts-karte address{font-style:normal;line-height:1.6;color:var(--text-primary)}.rechts-daten{display:grid;gap:12px;margin:0}.rechts-daten dt{font-size:var(--text-s);color:var(--text-secondary)}.rechts-daten dd{margin:2px 0 0;font-weight:600;line-height:1.5;overflow-wrap:anywhere}.rechts-daten dd .link-knopf{font-weight:600}.rechts-layout{display:grid;gap:32px;align-items:start}@media(min-width:60rem){.rechts-layout{grid-template-columns:15rem minmax(0,1fr);gap:64px}}.rechts-inhalt{padding:20px 24px;border-radius:var(--radius-lg);background:var(--surface-sunken)}@media(min-width:60rem){.rechts-inhalt{position:sticky;top:calc(var(--kopf-hoehe) + 24px)}}.rechts-inhalt h2{margin:0 0 12px;font-size:var(--text-s);text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary)}.rechts-inhalt ol{display:grid;gap:8px;margin:0;padding-left:20px;font-size:var(--text-s)}.rechts-inhalt a{color:var(--text-secondary);text-decoration:none;transition:color var(--motion-schnell)}.rechts-inhalt a:hover{color:var(--text-link);text-decoration:underline}.rechtstext{max-width:var(--container-lesen)}.rechtstext h2{margin:40px 0 12px;font-size:var(--text-h3);line-height:1.2;scroll-margin-top:calc(var(--kopf-hoehe) + 24px)}.rechtstext h2:first-child{margin-top:0}.rechtstext p,.rechtstext li,.rechtstext address{color:var(--text-secondary);line-height:1.6}.rechtstext p{margin:0 0 16px}.rechtstext address{font-style:normal;margin:0 0 16px;padding:16px 20px;border-left:3px solid var(--action-primary);background:var(--surface-sunken);border-radius:0 var(--radius-md) var(--radius-md) 0}.rechtstext ul{margin:0 0 16px;padding-left:20px;display:grid;gap:6px}.rechtstext a{color:var(--text-link)}.rechts-stand{margin-top:40px!important;font-size:var(--text-s);color:var(--text-tertiary)!important}@media(min-width:40rem){.vorteil-grid-4{grid-template-columns:repeat(2,1fr)}}@media(min-width:72rem){.vorteil-grid-4{grid-template-columns:repeat(4,1fr)}}.usp-grid{display:grid;gap:16px;list-style:none;margin:0;padding:0;grid-template-columns:repeat(auto-fit,minmax(13.5rem,1fr))}.usp-karte{display:grid;gap:8px;align-content:start;padding:var(--space-card);border:2px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-primary);transition:transform var(--motion-basis) var(--ease-standard),border-color var(--motion-basis)}.usp-karte:hover{transform:translateY(-3px);border-color:var(--action-primary)}.usp-icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:8px;border-radius:var(--radius-md);background:var(--action-tonal);color:var(--action-tonal-text);transition:transform var(--motion-basis) var(--ease-feder)}.usp-karte:hover .usp-icon{transform:rotate(-6deg) scale(1.06)}.usp-karte h3{margin:0;font-size:var(--text-h3);line-height:1.2}.usp-karte p{margin:0;color:var(--text-secondary);line-height:1.5}.farb-visual{position:relative;aspect-ratio:4 / 3;width:100%}.farb-panel{position:absolute;width:60%;aspect-ratio:4 / 3;border-radius:var(--radius-lg);background-color:var(--farbe);background-image:radial-gradient(circle,var(--loch) 4px,transparent 5px);background-size:20px 20px;background-position:10px 10px;border:2px solid var(--border-subtle);box-shadow:var(--shadow-md);transition:transform var(--motion-ruhig) var(--ease-feder)}.farb-panel-1{top:2%;left:4%;transform:rotate(-7deg)}.farb-panel-2{top:20%;left:22%;transform:rotate(2deg);z-index:1}.farb-panel-3{top:40%;left:38%;transform:rotate(8deg);z-index:2}.farb-visual:hover .farb-panel-1{transform:rotate(-10deg) translate(-12px,-8px)}.farb-visual:hover .farb-panel-3{transform:rotate(11deg) translate(12px,8px)}.farb-panel-label{position:absolute;left:12px;bottom:12px;padding:4px 10px;border-radius:var(--radius-pill);background:var(--surface-elevated);color:var(--text-primary);font-size:var(--text-caption);font-weight:600;box-shadow:var(--shadow-sm)}@media(prefers-reduced-motion:reduce){.farb-visual:hover .farb-panel,.usp-karte:hover,.usp-karte:hover .usp-icon{transform:none}}.farb-sektion{display:grid;gap:32px;align-items:start}@media(min-width:60rem){.farb-sektion{grid-template-columns:7fr 5fr;gap:48px}}.farb-text h2{margin:8px 0 16px;font-size:var(--text-h1);line-height:1.2}.farb-text p{margin:0 0 16px;color:var(--text-secondary);line-height:1.6}.farb-text a{color:var(--text-link);font-weight:600}.ral-grid{display:grid;gap:12px;list-style:none;margin:0;padding:0}.ral-karte{display:flex;align-items:center;gap:16px;padding:12px;border:2px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-primary);transition:border-color var(--motion-basis),transform var(--motion-basis) var(--ease-standard)}.ral-karte:hover{border-color:var(--action-primary);transform:translate(4px)}.ral-muster{flex:none;width:88px;height:64px;border-radius:var(--radius-md);border:1px solid var(--border-default);background-color:var(--farbe);background-image:radial-gradient(circle,var(--loch) 3px,transparent 4px);background-size:14px 14px}.ral-info{display:grid;gap:2px}.ral-info strong{font-family:var(--font-display-stack);font-size:var(--text-h3)}.ral-info span{font-size:var(--text-s);color:var(--text-secondary)}@media(prefers-reduced-motion:reduce){.ral-karte:hover{transform:none}}.ueber-text{max-width:46rem;display:grid;gap:16px}.ueber-text p{margin:0;color:var(--text-secondary);line-height:1.5}