@font-face{font-family: "Grafolita Script";src: url("https://teutoburger-oelmuehle.de/wp-content/themes/toem/assets/fonts/grafolita-script-bold.woff2") format("woff2");font-weight: 700;font-style: normal;font-display: swap;}@font-face{font-family: "Figtree";src: url("https://teutoburger-oelmuehle.de/wp-content/themes/toem/assets/fonts/figtree-variable-latin.woff2") format("woff2");font-weight: 300 900;font-style: normal;font-display: swap;}
:root{--toem-blau: #0c243e;--toem-gold: #d7b35f;--toem-grau: #f2f2f2;--on-blau-1: #ffffff;--on-blau-2: rgba(242, 242, 242, 0.84);--on-blau-3: rgba(242, 242, 242, 0.58);--c-gold-500: var(--toem-gold);--sec-gold: var(--toem-gold);--c-grau-100: var(--toem-grau);--c-grau-200: #e4e4e4;--c-grau-300: #d6d6d6;--c-schwarz: #000000;--c-sorte-raps: var(--toem-blau);--c-sorte-braten: #7a1f2b;--c-sorte-butter: #b8862a;--c-sorte-bio: #1d5c33;--c-ink: #1d1d1b;--c-ink-soft: #45454a;--c-fehler: #a3242f;--bg-page: #ffffff;--bg-soft: var(--toem-grau);--bg-platzhalter: var(--c-grau-200);--auf-motiv: rgb(255 255 255 / 92%);--auf-motiv-leise: rgb(255 255 255 / 72%);--auf-motiv-linie: rgb(12 36 62 / 18%);--bg-nav: var(--toem-blau);--surface: #ffffff;--text-body: var(--c-ink);--text-muted: var(--c-ink-soft);--text-on-dark: #ffffff;--accent: var(--toem-gold);--line: var(--c-grau-300);--font-accent: "Grafolita Script", "Brush Script MT", cursive;--font-body: "Figtree", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-code: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--fs-100: 0.8125rem;--fs-200: 0.9375rem;--fs-300: 1rem;--fs-400: 1.125rem;--fs-450: 1.25rem;--fs-500: clamp(1.375rem, 1rem + 1.2vw, 1.75rem);--fs-550: clamp(1.7rem, 1.14rem + 2.28vw, 2.5rem);--fs-600: clamp(2rem, 1.3rem + 2.85vw, 3rem);--fs-sektion: clamp(1.75rem, 1.15rem + 2.1vw, 2.375rem);--fs-700: clamp(2.4rem, 1.3rem + 4.36vw, 4.35rem);--fs-800: clamp(3.1rem, 1.6rem + 5.8vw, 5.75rem);--lh-tight: 1.06;--lh-snug: 1.25;--lh-body: 1.65;--ls-wide: 0.12em;--ls-caps: 0.06em;--ls-normal: 0;--ls-body: 0;--ls-tight: -0.015em;--sp-1: 0.25rem;--sp-2: 0.5rem;--sp-3: 0.75rem;--sp-4: 1rem;--sp-5: 1.5rem;--sp-6: 2rem;--sp-7: 3rem;--sp-8: 4rem;--sp-9: 6rem;--sp-sektion: clamp(5.5rem, 10vw, 9rem);--wrap: 82.5rem;--wrap-pad: clamp(1.25rem, 4vw, 3.5rem);--r-sm: 3px;--r-md: 6px;--r-card: 8px;--r-badge: 4px;--r-pill: 999px;--strich-zeichen: 1.75px;--zeichen-mini: 1rem;--zeichen-inline: 1.125rem;--zeichen-klein: 1.375rem;--zeichen-kreis: 2rem;--zeichen-kreis-xl: 2.25rem;--zeichen-gross: 2.75rem;--zeichen-xl: 3rem;--zeichen-marke: 1.5rem;--zeichen-flaeche: 4rem;--dur: 220ms;--ease: cubic-bezier(0.22, 0.61, 0.36, 1);--shadow-karte: 0 6px 14px rgba(29, 29, 27, 0.035), 0 18px 36px rgba(29, 29, 27, 0.04);--shadow-karte-dunkel: 0 8px 18px rgba(29, 29, 27, 0.085), 0 22px 44px rgba(29, 29, 27, 0.1);--shadow-1: 0 1px 2px rgba(29, 29, 27, 0.05), 0 2px 6px rgba(29, 29, 27, 0.05);--shadow-2: 0 6px 14px rgba(29, 29, 27, 0.09), 0 18px 36px rgba(29, 29, 27, 0.11);--shadow-3: 0 8px 18px rgba(29, 29, 27, 0.22), 0 22px 44px rgba(29, 29, 27, 0.26);--dur-hover: 300ms;--ease-hover: cubic-bezier(0.33, 1, 0.68, 1);--dur-media: 600ms;--ease-media: var(--ease-hover);--zoom-media: 1.06;--lift: -4px;--h-nav: 6.5rem;--h-nav-compact: 4.25rem;--nav-drop: 1.6875rem;--nav-drop-compact: 0.5625rem;--nav-overlap: 0.875rem;--logo-w: clamp(10.2rem, 14.45vw, 14.025rem);--logo-w-compact: 2.75rem;--logo-svg-w: var(--logo-w);--logo-svg-w-compact: calc(var(--logo-w-compact) * 2.767871);--dur-nav: 300ms;--ease-nav: cubic-bezier(0.4, 0, 0.2, 1);--ease-fall: cubic-bezier(0.45, 0.05, 0.75, 0.35);--dur-ebene: 420ms;--ease-ebene: cubic-bezier(0.16, 1, 0.3, 1);--dur-reveal: 700ms;--ease-reveal: cubic-bezier(0.16, 1, 0.3, 1);--reveal-shift: 1.5rem;--reveal-step: 80ms;--motiv-hoehe: min(118vw, 58svh);--motiv-hoehe-min: 18rem;--motiv-hoehe-unter: min(80vw, 40svh);--motiv-hoehe-unter-min: 13rem;--schleier-ab: calc(max(0px, (100% - var(--wrap)) / 2) + var(--wrap-pad));--motiv-schleier: linear-gradient(90deg, rgba(255, 255, 255, 0.92) 0, rgba(255, 255, 255, 0.84) calc(var(--schleier-ab) + 18rem), rgba(255, 255, 255, 0.70) calc(var(--schleier-ab) + 30rem), rgba(255, 255, 255, 0.50) calc(var(--schleier-ab) + 36rem), rgba(255, 255, 255, 0.31) calc(var(--schleier-ab) + 42rem), rgba(255, 255, 255, 0.16) calc(var(--schleier-ab) + 49rem), rgba(255, 255, 255, 0.06) calc(var(--schleier-ab) + 57rem), rgba(255, 255, 255, 0) calc(var(--schleier-ab) + 66rem));--motiv-schleier-dunkel: linear-gradient(90deg, rgba(0, 0, 0, 0.62) 0, rgba(0, 0, 0, 0.52) calc(var(--schleier-ab) + 22rem), rgba(0, 0, 0, 0.30) calc(var(--schleier-ab) + 36rem), rgba(0, 0, 0, 0.12) calc(var(--schleier-ab) + 46rem), rgba(0, 0, 0, 0) calc(var(--schleier-ab) + 56rem));--motiv-verlauf: linear-gradient(180deg, rgba(255, 255, 255, 0) 8%, rgba(255, 255, 255, 0.05) 30%, rgba(255, 255, 255, 0.14) 48%, rgba(255, 255, 255, 0.30) 62%, rgba(255, 255, 255, 0.55) 74%, rgba(255, 255, 255, 0.82) 84%, rgba(255, 255, 255, 0.95) 90%, rgba(255, 255, 255, 0.99) 95%, var(--bg-page) 100%);}@media (min-width: 34.001rem) and (max-width: 59.999rem){:root{--motiv-hoehe-unter: min(44vw, 30svh);--motiv-hoehe-unter-min: 12rem;--motiv-hoehe: min(76vw, 42svh);}}
*, *::before, *::after{box-sizing: border-box;}html{-webkit-text-size-adjust: 100%;}body{letter-spacing: var(--ls-body);margin: 0;background: var(--bg-page);color: var(--text-body);font-family: var(--font-body);font-size: var(--fs-300);line-height: var(--lh-body);-webkit-font-smoothing: antialiased;}body{min-height: 100svh;display: flex;flex-direction: column;}.wp-site-blocks{flex: 1 0 auto;display: flex;flex-direction: column;}main{flex: 1 0 auto;}img, svg, video{display: block;max-width: 100%;height: auto;}svg{width: var(--zeichen-inline);height: var(--zeichen-inline);}a{color: inherit;text-decoration: none;}button{font: inherit;color: inherit;background: none;border: 0;cursor: pointer;}ul{list-style: none;margin: 0;padding: 0;}li:has(> strong:first-child)::marker{font-weight: 700;}h1, h2, h3{font-family: var(--font-body);font-weight: 700;line-height: var(--lh-tight);letter-spacing: var(--ls-tight);margin: 0;}h1, h2, h3, h4, p, li, dt, dd, blockquote, figcaption{overflow-wrap: break-word;}@media (max-width: 48rem){h1, h2, h3{-webkit-hyphens: auto;hyphens: auto;hyphenate-limit-chars: 12 5 5;-webkit-hyphenate-limit-before: 5;-webkit-hyphenate-limit-after: 5;}}.textlink{color: var(--toem-blau);text-decoration: underline;text-decoration-color: var(--toem-gold);text-decoration-thickness: 1px;text-underline-offset: .18em;overflow-wrap: anywhere;transition: color .15s ease;}.textlink:hover, .textlink:focus-visible{color: var(--c-schwarz);}:is(.prod__action__text, .usp__text, .hiheute__text, .heschael__sub, .heschael__text, .bildband__sub, .bildband__text, .pukern__text, .kaabbinder__text, .pbio__text) .textlink{color: inherit;}:is(.prod__action__text, .usp__text, .hiheute__text, .heschael__sub, .heschael__text, .bildband__sub, .bildband__text, .pukern__text, .kaabbinder__text, .pbio__text) .textlink:is(:hover, :focus-visible){color: var(--toem-gold);}:focus-visible{outline: 2px solid var(--toem-blau);outline-offset: 3px;border-radius: var(--r-sm);}.wrap{width: 100%;max-width: var(--wrap);margin-inline: auto;padding-inline: var(--wrap-pad);}.visually-hidden{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip-path: inset(50%);white-space: nowrap;}.skip-link{position: absolute;left: var(--sp-4);top: var(--sp-2);z-index: 100;padding: var(--sp-2) var(--sp-4);background: var(--toem-blau);color: var(--text-on-dark);border-radius: var(--r-md);transform: translateY(-200%);transition: transform var(--dur) var(--ease);}.skip-link:focus{transform: translateY(0);}.eyebrow{font-family: var(--font-body);font-size: var(--fs-100);font-weight: 500;letter-spacing: var(--ls-wide);text-transform: uppercase;}html{scroll-behavior: smooth;scroll-padding-top: var(--h-nav-compact);}@media (prefers-reduced-motion: reduce){html{scroll-behavior: auto;}*, *::before, *::after{animation-duration: 0.01ms !important;transition-duration: 0.01ms !important;}:root{--zoom-media: 1;--lift: 0px;}}@media (hover: none){:root{--zoom-media: 1;--lift: 0px;}}svg:not(.logo):not(.schwung svg):not(.fetropfen svg) :is(path, circle, rect, line, polyline, polygon, ellipse){vector-effect: non-scaling-stroke;stroke-width: var(--strich-zeichen);}svg:not(.logo){stroke-width: var(--strich-zeichen);}[data-icon="apple"], [data-icon="badge-check"], [data-icon="bean"], [data-icon="clock"], [data-icon="container"], [data-icon="cooking-pot"], [data-icon="file-text"], [data-icon="flame"], [data-icon="leaf"], [data-icon="map-pin"], [data-icon="milk"], [data-icon="package"], [data-icon="phone"], [data-icon="send"], [data-icon="sparkles"], [data-icon="store"], [data-icon="utensils"], [data-icon="warehouse"]{--zeichen-ausgleich: 0.85;}[data-icon="chart-no-axes-column"], [data-icon="crown"], [data-icon="download"], [data-icon="factory"], [data-icon="image"], [data-icon="kanister"], [data-icon="piggy-bank"], [data-icon="users"]{--zeichen-ausgleich: 0.94;}[data-icon="banknote"], [data-icon="credit-card"], [data-icon="graduation-cap"], [data-icon="list"]{--zeichen-ausgleich: 1.2;}.kavorteil__icon svg, .haargument__icon svg, .hazgkarte__icon svg, .b2b__icon svg, .kontakt__way__icon svg, .gbart__bild svg, .kabereich__platz svg, .kaweg__media svg, .kainiti__mail svg, .rzoel__usp svg, .pkopf__usp svg{scale: var(--zeichen-ausgleich, 1);}.ki-hinweis{position: absolute;bottom: var(--sp-2);right: var(--sp-2);z-index: 2;padding: 0.0625rem 0.375rem;border-radius: var(--r-sm);background: rgba(12, 36, 62, 0.72);color: #fff;font-size: 0.625rem;font-weight: 500;line-height: 1.5;letter-spacing: 0.02em;pointer-events: none;}.hero__media .ki-hinweis, .bogenhero__media .ki-hinweis, .pukopf__media .ki-hinweis, .rzkopf__media .ki-hinweis{top: var(--sp-2);bottom: auto;}.galerie__minilink .ki-hinweis{display: none;}
.bogenhero__title, .fekopf__title, .pukopf__title{font-family: var(--font-body);font-size: var(--fs-600);font-weight: 400;text-transform: none;letter-spacing: var(--ls-tight);line-height: 1.15;color: var(--toem-blau);margin: 0 0 var(--sp-4);}.usp__title, .prod__title, .herst__title, .rez__title, .karr__title, .pshops__title, .pdaten__title, .pverw__title, .pschael__title, .kaabbinder__title, .kaprakt__title, .pusicht__ueber, .puwofuer__ueber, .pukern__title, .pbio__title, .puwege__title, .unwege__ueber, .fewege__ueber, .blneu__ueber, .blliste__ueber, .blwege__ueber, .unsaeulen__ueber, .bildband__title, .hiheute__title, .heweg__ueber, .heschael__title, .hesicher__ueber, .hewege__title, .psorten__title, .faqg__title, .faqhilfe__title, .kabereiche__title, .kainiti__title, .kavorteile__title, .kastimmen__title, .kawege__title, .stliste__zahl, .stdbewerb__title, .stdweiter__title, .dlgruppe__title, .hazg__title, .haarg__title, .hawege__title, .gbliste__title, .gbpasst__title, .goflaschen__title, .goschritte__title, .goform__title, .gofragen__title{font-family: var(--font-body);font-size: var(--fs-sektion);font-weight: 400;text-transform: none;letter-spacing: var(--ls-tight);line-height: 1.15;color: var(--toem-blau);margin: 0 0 var(--sp-4);}.usp__title em, .prod__title em, .herst__title em, .rez__title em, .karr__title em, .pshops__title em, .pdaten__title em, .pkopf__title em, .rezkopf__title em, .kkopf__title em, .kziel__title em, .kadr__title em, .rzoel__title em, .pverw__title em, .pschael__title em, .kaabbinder__title em, .kaprakt__title em, .pukopf__title em, .pusicht__ueber em, .puwofuer__ueber em, .pukern__title em, .pbio__title em, .puwege__title em, .bogenhero__title em, .unwege__ueber em, .fewege__ueber em, .fekopf__title em, .blneu__ueber em, .blliste__ueber em, .blwege__ueber em, .unsaeulen__ueber em, .bildband__title em, .hiheute__title em, .heweg__ueber em, .heschael__title em, .hesicher__ueber em, .hewege__title em, .psorten__title em, .fkopf__title em, .stkopf__title em, .kabereiche__title em, .kainiti__title em, .kavorteile__title em, .kastimmen__title em, .kawege__title em, .dlkopf__title em, .hakopf__title em, .goflaschen__title em, .goschritte__title em, .goform__title em, .gofragen__title em{display: block;font-family: var(--font-accent);font-weight: 700;font-style: normal;font-size: 1.6em;text-transform: none;letter-spacing: 0;line-height: 1.04;color: var(--sec-gold);padding-block: 0.05em 0.1em;margin-top: 0.02em;}.trennstrich{margin-left: 0.07em;}.usp__sub, .prod__sub, .herst__lead, .rez__sub, .karr__lead, .b2b__lead, .kontakt__lead, .pshops__sub, .pdaten__sub, .pverw__sub, .pschael__sub, .psorten__sub{font-size: var(--fs-400);color: var(--text-muted);margin: 0;}.karr__lead{max-width: 32rem;}@media (max-width: 30rem){[class*="kopf__title"]{hyphens: auto;}[class*="kopf__title"][class] em{hyphens: manual;}}@media (max-width: 20.5rem){[class*="kopf__title"][class] em{font-size: var(--fs-700);}[class*="__title"]:not([class*="kopf__title"]) em, [class*="__ueber"] em{font-size: 1.25em;}}
.knopf, .form__senden{display: inline-flex;align-items: center;justify-content: center;text-align: center;gap: var(--sp-3);max-width: 100%;min-height: 2.75rem;padding: var(--sp-2) var(--sp-6);background: var(--toem-blau);border: 1px solid var(--toem-blau);border-radius: var(--r-pill);font: inherit;font-size: var(--fs-200);font-weight: 600;letter-spacing: var(--ls-caps);text-transform: uppercase;color: var(--text-on-dark);cursor: pointer;transition: background-color var(--dur-hover) var(--ease-hover), border-color var(--dur-hover) var(--ease-hover), color var(--dur-hover) var(--ease-hover);}.knopf:hover, .knopf:focus-visible, .form__senden:hover, .form__senden:focus-visible{background: var(--toem-gold);border-color: var(--toem-gold);color: var(--toem-blau);}.knopf svg{flex: none;transition: transform var(--dur-hover) var(--ease-hover);}.knopf:hover svg, .knopf:focus-visible svg{transform: translateX(3px);}@media (max-width: 64rem){a.stkarte__pfeil, .puwofuer__liste a, .pbio__weg, .pukern__weg, .kaabbinder__weg, .faqf__weiter a{min-height: 2.75rem;align-items: center;}}@media (max-width: 30rem){.knopf, .form__senden{padding-inline: var(--sp-4);hyphens: auto;}}
.kartenpfeil{display: block;width: max-content;margin-left: auto;margin-top: auto;padding-top: var(--sp-4);line-height: 0;}.kartenpfeil{transition: color var(--dur-hover) var(--ease-hover);}.kartenpfeil svg{width: var(--zeichen-klein);height: var(--zeichen-klein);display: block;transition: transform var(--dur-hover) var(--ease-hover);}.usp__body{display: flex;flex-direction: column;align-items: stretch;}a:hover .kartenpfeil, a:focus-visible .kartenpfeil{color: var(--accent);}a:hover .kartenpfeil svg, a:focus-visible .kartenpfeil svg{transform: translateX(3px);}@media (prefers-reduced-motion: reduce){.kartenpfeil svg{transition: none;}a:hover .kartenpfeil svg, a:focus-visible .kartenpfeil svg{transform: none;}}
.karr__panels{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: clamp(var(--sp-4), 2.5vw, var(--sp-5));align-items: start;}@media (max-width: 56rem){.karr__panels{grid-template-columns: 1fr;}}.karr__jobs{display: grid;align-content: start;gap: var(--sp-4);}.karr__jobs h3{font-size: var(--fs-300);font-weight: 700;color: var(--toem-blau);margin: 0;}.karr__list{display: grid;gap: var(--sp-4);}.karr__job{position: relative;display: grid;grid-template-columns: minmax(0, 1fr) auto;align-items: center;gap: var(--sp-4) var(--sp-5);padding: var(--sp-5);background: var(--surface);border-radius: var(--r-card);box-shadow: var(--shadow-karte);transition: transform var(--dur-hover) var(--ease-hover), box-shadow var(--dur-hover) var(--ease-hover);}.karr__job:hover, .karr__job:focus-visible{transform: translateY(var(--lift));box-shadow: var(--shadow-2);}.karr__job__text{display: grid;gap: var(--sp-2);min-width: 0;}.karr__job__title{display: block;font-size: var(--fs-400);font-weight: 700;line-height: var(--lh-snug);color: var(--toem-blau);overflow-wrap: break-word;}.karr__job__meta{display: block;font-size: var(--fs-200);color: var(--text-muted);}.karr__job svg{width: var(--zeichen-inline);height: var(--zeichen-inline);flex: 0 0 auto;color: var(--toem-gold);transition: transform var(--dur-hover) var(--ease-hover);}.karr__job:hover svg, .karr__job:focus-visible svg{transform: translateX(3px);}.stliste__zahl{margin: 0 0 var(--sp-8);font-weight: 600;}.stliste__grid{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: clamp(var(--sp-5), 3vw, var(--sp-6));}@media (max-width: 56rem){.stliste__grid{grid-template-columns: 1fr;}}.stliste__grid .stkarte, .karr__list .stkarte{grid-template-columns: minmax(0, 1fr);align-items: start;}.stliste__grid .stkarte__pfeil, .karr__list .stkarte__pfeil{justify-self: start;margin-top: var(--sp-2);}@media (min-width: 56.0625rem){.stliste__grid .stkarte{align-content: space-between;}}.stkarte{position: relative;display: grid;grid-template-columns: minmax(0, 1fr) auto;align-items: center;gap: var(--sp-4) var(--sp-5);padding: var(--sp-5);background: var(--surface);border-radius: var(--r-card);box-shadow: var(--shadow-karte);transition: transform var(--dur-hover) var(--ease-hover), box-shadow var(--dur-hover) var(--ease-hover);}.stkarte:hover, .stkarte:focus-visible{transform: translateY(var(--lift));box-shadow: var(--shadow-2);}.stkarte:hover .stkarte__pfeil, .stkarte:focus-visible .stkarte__pfeil{color: var(--toem-gold);}.stkarte:hover .stkarte__pfeil svg, .stkarte:focus-visible .stkarte__pfeil svg{transform: translateX(3px);}a.stkarte__pfeil{transition: color var(--dur) var(--ease);}a.stkarte__pfeil:hover, a.stkarte__pfeil:focus-visible{color: var(--toem-gold);}a.stkarte__pfeil:hover svg, a.stkarte__pfeil:focus-visible svg{transform: translateX(3px);}.stkarte--weg{grid-template-columns: minmax(0, 1fr);align-items: start;gap: var(--sp-4);}.stkarte--weg .stkarte__pfeil{margin-top: auto;}.stkarte__text{display: grid;gap: var(--sp-2);min-width: 0;}.stkarte__titel{margin: 0;font-size: var(--fs-400);font-weight: 700;line-height: var(--lh-snug);color: var(--toem-blau);}.stkarte__meta{display: flex;flex-wrap: wrap;align-items: center;gap: var(--sp-2) var(--sp-3);font-size: var(--fs-200);color: var(--text-muted);}.stkarte__meta i{width: 3px;height: 3px;flex: none;border-radius: 50%;background: var(--c-grau-300);}.stkarte__pfeil{display: inline-flex;align-items: center;gap: var(--sp-2);font-size: var(--fs-200);font-weight: 600;letter-spacing: var(--ls-caps);text-transform: uppercase;color: var(--toem-blau);}.stkarte__pfeil svg{width: var(--zeichen-inline);height: var(--zeichen-inline);flex: none;transition: transform var(--dur-hover) var(--ease-hover);}.stkarte__pfeil{transition: color var(--dur-hover) var(--ease-hover);}
.masthead{position: sticky;top: 0;z-index: 50;background: var(--bg-nav);transition: box-shadow var(--dur-nav) var(--ease-nav);}.masthead__inner{display: flex;align-items: center;gap: var(--sp-6);min-height: var(--h-nav);transition: min-height var(--dur-nav) var(--ease-nav);}.wp-block-template-part{display: contents;}.masthead.is-compact .masthead__inner{min-height: var(--h-nav-compact);}.masthead.is-compact .mainnav__sub{top: calc(100% + var(--nav-drop-compact) - var(--nav-overlap));}.masthead.is-compact{box-shadow: var(--shadow-3);}.masthead__logo{flex: 0 0 auto;display: inline-flex;align-items: center;width: var(--logo-w);overflow: hidden;transition: width var(--dur-nav) var(--ease-nav);}.masthead__logo .logo{display: block;width: var(--logo-svg-w);height: auto;aspect-ratio: 775.031 / 222.288;max-width: none;flex: 0 0 auto;fill: var(--toem-gold);transition: width var(--dur-nav) var(--ease-nav), opacity var(--dur) var(--ease);}.masthead.is-compact .masthead__logo{width: var(--logo-w-compact);}.masthead.is-compact .masthead__logo .logo{width: var(--logo-svg-w-compact);}.logo__wort{opacity: 1;transition: opacity 180ms var(--ease-nav) 140ms;}.masthead.is-compact .logo__wort{opacity: 0;transition: opacity 120ms var(--ease-nav) 0ms;}.masthead__logo:hover .logo, .masthead__logo:focus-visible .logo{opacity: 0.78;}.masthead :focus-visible{outline-color: var(--toem-gold);}.mainnav{margin-left: auto;}.mainnav > ul{display: flex;align-items: center;gap: var(--sp-2);}.mainnav__item{position: relative;}.mainnav__item[data-open="true"]{z-index: 70;}.mainnav__item[data-dropdown]::after{content: "";position: absolute;left: 0;right: 0;top: 100%;height: var(--nav-drop);pointer-events: none;}.mainnav__item[data-dropdown][data-open="true"]::after{pointer-events: auto;}.mainnav__link{position: relative;display: inline-flex;align-items: center;gap: var(--sp-2);padding: var(--sp-3) var(--sp-4);font-size: 0.9375rem;font-weight: 500;letter-spacing: var(--ls-caps);text-transform: uppercase;color: var(--text-on-dark);transition: color var(--dur) var(--ease);}.mainnav__link:hover, .mainnav__link:focus-visible, .mainnav__item[data-open="true"] > .mainnav__link{color: var(--toem-gold);}.mainnav__link[aria-current="page"], .mainnav__link[aria-current="true"]{color: var(--toem-gold);}.mainnav__sub a[aria-current="page"]{color: var(--toem-gold);font-weight: 600;}.mainnav__auf, .mainnav__zurueck, .navrecht{display: none;}.mainnav__chev{width: var(--zeichen-mini);height: var(--zeichen-mini);flex-shrink: 0;transition: transform var(--dur-nav) var(--ease-nav);}.mainnav__item[data-open="true"] .mainnav__chev{transform: rotate(180deg);}.mainnav__sub{position: absolute;top: calc(100% + var(--nav-drop) - var(--nav-overlap));left: 0;z-index: 60;min-width: 13rem;padding: 0;background: transparent;opacity: 0;visibility: hidden;transition: opacity var(--dur) var(--ease), visibility var(--dur);}.mainnav__item[data-open="true"] > .mainnav__sub{opacity: 1;visibility: visible;}.mainnav__item[data-align="right"] > .mainnav__sub{left: auto;right: 0;}.mainnav__item:has(> .mainnav__sub--breit){position: static;}.mainnav__sub--breit{top: 100%;left: 0;right: 0;translate: none;width: auto;}.masthead.is-compact .mainnav__sub--breit{top: 100%;}.mainnav__sub .navprod__panel{padding: var(--sp-6) 0;border-radius: 0;}.mainnav__sub .navprod__inner{width: 100%;}.mainnav__sub .navprod__grid{display: grid;grid-template-columns: repeat(5, minmax(0, 1fr));gap: var(--sp-5);align-content: start;}.mainnav__sub a.navprod{display: grid;gap: var(--sp-2);align-content: start;padding: 0;white-space: normal;border-radius: var(--r-card);text-decoration: none;transition: transform var(--dur-hover) var(--ease-hover);}.mainnav__sub a.navprod:hover, .mainnav__sub a.navprod:focus-visible{transform: translateY(-2px);}.mainnav__sub .navprod__media{margin-top: var(--sp-2);display: block;aspect-ratio: 3 / 4;overflow: hidden;border-radius: var(--r-card);background: var(--surface);}.mainnav__sub .navprod__media img{width: 100%;height: 100%;object-fit: contain;padding: var(--sp-3);box-sizing: border-box;display: block;}.mainnav__sub .navprod__name{display: grid;gap: 0.1em;font-size: var(--fs-200);font-weight: 700;line-height: var(--lh-snug);color: var(--toem-blau);hyphens: auto;overflow-wrap: break-word;min-width: 0;}.mainnav__sub .navprod__name span{font-weight: 400;color: var(--text-body);}.mainnav__sub .navprod{text-align: center;}.mainnav__sub .navprod__use{font-size: var(--fs-100);letter-spacing: var(--ls-wide);min-height: 2.7em;min-height: calc(2 * 1lh);text-transform: uppercase;color: var(--sorte, var(--text-muted));text-align: center;overflow-wrap: break-word;min-width: 0;}.mainnav__sub .navprod__grid{padding-bottom: var(--sp-5);border-bottom: 1px solid var(--line);}.mainnav__sub a.navprod__alle{display: inline-flex;align-items: center;gap: var(--sp-2);margin-top: var(--sp-5);font-size: var(--fs-200);font-weight: 600;color: var(--toem-blau);}.mainnav__sub a.navprod__alle svg{flex: none;width: var(--zeichen-inline);height: var(--zeichen-inline);transition: translate var(--dur-hover) var(--ease-hover);}.mainnav__sub a.navprod__alle:hover, .mainnav__sub a.navprod__alle:focus-visible{color: var(--toem-gold);}.mainnav__sub a.navprod__alle:hover svg{translate: var(--sp-2) 0;}.mainnav__sub a.mainnav__ueber{display: none;}.mainnav__sub .navorg__grid{display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: var(--sp-5);align-content: start;}.mainnav__sub a.navorg{display: grid;gap: var(--sp-1);align-content: start;padding: 0;white-space: normal;border-radius: 0;text-decoration: none;}.mainnav__sub a.navorg:hover .navorg__name, .mainnav__sub a.navorg:focus-visible .navorg__name{color: var(--toem-gold);}.mainnav__sub .navorg__name{font-size: var(--fs-400);font-weight: 700;line-height: var(--lh-snug);color: var(--toem-blau);transition: color var(--dur) var(--ease);}.mainnav__sub .navorg__text{font-size: var(--fs-200);line-height: var(--lh-body);color: var(--text-muted);}@media (max-width: 68rem){.mainnav__sub .navorg__grid{grid-template-columns: repeat(2, minmax(0, 1fr));}}@media (max-width: 68rem){.mainnav__sub .navprod__grid{grid-template-columns: repeat(3, minmax(0, 1fr));}}@media (max-width: 30rem){.mainnav__sub .navprod__grid{grid-template-columns: repeat(2, minmax(0, 1fr));}}.mainnav__sub__panel{padding: var(--sp-3);background: var(--surface);border: none;border-radius: var(--r-card);box-shadow: 0 1px 3px rgba(29, 29, 27, 0.10), 0 16px 36px rgba(29, 29, 27, 0.20);}.mainnav__sub a{display: flex;align-items: center;gap: var(--sp-3);padding: var(--sp-2) var(--sp-3);border-radius: 0;font-size: var(--fs-200);line-height: 1.35;white-space: nowrap;color: var(--toem-blau);transition: color var(--dur) var(--ease);}.mainnav__sub a:hover, .mainnav__sub a:focus-visible{color: var(--toem-gold);}.mainnav__dot{flex: 0 0 auto;width: 0.5rem;height: 0.5rem;border-radius: 50%;background: var(--sorte, var(--toem-blau));}.social{display: flex;align-items: center;gap: 0;margin-left: var(--sp-4);}@media (min-width: 64.0625rem){.social{display: none;}}.social__link{display: grid;place-items: center;width: 2.25rem;height: 2.25rem;color: var(--on-blau-1);transition: color var(--dur) var(--ease);}.social__link svg{width: var(--zeichen-marke);height: var(--zeichen-marke);}.social__link:hover, .social__link:focus-visible{color: var(--toem-gold);}.navtoggle{display: none;}.masthead__panel{display: contents;}.navtoggle{display: none;}@media (max-width: 64rem){:root{--h-nav: 5rem;--nav-drop: 1rem;--logo-w: 10.5rem;--logo-w-compact: 2.25rem;}.masthead__panel{--sm-zeichen: var(--zeichen-kreis-xl);--sm-feld: 3rem;display: flex;position: fixed;inset: 0;z-index: 1;flex-direction: column;justify-content: flex-start;gap: var(--sp-6);padding: calc(var(--h-nav) + var(--sp-5)) var(--sp-5) var(--sp-6);background: var(--toem-blau);overflow-y: auto;overflow-x: hidden;overscroll-behavior: contain;visibility: hidden;opacity: 0;transform: translateY(-0.75rem);transition: opacity var(--dur-nav) var(--ease-nav), transform var(--dur-nav) var(--ease-nav), visibility var(--dur-nav);}.masthead[data-nav="offen"] .masthead__panel{visibility: visible;opacity: 1;transform: translateY(0);}.masthead__logo, .navtoggle{position: relative;z-index: 2;}.masthead[data-nav="offen"] .masthead__inner{position: relative;}.masthead[data-nav="offen"] .masthead__inner::before{content: "";position: absolute;inset-block: 0;left: 50%;width: 100vw;margin-left: -50vw;background: var(--toem-blau);z-index: 2;}.mainnav{margin-left: 0;}.mainnav > ul{display: block;margin: 0;padding: 0;}.mainnav__item{border-bottom: 1px solid rgba(255, 255, 255, 0.14);}.mainnav__item:first-child{border-top: 1px solid rgba(255, 255, 255, 0.14);}.mainnav__link{display: flex;padding: var(--sp-5) 0;font-size: var(--fs-500);}.mainnav__chev{display: none;}.mainnav__item[data-dropdown]::after{content: none;}.mainnav{position: relative;flex: none;margin-block: auto;overflow-x: clip;}.mainnav > ul{transition: transform var(--dur-ebene) var(--ease-ebene), visibility 0s 0s;}.masthead__panel[data-ebene="2"] .mainnav > ul{transform: translateX(-100%);visibility: hidden;transition: transform var(--dur-ebene) var(--ease-ebene), visibility 0s var(--dur-ebene);}.masthead[data-nav="offen"] .mainnav{transition: height var(--dur-ebene) var(--ease-ebene);}.mainnav__item{transition: border-color 160ms var(--ease);}.masthead__panel[data-ebene="2"] .mainnav__item{border-top-color: transparent;border-bottom-color: transparent;}.mainnav__sub{display: none;}.mainnav__item[data-ebene2] > .mainnav__sub{display: block;}.mainnav__sub, .mainnav__item[data-open="true"] > .mainnav__sub{position: absolute;top: 0;left: 0;right: auto;width: 100%;min-width: 0;z-index: auto;opacity: 1;transform: translateX(100%);visibility: hidden;transition: visibility 0s var(--dur-ebene);}.mainnav__item[data-ebene2="auf"] > .mainnav__sub{visibility: visible;transition: visibility 0s 0s;}.mainnav__auf{display: flex;align-items: center;justify-content: center;width: 2.75rem;height: 2.75rem;flex: none;margin-left: auto;padding: 0;background: none;border: 0;color: var(--text-on-dark);cursor: pointer;}.mainnav__auf:hover, .mainnav__auf:focus-visible{color: var(--toem-gold);}.mainnav__item[data-dropdown]:active > .mainnav__link, .mainnav__item[data-dropdown]:active > .mainnav__auf{color: var(--toem-gold);}.mainnav__auf__zeichen{width: var(--zeichen-klein);height: var(--zeichen-klein);}.mainnav__item[data-dropdown]{display: flex;align-items: center;flex-wrap: wrap;}.mainnav__item[data-dropdown] > .mainnav__link{flex: 1 1 auto;}.mainnav__item[data-dropdown] > .mainnav__sub{flex-basis: 100%;}.mainnav__zurueck{display: flex;align-items: center;gap: var(--sp-2);width: 100%;min-height: 2.75rem;margin-bottom: var(--sp-3);padding: var(--sp-2) 0;background: none;border: 0;border-bottom: 1px solid rgba(255, 255, 255, 0.14);font: inherit;font-size: var(--fs-200);font-weight: 600;letter-spacing: var(--ls-caps);text-transform: uppercase;color: var(--text-on-dark);cursor: pointer;}.mainnav__zurueck:hover, .mainnav__zurueck:focus-visible{color: var(--toem-gold);}.mainnav__zurueck__zeichen{width: var(--zeichen-klein);height: var(--zeichen-klein);flex: none;}.mainnav__sub a.mainnav__ueber{display: flex;align-items: center;gap: var(--sp-2);width: 100%;min-height: 2.75rem;margin: var(--sp-6) 0 var(--sp-4);padding: var(--sp-2) 0;border-bottom: 1px solid rgba(255, 255, 255, 0.14);font-size: var(--fs-400);font-weight: 600;color: var(--toem-gold);}.mainnav__sub a.mainnav__ueber:hover, .mainnav__sub a.mainnav__ueber:focus-visible{color: var(--text-on-dark);}.mainnav__ueber__zeichen{flex: none;width: var(--zeichen-klein);height: var(--zeichen-klein);transition: translate var(--dur-hover) var(--ease-hover);}.mainnav__sub a.mainnav__ueber:hover .mainnav__ueber__zeichen{translate: var(--sp-2) 0;}.mainnav__sub a{font-size: var(--fs-300);}.mainnav__zurueck{font-size: var(--fs-400);}.mainnav__sub .navprod__use{font-size: var(--fs-200);}.mainnav__sub .navprod__name{font-size: var(--fs-400);}.mainnav__sub .navprod__name span{font-size: var(--fs-300);}@media (max-width: 37.5rem){.mainnav__sub .navprod__use{min-height: calc(3 * 1lh);}}@media (max-width: 22.5rem){.mainnav__sub .navprod__use{font-size: var(--fs-100);}}.mainnav__sub .navorg__name{font-size: var(--fs-500);}.mainnav__sub .navorg__text{font-size: var(--fs-300);}.mainnav__sub .navorg__grid{grid-template-columns: minmax(0, 1fr);}.mainnav__sub a.navorg{padding-block: var(--sp-3);}.navrecht{display: flex;flex-wrap: wrap;gap: var(--sp-3) var(--sp-5);margin: calc(var(--sp-4) - (var(--sm-feld) - var(--sm-zeichen)) / 2 - var(--sp-6)) 0 0;padding: var(--sp-5) 0 0;list-style: none;border-top: 1px solid rgba(255, 255, 255, 0.14);}.navrecht a{display: inline-flex;align-items: center;min-height: 2.75rem;font-size: var(--fs-200);text-decoration: none;color: rgba(255, 255, 255, 0.72);transition: color var(--dur-hover) var(--ease-hover);}.navrecht a:hover, .navrecht a:focus-visible{color: var(--toem-gold);}.mainnav__sub__panel{padding: 0 0 var(--sp-4) var(--sp-4);background: transparent;border-radius: 0;box-shadow: none;}.mainnav__sub a{padding: var(--sp-3) 0;white-space: normal;font-size: var(--fs-200);color: rgba(255, 255, 255, 0.82);}.mainnav__sub a:hover, .mainnav__sub a:focus-visible{color: var(--toem-gold);}.mainnav__sub .navprod__name, .mainnav__sub .navorg__name{color: var(--text-on-dark);}.mainnav__sub .navprod__name span, .mainnav__sub .navorg__text{color: rgba(255, 255, 255, 0.72);}.mainnav__sub .navprod__use{color: rgba(255, 255, 255, 0.68);}.mainnav__sub a.navprod__alle{display: none;}.mainnav__sub .navprod__grid{padding-bottom: 0;border-bottom: 0;}.mainnav__sub a.navprod:hover .navprod__name, .mainnav__sub a.navprod:focus-visible .navprod__name{color: var(--toem-gold);}.mainnav__dot{box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.55);}.social{margin-top: auto;margin-left: calc((var(--sm-feld) - var(--sm-zeichen)) / -2);padding-top: var(--sp-5);}.social__link svg{width: var(--sm-zeichen);height: var(--sm-zeichen);}.social__link{width: var(--sm-feld);height: var(--sm-feld);}.navtoggle{display: inline-flex;align-items: center;justify-content: center;margin-left: auto;width: 2.75rem;height: 2.75rem;border: none;border-radius: 0;background: none;color: var(--text-on-dark);margin-right: -0.375rem;cursor: pointer;}.navtoggle__icon{position: relative;display: block;width: 1.375rem;height: 1rem;}.navtoggle__icon i{position: absolute;left: 0;width: 100%;height: 2px;border-radius: 1px;background: currentColor;transition: transform var(--dur-nav) var(--ease-nav), opacity var(--dur-nav) var(--ease-nav);}.navtoggle__icon i:nth-child(1){top: 0;}.navtoggle__icon i:nth-child(2){top: calc(50% - 1px);}.navtoggle__icon i:nth-child(3){bottom: 0;}.masthead[data-nav="offen"] .navtoggle__icon i:nth-child(1){transform: translateY(calc(0.5rem - 1px)) rotate(45deg);}.masthead[data-nav="offen"] .navtoggle__icon i:nth-child(2){opacity: 0;transform: scaleX(0.4);}.masthead[data-nav="offen"] .navtoggle__icon i:nth-child(3){transform: translateY(calc(-0.5rem + 1px)) rotate(-45deg);}@media (prefers-reduced-motion: reduce){.masthead__panel, .navtoggle__icon i{transition: none;}}}@media (max-width: 64rem) and (max-height: 42rem){.masthead__panel{padding-block: calc(var(--h-nav) + var(--sp-3)) var(--sp-4);gap: var(--sp-4);}.mainnav__link{padding-block: var(--sp-3);font-size: var(--fs-400);}.mainnav__sub .navorg__name{font-size: var(--fs-400);}.mainnav__zurueck{font-size: var(--fs-300);}.navrecht{margin-top: calc(var(--sp-3) - (var(--sm-feld) - var(--sm-zeichen)) / 2 - var(--sp-4));padding-top: var(--sp-3);}}
.hero__edge, .schwung{position: absolute;left: 0;right: 0;bottom: -1px;width: 100%;height: min(6.25vw, 6rem);pointer-events: none;}.hero__edge svg, .schwung svg{display: block;width: 100%;height: 100%;}.hero__edge .schwung-flaeche, .schwung .schwung-flaeche{fill: var(--schwung-grund, var(--bg-page));}.hero__edge .schwung-band, .schwung .schwung-band{fill: var(--toem-gold);}
.bogenhero{position: relative;overflow: hidden;background: var(--bg-page);z-index: 0;}.bogenhero__media{position: absolute;inset: 0;overflow: hidden;}.bogenhero__media img{width: 100%;height: 100%;object-fit: cover;object-position: var(--hero-fokus, 64% 42%);display: block;background: var(--bg-platzhalter);}.bogenhero__media video{width: 100%;height: 100%;object-fit: cover;object-position: var(--hero-fokus, 64% 42%);display: block;background: var(--bg-platzhalter);}.bogenhero__media::after{content: "";position: absolute;inset: 0;background: var(--motiv-schleier);}.bogenhero__inner{position: relative;display: grid;align-content: center;min-height: var(--hero-hoehe, 34rem);padding-block: var(--hero-polster, var(--sp-9)) var(--hero-polster-fuss, calc(var(--sp-9) + 2rem));}.bogenhero__body{max-width: 34rem;}.bogenhero__label{margin: 0 0 var(--sp-4);font-size: var(--fs-100);font-weight: 600;letter-spacing: var(--ls-wide);text-transform: uppercase;color: var(--text-muted);}.bogenhero__title{margin: 0;}.bogenhero__lead{margin: var(--sp-5) 0 0;max-width: 30rem;font-size: var(--fs-400);line-height: var(--lh-body);color: var(--text-body);}@media (max-width: 59.999rem){.bogenhero__media{position: relative;height: var(--motiv-hoehe-unter);min-height: var(--motiv-hoehe-unter-min);inset: auto;}.bogenhero__media::after{background: var(--motiv-verlauf);}.bogenhero__body{max-width: none;}.bogenhero__lead{max-width: 40rem;}.bogenhero__inner{align-content: start;align-items: start;padding-top: var(--sp-7);min-height: 0;padding-bottom: calc(min(6.25vw, 6rem) + clamp(var(--sp-5), 6vw, var(--sp-8)));}}.bogenhero.bogenhero--motiv{--hero-hoehe: 34rem;}@media (min-width: 60rem){.bogenhero.bogenhero--motiv .bogenhero__body{max-width: 34rem;}}
.gokopf{--schwung-grund: var(--bg-page);--hero-hoehe: max(32rem, calc(95vh - var(--h-nav)));--hero-polster: var(--sp-8);--hero-polster-fuss: var(--sp-8);}.gokopf__inner{grid-template-columns: minmax(0, 1fr) minmax(0, 28rem);gap: var(--sp-7);align-items: center;}.gokopf .bogenhero__media{position: relative;inset: auto;overflow: visible;--gokopf-bildhoehe: max(18rem, calc(95vh - var(--h-nav) - 2 * var(--sp-8)));width: min(100%, calc(var(--gokopf-bildhoehe) * 0.713));margin-inline: auto;}.gokopf .bogenhero__media img.gokopf__barren{position: absolute;right: 0;bottom: 6%;width: 32%;height: auto;max-width: none;max-height: none;margin-inline: 0;}.gokopf .bogenhero__media::after{content: none;}.gokopf .bogenhero__media img{display: block;width: auto;height: auto;max-width: 100%;max-height: max(18rem, calc(95vh - var(--h-nav) - 2 * var(--sp-8)));margin-inline: auto;object-fit: fill;background: none;}.gokopf .bogenhero__title em{font-size: var(--fs-800);margin-top: 0.16em;text-wrap: balance;}.gokopf__body{max-width: 38rem;}.gokopf .bogenhero__lead{margin: var(--sp-4) 0 0;max-width: none;font-size: var(--fs-500);font-weight: 600;line-height: var(--lh-snug);letter-spacing: var(--ls-tight);color: var(--toem-blau);}.gokopf__stern{color: var(--toem-blau);font-weight: 700;padding: 0.3em 0.35em 0.3em 0;transition: color var(--dur) var(--ease);}.gokopf__stern:hover, .gokopf__stern:focus-visible{color: var(--toem-gold);}.gokopf__aktion{margin: var(--sp-6) 0 0;}.gokopf .gostern__text{margin-top: var(--sp-5);}@media (max-width: 66rem){.gokopf{--hero-hoehe: 0;--hero-polster: var(--sp-6);--hero-polster-fuss: var(--sp-8);}.gokopf__inner{grid-template-columns: minmax(0, 1fr);gap: var(--sp-6);}.gokopf__body{max-width: none;}.gokopf .bogenhero__media{margin-top: calc(-1 * var(--sp-9));z-index: -1;position: relative;}.gokopf .bogenhero__media{--gokopf-bildhoehe: 26rem;}.gokopf .bogenhero__media img{max-width: min(28rem, 100%);max-height: 26rem;}}@media (max-width: 66rem){.gokopf__inner{display: flex;flex-direction: column;gap: 0;}.gokopf .bogenhero__media{order: -1;margin-top: 0;z-index: auto;position: relative;height: var(--motiv-hoehe-unter);min-height: var(--motiv-hoehe-unter-min);width: min(100%, calc(var(--motiv-hoehe-unter) * 0.72));margin-inline: auto;}.gokopf .bogenhero__media img{max-width: 100%;max-height: 100%;height: 100%;object-fit: contain;object-position: center top;}.gokopf .bogenhero__media img.gokopf__barren{position: absolute;right: 0;bottom: 0;width: 38%;height: auto;max-height: 34%;}.gokopf__body{order: 1;padding-top: var(--sp-6);}}@media (max-width: 34rem){.gokopf .bogenhero__title{font-size: calc(7.6vw - 3px);}}.gostern{padding-block: var(--sp-7) var(--sp-8);scroll-margin-top: var(--h-nav-compact);}.gostern__text{margin: 0;max-width: 56rem;font-size: var(--fs-100);line-height: var(--lh-body);color: var(--text-muted);}.gostern__weiter{display: flex;flex-wrap: wrap;gap: var(--sp-2) var(--sp-7);margin: var(--sp-4) 0 0;}.gostern__link{display: inline-flex;align-items: center;gap: var(--sp-2);min-height: 2.75rem;font-size: var(--fs-200);font-weight: 600;letter-spacing: var(--ls-caps);text-transform: uppercase;color: var(--toem-blau);transition: color var(--dur) var(--ease);}.gostern__link:hover, .gostern__link:focus-visible{color: var(--toem-gold);}.gostern__link svg{width: var(--zeichen-inline);height: var(--zeichen-inline);transition: transform var(--dur-hover) var(--ease-hover);}.gostern__link:hover svg, .gostern__link:focus-visible svg{transform: translateX(3px);}.hekopf{--hero-hoehe: 38rem;--schwung-grund: var(--surface);}.kakopf{--hero-hoehe: max(26rem, calc(72vh - var(--h-nav)));--hero-polster: var(--sp-8);--hero-polster-fuss: calc(min(6.25vw, 6rem) + var(--sp-7));--schwung-grund: var(--bg-soft);}.kakopf--auf-weiss{--schwung-grund: var(--surface);}.kakopf__wege{display: flex;flex-wrap: wrap;gap: var(--sp-3) var(--sp-6);margin-top: var(--sp-6);}.kakopf__wege .kakopf__mehr{font-weight: 700;}.kakopf__mehr:hover, .kakopf__mehr:focus-visible{color: var(--toem-gold);}.kakopf > .schwung{position: absolute;left: 0;right: 0;bottom: -1px;}
.hero{position: relative;z-index: 0;background: var(--bg-page);overflow: hidden;}.hero__media{position: absolute;inset: 0;}.hero__media video{width: 100%;height: 100%;object-fit: cover;object-position: 54% 48%;display: block;background: var(--bg-platzhalter);}.hero__media::after{content: "";position: absolute;inset: 0;background: var(--motiv-schleier);}.hero__media{overflow: hidden;}.hero__media video{transform-origin: 54% 48%;}.hero__media video.is-zooming{animation: hero-zoom 20s linear forwards;}@keyframes hero-zoom{from{transform: scale(1);}to{transform: scale(1.06);}}@media (prefers-reduced-motion: reduce){.hero__media video.is-zooming{animation: none;}}.hero__inner{position: relative;display: grid;grid-template-columns: minmax(0, 34rem) 1fr;align-items: center;min-height: max(32rem, calc(95vh - var(--h-nav)));padding-block: var(--sp-8);}.hero__body{max-width: 34rem;}.hero__title{font-family: var(--font-accent);font-size: var(--fs-800);font-weight: 700;text-transform: none;letter-spacing: 0;line-height: 1.02;color: var(--toem-blau);padding-block: 0.06em 0.1em;margin-bottom: var(--sp-5);max-width: 18ch;}.hero__title__gold{--hero-gold: var(--toem-gold);color: var(--hero-gold);}.hero__lead{font-size: var(--fs-400);color: var(--text-muted);margin: 0 0 var(--sp-6);max-width: none;text-wrap: pretty;}.hero__lead strong{font-weight: 500;color: var(--c-ink);}.hero__actions{display: flex;flex-wrap: wrap;align-items: center;gap: var(--sp-4);}.hero__more{--more-hover: var(--toem-gold);display: inline-flex;align-items: center;gap: var(--sp-3);min-height: 2.75rem;padding: var(--sp-2) 0;font-size: var(--fs-400);font-weight: 500;letter-spacing: 0;color: var(--toem-blau);transition: color var(--dur) var(--ease);}.hero__more:hover, .hero__more:focus-visible{color: var(--more-hover);}.hero__more svg{width: var(--zeichen-klein);height: var(--zeichen-klein);flex: 0 0 auto;transition: transform var(--dur-hover) var(--ease-hover);}.hero__more:hover svg, .hero__more:focus-visible svg{transform: translateX(4px);}.heroab{position: absolute;left: 50%;translate: -50% 0;bottom: calc(min(6.25vw, 6rem) - var(--sp-5));display: inline-flex;align-items: center;justify-content: center;color: var(--toem-blau);transition: color var(--dur) var(--ease);}.heroab:hover{color: var(--toem-gold);}.heroab::before{content: "";position: absolute;inset: -13px;}.heroab__pfeil{width: 1.125rem;height: 1.125rem;filter: drop-shadow(0 0 1px rgba(255, 255, 255, 0.95)) drop-shadow(0 0 2px rgba(255, 255, 255, 0.9)) drop-shadow(0 1px 3px rgba(255, 255, 255, 0.85));animation: heroab-sinken 2.6s var(--ease) infinite;}@keyframes heroab-sinken{0%{transform: translateY(0);opacity: 0.55;}18%{transform: translateY(5px);opacity: 1;}35%{transform: translateY(0);opacity: 0.55;}100%{transform: translateY(0);opacity: 0.55;}}@media (prefers-reduced-motion: reduce){.heroab__pfeil{animation: none;opacity: 1;}}@media (max-width: 59.999rem){.hero{display: flex;flex-direction: column;}.hero__media{position: relative;height: var(--motiv-hoehe);min-height: var(--motiv-hoehe-min);}.hero__media video{object-position: 62% 48%;transform-origin: 62% 48%;}.hero__media::after{background: var(--motiv-verlauf);}.hero__inner{grid-template-columns: 1fr;min-height: 0;padding-block: var(--sp-6) var(--sp-8);}.hero__body{max-width: none;}.heroab{position: static;translate: none;display: flex;width: fit-content;margin: var(--sp-6) auto 0;}.hero__lead{font-size: 1rem;}}.hero__sozial{position: absolute;right: var(--wrap-pad);top: 50%;translate: 0 -50%;z-index: 2;display: flex;flex-direction: column;gap: var(--sp-2);margin: 0;padding: 0;list-style: none;}.hero__sozial__link{display: grid;place-items: center;width: 3.5rem;height: 3.5rem;border-radius: var(--r-sm);background: var(--toem-blau);color: var(--accent);transition: translate var(--dur-hover) var(--ease-hover);}.hero__sozial__link svg{width: var(--zeichen-kreis);height: var(--zeichen-kreis);}.hero__sozial__link:hover, .hero__sozial__link:focus-visible{translate: -0.25rem 0;}@media (prefers-reduced-motion: reduce){.hero__sozial__link{transition: none;}.hero__sozial__link:hover, .hero__sozial__link:focus-visible{translate: none;}}.hero__sozial{display: none;}.heroab{box-sizing: content-box;padding: 0.8125rem;}.hero__buehne{display: grid;}@media (min-width: 60rem){.hero--slides .hero__slide{--hero-hoehe: max(32rem, calc(95vh - var(--h-nav)));}}.hero__slide .bogenhero__body .hero__actions{margin-top: var(--sp-6);}.hero__slide .gostern__text{margin-top: var(--sp-5);}.hero__slide > .schwung{display: none;}.hero__slide{grid-area: 1 / 1;min-width: 0;opacity: 0;visibility: hidden;transition: opacity var(--dur-lang, 600ms) var(--ease);}.hero__slide.is-an{opacity: 1;visibility: visible;}.hero__media img{width: 100%;height: 100%;object-fit: cover;display: block;background: var(--bg-platzhalter);}.hero__steuerplatz{position: absolute;inset: 0;z-index: 2;pointer-events: none;}.hero__steuerung > *{pointer-events: auto;}.hero__knopf{display: grid;place-items: center;width: 2.75rem;height: 2.75rem;padding: 0;border: 1px solid var(--auf-motiv-linie);border-radius: var(--r-sm);background: var(--auf-motiv);color: var(--toem-blau);cursor: pointer;transition: background var(--dur) var(--ease), color var(--dur) var(--ease);}.hero__knopf svg{width: 1.125rem;height: 1.125rem;}.hero__knopf:hover{background: var(--toem-blau);color: var(--accent);}.hero__knopf:focus-visible{outline: 2px solid var(--toem-blau);outline-offset: 2px;}.hero__knopf--zurueck, .hero__knopf--vor{position: absolute;top: 50%;translate: 0 -50%;}.hero__knopf--zurueck{left: var(--wrap-pad);}.hero__knopf--vor{right: var(--wrap-pad);}@media (min-width: 60rem) and (max-width: 88rem){.hero__knopf--zurueck{left: auto;right: calc(var(--wrap-pad) + 2.75rem + var(--sp-2));}.hero__knopf--vor{right: var(--wrap-pad);left: auto;}}.hero__punktzeile{position: absolute;left: 50%;translate: -50% 0;bottom: calc(min(6.25vw, 6rem) - var(--sp-5));display: flex;align-items: center;gap: var(--sp-1);}.hero__punkte{display: flex;align-items: center;margin: 0;padding: 0;list-style: none;}.hero__punkte li{display: grid;place-items: center;width: 1.75rem;height: 2.75rem;}.hero__punkt{display: grid;place-items: center;width: 100%;height: 100%;padding: 0;border: 0;background: none;cursor: pointer;}.hero__punkt::before{content: "";width: 0.625rem;height: 0.625rem;border: 1px solid var(--toem-blau);border-radius: 50%;background: var(--auf-motiv);transition: background var(--dur) var(--ease);}.hero__punkt[aria-current="true"]::before{background: var(--toem-blau);}.hero__punkt:focus-visible{outline: 2px solid var(--toem-blau);outline-offset: -4px;border-radius: 50%;}.hero__pause{display: grid;place-items: center;width: 1.75rem;height: 2.75rem;margin-left: var(--sp-1);padding: 0;border: 0;background: none;color: var(--toem-blau);cursor: pointer;}.hero__pause[hidden]{display: none;}.hero__pause svg{width: 0.875rem;height: 0.875rem;}.hero__pause-aus, .hero__pause[aria-pressed="true"] .hero__pause-an{display: none;}.hero__pause[aria-pressed="true"] .hero__pause-aus{display: block;}.hero__pause:hover{color: var(--toem-gold);}.hero__pause:focus-visible{outline: 2px solid var(--toem-blau);outline-offset: -4px;border-radius: var(--r-sm);}@media (min-width: 60rem){.hero--slides .hero__title{margin-top: 1.75rem;}.hero--slides .gokopf__inner{position: relative;}.hero--slides .gostern__text{position: static !important;}.hero--slides .gostern__text--alt{position: absolute;left: 0;right: 0;bottom: calc(min(6.25vw, 6rem) + var(--sp-2));margin: 0;padding-inline: inherit;}}@media (max-width: 59.999rem){.hero__steuerung{position: absolute;top: 0;left: 0;right: 0;height: var(--slide-motiv, auto);display: block;pointer-events: none;}.hero__steuerung > *{pointer-events: auto;}.hero__knopf--zurueck, .hero__knopf--vor{position: absolute;top: 50%;translate: 0 -50%;}.hero__knopf--zurueck{left: var(--sp-3);right: auto;}.hero__knopf--vor{right: var(--sp-3);left: auto;}.hero__punktzeile{position: absolute;left: 50%;translate: -50% 0;bottom: var(--sp-3);}.hero__punkte li{width: 2.25rem;}.hero__pause{width: 2.25rem;}.hero--slides .hero__slide{--hero-polster-fuss: var(--sp-7);}.hero--slides .hero__slide .hero__inner{padding-bottom: var(--sp-7);}.hero--slides{--slide-motiv: var(--motiv-hoehe);--slide-motiv-min: var(--motiv-hoehe-min);}.hero--slides .hero__buehne{display: block;touch-action: pan-y;}.hero--slides .hero__slide{position: relative;grid-area: auto;opacity: 1;visibility: visible;transition: none;}.hero--slides .hero__slide:not(.is-an){display: none;}.hero--slides .hero__slide.is-an{animation: hero-slide-vor var(--dur-hover, 300ms) var(--ease-hover) both;}.hero--slides[data-richtung="zurueck"] .hero__slide.is-an{animation-name: hero-slide-zurueck;}@keyframes hero-slide-vor{from{opacity: 0;translate: 3% 0;}to{opacity: 1;translate: 0 0;}}@keyframes hero-slide-zurueck{from{opacity: 0;translate: -3% 0;}to{opacity: 1;translate: 0 0;}}@media (prefers-reduced-motion: reduce){.hero--slides .hero__slide.is-an{animation: none;}}.hero--slides .bogenhero__media{position: relative;height: var(--slide-motiv);min-height: var(--slide-motiv-min);margin-top: 0;}.hero--slides{--slide-textluft: var(--sp-7);}.hero--slides .bogenhero__inner, .hero--slides .hero__inner{align-content: start;align-items: start;padding-top: var(--slide-textluft);}.hero--slides .hero__title{margin-top: 0;}.hero--slides .gokopf__inner{display: flex;flex-direction: column;gap: 0;padding-top: 0;}.hero--slides .gokopf .bogenhero__media{order: -1;margin-top: 0;z-index: auto;height: var(--slide-motiv);min-height: var(--slide-motiv-min);}.hero--slides .gokopf .bogenhero__media img{max-height: 100%;height: 100%;object-fit: contain;}.hero--slides .gokopf .bogenhero__media img.gokopf__barren{display: block;position: absolute;right: 0;bottom: var(--gokopf-fussraum);width: 38%;height: auto;max-height: 34%;object-fit: contain;}.hero--slides .gokopf .bogenhero__media{position: relative;}.hero--slides .gokopf__inner{padding-top: 0;}.hero--slides .gokopf__body{order: 1;padding-top: var(--slide-textluft);}.hero--slides .gostern__text{order: 2;}.hero--slides .bogenhero__media::after{background: var(--motiv-verlauf);}.hero--slides .gokopf .bogenhero__media{--gokopf-fussraum: calc(2.75rem + var(--sp-3));width: min(100%, calc((var(--slide-motiv) - var(--gokopf-fussraum)) * 0.72));margin-inline: auto;}.hero--slides .gokopf .bogenhero__media img{height: calc(100% - var(--gokopf-fussraum));object-position: center top;}.hero--slides .gokopf .bogenhero__title{font-size: 1.6875rem;}}@media (prefers-reduced-motion: reduce){.hero__slide{transition: none;}}.hero--slides .hat-motiv.gokopf .bogenhero__media{position: absolute;inset: 0;width: auto;height: auto;min-height: 0;margin: 0;overflow: hidden;z-index: auto;order: 0;}.hero--slides .hat-motiv.gokopf .bogenhero__media::after{content: "";background: var(--motiv-schleier);}.hero--slides .hat-motiv.gokopf .gokopf__inner{grid-template-columns: minmax(0, 1fr);}@media (min-width: 60rem){.hero--slides .hat-motiv.gokopf .gokopf__body{max-width: 38rem;}}@media (min-width: 60rem) and (max-width: 66rem){.hero--slides .hat-motiv.gokopf .gokopf__body{align-self: flex-start;}}.hero--slides .hat-motiv.gokopf .bogenhero__media img{width: 100%;height: 100%;max-width: none;max-height: none;margin: 0;object-fit: cover;object-position: var(--hero-fokus, 64% 42%);background: var(--bg-platzhalter);}@media (max-width: 59.999rem){.hero--slides .hat-motiv.gokopf .bogenhero__media{position: relative;inset: auto;height: var(--slide-motiv);min-height: var(--slide-motiv-min);}.hero--slides .hat-motiv.gokopf .bogenhero__media::after{background: var(--motiv-verlauf);}}@media (min-width: 60rem){.hero--slides .hero__slide.ist-hell :is(.bogenhero__media, .hero__media)::after{background: var(--motiv-schleier-dunkel);}.hero--slides .hero__slide.ist-hell :is(.bogenhero__label, .bogenhero__title, .bogenhero__lead, .hero__title, .hero__lead, .hero__lead strong, .gostern__text, .gostern__text a, .gokopf__stern, .kakopf__mehr, .hero__more){color: var(--text-on-dark);}.hero--slides .hero__slide.ist-hell :is(.bogenhero__title em, .hero__title__gold){color: var(--toem-gold);}.hero--slides .hero__slide.ist-hell :is(.gostern__text a, .gokopf__stern, .kakopf__mehr, .hero__more):is(:hover, :focus-visible){color: var(--toem-gold);}.hero--slides .hero__slide.ist-hell .knopf{background: var(--toem-gold);border-color: var(--toem-gold);color: var(--toem-blau);}.hero--slides .hero__slide.ist-hell .knopf:is(:hover, :focus-visible){background: var(--text-on-dark);border-color: var(--text-on-dark);color: var(--toem-blau);}.hero--slides:has(.hero__slide.is-an.ist-hell) .hero__punkt::before{border-color: var(--text-on-dark);background: transparent;}.hero--slides:has(.hero__slide.is-an.ist-hell) .hero__punkt[aria-current="true"]::before{background: var(--text-on-dark);}.hero--slides:has(.hero__slide.is-an.ist-hell) .hero__punkt:focus-visible{outline-color: var(--text-on-dark);}.hero--slides:has(.hero__slide.is-an.ist-hell) .hero__pause{color: var(--text-on-dark);}.hero--slides:has(.hero__slide.is-an.ist-hell) .hero__pause:hover{color: var(--toem-gold);}}
.usp{background: var(--bg-soft);padding-block: var(--sp-sektion);}.usp__intro{max-width: 44rem;margin: 0 0 clamp(var(--sp-7), 5vw, var(--sp-8));}.usp__grid{display: grid;grid-template-columns: repeat(auto-fit, minmax(min(15rem, 100%), 1fr));gap: clamp(var(--sp-5), 3vw, var(--sp-7));}.usp__item{display: flex;flex-direction: column;border-radius: var(--r-card);overflow: hidden;box-shadow: var(--shadow-karte-dunkel);transition: transform var(--dur-hover) var(--ease-hover), box-shadow var(--dur-hover) var(--ease-hover);}.usp__item:hover, .usp__item:focus-visible{transform: translateY(var(--lift));box-shadow: var(--shadow-3);}.usp__media{aspect-ratio: 4 / 3;overflow: hidden;background: var(--bg-platzhalter);}.usp__media img{width: 100%;height: 100%;object-fit: cover;transition: transform var(--dur-media) var(--ease-media);}.usp__item:hover .usp__media img, .usp__item:focus-visible .usp__media img{transform: scale(var(--zoom-media));}.usp__body{flex: 1;padding: var(--sp-5);background: var(--toem-blau);color: var(--on-blau-1);}.usp__body .usp__label{color: var(--toem-gold);}.usp__body .usp__heading{color: var(--on-blau-1);}.usp__body .usp__text{color: var(--on-blau-2);}.usp__item:focus-visible{outline-color: var(--toem-gold);}.usp__label{font-family: var(--font-body);font-size: var(--fs-100);font-weight: 500;letter-spacing: var(--ls-wide);text-transform: uppercase;color: var(--toem-gold);margin: 0 0 var(--sp-2);}.usp__heading{font-family: var(--font-body);font-size: var(--fs-400);font-weight: 700;text-transform: none;letter-spacing: -0.005em;line-height: 1.2;color: var(--toem-blau);margin: 0 0 var(--sp-3);}.usp__text{font-size: var(--fs-300);color: var(--text-muted);margin: 0;}@media (max-width: 60rem){.usp__grid{gap: var(--sp-6);}}
.prod{background: var(--bg-page);padding-block: var(--sp-sektion);}.prod__head{display: flex;flex-wrap: wrap;align-items: end;justify-content: space-between;gap: var(--sp-5);margin-bottom: clamp(var(--sp-7), 5vw, var(--sp-8));}.prod__intro{max-width: 40rem;}.prod__all{display: inline-flex;align-items: center;gap: var(--sp-2);font-size: var(--fs-200);font-weight: 500;letter-spacing: 0.03em;color: var(--toem-blau);padding: var(--sp-3) 0;min-height: 2.75rem;white-space: nowrap;transition: color var(--dur) var(--ease);}.prod__all:hover, .prod__all:focus-visible{color: var(--toem-gold);}.prod__all svg{transition: transform var(--dur-hover) var(--ease-hover);}.prod__all:hover svg, .prod__all:focus-visible svg{transform: translateX(3px);}.prod__all svg{width: var(--zeichen-inline);height: var(--zeichen-inline);}.prod__grid{display: grid;grid-template-columns: repeat(auto-fit, minmax(min(18rem, 100%), 1fr));grid-auto-rows: 1fr;gap: clamp(var(--sp-5), 3vw, var(--sp-6));}.prod__card{position: relative;display: flex;flex-direction: column;background: var(--surface);border: 1px solid var(--line);border-radius: var(--r-card);overflow: hidden;box-shadow: var(--shadow-karte);transition: transform var(--dur-hover) var(--ease-hover), box-shadow var(--dur-hover) var(--ease-hover);}.prod__card:hover, .prod__card:focus-visible{transform: translateY(var(--lift));box-shadow: var(--shadow-2);}.prod__media{position: relative;aspect-ratio: 4 / 3;overflow: hidden;background: var(--bg-platzhalter);}.prod__media img{width: 100%;height: 100%;object-fit: cover;transition: transform var(--dur-media) var(--ease-media);}.prod__card:hover .prod__media img, .prod__card:focus-visible .prod__media img{transform: scale(var(--zoom-media));}.prod__grid--pack .prod__media{aspect-ratio: 3 / 4;background: var(--surface);}.prod__grid--pack .prod__media img{object-fit: contain;padding: var(--sp-4);box-sizing: border-box;}.prod__body{padding: var(--sp-5) var(--sp-5) var(--sp-6);border-top: 3px solid var(--sorte, var(--toem-blau));}.prod__use{font-size: var(--fs-100);font-weight: 500;letter-spacing: var(--ls-wide);text-transform: uppercase;color: var(--sorte, var(--toem-gold));margin: 0 0 var(--sp-3);min-height: 2.7em;min-height: calc(2 * 1lh);}.prod__name{hyphens: auto;overflow-wrap: break-word;font-size: 1.5rem;font-weight: 700;line-height: 1.15;color: var(--toem-blau);margin: 0 0 var(--sp-2);}.prod__name span{display: block;font-size: var(--fs-400);font-weight: 400;}.prod__claim{font-size: var(--fs-200);line-height: var(--lh-snug);color: var(--text-muted);margin: 0;}.prod__action{display: flex;flex-direction: column;background: var(--toem-blau);border-radius: var(--r-card);overflow: hidden;color: var(--on-blau-1);box-shadow: var(--shadow-karte-dunkel);transition: transform var(--dur-hover) var(--ease-hover), box-shadow var(--dur-hover) var(--ease-hover);}.prod__action__body{flex: 1;display: flex;flex-direction: column;padding: var(--sp-5) var(--sp-5) var(--sp-6);border-top: 3px solid var(--toem-gold);}.prod__action .prod__media{aspect-ratio: 16 / 9;background: var(--toem-blau);}.prod__action svg[data-icon="arrow-right"]{transition: transform var(--dur-hover) var(--ease-hover);}.prod__action:hover svg[data-icon="arrow-right"], .prod__action:focus-visible svg[data-icon="arrow-right"]{transform: translateX(3px);}@media (prefers-reduced-motion: reduce){.prod__action svg[data-icon="arrow-right"]{transition: none;}.prod__action:hover svg[data-icon="arrow-right"], .prod__action:focus-visible svg[data-icon="arrow-right"]{transform: none;}}.prod__action:hover, .prod__action:focus-visible{transform: translateY(var(--lift));box-shadow: var(--shadow-3);}.prod__action__label{font-size: var(--fs-100);font-weight: 500;letter-spacing: var(--ls-wide);text-transform: uppercase;color: var(--toem-gold);margin: 0 0 var(--sp-3);}.prod__action__title{font-size: 1.5rem;font-weight: 700;line-height: 1.15;margin: 0 0 var(--sp-3);}.prod__action__text{font-size: var(--fs-200);line-height: var(--lh-snug);color: var(--on-blau-2);margin: 0 0 var(--sp-4);}.prod__action__more{display: inline-flex;align-items: center;gap: var(--sp-2);margin-top: auto;align-self: flex-end;font-size: var(--fs-200);font-weight: 500;letter-spacing: 0.03em;color: var(--toem-gold);}.prod__action__more svg{width: var(--zeichen-klein);height: var(--zeichen-klein);}.prod__action:focus-visible{outline-color: var(--toem-gold);}@media (max-width: 60rem){.prod__head{align-items: start;}.prod__grid{gap: var(--sp-4);}}@media (max-width: 37.5rem){.prod__grid{grid-template-columns: 1fr;gap: var(--sp-4);}.prod__body{padding: var(--sp-4) var(--sp-4) var(--sp-5);}.prod__action__body{padding: var(--sp-4) var(--sp-4) var(--sp-5);}}
.herst{background: var(--bg-page);color: var(--text-muted);padding-block: var(--sp-sektion);}.herst__head{display: flex;flex-wrap: wrap;align-items: end;justify-content: space-between;gap: var(--sp-5);margin: 0 0 clamp(var(--sp-7), 5vw, var(--sp-8));}.herst__intro{max-width: 46rem;}.herst__all{display: inline-flex;align-items: center;gap: var(--sp-2);min-height: 2.75rem;padding: var(--sp-3) 0;font-size: var(--fs-200);font-weight: 500;letter-spacing: 0.03em;color: var(--toem-blau);white-space: nowrap;transition: color var(--dur) var(--ease);}.herst__all:hover, .herst__all:focus-visible{color: var(--toem-gold);}.herst__all svg{width: var(--zeichen-inline);height: var(--zeichen-inline);flex: 0 0 auto;transition: transform var(--dur-hover) var(--ease-hover);}.herst__all:hover svg, .herst__all:focus-visible svg{transform: translateX(3px);}.herst__label{font-size: var(--fs-100);font-weight: 500;letter-spacing: var(--ls-wide);text-transform: uppercase;color: var(--toem-gold);margin: 0 0 var(--sp-4);}.herst__steps{display: grid;grid-template-columns: repeat(4, 1fr);gap: clamp(var(--sp-4), 2vw, var(--sp-5));margin: 0;padding: 0;list-style: none;counter-reset: schritt;}.herst__step{counter-increment: schritt;margin: 0;}.herst__step__media{position: relative;aspect-ratio: 4 / 3;margin-bottom: var(--sp-4);border-radius: var(--r-card);overflow: hidden;background: var(--bg-platzhalter);}.herst__step__media img{display: block;width: 100%;height: 100%;object-fit: cover;transition: transform var(--dur-media) var(--ease-media);}.herst__step:hover .herst__step__media img{transform: scale(var(--zoom-media));}.herst__step h3{display: flex;align-items: center;gap: var(--sp-3);font-size: var(--fs-400);font-weight: 700;color: var(--toem-blau);margin: 0 0 var(--sp-2);}.herst__step h3::before{content: counter(schritt);flex: 0 0 auto;display: grid;place-content: center;width: var(--zeichen-kreis-xl);height: var(--zeichen-kreis-xl);border-radius: 50%;border: 1px solid var(--toem-gold);color: var(--toem-gold);font-size: var(--fs-300);font-weight: 600;font-variant-numeric: tabular-nums;line-height: 1;}.herst__step p{font-size: var(--fs-300);color: var(--text-muted);margin: 0;}@media (max-width: 48rem){.herst__steps{grid-template-columns: 1fr;gap: var(--sp-5);}}@media (min-width: 37.5625rem) and (max-width: 48rem){.herst__step{display: grid;grid-template-columns: 6rem 1fr;grid-auto-rows: min-content;column-gap: var(--sp-4);align-content: start;}.herst__step__media{grid-column: 1;grid-row: 1 / span 2;aspect-ratio: 1 / 1;margin-bottom: 0;}.herst__step h3{grid-column: 2;grid-row: 1;}.herst__step p{grid-column: 2;grid-row: 2;}}@media (max-width: 37.5rem){.herst__steps{gap: var(--sp-5);}.herst__step__media{aspect-ratio: 16 / 9;}}
.rez{background: var(--bg-soft);padding-block: var(--sp-sektion);}.rez__head{display: flex;flex-wrap: wrap;align-items: end;justify-content: space-between;gap: var(--sp-5);margin-bottom: clamp(var(--sp-7), 5vw, var(--sp-8));}.rez__intro{max-width: 40rem;}.rez__all{display: inline-flex;align-items: center;gap: var(--sp-2);min-height: 2.75rem;padding: var(--sp-3) 0;font-size: var(--fs-200);font-weight: 500;letter-spacing: 0.03em;color: var(--toem-blau);white-space: nowrap;transition: color var(--dur) var(--ease);}.rez__all:hover, .rez__all:focus-visible{color: var(--toem-gold);}.rez__all svg{width: var(--zeichen-inline);height: var(--zeichen-inline);transition: transform var(--dur-hover) var(--ease-hover);}.rez__all:hover svg, .rez__all:focus-visible svg{transform: translateX(3px);}.rez__grid{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));grid-auto-rows: 1fr;gap: clamp(var(--sp-4), 2.5vw, var(--sp-5));}@media (max-width: 56rem){.rez__grid{grid-template-columns: repeat(2, minmax(0, 1fr));}}@media (max-width: 38rem){.rez__grid{grid-template-columns: 1fr;}}.rez__card{display: block;transition: transform var(--dur-hover) var(--ease-hover);}.rez__card:hover, .rez__card:focus-visible{transform: translateY(var(--lift));}.rez__media{display: block;position: relative;aspect-ratio: 3 / 4;border-radius: var(--r-card);overflow: hidden;background: var(--bg-platzhalter);box-shadow: var(--shadow-1);transition: box-shadow var(--dur-hover) var(--ease-hover);}.rez__card:hover .rez__media, .rez__card:focus-visible .rez__media{box-shadow: var(--shadow-2);}.rez__media img{display: block;width: 100%;height: 100%;object-fit: cover;transition: transform var(--dur-media) var(--ease-media);}.rez__card:hover .rez__media img, .rez__card:focus-visible .rez__media img{transform: scale(var(--zoom-media));}.rez__body{display: block;padding-top: var(--sp-4);}.rez__meta{display: flex;align-items: center;gap: var(--sp-3);font-size: var(--fs-100);font-weight: 500;letter-spacing: var(--ls-wide);text-transform: uppercase;color: var(--toem-gold);margin: 0 0 var(--sp-2);}.rez__meta i{width: 1px;height: 0.75rem;background: rgba(215, 179, 95, 0.5);}.rez__name{font-size: 1.5rem;font-weight: 700;line-height: 1.25;color: var(--toem-blau);margin: 0;transition: color var(--dur) var(--ease);}.rez__card:hover .rez__name, .rez__card:focus-visible .rez__name{color: var(--toem-gold);}.rez__oil{display: block;margin-top: var(--sp-2);font-size: var(--fs-200);color: var(--text-muted);}@media (max-width: 37.5rem){.rez__media{aspect-ratio: 3 / 2;}}
.karr__panels{grid-column: 1 / -1;}.karr{background: var(--bg-page);padding-block: var(--sp-sektion);}.karr__grid{display: grid;grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);gap: clamp(var(--sp-5), 3vw, var(--sp-7));align-items: start;}.karr__media{position: relative;aspect-ratio: 16 / 10;border-radius: var(--r-card);overflow: hidden;background: var(--bg-platzhalter);}.karr__media img{width: 100%;height: 100%;object-fit: cover;transition: transform var(--dur-media) var(--ease-media);}.karr__media:hover img{transform: scale(var(--zoom-media));}@media (max-width: 60rem){.karr__grid{grid-template-columns: 1fr;}.karr__media{aspect-ratio: auto;height: clamp(13rem, 42vw, 18rem);}}.karr__label{font-size: var(--fs-100);font-weight: 500;letter-spacing: var(--ls-wide);text-transform: uppercase;color: var(--toem-gold);margin: 0 0 var(--sp-4);}.karr__link{display: inline-flex;align-items: center;gap: var(--sp-2);min-height: 2.75rem;margin-top: var(--sp-5);font-size: var(--fs-200);font-weight: 500;letter-spacing: 0.03em;color: var(--toem-blau);transition: color var(--dur) var(--ease);}.karr__link:hover, .karr__link:focus-visible{color: var(--toem-gold);}.karr__link svg{width: var(--zeichen-inline);height: var(--zeichen-inline);flex: 0 0 auto;transition: transform var(--dur-hover) var(--ease-hover);}.karr__link:hover svg, .karr__link:focus-visible svg{transform: translateX(3px);}.karr__more{display: inline-flex;align-items: center;gap: var(--sp-2);min-height: 2.75rem;margin-top: var(--sp-2);width: 100%;font-size: var(--fs-200);font-weight: 500;color: var(--toem-blau);transition: color var(--dur) var(--ease);}.karr__more:hover, .karr__more:focus-visible{color: var(--toem-gold);}.karr__more svg{transition: transform var(--dur-hover) var(--ease-hover);}.karr__more:hover svg, .karr__more:focus-visible svg{transform: translateX(3px);}@media (prefers-reduced-motion: reduce){.karr__more svg{transition: none;}.karr__more:hover svg, .karr__more:focus-visible svg{transform: none;}}.karr__more svg{width: var(--zeichen-inline);height: var(--zeichen-inline);}.karr__empty p{font-size: var(--fs-300);color: var(--text-muted);margin: 0 0 var(--sp-4);}
.b2b{background: var(--bg-soft);padding-block: var(--sp-sektion);}.b2b__head{max-width: 48rem;margin: 0 0 clamp(var(--sp-7), 5vw, var(--sp-8));}.b2b__label{font-size: var(--fs-100);font-weight: 500;letter-spacing: var(--ls-wide);text-transform: uppercase;color: var(--toem-gold);margin: 0 0 var(--sp-4);}.b2b__grid{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));grid-auto-rows: 1fr;gap: clamp(var(--sp-5), 3vw, var(--sp-6));}@media (max-width: 56rem){.b2b__grid{grid-template-columns: 1fr;}}.b2b__card{position: relative;display: flex;flex-direction: column;align-items: flex-start;padding: var(--sp-5) var(--sp-5) var(--sp-6);background: var(--surface);border-radius: var(--r-card);overflow: hidden;box-shadow: var(--shadow-karte);transition: transform var(--dur-hover) var(--ease-hover), box-shadow var(--dur-hover) var(--ease-hover);}.b2b__card::before{content: "";position: absolute;z-index: 1;top: 0;left: 0;right: 0;height: 3px;background: var(--toem-gold);}a.b2b__card:hover, a.b2b__card:focus-visible{transform: translateY(var(--lift));box-shadow: var(--shadow-2);}.b2b__icon{width: var(--zeichen-xl);height: var(--zeichen-xl);margin-bottom: var(--sp-4);color: var(--toem-blau);}.b2b__icon svg{width: 100%;height: 100%;}.b2b__card h3{font-size: var(--fs-400);font-weight: 700;color: var(--toem-blau);margin: 0 0 var(--sp-2);}.b2b__card p{font-size: var(--fs-300);color: var(--text-muted);margin: 0 0 var(--sp-4);}.b2b__cta{display: inline-flex;align-items: center;gap: var(--sp-2);margin-top: auto;font-size: var(--fs-200);font-weight: 500;color: var(--toem-blau);}.b2b__cta svg{width: var(--zeichen-inline);height: var(--zeichen-inline);transition: transform var(--dur-hover) var(--ease-hover);}a.b2b__card:hover .b2b__cta svg, a.b2b__card:focus-visible .b2b__cta svg{transform: translateX(3px);}a.b2b__card:hover .b2b__cta, a.b2b__card:focus-visible .b2b__cta{color: var(--toem-gold);}
.footer{background: var(--toem-blau);color: var(--on-blau-2);padding-block: clamp(var(--sp-7), 6vw, var(--sp-9)) var(--sp-6);}.footer__top{display: grid;grid-template-columns: minmax(0, 5fr) repeat(3, minmax(0, 3fr));gap: clamp(var(--sp-6), 4vw, var(--sp-7));padding-bottom: clamp(var(--sp-6), 4vw, var(--sp-7));}@media (max-width: 68rem){.footer__top{grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);}}@media (max-width: 38rem){.footer__top{grid-template-columns: 1fr;gap: var(--sp-6);}}.footer__logo{display: inline-block;margin-bottom: var(--sp-5);}.footer__logo .logo{width: clamp(11rem, 16vw, 13.5rem);height: auto;fill: var(--toem-gold);}.footer__addr{font-style: normal;font-size: var(--fs-300);line-height: var(--lh-body);margin: 0 0 var(--sp-4);}.footer__contact{display: grid;gap: var(--sp-1);}.footer__contact a{display: inline-flex;align-items: center;gap: var(--sp-2);min-height: 2.25rem;font-size: var(--fs-300);color: var(--text-on-dark);transition: color var(--dur) var(--ease);}.footer__contact a:hover, .footer__contact a:focus-visible{color: var(--toem-gold);}.footer__contact svg{width: var(--zeichen-inline);height: var(--zeichen-inline);flex: 0 0 auto;color: var(--toem-gold);}.footer__col h3{font-size: var(--fs-100);font-weight: 500;letter-spacing: var(--ls-wide);text-transform: uppercase;color: var(--toem-gold);margin: 0 0 var(--sp-4);}.footer__col ul{display: grid;gap: 0;}.footer__col a{display: block;padding: var(--sp-2) 0;font-size: var(--fs-300);color: var(--on-blau-2);transition: color var(--dur) var(--ease);}.footer__col a:hover, .footer__col a:focus-visible{color: var(--text-on-dark);}.footer__social{display: flex;align-items: center;justify-content: flex-end;gap: var(--sp-1);margin-bottom: var(--sp-4);}.footer__social__link{display: grid;place-items: center;width: 2.75rem;height: 2.75rem;color: var(--on-blau-1);transition: color var(--dur) var(--ease);}.footer__social__link svg{width: var(--zeichen-marke);height: var(--zeichen-marke);}.footer__social__link:hover, .footer__social__link:focus-visible{color: var(--toem-gold);}.footer__bottom{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: var(--sp-4) var(--sp-6);padding-top: var(--sp-5);border-top: 1px solid rgba(255, 255, 255, 0.14);}.footer__copy{font-size: var(--fs-200);color: var(--on-blau-3);margin: 0;}.footer__legal{display: flex;flex-wrap: wrap;gap: var(--sp-2) var(--sp-5);}.footer__legal a{display: inline-flex;align-items: center;min-height: 2.25rem;font-size: var(--fs-200);color: var(--on-blau-3);transition: color var(--dur) var(--ease);}.footer__legal a:hover, .footer__legal a:focus-visible{color: var(--text-on-dark);}.footer__cookie{display: inline-flex;align-items: center;min-height: 2.25rem;padding: 0;font-family: inherit;font-size: var(--fs-200);color: var(--on-blau-3);background: none;border: 0;cursor: pointer;transition: color var(--dur) var(--ease);}.footer__cookie:hover, .footer__cookie:focus-visible{color: var(--text-on-dark);}.footer :focus-visible{outline-color: var(--toem-gold);}@media (max-width: 64rem){.footer__col a, .footer__legal a, .footer__cookie{min-height: 2.75rem;}}@media (max-width: 64rem){.footer__contact a{min-height: 2.75rem;}}
.kontakt{background: var(--bg-page);padding-block: var(--sp-sektion);}.kontakt__head{max-width: 42rem;margin: 0 0 clamp(var(--sp-6), 4vw, var(--sp-7));}.kontakt__label{font-size: var(--fs-100);font-weight: 500;letter-spacing: var(--ls-wide);text-transform: uppercase;color: var(--toem-gold);margin: 0 0 var(--sp-4);}.kontakt__direct{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: clamp(var(--sp-4), 2.5vw, var(--sp-5));margin-bottom: clamp(var(--sp-5), 3vw, var(--sp-6));}@media (max-width: 46rem){.kontakt__direct{grid-template-columns: 1fr;}}.kontakt__way{position: relative;display: flex;align-items: flex-start;gap: var(--sp-4);padding: var(--sp-5);background: var(--bg-soft);border-radius: var(--r-card);overflow: hidden;box-shadow: var(--shadow-karte);transition: transform var(--dur-hover) var(--ease-hover), box-shadow var(--dur-hover) var(--ease-hover);}.kontakt__way:hover, .kontakt__way:focus-visible{transform: translateY(var(--lift));box-shadow: var(--shadow-2);}.kontakt__way__icon{width: var(--zeichen-xl);height: var(--zeichen-xl);flex: 0 0 auto;margin-top: 0.125rem;color: var(--toem-blau);}.kontakt__way__icon svg{width: 100%;height: 100%;}.kontakt__way__text{min-width: 0;}.kontakt__way__label{display: block;font-size: var(--fs-100);font-weight: 500;letter-spacing: var(--ls-wide);text-transform: uppercase;color: var(--toem-gold);margin-bottom: 0.15rem;}.kontakt__way__value{display: block;font-size: var(--fs-400);font-weight: 700;color: var(--toem-blau);overflow-wrap: break-word;}.kontakt__who{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: clamp(var(--sp-4), 2.5vw, var(--sp-5));}@media (max-width: 56rem){.kontakt__who{grid-template-columns: 1fr;}}.kontakt__target{display: flex;flex-direction: column;align-items: flex-start;padding-top: var(--sp-4);border-top: 1px solid var(--line);}.kontakt__target h3{font-size: var(--fs-300);font-weight: 700;color: var(--toem-blau);margin: 0 0 var(--sp-2);}.kontakt__target p{font-size: var(--fs-200);color: var(--text-muted);margin: 0 0 var(--sp-3);}.kontakt__target a{display: inline-flex;align-items: center;gap: var(--sp-2);min-height: 2.5rem;margin-top: auto;font-size: var(--fs-200);font-weight: 500;color: var(--toem-blau);transition: color var(--dur) var(--ease);}.kontakt__target a:hover, .kontakt__target a:focus-visible{color: var(--toem-gold);}.kontakt__target a svg{width: var(--zeichen-inline);height: var(--zeichen-inline);transition: transform var(--dur-hover) var(--ease-hover);}.kontakt__target a:hover svg, .kontakt__target a:focus-visible svg{transform: translateX(3px);}
@media (max-width: 30rem){.usp__title em, .prod__title em, .herst__title em, .rez__title em, .karr__title em, .b2b__title em, .kontakt__title em, .pshops__title em, .pdaten__title em, .pverw__title em, .psorten__title em, .kavorteile__title em, .kastimmen__title em, .kawege__title em, .bogenhero__title em, .pukopf__title em, .pusicht__ueber em, .puwofuer__ueber em, .pukern__title em, .puwege__title em, .unwege__ueber em, .fewege__ueber em, .fekopf__title em, .blneu__ueber em, .blliste__ueber em, .blwege__ueber em, .unsaeulen__ueber em, .bildband__title em, .hiheute__title em, .heweg__ueber em, .heschael__title em, .hesicher__ueber em, .hewege__title em{font-size: 1.5em;}}.js-reveal [data-reveal]{opacity: 0;translate: 0 var(--reveal-shift);}.js-reveal [data-reveal].is-in{animation: toem-reveal var(--dur-reveal) var(--ease-reveal) forwards;animation-delay: calc(var(--reveal-i, 0) * var(--reveal-step));}@keyframes toem-reveal{from{opacity: 0;translate: 0 var(--reveal-shift);}to{opacity: 1;translate: 0 0;}}@media (prefers-reduced-motion: reduce){.js-reveal [data-reveal]{opacity: 1;translate: none;}.js-reveal [data-reveal].is-in{animation: none;}}@media (hover: none){.social__link{min-width: 2.75rem;min-height: 2.75rem;}.skip-link{display: inline-flex;align-items: center;min-height: 2.75rem;}.kontakt__target a, .footer__contact a, .footer__legal a, .footer__cookie{min-height: 2.75rem;}.footer__col a{display: flex;align-items: center;min-height: 2.75rem;}}@media (max-width: 24rem){.hero__lead br{display: none;}.usp__title em, .prod__title em, .herst__title em, .rez__title em, .karr__title em, .b2b__title em, .kontakt__title em, .pshops__title em, .pdaten__title em, .pverw__title em, .psorten__title em, .kavorteile__title em, .kastimmen__title em, .kawege__title em, .bogenhero__title em, .pukopf__title em, .pusicht__ueber em, .puwofuer__ueber em, .pukern__title em, .puwege__title em, .unwege__ueber em, .blneu__ueber em, .blliste__ueber em, .blwege__ueber em, .unsaeulen__ueber em, .bildband__title em, .hiheute__title em, .heweg__ueber em, .heschael__title em, .hesicher__ueber em, .hewege__title em{font-size: 1.28em;}}