.oc-kat__wrap{max-width:1280px;margin:0 auto;padding:0 24px;box-sizing:border-box}.oc-kat__h2{margin:0 0 14px;font-family:var(--font-headings-family),system-ui,sans-serif;font-size:22px;font-weight:var(--oc-gewicht, 600);line-height:1.25;color:var(--oc-text, #1a1a1a)}@media(max-width:749px){.oc-kat__wrap{padding:0 16px}.oc-kat__h2{font-size:19px}}.oc-kat-bk{padding:14px 0 0;font-size:13px;color:var(--oc-grau, #5c5c58)}.oc-kat-bk__liste{display:flex;flex-wrap:wrap;gap:4px 0;margin:0;padding:0;list-style:none}.oc-kat-bk__liste li+li:before{content:"\203a";margin:0 8px;color:var(--oc-grau, #5c5c58)}.oc-kat-bk__liste a{color:var(--oc-grau, #5c5c58);text-decoration:none}.oc-kat-bk__liste a:hover{color:var(--oc-marke, #004429);text-decoration:underline;text-underline-offset:3px}.oc-kat-bk__liste [aria-current]{color:var(--oc-text, #1a1a1a)}.oc-kat-kopf__titel{margin:0;font-family:var(--kopf-font, var(--font-headings-family)),serif;font-size:clamp(30px,4vw,44px);font-weight:700;line-height:1.1;letter-spacing:-.01em;color:var(--oc-text, #1a1a1a)}.oc-kat-kopf__zeile{margin:10px 0 0;font-size:14px;color:var(--kopf-akzent, var(--oc-grau, #5c5c58));font-weight:500}.oc-kat-kopf__kurz{max-width:760px;margin:10px 0 0;font-size:15px;line-height:1.55;color:var(--oc-text, #1a1a1a)}.oc-kat-reihe,.oc-kat-uk__reihe{display:flex;gap:16px;margin:0;padding:2px 0 8px;list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.oc-kat-reihe::-webkit-scrollbar,.oc-kat-uk__reihe::-webkit-scrollbar{display:none}.oc-kat-reihe>li{flex:0 0 calc((100% - 64px)/5);min-width:0;scroll-snap-align:start}.oc-kat-reihe.is-ziehen,.oc-kat-uk__reihe.is-ziehen{cursor:grabbing}.oc-kat-reihe[aria-busy=true]:empty{min-height:120px}@media(max-width:989px){.oc-kat-reihe>li{flex-basis:calc((100% - 2 * 16px) / 3)}}@media(max-width:749px){.oc-kat-reihe,.oc-kat-uk__reihe{gap:12px;margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px;scroll-padding-left:16px}.oc-kat-reihe>li{flex-basis:46%}}.oc-kat-uk{padding:18px 0 6px}.oc-kat-uk__h{margin:0 0 10px;font-size:15px;font-weight:600;color:var(--oc-grau, #5c5c58)}.oc-kat-uk__kachel{flex:0 0 auto;width:120px;scroll-snap-align:start;text-align:center}.oc-kat-uk__kachel a{display:block;color:var(--oc-text, #1a1a1a);text-decoration:none}.oc-kat-uk__bild{display:block;width:96px;height:96px;margin:0 auto 8px;border-radius:50%;overflow:hidden;background:var(--oc-hell, #f6f6f4);border:1px solid var(--oc-linie, #e4e4e0);transition:border-color .15s ease,transform .2s ease}.oc-kat-uk__bild img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply}.oc-kat-uk__kachel a:hover .oc-kat-uk__bild{border-color:var(--oc-marke, #004429);transform:translateY(-2px)}.oc-kat-uk__kachel a:focus-visible{outline:2px solid var(--oc-marke, #004429);outline-offset:2px;border-radius:var(--oc-rund, 0px)}.oc-kat-uk__name{display:block;font-size:13px;line-height:1.3;font-weight:500}.oc-kat-uk__kachel .oc-kat-uk__zahl{display:block;margin-top:2px;font-size:12px;color:var(--oc-grau, #5c5c58)}@media(max-width:749px){.oc-kat-uk__kachel{width:96px}.oc-kat-uk__bild{width:76px;height:76px}}.oc-kat-uk--chips .oc-kat-uk__reihe{gap:8px}.oc-kat-uk--chips li{flex:0 0 auto;scroll-snap-align:start}.oc-kat-uk__chip{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 14px;border:1px solid var(--oc-linie, #e4e4e0);border-radius:999px;background:#fff;color:var(--oc-text, #1a1a1a);font-size:13px;font-weight:500;white-space:nowrap;text-decoration:none}.oc-kat-uk__chip .oc-kat-uk__zahl{font-size:12px;color:var(--oc-grau, #5c5c58)}.oc-kat-uk__chip:hover{border-color:var(--oc-marke, #004429);color:var(--oc-marke, #004429)}.oc-kat-uk__chip.is-aktiv{background:var(--oc-marke, #004429);border-color:var(--oc-marke, #004429);color:#fff}.oc-kat-uk__chip.is-aktiv .oc-kat-uk__zahl{color:#fffc}.oc-kat-uk__chip--eltern{background:var(--oc-hell, #f6f6f4)}.oc-kat-uk__chip:focus-visible{outline:2px solid var(--oc-marke, #004429);outline-offset:2px}.oc-kat-beliebt,.oc-kat-fokus{padding:24px 0 8px}.oc-kat-fokus__box{padding:20px 20px 12px;border-radius:var(--oc-rund, 0px);background:var(--oc-hell, #f6f6f4)}.oc-kat-fokus__kopf{display:flex;align-items:center;gap:16px;margin-bottom:14px}.oc-kat-fokus__logo{flex:0 0 64px;width:64px;height:64px;border-radius:50%;overflow:hidden;background:#fff;border:1px solid var(--oc-linie, #e4e4e0)}.oc-kat-fokus__logo img{width:100%;height:100%;object-fit:cover}.oc-kat-fokus__text{flex:1 1 auto;min-width:0}.oc-kat-fokus__text .oc-kat__h2{margin:0}.oc-kat-fokus__text p{margin:4px 0 0;font-size:14px;color:var(--oc-grau, #5c5c58)}.oc-kat-fokus__knopf{flex:0 0 auto;display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border:1px solid var(--oc-marke, #004429);border-radius:var(--oc-rund, 0px);background:#fff;color:var(--oc-marke, #004429)!important;font-size:13px;font-weight:600;text-decoration:none!important}.oc-kat-fokus__knopf:hover{background:var(--oc-marke, #004429);color:#fff!important}.oc-kat-fokus .oc-karte__bild{background:#fff}@media(max-width:749px){.oc-kat-fokus__box{padding:16px 16px 8px}.oc-kat-fokus__kopf{flex-wrap:wrap;gap:12px}.oc-kat-fokus__logo{flex-basis:48px;width:48px;height:48px}.oc-kat-fokus__knopf{width:100%;justify-content:center}.oc-kat-fokus .oc-kat-reihe{margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px}}.oc-kat-raster{padding:24px 0 32px}.oc-kat-raster__kopf{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;padding-bottom:12px;border-bottom:1px solid var(--oc-linie, #e4e4e0)}.oc-kat-raster__zahl{margin:0;font-size:14px;color:var(--oc-grau, #5c5c58)}.oc-kat-raster__sort{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--oc-grau, #5c5c58)}.oc-kat-raster__sort select,.oc-kat-filter__sort select{min-height:38px;padding:0 32px 0 12px;border:1px solid var(--oc-linie, #e4e4e0);border-radius:var(--oc-rund, 0px);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231a1a1a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") no-repeat right 10px center / 14px;color:var(--oc-text, #1a1a1a);font:inherit;font-size:14px;appearance:none;-webkit-appearance:none}.oc-kat-raster__filterknopf{display:none}.oc-kat-raster__body{display:grid;grid-template-columns:240px minmax(0,1fr);gap:32px;align-items:start}.oc-kat-raster--ohne-filter .oc-kat-raster__body{grid-template-columns:minmax(0,1fr)}.oc-kat-raster--ohne-filter .oc-kat-filter{display:none}.oc-kat-raster__inhalt[aria-busy=true]{opacity:.5;pointer-events:none}.oc-kat-raster__leer{margin:0;padding:24px 0;font-size:15px;color:var(--oc-grau, #5c5c58)}.oc-kat-raster__leer a{color:var(--oc-marke, #004429);text-decoration:underline}.oc-kat-filter{font-size:14px}.oc-kat-filter__kopf{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;font-size:15px}.oc-kat-filter__zu{display:none;width:40px;height:40px;border:0;background:transparent;color:var(--oc-text, #1a1a1a);cursor:pointer;border-radius:50%}.oc-kat-filter__zu:hover{background:var(--oc-hell, #f6f6f4)}.oc-kat-filter__sort{display:none}.oc-kat-filter__gruppe{margin:0 0 6px;padding:12px 0;border:0;border-top:1px solid var(--oc-linie, #e4e4e0)}.oc-kat-filter__gruppe legend{padding:0;margin-bottom:8px;font-weight:600;font-size:14px}.oc-kat-filter__gruppe ul{margin:0;padding:0;list-style:none}.oc-kat-filter__gruppe--lang ul{max-height:260px;overflow-y:auto;padding-right:6px}.oc-kat-filter__wahl{display:flex;align-items:center;gap:8px;min-height:32px;cursor:pointer}.oc-kat-filter__wahl input{width:17px;height:17px;margin:0;accent-color:var(--oc-marke, #004429)}.oc-kat-filter__wahl span{flex:1 1 auto;min-width:0}.oc-kat-filter__wahl small{font-size:12px;color:var(--oc-grau, #5c5c58)}.oc-kat-filter__wahl.is-leer{color:var(--oc-grau, #5c5c58);opacity:.6;cursor:default}.oc-kat-filter__preis{display:flex;align-items:flex-end;gap:8px}.oc-kat-filter__preis label{flex:1 1 0;display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--oc-grau, #5c5c58)}.oc-kat-filter__preis input{width:100%;min-height:38px;padding:0 10px;border:1px solid var(--oc-linie, #e4e4e0);border-radius:var(--oc-rund, 0px);font:inherit;font-size:14px;box-sizing:border-box}.oc-kat-filter__waehrung{padding-bottom:10px;color:var(--oc-grau, #5c5c58)}.oc-kat-filter__fuss{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:12px;border-top:1px solid var(--oc-linie, #e4e4e0)}.oc-kat-filter__reset{font-size:13px;color:var(--oc-marke, #004429);text-decoration:underline;text-underline-offset:3px}.oc-kat-filter__anwenden{display:none}.oc-kat-filter input:focus-visible,.oc-kat-filter select:focus-visible,.oc-kat-filter a:focus-visible,.oc-kat-filter button:focus-visible{outline:2px solid var(--oc-marke, #004429);outline-offset:2px}.oc-kat-raster__mehr{display:flex;flex-direction:column;align-items:center;gap:18px;margin-top:32px}.oc-kat-raster__weitere{min-height:46px;padding:0 28px;border:1px solid var(--oc-marke, #004429);border-radius:var(--oc-rund, 0px);background:var(--oc-marke, #004429);color:#fff;font:inherit;font-size:14px;font-weight:600;cursor:pointer}.oc-kat-raster__weitere:hover{background:var(--oc-marke-dunkel, #00301d)}.oc-kat-raster__weitere[disabled]{opacity:.6;cursor:progress}.oc-kat-raster__seiten ol{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;margin:0;padding:0;list-style:none}.oc-kat-raster__seiten a,.oc-kat-raster__seiten span{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 8px;border-radius:var(--oc-rund, 0px);font-size:14px;color:var(--oc-text, #1a1a1a);text-decoration:none}.oc-kat-raster__seiten a:hover{background:var(--oc-hell, #f6f6f4)}.oc-kat-raster__seiten a.is-aktiv{background:var(--oc-marke, #004429);color:#fff}@media(max-width:989px){.oc-kat-raster__body{grid-template-columns:minmax(0,1fr);gap:0}.oc-kat-raster__sort{display:none}.oc-kat-raster__filterknopf{position:fixed;left:50%;bottom:16px;z-index:80;transform:translate(-50%);display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 20px;border:0;border-radius:999px;background:var(--oc-dunkel, #1a1a1a);color:#fff;font:inherit;font-size:14px;font-weight:600;box-shadow:0 8px 24px #00000040;cursor:pointer;white-space:nowrap}.oc-kat-raster--ohne-filter .oc-kat-raster__filterknopf{display:inline-flex}.oc-kat-raster--ohne-filter .oc-kat-filter{display:block}.oc-kat-raster__badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--oc-marke, #004429);font-size:12px}.oc-kat-filter{position:fixed;inset:0 0 0 auto;z-index:90;width:min(88vw,400px);padding:12px 20px 20px;overflow-y:auto;background:#fff;box-shadow:-10px 0 40px #0003;transform:translate(100%);visibility:hidden;transition:transform .25s ease,visibility .25s;box-sizing:border-box}.oc-kat-filter.is-offen{transform:none;visibility:visible}.oc-kat-filter__zu{display:inline-flex;align-items:center;justify-content:center}.oc-kat-filter__sort{display:block;padding:8px 0 14px}.oc-kat-filter__sort label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--oc-grau, #5c5c58)}.oc-kat-filter__anwenden{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 20px;border:0;border-radius:var(--oc-rund, 0px);background:var(--oc-marke, #004429);color:#fff;font:inherit;font-size:14px;font-weight:600;cursor:pointer}.oc-kat-filter__fuss{position:sticky;bottom:0;margin:0 -20px -20px;padding:12px 20px;background:#fff}.oc-kat-raster__schleier{position:fixed;top:0;right:0;bottom:0;left:0;z-index:85;background:#14141473}}@media(prefers-reduced-motion:reduce){.oc-kat-filter,.oc-kat-uk__bild{transition:none}}.oc-kat-mehr{padding:8px 0 40px}.oc-kat-mehr__box{border-top:1px solid var(--oc-linie, #e4e4e0);border-bottom:1px solid var(--oc-linie, #e4e4e0)}.oc-kat-mehr__titel{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 0;font-size:16px;font-weight:600;cursor:pointer;list-style:none}.oc-kat-mehr__titel::-webkit-details-marker{display:none}.oc-kat-mehr__titel svg{flex-shrink:0;transition:transform .2s ease}.oc-kat-mehr__box[open] .oc-kat-mehr__titel svg{transform:rotate(180deg)}.oc-kat-mehr__text{max-width:820px;padding:0 0 20px;font-size:15px;line-height:1.6;color:var(--oc-text, #1a1a1a)}.oc-kat-mehr__text :first-child{margin-top:0}.oc-kat-reihe-wrap{position:relative}.oc-kat-reihe-wrap:before,.oc-kat-reihe-wrap:after{content:"";position:absolute;top:0;bottom:8px;width:56px;z-index:2;pointer-events:none;opacity:0;transition:opacity .2s ease}.oc-kat-reihe-wrap:before{left:-1px;background:linear-gradient(to right,var(--oc-reihe-rand, #fff),rgba(255,255,255,0))}.oc-kat-reihe-wrap:after{right:-1px;background:linear-gradient(to left,var(--oc-reihe-rand, #fff),rgba(255,255,255,0))}.oc-kat-reihe-wrap.is-links:before,.oc-kat-reihe-wrap.is-rechts:after{opacity:1}.oc-kat-fokus .oc-kat-reihe-wrap{--oc-reihe-rand: var(--oc-hell, #f6f6f4)}.oc-kat-reihe__pfeil{position:absolute;top:50%;z-index:3;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin-top:-26px;padding:0;border:1px solid var(--oc-linie, #e4e4e0);border-radius:50%;background:#fff;color:var(--oc-text, #1a1a1a);box-shadow:0 6px 18px #0000001f;cursor:pointer}.oc-kat-reihe__pfeil--zurueck{left:-22px}.oc-kat-reihe__pfeil--weiter{right:-22px}.oc-kat-reihe__pfeil:hover{border-color:var(--oc-marke, #004429);color:var(--oc-marke, #004429)}.oc-kat-reihe__pfeil:focus-visible{outline:2px solid var(--oc-marke, #004429);outline-offset:2px}.oc-kat-reihe__pfeil[hidden]{display:none}.oc-kat-uk--kacheln .oc-kat-reihe__pfeil{margin-top:-40px}@media(max-width:989px){.oc-kat-reihe__pfeil{display:none}.oc-kat-reihe-wrap:before,.oc-kat-reihe-wrap:after{width:28px}.oc-kat-reihe-wrap:before{left:-16px}.oc-kat-reihe-wrap:after{right:-16px}}@media(prefers-reduced-motion:reduce){.oc-kat-reihe-wrap:before,.oc-kat-reihe-wrap:after{transition:none}}.oc-kat-raster__fortschritt{margin:0;font-size:13px;color:var(--oc-grau, #5c5c58)}.oc-kat-raster__balken{width:min(320px,100%);height:4px;border-radius:999px;background:var(--oc-linie, #e4e4e0);overflow:hidden}.oc-kat-raster__balken span{display:block;height:100%;background:var(--oc-marke, #004429);transition:width .25s ease}.oc-kat-raster__mehr{gap:10px}.oc-kat-raster__mehr .oc-kat-raster__weitere{margin-top:6px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none!important;color:#fff!important}.oc-kat-raster__weitere[aria-busy=true]{opacity:.6;cursor:progress}.oc-kat-raster__vorher{display:flex;justify-content:center;margin:0 0 18px}.oc-kat-raster__vorherige{display:inline-flex;align-items:center;min-height:40px;padding:0 18px;border:1px solid var(--oc-linie, #e4e4e0);border-radius:var(--oc-rund, 0px);background:#fff;color:var(--oc-marke, #004429)!important;font-size:13px;font-weight:600;text-decoration:none!important}.oc-kat-raster__vorherige[aria-busy=true]{opacity:.6;cursor:progress}.oc-kat-filter__weitere{margin-top:6px;border-top:1px solid var(--oc-linie, #e4e4e0)}.oc-kat-filter__weitere summary{padding:12px 0;font-weight:600;cursor:pointer}.oc-kat-raster--suche .oc-kat-raster__body{grid-template-columns:240px minmax(0,1fr)}.oc-kat-raster--suche .oc-kat-filter{display:block}@media(max-width:989px){.oc-kat-raster--suche .oc-kat-raster__body{grid-template-columns:minmax(0,1fr)}}.oc-kat-raster [tabindex="-1"]:focus{outline:none}.oc-kat-raster li:focus-within .oc-karte__link:after{outline:2px solid var(--oc-marke, #004429);outline-offset:3px}
/*# sourceMappingURL=/cdn/shop/t/37/assets/oc-kat.css.map */