.modal.drawer.search-drawer#Search-Drawer{z-index:1002}.modal.drawer.search-drawer#Search-Drawer[open]{padding:0;justify-content:flex-start;--drawer-animation-translate-x: calc(-1rem * var(--translate-x-direction))}body:has(header-drawer details[open]) .modal.drawer.search-drawer>.modal-overlay{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}body:has(header-drawer details[open]) .modal.drawer.search-drawer[open]:not(.kl-wisch-rein-rechts):not(.kl-wisch-rein-links):not(.kl-wisch-raus-rechts):not(.kl-wisch-raus-links)>.modal-inner{animation:none!important;opacity:1;transform:none}.modal.drawer.search-drawer>.modal-inner{width:var(--kl-einschub-breite, 30rem);max-width:100%;height:100%;min-height:0;padding:0;border-radius:0;display:block;background:rgb(var(--color-background));color:rgb(var(--color-foreground));box-shadow:8px 0 32px rgba(var(--color-foreground),.25)}.modal.drawer.search-drawer>.modal-inner:after{display:none}@media screen and (max-width:749px){.modal.drawer.search-drawer>.modal-inner{width:100%;box-shadow:none}}.kl-su{position:relative;display:flex;flex-direction:column;height:100%;min-height:0}.kl-su__kopf{flex-shrink:0;padding:2rem 2rem 1rem;background:rgb(var(--color-background))}@media screen and (max-width:749px){.kl-su__kopf{padding-top:1rem}}.kl-su__feld{align-items:center;gap:0;margin-inline-end:2.75rem}.kl-su__feld .kl-su__eingabe{min-width:0;padding-inline:4px;font-family:inherit;font-size:16px}.kl-su__zu{position:absolute;inset-block-start:1rem;inset-inline-end:1.25rem;z-index:3}@media screen and (min-width:750px){.kl-su__zu{inset-block-start:2rem}}.kl-su__zurueck{transition:width .3s ease,margin .3s ease,opacity .3s ease!important}#Search-Drawer.kl-su--aus-menue:not(.kl-su--feld-da) .kl-su__zurueck{width:0;margin-inline-start:calc(1rem - 4px);opacity:0;overflow:hidden}#Search-Drawer.kl-su--aus-menue>.modal-inner{background:transparent;transition:background-color .2s ease!important}#Search-Drawer.kl-su--aus-menue .kl-su__inhalt{opacity:0;transition:opacity .2s ease!important}#Search-Drawer.kl-su--aus-menue.kl-su--bereit>.modal-inner{background:rgb(var(--color-background))}#Search-Drawer.kl-su--aus-menue.kl-su--bereit .kl-su__inhalt{opacity:1}.kl-su__feld .kl-su__eingabe::placeholder{opacity:1;color:rgb(var(--kl-nebentext))}.kl-su__knopf{position:relative;z-index:2;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:3rem;padding:0;border:0;background:none;color:inherit;cursor:pointer}.kl-su__knopf[hidden]{display:none}.kl-su__knopf .icon{width:1.25rem;height:1.25rem}.kl-su__zurueck{margin-inline-start:4px}.kl-su__zurueck .icon{width:1.5rem;height:1.5rem}.kl-su__feld .kl-su__eingabe{padding-inline-start:calc(1rem + 4px)}.kl-su__ecke{position:relative;z-index:2;flex:0 0 auto;display:grid;justify-items:end;align-items:center;height:3rem;margin-inline-end:4px;overflow:hidden}.kl-su__ecke>.kl-su__knopf{grid-area:1 / 1;height:3rem;transition:transform .25s ease,opacity .25s ease!important}.kl-su__leeren{width:auto;padding:0 14px 0 8px;font-family:var(--font-heading-family),sans-serif;font-size:14px;font-weight:600;color:rgb(var(--color-foreground));white-space:nowrap;transform:translateY(100%);opacity:0;pointer-events:none}@media(hover:hover){.kl-su__leeren:hover{text-decoration:underline;text-underline-offset:3px}}.kl-su__feld:focus-within .kl-su__los{transform:translateY(-100%);opacity:0;pointer-events:none}.kl-su__feld:focus-within .kl-su__leeren{transform:none;opacity:1;pointer-events:auto}.kl-su__eingabe::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;display:none}.kl-su__knopf:hover .icon{transform:scale(1.1)}.kl-su__inhalt{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 2rem 2rem}.kl-su__block+.kl-su__block{margin-top:1.75rem}.kl-su__titel{margin:0 0 .5rem;font:700 1.0625rem/1.3 var(--font-heading-family),sans-serif;letter-spacing:normal}.kl-su__liste,.kl-su__vorschlaege{list-style:none;margin:0;padding:0}.kl-su__zeile{display:flex;align-items:center;gap:10px;min-height:2.75rem;padding:4px 0;color:inherit;text-decoration:none;line-height:1.35}.kl-su__zeile:hover{text-decoration:underline;text-underline-offset:3px}.kl-su__zeile .kl-sym{flex:0 0 auto;width:1.375rem;height:1.375rem;fill:currentColor}.kl-su__beliebt .kl-su__zeile{font-weight:600}.kl-su__zuletzt-eintrag{display:flex;align-items:center}.kl-su__zuletzt-eintrag .kl-su__zeile{flex:1 1 auto;min-width:0}.kl-su__zeile-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kl-su__weg{margin-inline-end:-.75rem}.kl-su__weg .icon{width:1rem;height:1rem}div.kl-su__vorschlaege>.kl-su__vs-gruppe+.kl-su__vs-gruppe{margin-top:1rem}.kl-su__vs-gruppe .kl-su__titel{margin-bottom:0}.kl-su__zeile.kl-su__vorschlag{align-items:baseline;gap:12px;padding-block:11px;font-weight:400}.kl-su__zeile.kl-su__vorschlag:hover{text-decoration:none}.kl-su__vorschlag:hover .kl-su__vs-name{text-decoration:underline;text-underline-offset:3px}.kl-su__vs-name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kl-su__vorschlag b{font-weight:700}div.kl-su__vorschlaege .kl-su__vs-seiten{display:flex;flex-direction:column;gap:1.25rem;margin-top:1rem}div.kl-su__vorschlaege .kl-su__vs-seiten:first-child{margin-top:.5rem}div.kl-su__vorschlaege .kl-su__vs-seiten>.kl-su__block{margin:0}.kl-su__vs-pillen .kl-su__liste{display:flex;flex-wrap:wrap;gap:6px;padding-top:.5rem}.kl-su__vs-pillen li{max-width:100%}.kl-su__zeile.kl-su__vs-pille{display:block;max-width:100%;padding:0 12px;line-height:2.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kl-su__vorschlaege .kl-su__vs-top .kl-su__zeile.kl-su__vs-pille{background:rgb(var(--kl-link-hover));font-weight:700}.kl-su__vorschlaege .kl-su__vs-top .kl-su__zeile.kl-su__vs-pille:hover{background:rgba(var(--kl-link-hover),.75)}.kl-ks div.kl-su__vorschlaege.kl-su__vs--beide:not([hidden]){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"top top" "links rechts" "unten unten";gap:1.75rem 2.5rem;align-items:start}.kl-ks div.kl-su__vorschlaege.kl-su__vs--beide>.kl-su__vs-top{grid-area:top}.kl-ks div.kl-su__vorschlaege.kl-su__vs--beide>.kl-su__vs-seiten{margin-top:0}.kl-ks div.kl-su__vorschlaege.kl-su__vs--beide>.kl-su__vs-links{grid-area:links}.kl-ks div.kl-su__vorschlaege.kl-su__vs--beide>.kl-su__vs-rechts{grid-area:rechts}.kl-ks div.kl-su__vorschlaege.kl-su__vs--beide>.kl-su__vs-unten{grid-area:unten}.kl-su__vs-art{flex:0 0 auto;font-size:.8125rem;color:rgb(var(--kl-nebentext));opacity:.7;white-space:nowrap}.kl-su__suchen .kl-su__liste{display:flex;flex-wrap:wrap;gap:8px}.kl-su__zeile.kl-su__pille{min-height:2.25rem;padding:0 14px;border-radius:999px;background:rgb(var(--kl-kasten-hervorgehoben));font-size:.875rem;font-weight:600;transition:background-color .15s ease}.kl-su__zeile.kl-su__pille:hover{text-decoration:none;background:rgb(var(--kl-link-hover))}.kl-su .kl-su__start{display:flex;flex-direction:column;gap:1.75rem}.kl-su .kl-su__start[hidden]{display:none}.kl-su .kl-su__block+.kl-su__block{margin-top:0}.kl-su .kl-su__suchen{order:-1}.kl-su [data-kl-nur-kopf],.kl-ks{display:none}@media screen and (min-width:750px){.section-header .header-main{position:relative}.kl-ks{display:contents;--kl-ks-frei: 270px}.kl-ks__kopf{position:absolute;top:50%;left:50%;z-index:3;width:min(50%,calc(100% - 2 * var(--kl-ks-frei)));padding:0;background:none;transform:translate(-50%,-50%)}.kl-ks__feld{margin-inline-end:0;background:rgb(var(--color-background))}.kl-ks__feld .kl-su__eingabe{padding-inline-start:calc(1rem + 4px)}.kl-ks__flaeche{position:fixed;top:var(--kl-ks-oben, 80px);left:0;right:0;z-index:2;min-height:50vh;max-height:calc(100vh - var(--kl-ks-oben, 80px) - 2rem);overflow-y:auto;overscroll-behavior:contain;border-top:1px solid rgb(var(--kl-linie));box-shadow:0 16px 32px rgba(var(--color-foreground),.12);visibility:hidden;opacity:0;clip-path:inset(0 0 100% 0);transition:clip-path .38s cubic-bezier(.2,.7,.2,1),opacity .3s ease,visibility 0s linear .38s!important}.kl-ks.is-offen .kl-ks__flaeche{visibility:visible;opacity:1;clip-path:inset(0 0 -48px 0);transition:clip-path .38s cubic-bezier(.2,.7,.2,1),opacity .24s ease,visibility 0s!important}.kl-ks__rahmen{box-sizing:border-box;width:max(var(--kl-ks-feld-breite, 520px),680px);max-width:calc(100vw - 4rem);margin-inline-start:clamp(2rem,var(--kl-ks-feld-links, 2rem),calc(100vw - 2rem - max(var(--kl-ks-feld-breite, 520px),680px)));padding:1.5rem 0 2rem}.kl-ks .kl-su__inhalt{padding:0;overflow:visible}.kl-ks .kl-su__start{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto auto;grid-template-areas:"zuletzt beliebt" "zuletzt marken" "suchen suchen";gap:1.75rem 2.5rem;align-items:start}.kl-ks .kl-su__start[hidden]{display:none}.kl-ks .kl-su__block+.kl-su__block{margin-top:0}.kl-ks .kl-su__zuletzt{grid-area:zuletzt}.kl-ks .kl-su__start:has(>.kl-su__suchen)>.kl-su__zuletzt{align-self:stretch;contain:size;overflow:hidden;min-height:9rem}.kl-ks .kl-su__beliebt{grid-area:beliebt}.kl-ks .kl-su__marken{grid-area:marken}.kl-ks .kl-su__suchen{grid-area:suchen}.kl-ks .kl-su__start:has(>.kl-su__zuletzt[hidden]){grid-template-areas:"beliebt marken" "suchen suchen";grid-template-rows:auto auto}.kl-ks .kl-su__titel{font-size:.9375rem;color:rgb(var(--kl-nebentext))}.kl-ks .kl-su__zeile{min-height:2.25rem;padding-block:2px}.kl-ks :is(.kl-su__beliebt,.kl-su__marken) .kl-su__liste{display:flex;flex-wrap:wrap;gap:8px}.kl-ks :is(.kl-su__beliebt,.kl-su__marken) .kl-su__zeile{min-height:2.25rem;padding:0 14px;border:1px solid rgb(var(--kl-linie));border-radius:999px;background:rgba(var(--color-foreground),.03);font-size:.875rem;transition:background-color .15s ease}.kl-ks :is(.kl-su__beliebt,.kl-su__marken) .kl-su__zeile:hover{text-decoration:none;background:rgb(var(--kl-kasten-hervorgehoben))}.kl-ks .kl-su__marken .kl-su__zeile{font-weight:600}.kl-ks .kl-su__zeile.kl-su__pille{background:rgba(var(--kl-link-hover),.45)}.kl-ks .kl-su__zeile.kl-su__pille:hover{background:rgba(var(--kl-link-hover),.8)}html.kl-ks-offen .section-header{z-index:1000}.kl-ks .kl-su__vorschlaege{max-width:var(--kl-ks-feld-breite, 520px)}.kl-ks .kl-ks__schleier{display:block;position:fixed;top:var(--kl-ks-oben, 80px);left:0;right:0;bottom:0;z-index:1;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .38s ease,visibility 0s linear .38s!important}.kl-ks.is-offen .kl-ks__schleier{visibility:visible;opacity:1;transition:opacity .38s ease,visibility 0s!important}}@media screen and (min-width:1100px){.kl-ks{--kl-ks-frei: 330px}}
/*# sourceMappingURL=/cdn/shop/t/96/assets/kl-suche.css.map */