@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);}}
.aktionsleiste{display: none;margin-top: var(--sp-6);flex-wrap: wrap;align-items: center;gap: var(--sp-3);}.aktionsleiste--an{display: flex;}.aktionsleiste__knopf{display: inline-flex;align-items: center;gap: var(--sp-2);min-height: 2.75rem;padding: 0 var(--sp-4);background: var(--surface);border: 1px solid var(--c-grau-300);border-radius: var(--r-pill);font: inherit;font-size: var(--fs-200);font-weight: 600;line-height: 1;color: var(--toem-blau);cursor: pointer;transition: border-color var(--dur-hover) var(--ease-hover), color var(--dur-hover) var(--ease-hover);}.aktionsleiste__knopf:hover, .aktionsleiste__knopf:focus-visible{border-color: var(--toem-gold);}.aktionsleiste__knopf svg{width: 1.125rem;height: 1.125rem;flex: none;color: var(--accent);}.aktionsleiste__hinweis{font-size: var(--fs-100);color: var(--text-muted);}
.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);}
.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;}}
.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;}}
.rzkopf{position: relative;z-index: 0;overflow: hidden;background: var(--bg-page);}.rzkopf > .schwung{position: absolute;left: 0;right: 0;bottom: -1px;z-index: 1;}.rzkopf__media{position: absolute;inset: 0;overflow: hidden;}.rzkopf__media img{width: 100%;height: 100%;display: block;object-fit: cover;object-position: 62% 50%;background: var(--bg-platzhalter);}.rzkopf__media::after{content: "";position: absolute;inset: 0;background: var(--motiv-schleier);}.rzkopf__inner{position: relative;z-index: 1;display: grid;grid-template-columns: minmax(0, 34rem) 1fr;align-items: center;min-height: max(24rem, calc(66vh - var(--h-nav)));padding-block: var(--sp-8);padding-bottom: calc(min(6.25vw, 6rem) + var(--sp-7));}.rzkopf__body{max-width: 34rem;}@media (max-width: 60rem){.rzkopf{display: flex;flex-direction: column;}.rzkopf__media{position: relative;inset: auto;height: 62vw;min-height: 14rem;}.rzkopf__media::after{background: linear-gradient(180deg, rgba(255, 255, 255, 0) 74%, rgba(255, 255, 255, 0.6) 90%, var(--bg-page) 100%);}.rzkopf__inner{grid-template-columns: 1fr;min-height: 0;padding-block: var(--sp-6) var(--sp-7);padding-bottom: calc(min(6.25vw, 6rem) + var(--sp-6));}.rzkopf__body{max-width: none;}}.rzkopf__zurueck{display: inline-flex;align-items: center;gap: var(--sp-2);min-height: 2.5rem;margin-bottom: var(--sp-3);font-size: var(--fs-200);font-weight: 500;color: var(--toem-blau);transition: color var(--dur) var(--ease);}.rzkopf__zurueck:hover, .rzkopf__zurueck:focus-visible{color: var(--toem-gold);}.rzkopf__zurueck svg{width: var(--zeichen-inline);height: var(--zeichen-inline);transition: transform var(--dur-hover) var(--ease-hover);}.rzkopf__zurueck:hover svg, .rzkopf__zurueck:focus-visible svg{transform: translateX(-3px);}.rzkopf__title{max-width: 24ch;font-family: var(--font-body);font-size: var(--fs-600);font-weight: 600;line-height: var(--lh-tight);letter-spacing: var(--ls-tight);color: var(--toem-blau);margin: 0;}.rzkopf__text{margin: var(--sp-5) 0 0;max-width: 42rem;font-size: var(--fs-400);line-height: var(--lh-body);color: var(--text-muted);}.rzinhalt{background: var(--bg-soft);padding-block: var(--sp-sektion);}.rzinhalt__grid{display: grid;grid-template-columns: 0.9fr 1.1fr;gap: clamp(var(--sp-6), 4vw, var(--sp-8));align-items: start;}@media (max-width: 56rem){.rzinhalt__grid{grid-template-columns: 1fr;}}.rzkarte{padding: var(--sp-6);background: var(--surface);border-radius: var(--r-card);box-shadow: var(--shadow-1);}.rzkarte + .rzkarte{margin-top: var(--sp-5);}.rzinhalt__titel{font-family: var(--font-body);font-size: var(--fs-500);font-weight: 700;line-height: var(--lh-snug);letter-spacing: var(--ls-tight);color: var(--toem-blau);margin: 0 0 var(--sp-5);}.rzinhalt__titel em{display: block;font-family: var(--font-body);font-style: normal;font-size: var(--fs-200);font-weight: 400;letter-spacing: 0;color: var(--text-muted);margin-top: var(--sp-1);}.rzbasis{margin: 0 0 var(--sp-4);font-size: var(--fs-200);color: var(--text-muted);}.rzbasis b{font-weight: 600;color: var(--toem-blau);}.rzportion{display: none;}.rzportion--an{display: flex;flex-wrap: wrap;align-items: center;gap: var(--sp-3) var(--sp-4);margin-bottom: var(--sp-5);padding-bottom: var(--sp-5);border-bottom: 1px solid var(--line);}.rzportion__was{font-size: var(--fs-100);letter-spacing: var(--ls-wide);text-transform: uppercase;color: var(--text-muted);}.rzportion__steller{display: inline-flex;align-items: center;gap: var(--sp-2);}.rzportion__knopf{display: grid;place-items: center;width: 2.75rem;height: 2.75rem;padding: 0;background: var(--surface);border: 1px solid var(--c-grau-300);border-radius: 50%;font: inherit;font-size: var(--fs-400);line-height: 1;color: var(--toem-blau);cursor: pointer;transition: border-color var(--dur) var(--ease), color var(--dur) var(--ease);}.rzportion__knopf:hover:not(:disabled){border-color: var(--toem-gold);}.rzportion__knopf:disabled{opacity: 0.4;cursor: default;}.rzportion__wert{min-width: 2ch;text-align: center;font-size: var(--fs-400);font-weight: 700;font-variant-numeric: tabular-nums;color: var(--toem-blau);}.rzportion__hinweis{flex-basis: 100%;margin: 0;font-size: var(--fs-100);color: var(--text-muted);}.rzzutaten{list-style: none;margin: 0;padding: 0;}.rzzutaten li{display: flex;gap: var(--sp-3);padding-block: 0.125rem;font-size: var(--fs-200);line-height: var(--lh-snug);color: var(--text-body);}.rzzutaten li + li{margin-top: var(--sp-2);}.rzzutaten__text{min-width: 0;}.rzzutaten [data-basis]{font-variant-numeric: tabular-nums;}.rzzutaten li::before{content: "";flex: none;width: 5px;height: 5px;margin-top: 0.55em;border-radius: 50%;background: var(--toem-gold);}.rzzutaten li[data-oel]{margin-inline: calc(var(--sp-3) * -1);padding-inline: var(--sp-3);border-radius: var(--r-sm);background: rgba(215, 179, 95, 0.14);font-weight: 600;color: var(--toem-blau);}.rzangaben{padding-block: var(--sp-7) var(--sp-9);}.rzangaben__liste{margin: 0;padding: 0;display: grid;grid-template-columns: repeat(auto-fit, minmax(min(12rem, 100%), 1fr));gap: var(--sp-5);}.rzangaben__paar{min-width: 0;}.rzangaben dt{font-size: var(--fs-100);font-weight: 600;letter-spacing: var(--ls-wide);text-transform: uppercase;color: var(--accent);margin-bottom: var(--sp-1);}.rzangaben dd{margin: 0;display: flex;flex-wrap: wrap;gap: var(--sp-2);font-size: var(--fs-300);line-height: var(--lh-snug);color: var(--text-body);}.rzangaben__pille{display: inline-flex;align-items: center;min-height: 2.75rem;padding: 0 var(--sp-4);background: var(--surface);border: 1px solid var(--c-grau-300);border-radius: var(--r-pill);font-size: var(--fs-200);line-height: 1;color: var(--text-body);text-decoration: none;transition: border-color var(--dur-hover) var(--ease-hover), color var(--dur-hover) var(--ease-hover);}.rzangaben__pille:hover, .rzangaben__pille:focus-visible{border-color: var(--toem-gold);color: var(--toem-blau);}.rzschritte{counter-reset: schritt;list-style: none;margin: 0;padding: 0;display: grid;gap: var(--sp-6);}.rzschritte li{counter-increment: schritt;display: grid;grid-template-columns: auto 1fr;gap: var(--sp-4);font-size: var(--fs-300);line-height: var(--lh-body);color: var(--text-body);}.rzschritte li::before{content: counter(schritt);flex: none;display: grid;place-items: center;width: 2.25rem;height: 2.25rem;border-radius: 50%;background: rgba(215, 179, 95, 0.22);font-size: var(--fs-200);font-weight: 700;color: var(--toem-blau);}.rzoel{background: var(--bg-page);padding-block: var(--sp-7);}.rzoel__grid{display: grid;grid-template-columns: minmax(0, max-content) minmax(0, 20rem);justify-content: center;gap: clamp(var(--sp-5), 4vw, var(--sp-7));align-items: center;}@media (max-width: 60rem){.rzoel__grid{grid-template-columns: 1fr;}.rzoel__media{order: -1;}}.rzoel__body{max-width: 34rem;}.rzoel__eyebrow{margin: 0 0 var(--sp-3);font-size: var(--fs-100);letter-spacing: var(--ls-wide);text-transform: uppercase;color: var(--accent);}.rzoel__title{font-family: var(--font-body);font-size: var(--fs-sektion);font-weight: 400;line-height: var(--lh-tight);letter-spacing: var(--ls-tight);color: var(--toem-blau);margin: 0 0 var(--sp-4);}.rzoel__title em{font-size: min(1.6em, 11.5vw);margin: -0.08em 0 0;padding-block: 0.04em 0.06em;}.rzoel__usp{list-style: none;margin: var(--sp-6) 0 0;padding: 0;display: grid;gap: var(--sp-3);}.rzoel__usp li{display: flex;align-items: center;gap: var(--sp-4);font-size: var(--fs-200);line-height: var(--lh-snug);color: var(--text-body);}.rzoel__usp svg{flex: none;box-sizing: content-box;width: var(--zeichen-kreis-xl);height: var(--zeichen-kreis-xl);padding: 0.5rem;border-radius: var(--r-pill);background: rgba(215, 179, 95, 0.16);color: var(--toem-blau);}.rzoel__badge{position: absolute;top: 0;right: 0;z-index: 1;margin: 0;padding: var(--sp-2) var(--sp-4);border-radius: var(--r-sm);background: rgba(215, 179, 95, 0.16);text-align: center;font-size: var(--fs-100);line-height: var(--lh-snug);color: var(--text-muted);}.rzoel__badge b{display: block;font-size: var(--fs-400);font-weight: 700;color: var(--toem-blau);font-variant-numeric: tabular-nums;}.rzoel__mehr{display: inline-flex;align-items: center;gap: var(--sp-2);min-height: 2.75rem;margin-top: var(--sp-6);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);}.rzoel__mehr:hover, .rzoel__mehr:focus-visible{color: var(--toem-gold);}.rzoel__mehr svg{width: var(--zeichen-inline);height: var(--zeichen-inline);transition: transform var(--dur-hover) var(--ease-hover);}.rzoel__mehr:hover svg, .rzoel__mehr:focus-visible svg{transform: translateX(3px);}.rzoel__title--produkt em{margin: 0;}.rzoel__sorte{display: block;margin-left: 2.5em;margin-top: -0.2em;}.rzoel__sorte--links{margin-left: 0;margin-top: 0;}@media (max-width: 40rem){.rzoel__sorte{margin-left: 1.25em;}.rzoel__sorte--links{margin-left: 0;}}.rzoel__grid.rzoel__grid--flasche{grid-template-columns: minmax(0, max-content) max-content;}.rzoel__media.rzoel__media--flasche img{width: auto;max-width: 100%;height: clamp(18rem, 30vw, 26rem);object-fit: contain;}@media (max-width: 60rem){.rzoel__grid.rzoel__grid--flasche{grid-template-columns: 1fr;}.rzoel__media.rzoel__media--flasche img{height: 16rem;}}.rzoel__usp--haken{gap: var(--sp-2);margin-top: var(--sp-5);}.rzoel__usp--haken li{align-items: start;gap: var(--sp-3);}.rzoel__usp--haken svg{box-sizing: border-box;width: 1.25rem;height: 1.25rem;padding: 0;border-radius: 0;background: none;color: var(--toem-gold);margin-top: 0.05em;}.rzoel__media{position: relative;display: grid;place-items: center;}.rzoel__media img{width: 100%;height: auto;display: block;margin-inline: auto;}@media (max-width: 64rem){.rzkopf__zurueck{min-height: 2.75rem;}}
@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;}}