.nourion-marken{position:relative;display:inline-flex;flex:none;align-items:center;gap:12px;margin-inline-start:-8px}.nourion-marken:after{content:"";width:1px;height:22px;background:linear-gradient(#f4eddf00,#f4eddf47 50%,#f4eddf00)}.k-nav--day .nourion-marken:after{background:linear-gradient(#14283a00,#14283a33 50%,#14283a00)}.nourion-marken__knopf{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:44px;min-height:44px;margin:0;padding:0 8px;border:0;border-radius:999px;background:transparent;color:var(--mist);font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .2s ease,box-shadow .2s ease,color .2s ease}.k-nav--day .nourion-marken__knopf{color:var(--navy)}.nourion-marken__knopf-logo{display:block;width:28px;height:28px;border-radius:8px;box-shadow:0 1px 2px #0f1d2e40,0 4px 10px -4px #c9a45c8c}.nourion-marken__knopf-logo--hell{display:none}.k-nav--day .nourion-marken__knopf-logo--hell{display:block}.k-nav--day .nourion-marken__knopf-logo--nacht{display:none}.nourion-marken__knopf-pfeil{flex:none;width:14px;height:14px;opacity:.75;transition:transform .32s cubic-bezier(.16,1,.3,1)}@media(hover:hover){.nourion-marken__knopf:hover{background:#ffffff1a}.k-nav--day .nourion-marken__knopf:hover{background:#14283a0d}}.nourion-marken__knopf[aria-expanded=true]{background:#ffffff1f}.k-nav--day .nourion-marken__knopf[aria-expanded=true]{background:var(--card);box-shadow:inset 0 0 0 1px var(--gold-line),0 6px 14px -8px #14283a4d}.nourion-marken__knopf[aria-expanded=true] .nourion-marken__knopf-pfeil{transform:rotate(180deg);opacity:1}.nourion-marken__knopf:focus-visible{outline:2px solid var(--gold);outline-offset:2px}@media(max-width:749px){.nourion-marken{gap:10px;margin-inline-start:-6px}.nourion-marken__knopf{width:44px;padding:0}.nourion-marken__knopf-pfeil{display:none}}.nourion-marken__panel{--nourion-marken-breite: min(472px, calc(100vw - 24px) );position:fixed;inset:auto;top:var(--nourion-marken-oben, 78px);left:clamp(12px,calc(var(--nourion-marken-links, 16px) - 10px),calc(100vw - 12px - var(--nourion-marken-breite)));width:var(--nourion-marken-breite);max-height:calc(100dvh - var(--nourion-marken-oben, 78px) - 16px);margin:0;padding:0;border:1px solid var(--gold-line);border-radius:24px;overflow:visible;color:var(--navy);background:#faf6eef5;-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%);box-shadow:var(--shadow-panel);transform-origin:30px 0;opacity:0;transform:translateY(-8px);transition-property:opacity,transform,overlay,display;transition-duration:.18s,.22s,.22s,.22s;transition-timing-function:ease-out;transition-behavior:allow-discrete}.nourion-marken__panel:is(:popover-open,.ist-offen):where(:not([data-schliesst])){opacity:1;transform:none;transition-duration:.16s,.42s,.42s,.42s;transition-timing-function:ease-out,cubic-bezier(.16,1,.3,1),cubic-bezier(.16,1,.3,1),cubic-bezier(.16,1,.3,1)}@starting-style{.nourion-marken__panel:is(:popover-open,.ist-offen):where(:not([data-schliesst])){opacity:0;transform:translateY(-8px)}}.nourion-marken__panel::backdrop{background:#0f1d2e00}.nourion-marken__inhalt{display:grid;gap:14px;max-height:inherit;padding:18px;overflow:auto;overscroll-behavior:contain;border-radius:inherit}.nourion-marken__griff{display:none}.nourion-marken__kopf{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:2px 4px 0 6px}.nourion-marken__titel{margin:0;font:600 16px / 1.3 var(--font-display);color:var(--navy)}.nourion-marken__untertitel{margin:4px 0 0;font:400 13.5px / 1.45 var(--font-sans);color:var(--navy-70)}.nourion-marken__zu{display:none;flex:none;place-items:center;width:44px;height:44px;margin:-8px -8px 0 0;padding:0;border:0;border-radius:50%;background:var(--card);box-shadow:inset 0 0 0 1px var(--line);color:var(--navy);cursor:pointer}.nourion-marken__zu:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.nourion-marken__raster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none}.nourion-marken__zelle{grid-column:1 / -1;display:grid;min-width:0}.nourion-marken__zelle--halb{grid-column:auto}.nourion-marken__panel :is(.nourion-marken__kopf,.nourion-marken__zelle){opacity:0;transform:translateY(8px);transition:opacity .14s ease-out,transform .14s ease-out}.nourion-marken__panel:is(:popover-open,.ist-offen):where(:not([data-schliesst])) :is(.nourion-marken__kopf,.nourion-marken__zelle){opacity:1;transform:none;transition:opacity .32s ease-out,transform .48s cubic-bezier(.16,1,.3,1);transition-delay:calc(40ms + var(--i, 0) * 40ms)}@starting-style{.nourion-marken__panel:is(:popover-open,.ist-offen):where(:not([data-schliesst])) :is(.nourion-marken__kopf,.nourion-marken__zelle){opacity:0;transform:translateY(8px)}}.nourion-marken__kachel{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:64px;padding:12px 14px 12px 12px;border-radius:16px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line),0 1px 2px #1f1a0c0a;color:var(--navy);text-decoration:none;-webkit-tap-highlight-color:transparent;transition:box-shadow .24s ease,background-color .24s ease}.nourion-marken__logo{display:grid;place-items:center;width:40px;height:40px}.nourion-marken .nourion-marken__logo img,.nourion-marken .nourion-marken__logo svg{display:block;width:40px;height:40px;border-radius:11px;box-shadow:0 1px 2px #0f1d2e29}.nourion-marken__text{display:grid;gap:2px;min-width:0}.nourion-marken__zeile{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:8px}.nourion-marken__name{font:600 15px / 1.25 var(--font-sans);color:var(--navy)}.nourion-marken__domain{font:500 12px / 1.25 var(--font-sans);color:var(--navy-70)}.nourion-marken__rolle{font:400 13px / 1.4 var(--font-sans);color:var(--navy-70);text-wrap:pretty}.nourion-marken__ziel{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;color:var(--navy-70);transition:background-color .24s ease,color .24s ease}.nourion-marken__pfeil-aussen{width:16px;height:16px}.nourion-marken__hinweis{white-space:nowrap;padding:5px 11px;border-radius:999px;font:600 12px / 1.2 var(--font-sans);color:var(--navy-70);background:var(--leinen);box-shadow:inset 0 0 0 1px var(--line)}.nourion-marken__hinweis--hier{color:var(--gold-ink);background:var(--gold);box-shadow:none}.nourion-marken__kachel--kompakt{grid-template-columns:40px minmax(0,1fr);grid-template-areas:"logo hinweis" "text text";align-content:start;gap:12px 10px;height:100%;padding:14px}.nourion-marken__kachel--kompakt .nourion-marken__logo{grid-area:logo}.nourion-marken__kachel--kompakt .nourion-marken__text{grid-area:text}.nourion-marken__kachel--kompakt :is(.nourion-marken__hinweis,.nourion-marken__ziel){grid-area:hinweis;justify-self:end}@media(hover:hover){.nourion-marken__kachel:not([aria-disabled=true]):not([aria-current=true]):hover{box-shadow:inset 0 0 0 1px var(--gold-line),0 10px 24px -14px #14283a59}.nourion-marken__kachel:hover .nourion-marken__ziel{background:var(--gold-soft);color:var(--navy)}}.nourion-marken__kachel:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.nourion-marken__kachel[aria-current=true]{box-shadow:inset 0 0 0 1.5px var(--gold),0 1px 2px #1f1a0c0a}.nourion-marken__kachel[aria-disabled=true]{cursor:default;background:#fff9}.nourion-marken--ohne-popover .nourion-marken__panel{position:absolute;top:calc(100% + 14px);left:-8px}@media(max-width:749px){.nourion-marken__panel{--nourion-marken-breite: auto;top:auto;right:8px;bottom:max(8px,env(safe-area-inset-bottom));left:8px;width:auto;max-height:min(88dvh,680px);border-radius:28px;transform-origin:50% 100%;transform:translateY(calc(100% + 24px));transition-duration:.18s,.26s,.26s,.26s}.nourion-marken__panel:is(:popover-open,.ist-offen):where(:not([data-schliesst])){transition-duration:.16s,.52s,.52s,.52s}@starting-style{.nourion-marken__panel:is(:popover-open,.ist-offen):where(:not([data-schliesst])){opacity:0;transform:translateY(calc(100% + 24px))}}.nourion-marken__panel::backdrop{background:#0f1d2e00;transition-property:background-color,overlay,display;transition-duration:.22s;transition-behavior:allow-discrete}.nourion-marken__panel:is(:popover-open,.ist-offen):where(:not([data-schliesst]))::backdrop{background:#0f1d2e66}@starting-style{.nourion-marken__panel:is(:popover-open,.ist-offen):where(:not([data-schliesst]))::backdrop{background:#0f1d2e00}}.nourion-marken__inhalt{gap:16px;padding:10px 16px 18px}.nourion-marken__griff{display:block;justify-self:center;width:40px;height:5px;border-radius:3px;background:var(--line-2)}.nourion-marken__zu{display:grid}.nourion-marken__kachel{min-height:68px}.nourion-marken--ohne-popover .nourion-marken__panel{position:fixed;top:auto}html[data-nourion-marken-offen]{overflow:hidden}}@media(prefers-reduced-transparency:reduce){.nourion-marken__panel{background:var(--elfenbein);-webkit-backdrop-filter:none;backdrop-filter:none}}@media(forced-colors:active){.nourion-marken__panel,.nourion-marken__kachel{border:1px solid CanvasText}}@media(prefers-reduced-motion:reduce){.nourion-marken__panel,.nourion-marken__panel:is(:popover-open,.ist-offen):where(:not([data-schliesst])){transform:none;transition-duration:.14s}@starting-style{.nourion-marken__panel:is(:popover-open,.ist-offen):where(:not([data-schliesst])){transform:none}}.nourion-marken__panel :is(.nourion-marken__kopf,.nourion-marken__zelle),.nourion-marken__panel:is(:popover-open,.ist-offen):where(:not([data-schliesst])) :is(.nourion-marken__kopf,.nourion-marken__zelle){opacity:1;transform:none;transition:none}.nourion-marken__knopf-pfeil{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/nourion-marken.css.map */