:root{--mio-ink: #1d1d1f;--mio-ink-soft: #55555a;--mio-mute: #6e6e73;--mio-surface: #f5f5f7;--mio-accent: #0d6aa6;--mio-accent-deep: #0a5586;--mio-hairline: rgba(29, 29, 31, .1);--mio-bg: #ffffff;--mio-card: #ffffff;--mio-on-ink: #ffffff;--mio-ink-hover: #000000;--mio-ease: cubic-bezier(.16, 1, .3, 1)}h1,h2,h3,.h1,.h2,.h3{letter-spacing:-.025em;text-wrap:balance}.rte a:not(.button):not(.button-secondary),.text-block a:not(.button):not(.button-secondary){color:var(--mio-accent);text-decoration:none}.rte a:not(.button):not(.button-secondary):hover,.text-block a:not(.button):not(.button-secondary):hover{color:var(--mio-accent-deep);text-decoration:underline;text-underline-offset:4px}:focus-visible{outline-color:var(--mio-accent)}.button:not(.button-unstyled){font-weight:600;letter-spacing:-.01em;transition:background-color .35s var(--mio-ease),transform .35s var(--mio-ease),box-shadow .35s var(--mio-ease)}@media(hover:hover){.button:not(.button-unstyled):not(.button-secondary):hover{transform:translateY(-1px);box-shadow:0 12px 28px -14px #0006}}@media(prefers-reduced-motion:reduce){.button:not(.button-unstyled){transition:none}.button:not(.button-unstyled):hover{transform:none}}.mio-pyramide{display:grid;gap:14px;width:100%}.mio-richtung-chip{justify-self:start;margin:0;padding:5px 12px;border-radius:999px;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;background:var(--mio-tint, var(--mio-surface));color:var(--mio-tint-ink, var(--mio-ink))}.mio-chips{display:flex;flex-wrap:wrap;gap:8px}.mio-geschlecht-chip{background:var(--mio-surface);color:var(--mio-ink-soft)}.mio-noten{display:grid;margin:0;border-top:1px solid var(--mio-hairline)}.mio-note{display:grid;grid-template-columns:7.5rem 1fr;gap:12px;padding-block:12px;border-bottom:1px solid var(--mio-hairline)}.mio-note dt{font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--mio-mute);padding-top:.2em}.mio-note dd{margin:0;font-size:1rem;color:var(--mio-ink)}@media(max-width:480px){.mio-note{grid-template-columns:1fr;gap:2px}}[data-richtung=frisch]{--mio-tint: #e8f2f6;--mio-tint-to: #cfe4ec;--mio-tint-ink: #14424f}[data-richtung=blumig]{--mio-tint: #f7edef;--mio-tint-to: #eed7dd;--mio-tint-ink: #5c2f3c}[data-richtung=orientalisch]{--mio-tint: #f6ecdf;--mio-tint-to: #e8d2b4;--mio-tint-ink: #573a1c}[data-richtung=holzig]{--mio-tint: #eef0e9;--mio-tint-to: #d8ddcd;--mio-tint-ink: #39442c}[data-richtung=gourmand]{--mio-tint: #f6ecea;--mio-tint-to: #e9d3c6;--mio-tint-ink: #5a3524}.product-information.section--page-width,#MainContent:has(.product-information) .section--page-width{--page-width: calc(75rem + var(--page-margin) * 2)}@media screen and (max-width:749px){.product-information .product-information__media{grid-column:2 / 3}.product-information__media .product-media>*{border-radius:var(--media-radius, 28px);overflow:hidden}}@media screen and (min-width:750px){.product-grid.product-grid--grid:not([product-grid-view=zoom-out]){--product-grid-columns-desktop: repeat( auto-fill, minmax(max(200px, calc((100% - 112px)/5 - 1px) ), 1fr) )}}.mio-fakten{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.mio-fakten li{padding:6px 12px;border-radius:999px;background:var(--mio-surface);font-size:.8125rem;font-weight:500;color:var(--mio-ink-soft)}.mio-rechtliches{display:grid;gap:6px;width:100%;font-size:.75rem;line-height:1.55;color:var(--mio-mute)}.mio-rechtliches p{margin:0;max-width:80ch}.mio-richtungen-section.section--page-width{--page-width: calc(82rem + var(--page-margin) * 2)}.mio-richtungen-section{padding-block:clamp(48px,7vw,96px);scroll-margin-top:var(--mh-kopf, 0px)}.mio-richtungen-kopf{display:grid;gap:8px;margin-bottom:clamp(24px,3vw,40px)}.mio-richtungen-kopf h2{margin:0}.mio-richtungen-unterzeile{margin:0;font-size:1.125rem;color:var(--mio-ink-soft)}.mio-richtungen{display:grid;gap:16px}.mio-richtung{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:340px;padding:28px;overflow:hidden;border-radius:26px;background-image:linear-gradient(150deg,var(--mio-tint) 0%,var(--mio-tint-to) 100%);color:var(--mio-tint-ink);text-decoration:none}.mio-richtung:focus-visible{outline:2px solid var(--mio-tint-ink);outline-offset:3px}.mio-richtung__bild{position:absolute;right:0;bottom:0;height:78%;aspect-ratio:2 / 3;overflow:hidden;pointer-events:none;-webkit-mask-image:radial-gradient(ellipse 54% 58% at 50% 44%,#000 44%,transparent 100%);mask-image:radial-gradient(ellipse 54% 58% at 50% 44%,#000 44%,transparent 100%);transition:transform .9s var(--mio-ease)}.mio-richtung__bild img{width:100%;height:100%;object-fit:cover;transform:scale(1.15)}.mio-richtung__text,.mio-richtung__fuss{position:relative;max-width:56%}.mio-richtung__titel{margin:0;font-size:1.5rem;font-weight:600;letter-spacing:-.02em;color:inherit}.mio-richtung__claim{margin:12px 0 0;font-size:1.0625rem;font-weight:500;line-height:1.35;opacity:.75}.mio-richtung__fuss{display:flex;flex-direction:column;gap:16px;margin-top:32px}.mio-richtung__noten{font-size:.8125rem;font-weight:500;line-height:1.6;opacity:.75}.mio-richtung__anzahl{display:inline-flex;align-items:center;gap:6px;width:fit-content;padding:6px 14px;border-radius:999px;background:#ffffff8c;font-size:.8125rem;font-weight:600;transition:background-color .3s ease}@media(hover:hover){.mio-richtung:hover .mio-richtung__bild{transform:scale(1.04)}.mio-richtung:hover .mio-richtung__anzahl{background:#ffffffe6}}@media(min-width:750px){.mio-richtungen{grid-template-columns:repeat(12,minmax(0,1fr));gap:20px}.mio-richtung{padding:36px;grid-column:span 4;min-height:390px}.mio-richtung--gross-7{grid-column:span 7;min-height:460px}.mio-richtung--gross-5{grid-column:span 5;min-height:460px}.mio-richtung__bild{height:92%}.mio-richtung--gross-7 .mio-richtung__bild,.mio-richtung--gross-5 .mio-richtung__bild{height:100%}.mio-richtung__text,.mio-richtung__fuss{max-width:50%}.mio-richtung__titel{font-size:1.875rem}.mio-richtung__claim{font-size:1.125rem}.mio-richtung__noten{font-size:.875rem}}@media(prefers-reduced-motion:reduce){.mio-richtung__bild{transition:none}.mio-richtung:hover .mio-richtung__bild{transform:none}}.mio-karte-richtung{margin:0;font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--mio-tint-ink, var(--mio-mute))}.mio-kopf-section{padding-block:clamp(24px,4vw,48px) 8px}.mio-kopf{display:grid;gap:10px;padding-block:clamp(8px,2vw,24px)}.mio-kopf--richtung{padding:clamp(32px,5vw,64px);border-radius:26px;background-image:linear-gradient(150deg,var(--mio-tint) 0%,var(--mio-tint-to) 100%);color:var(--mio-tint-ink)}.mio-kopf__eyebrow{margin:0;font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;opacity:.75}.mio-kopf__titel{margin:0;font-size:clamp(2rem,4.6vw,3.5rem);line-height:1.06;letter-spacing:-.03em;color:inherit}.mio-kopf__claim{margin:0;max-width:40ch;font-size:clamp(1.0625rem,1.6vw,1.25rem);font-weight:500;opacity:.8}.mio-kopf__anzahl{justify-self:start;margin:8px 0 0;padding:6px 14px;border-radius:999px;background:#ffffff8c;font-size:.8125rem;font-weight:600}.mio-richtungswahl{display:flex;gap:8px;margin-top:20px;padding-bottom:4px;overflow-x:auto;scrollbar-width:none}.mio-richtungswahl::-webkit-scrollbar{display:none}.mio-richtungswahl__link{flex:none;padding:9px 16px;border:1px solid var(--mio-hairline);border-radius:999px;font-size:.875rem;font-weight:500;color:var(--mio-ink);text-decoration:none;white-space:nowrap;transition:background-color .3s ease,border-color .3s ease}.mio-richtungswahl__link:hover{border-color:var(--mio-tint-ink, var(--mio-ink))}.mio-richtungswahl__link[aria-current=page]{border-color:transparent;background:var(--mio-tint-to, var(--mio-ink));color:var(--mio-tint-ink, var(--mio-on-ink));font-weight:600}.mio-schritte-section{padding-block:clamp(64px,9vw,128px)}.mio-schritte-section .mio-schritte-titel{margin:0 auto;max-width:20ch;text-align:center;font-family:var(--font-heading--family);font-size:clamp(2rem,4.6vw,3.9rem);font-weight:700;line-height:1.06;letter-spacing:-.03em}.shopify-section:has(.mio-schritte-section)+.shopify-section .mh-fragen{padding-top:clamp(24px,3vw,48px)}.mio-schritte{display:grid;gap:16px;max-width:64rem;margin:clamp(40px,6vw,72px) auto 0;padding:0;list-style:none}.mio-schritt{display:grid;justify-items:center;gap:10px;padding:clamp(28px,4vw,40px);border-radius:26px;background:var(--mio-surface);text-align:center}.mio-schritt__nr{display:grid;place-items:center;width:48px;height:48px;margin-bottom:14px;border-radius:999px;background:var(--mio-card);box-shadow:0 1px 3px #00000014;font-size:1.125rem;font-weight:700;color:var(--mio-ink)}.mio-schritt__titel{margin:0;font-size:1.25rem;font-weight:600;letter-spacing:-.02em}.mio-schritt__text{margin:0;max-width:17rem;font-size:.9375rem;line-height:1.6;color:var(--mio-ink-soft)}@media(min-width:750px){.mio-schritte{grid-template-columns:repeat(3,minmax(0,1fr))}}.footer-utilities__text,.footer-utilities__text a,.footer-utilities a,.footer-utilities .policy-list-trigger{color:var(--mio-mute);opacity:1}.section .utilities,.section .utilities a{color:var(--mio-mute)}#header-component .header__underlay,#header-component:is(:hover,:focus-within) .header__underlay{--color-background-top-row: rgba(11, 13, 16, .72);--color-submenu: rgba(11, 13, 16, .72)}#header-component .header__underlay{-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%)}@media(prefers-reduced-transparency:reduce){#header-component .header__underlay{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:#0b0d10!important}}#header-component .header-logo__image{filter:invert(1);transition:filter .4s var(--mio-ease)}#header-component .header__underlay{transition:background-color .4s var(--mio-ease),box-shadow .4s var(--mio-ease),backdrop-filter .4s var(--mio-ease)}#header-component .menu-list__link{font-size:13px;font-weight:500;color:rgb(var(--menu-top-level-font-color-rgb) / .7);transition:color .2s ease}#header-component .menu-list__list-item:is(:hover,:focus-within) .menu-list__link,#header-component .menu-list__link:is(.menu-list__link--active,[aria-expanded=true]){color:rgb(var(--menu-top-level-font-color-rgb))}#header-component[data-mio-zustand=dunkel] .header__underlay{box-shadow:0 1px #ffffff1a}#header-component[data-mio-zustand=hell] .header__underlay,#header-component[data-mio-zustand=hell]:is(:hover,:focus-within) .header__underlay,html[data-mio-themable]:not([data-mio-theme=dark]) #header-component:not([data-mio-zustand]) .header__underlay{--color-background-top-row: rgba(255, 255, 255, .72);--color-submenu: rgba(255, 255, 255, .72);box-shadow:0 1px 0 var(--mio-hairline)}#header-component[data-mio-zustand=hell] .header__row,html[data-mio-themable]:not([data-mio-theme=dark]) #header-component:not([data-mio-zustand]) .header__row{--color-foreground: #1d1d1f;--color-foreground-rgb: 29 29 31;--color-border: #1d1d1f;--color-border-rgb: 29 29 31;--cart-bubble-background: #1d1d1f;--cart-bubble-text: #ffffff}#header-component[data-mio-zustand=hell] .header-logo__image,html[data-mio-themable]:not([data-mio-theme=dark]) #header-component:not([data-mio-zustand]) .header-logo__image{filter:none}#header-component[data-mio-zustand=oben] .header__underlay,#header-component[data-mio-zustand=oben]:is(:hover,:focus-within) .header__underlay,html:not([data-mio-themable]) #header-component:not([data-mio-zustand]) .header__underlay{--color-background-top-row: transparent;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}#header-component[data-mio-zustand=oben]:has(.menu-list [aria-expanded=true]) .header__underlay,html:not([data-mio-themable]) #header-component:not([data-mio-zustand]):has(.menu-list [aria-expanded=true]) .header__underlay{--color-background-top-row: rgba(11, 13, 16, .72);--color-submenu: rgba(11, 13, 16, .72);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%)}@media(prefers-reduced-transparency:reduce){#header-component[data-mio-zustand=hell] .header__underlay,html[data-mio-themable]:not([data-mio-theme=dark]) #header-component:not([data-mio-zustand]) .header__underlay{background-color:#fff!important}}body:has(mh-hero) #MainContent{margin-top:calc(var(--header-height, 64px) * -1)}body:has(mh-hero) .mh-hero{--mh-hero-kopf: 0px}.mio-nach-oben{position:fixed;right:calc(16px + var(--mio-scrollbalken, 0px));bottom:20px;z-index:45;display:grid;place-items:center;width:48px;height:48px;padding:0;border:1px solid rgba(255,255,255,.45);border-radius:999px;background:#1d1d1f57;-webkit-backdrop-filter:blur(18px) saturate(180%);backdrop-filter:blur(18px) saturate(180%);box-shadow:inset 0 1px #ffffff8c,0 8px 28px -10px #00000059;color:#fff;cursor:pointer;opacity:0;pointer-events:none;transform:translateY(12px);transition:opacity .5s var(--mio-ease),transform .5s var(--mio-ease),background-color .3s ease}.mio-nach-oben svg{width:20px;height:20px;transition:transform .3s var(--mio-ease)}.mio-nach-oben.is-sichtbar{opacity:1;pointer-events:auto;transform:none}.mio-nach-oben:hover{background:#1d1d1f75}.mio-nach-oben:hover svg{transform:translateY(-2px)}.mio-nach-oben:focus-visible{outline:2px solid var(--mio-accent);outline-offset:3px}.mio-nach-oben.is-dunkel{border-color:#ffffff52;background:#ffffff24;box-shadow:inset 0 1px #fff6,0 10px 30px -12px #0009}.mio-nach-oben.is-dunkel:hover{background:#ffffff3d}@media(min-width:750px){.mio-nach-oben{right:calc(28px + var(--mio-scrollbalken, 0px));bottom:28px;width:56px;height:56px}.mio-nach-oben svg{width:22px;height:22px}}@media(prefers-reduced-motion:reduce){.mio-nach-oben,.mio-nach-oben svg{transition:none}}@media(prefers-reduced-transparency:reduce){.mio-nach-oben,.mio-nach-oben.is-dunkel{background:#0b0d10;-webkit-backdrop-filter:none;backdrop-filter:none}}html,html .page-wrapper{scrollbar-width:auto;scrollbar-color:#1d1d1f #f5f5f7}@media(min-width:990px){#header-component .header-logo{margin-inline-end:clamp(32px,3.5vw,56px)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/mio.css.map */