.cknav,.cknav *,.cknav *:before,.cknav *:after{box-sizing:border-box}.cknav{--ck-ink: #15342F;--ck-muted: #5A6662;--ck-line: #E8EBEA;--ck-sand: #F4F6F1;--ck-accent: #6BAD30;--ck-accent-dark: #426B1E;--ck-radius: 16px;--ck-panel-max: 1200px;position:relative;width:100%;font-family:var(--font-stack-body-primary, inherit)}.cknav__row{display:flex;flex-wrap:wrap;align-items:center;justify-content:var(--ck-row-justify, center);gap:2px;margin:0;padding:0;list-style:none}.cknav__item{margin:0}.cknav .cknav__top{position:relative;display:inline-flex;align-items:center;gap:6px;padding:var(--ck-top-padding, 14px) 14px;border:0;background:none;color:var(--ck-ink);font-family:inherit;font-size:var(--ck-top-size, 15px);font-weight:500;line-height:1.2;text-decoration:none;cursor:pointer;white-space:nowrap}.cknav__top:after{content:"";position:absolute;left:14px;right:14px;bottom:calc(var(--ck-top-padding, 14px) - 8px);height:2px;background:currentColor;opacity:0;transform:scaleX(.4)}.cknav__item--aktiv>.cknav__top:after,.cknav__item--offen>.cknav__top:after,.cknav__top:hover:after,.cknav__top:focus-visible:after{opacity:1;transform:scaleX(1)}.cknav__top:focus-visible{outline:2px solid var(--ck-ink);outline-offset:-2px;border-radius:6px}.cknav__chevron{flex:none;margin-top:1px;opacity:.55}.cknav__item--offen>.cknav__top .cknav__chevron{transform:rotate(180deg)}.cknav__badge{margin-inline-start:2px;padding:2px 7px;border-radius:999px;background:var(--ck-accent-dark);color:#fff;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.cknav__panel{position:absolute;z-index:60;top:100%;left:0;width:max-content;max-width:min(var(--ck-panel-max),calc(100vw - 32px));transform:translate(var(--ck-panel-x, 0),6px);visibility:hidden;opacity:0;pointer-events:none;max-height:min(74vh,680px);overflow-y:auto;overscroll-behavior:contain;padding:clamp(20px,2vw,28px);border-radius:var(--ck-radius);background:#fff;box-shadow:0 1px 0 var(--ck-line),0 18px 40px -24px #11161359;text-align:start}.cknav__item--offen>.cknav__panel{visibility:visible;opacity:1;pointer-events:auto;transform:translate(var(--ck-panel-x, 0))}@media(prefers-reduced-motion:no-preference){.cknav__panel{transition:opacity .16s ease,transform .16s ease,visibility .16s}.cknav__top:after{transition:opacity .16s ease,transform .16s ease}.cknav__chevron{transition:transform .2s ease}}.cknav__panel-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(20px,2.5vw,36px)}.cknav--mit-kacheln .cknav__panel-grid{grid-template-columns:minmax(0,1fr) var(--ck-kachel-spalte, auto)}.cknav__cols{display:grid;grid-template-columns:repeat(var(--ck-cols, 3),minmax(150px,auto));justify-content:start;gap:20px clamp(20px,2.4vw,36px);align-content:start;margin:0;padding:0;list-style:none}.cknav__col{min-width:0;max-width:280px;margin:0}.cknav .cknav__group{display:block;margin:0 0 8px;font-family:var(--font-stack-headings-primary, inherit);font-size:14px;font-weight:700;line-height:1.25;letter-spacing:-.01em;color:var(--ck-ink);text-decoration:none}.cknav a.cknav__group:hover{text-decoration:underline;text-underline-offset:3px}.cknav__links{margin:0;padding:0;list-style:none;display:grid;gap:1px}.cknav .cknav__links a{display:block;padding:5px 0;color:var(--ck-muted);font-size:14px;line-height:1.35;text-decoration:none}.cknav .cknav__links a:hover,.cknav .cknav__links a:focus-visible{color:var(--ck-ink);text-decoration:underline;text-underline-offset:3px}.cknav .cknav__links a[aria-current=page]{color:var(--ck-ink);font-weight:600}.cknav .cknav__mehr{display:inline-block;margin-top:4px;color:var(--ck-accent-dark);font-size:13px;font-weight:500;text-decoration:none}.cknav .cknav__mehr:hover{text-decoration:underline;text-underline-offset:3px}.cknav__tiles{display:grid;grid-template-columns:repeat(var(--ck-tiles-cols, 2),minmax(140px,170px));gap:12px;margin:0;padding:0;list-style:none;align-content:start}.cknav__tile.cknav__tile{position:relative;display:block;overflow:hidden;border-radius:12px;background:var(--ck-sand);color:var(--ck-ink);text-decoration:none;aspect-ratio:var(--ck-tile-ratio, 4 / 3)}.cknav__tile-img{position:absolute;top:0;right:0;bottom:0;left:0}.cknav__tile img{width:100%;height:100%;object-fit:cover;display:block}.cknav__tile-img:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0000008c,#0000 62%)}.cknav__tile-label{position:absolute;left:0;right:0;top:0;display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding:10px 12px;font-family:var(--font-stack-headings-primary, inherit);font-size:14px;font-weight:700;line-height:1.2;color:#fff}.cknav__tile-label svg{flex:none;margin-top:2px}.cknav__tile--ohne-bild{display:flex;align-items:flex-start}.cknav__tile--ohne-bild .cknav__tile-label{position:static;color:var(--ck-ink)}.cknav__tile:focus-visible{outline:2px solid var(--ck-ink);outline-offset:2px}@supports not (aspect-ratio: 4 / 3){.cknav__tile:before{content:"";display:block;padding-top:75%}}@media(hover:hover)and (prefers-reduced-motion:no-preference){.cknav__tile img{transition:transform .32s cubic-bezier(.2,.7,.2,1)}.cknav__tile:hover img{transform:scale(1.05)}}.cknav__panel-foot{display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px;margin-top:clamp(16px,2vw,24px);padding-top:16px;border-top:1px solid var(--ck-line)}.cknav .cknav__cta,.cknav .cknav__cta:hover,.cknav .cknav__cta:focus-visible{color:#fff}.cknav .cknav__cta{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 18px;border-radius:10px;background:var(--ck-ink);color:#fff;font-size:14px;font-weight:600;text-decoration:none}.cknav__hinweis{color:var(--ck-muted);font-size:13px}@media(max-width:1023px){.cknav{display:none}}.cknavm-host{overflow:visible!important}.cknavm,.cknavm *,.cknavm *:before,.cknavm *:after{box-sizing:border-box}.cknavm{--ck-ink: #15342F;--ck-muted: #5A6662;--ck-line: #E8EBEA;--ck-sand: #F4F6F1;--ck-accent: #6BAD30;--ck-accent-dark: #426B1E;--ck-x: var(--sidebar-gutter, 20px);display:block;color:var(--ck-ink);font-family:var(--font-stack-body-primary, inherit);-webkit-text-size-adjust:100%}.cknavm svg,.cknavm svg *{fill:none!important}.cknavm__sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.cknavm__stack{display:grid}.cknavm__panel{grid-area:1 / 1;min-width:0;padding:0 0 calc(28px + env(safe-area-inset-bottom,0px));background:#fff}.cknavm [hidden]{display:none!important}@keyframes cknavm-rein{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:none}}@keyframes cknavm-zurueck{0%{opacity:0;transform:translate(-28px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:no-preference){.cknavm__panel--rein{animation:cknavm-rein .24s cubic-bezier(.2,.7,.2,1)}.cknavm__panel--zurueck{animation:cknavm-zurueck .24s cubic-bezier(.2,.7,.2,1)}}.cknavm__list,.cknavm__gruppen,.cknavm__sub,.cknavm__direkt-liste,.cknavm__tiles{margin:0;padding:0;list-style:none}.cknavm__item,.cknavm__gruppe,.cknavm__sub li,.cknavm__direkt-liste li,.cknavm__tiles li{margin:0}.cknavm__item+.cknavm__item:before,.cknavm__gruppe+.cknavm__gruppe:before,.cknavm__direkt-liste li+li:before{content:"";display:block;height:1px;margin:0 var(--ck-x);background:var(--ck-line)}.cknavm__row{display:flex;align-items:center;gap:12px;width:100%;min-height:58px;margin:0;padding:10px var(--ck-x);border:0;border-radius:0;background:none;color:var(--ck-ink);font-family:var(--font-stack-headings-primary, inherit);font-size:18px;font-weight:700;line-height:1.25;letter-spacing:-.01em;text-align:start;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;appearance:none;transition:background-color .22s ease}.cknavm__row:active{background-color:var(--ck-sand);transition-duration:0ms}@media(hover:hover){.cknavm__row:hover{background-color:var(--ck-sand)}}.cknavm__row:focus-visible{outline:2px solid var(--ck-ink);outline-offset:-3px;border-radius:10px}.cknavm__row[aria-current=page]{color:var(--ck-accent-dark)}.cknavm__label{flex:1 1 auto;min-width:0;display:inline-flex;flex-wrap:wrap;align-items:center;gap:8px}.cknavm__weiter{flex:none;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--ck-sand);color:var(--ck-ink);transition:background-color .22s ease}.cknavm__row:active .cknavm__weiter{background:#fff}@media(hover:hover){.cknavm__row:hover .cknavm__weiter{background:#fff}}.cknavm__pfeil{flex:none;margin-inline-end:8px;color:var(--ck-muted)}.cknavm__list--service{margin:22px var(--ck-x) 0;padding:4px 0;overflow:hidden;border-radius:14px;background:var(--ck-sand)}.cknavm__list--service .cknavm__item+.cknavm__item:before{margin:0 16px;background:#15342f14}.cknavm__list--service .cknavm__row{min-height:48px;padding:8px 16px;font-family:var(--font-stack-body-primary, inherit);font-size:15px;font-weight:500;letter-spacing:0}.cknavm__list--service .cknavm__row:active{background-color:#15342f12}@media(hover:hover){.cknavm__list--service .cknavm__row:hover{background-color:#15342f12}}.cknavm__list--service .cknavm__pfeil{display:none}.cknavm__kopf{position:-webkit-sticky;position:sticky;top:var(--cknavm-kopf-oben, 0px);z-index:5;display:flex;align-items:center;gap:12px;min-height:60px;padding:8px var(--ck-x) 8px calc(var(--ck-x) - 6px);background:#fff;border-bottom:1px solid var(--ck-line)}@media(max-height:520px){.cknavm__kopf{position:static}}.cknavm__zurueck{flex:none;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;margin:0;padding:0;border:0;border-radius:50%;background:var(--ck-sand);color:var(--ck-ink);cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;appearance:none;transition:background-color .22s ease}.cknavm__zurueck:active{background:var(--ck-line);transition-duration:0ms}@media(hover:hover){.cknavm__zurueck:hover{background:var(--ck-line)}}.cknavm__zurueck:focus-visible{outline:2px solid var(--ck-ink);outline-offset:2px}.cknavm .cknavm__titel{flex:1 1 auto;min-width:0;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-stack-headings-primary, inherit);font-size:20px;font-weight:700;line-height:1.2;letter-spacing:-.01em;color:var(--ck-ink);text-transform:none}.cknavm .cknavm__titel:focus{outline:none}.cknavm__alle{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;margin:14px var(--ck-x) 0;padding:8px 16px;border-radius:12px;background:var(--ck-sand);color:var(--ck-ink);font-size:15px;font-weight:600;line-height:1.3;text-decoration:none;-webkit-tap-highlight-color:transparent;transition:background-color .22s ease}.cknavm__alle svg{flex:none;color:var(--ck-accent-dark)}.cknavm__alle:active{background:var(--ck-line);transition-duration:0ms}@media(hover:hover){.cknavm__alle:hover{background:var(--ck-line)}}.cknavm__alle:focus-visible{outline:2px solid var(--ck-ink);outline-offset:2px}.cknavm__tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px var(--ck-x) 0}.cknavm__tiles .cknav__tile-label{padding:10px 12px;font-size:15px}.cknavm__tiles .cknav__tile img{transition:opacity .22s ease}.cknavm__tiles .cknav__tile:active img{opacity:.82;transition-duration:0ms}.cknavm__gruppen{margin-top:18px}.cknavm__row--gruppe{min-height:54px;font-family:var(--font-stack-body-primary, inherit);font-size:16px;font-weight:600;letter-spacing:0}.cknavm__zahl{flex:none;min-width:24px;padding:2px 8px;border-radius:999px;background:var(--ck-sand);color:var(--ck-muted);font-size:12px;font-weight:600;line-height:1.4;text-align:center}.cknavm__chevron{flex:none;color:var(--ck-muted)}@media(prefers-reduced-motion:no-preference){.cknavm__chevron{transition:transform .22s ease}}.cknavm__row[aria-expanded=true] .cknavm__chevron{transform:rotate(180deg)}.cknavm__gruppe--offen{background:var(--ck-sand)}.cknavm__gruppe--offen .cknavm__row:active{background:var(--ck-line)}@media(hover:hover){.cknavm__gruppe--offen .cknavm__row:hover{background:var(--ck-line)}}.cknavm__gruppe--offen .cknavm__zahl{background:#fff}.cknavm__sub{padding-bottom:10px}.cknavm__sub a{display:flex;align-items:center;min-height:46px;padding:8px var(--ck-x) 8px calc(var(--ck-x) + 16px);color:var(--ck-ink);font-size:15px;font-weight:400;line-height:1.35;text-decoration:none;-webkit-tap-highlight-color:transparent;transition:background-color .22s ease}.cknavm__sub a:active{background:var(--ck-line);transition-duration:0ms}@media(hover:hover){.cknavm__sub a:hover{background:var(--ck-line)}}.cknavm__sub a:focus-visible{outline:2px solid var(--ck-ink);outline-offset:-3px;border-radius:8px}.cknavm__sub a[aria-current=page]{color:var(--ck-accent-dark);font-weight:600}.cknavm__direkt{margin-top:22px}.cknavm__eyebrow{display:block;padding:0 var(--ck-x) 6px;color:var(--ck-accent-dark);font-size:12px;font-weight:700;line-height:1.3;letter-spacing:.08em;text-transform:uppercase}.cknavm__direkt-liste a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:50px;padding:8px var(--ck-x);color:var(--ck-ink);font-size:16px;font-weight:500;line-height:1.3;text-decoration:none;-webkit-tap-highlight-color:transparent;transition:background-color .22s ease}.cknavm__direkt-liste a:active{background:var(--ck-sand);transition-duration:0ms}@media(hover:hover){.cknavm__direkt-liste a:hover{background:var(--ck-sand)}}.cknavm__direkt-liste a:focus-visible{outline:2px solid var(--ck-ink);outline-offset:-3px;border-radius:10px}.cknavm__direkt-liste a[aria-current=page]{color:var(--ck-accent-dark);font-weight:600}.cknavm__cta{display:flex;align-items:center;justify-content:center;gap:8px;min-height:50px;margin:22px var(--ck-x) 0;padding:8px 16px;border-radius:10px;background:var(--ck-accent-dark);color:#fff;font-size:15px;font-weight:600;line-height:1.3;text-align:center;text-decoration:none;-webkit-tap-highlight-color:transparent;transition:background-color .22s ease}.cknavm__cta:active{background:var(--ck-ink);transition-duration:0ms}@media(hover:hover){.cknavm__cta:hover{background:var(--ck-ink)}}.cknavm__cta:focus-visible{outline:2px solid var(--ck-ink);outline-offset:2px}.cknavm__hinweis{margin:12px var(--ck-x) 0;color:var(--ck-muted);font-size:13px;line-height:1.45}@media(min-width:1024px){.cknavm{display:none}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/ck-nav.css.map */