@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;}}
.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);}}
.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;}}
.rechtstext{--rechtstext-breite: 58rem;padding-block: var(--sp-8) var(--sp-9);}.rechtstext__titel{max-width: var(--rechtstext-breite);margin: 0 0 var(--sp-6);font-size: var(--fs-550);line-height: 1.2;color: var(--toem-blau);}.rechtstext__inhalt{max-width: var(--rechtstext-breite);margin-inline: 0;hyphens: auto;overflow-wrap: break-word;}.rechtstext__inhalt > * + *{margin-block-start: var(--sp-2);}.rechtstext__inhalt > p:has(> strong:only-child){margin-block-start: var(--sp-6);}.rechtstext__inhalt h2, .rechtstext__inhalt h3, .rechtstext__inhalt h4{margin-block-start: var(--sp-7);color: var(--toem-blau);line-height: 1.25;}.rechtstext__inhalt h2{font-size: var(--fs-450);}.rechtstext__inhalt h3{font-size: var(--fs-400);}.rechtstext__inhalt h4{font-size: var(--fs-300);}.rechtstext__inhalt p, .rechtstext__inhalt li{font-size: var(--fs-300);line-height: 1.65;color: var(--c-ink-soft);}.rechtstext__inhalt ul, .rechtstext__inhalt ol{padding-inline-start: var(--sp-5);}.rechtstext__inhalt li + li{margin-block-start: var(--sp-2);}.rechtstext__inhalt p > strong:only-child{display: inline-block;margin-block-start: var(--sp-3);color: var(--toem-blau);}.rechtstext__inhalt a{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;}.rechtstext__inhalt a:hover, .rechtstext__inhalt a:focus-visible{color: var(--c-schwarz);}.rechtstext__inhalt > :first-child, .rechtstext__inhalt > :first-child > :first-child{margin-block-start: 0;}
@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;}}