.search__input.field__input{padding-right:9.8rem}@media screen and (max-width: 425px){.search__input.field__input{padding-right:20rem}.search .field .field__label{font-size:1.2rem;line-height:2.3rem}}.search__button{right:var(--inputs-border-width);top:var(--inputs-border-width)}.reset__button{right:calc(var(--inputs-border-width) + 4.4rem);top:var(--inputs-border-width)}.reset__button:not(:focus-visible):after{border-right:.1rem solid rgba(var(--color-foreground),.08);display:block;height:calc(100% - 1.6rem);content:"";position:absolute;right:0}.reset__button:not(:focus):after{border-right:.1rem solid rgba(var(--color-foreground),.08);display:block;height:calc(100% - 1.8rem);content:"";position:absolute;right:0}.search__button:focus-visible,.reset__button:focus-visible{background-color:rgb(var(--color-background));z-index:4}.search__button:focus,.reset__button:focus{background-color:rgb(var(--color-background));z-index:4}.search__button:not(:focus-visible):not(.focused),.reset__button:not(:focus-visible):not(.focused){box-shadow:inherit;background-color:inherit}.search__button:hover .icon,.reset__button:hover .icon{transform:scale(1.07)}.search__button .icon{height:1.8rem;width:1.8rem}.reset__button .icon.icon-close{height:1.8rem;width:1.8rem;stroke-width:.1rem}input::-webkit-search-decoration{-webkit-appearance:none}.template-search__results{position:relative}.header__search{max-width:100%;margin-top:14px;margin-bottom:16px}@media screen and (max-width: 425px){.header__search{width:100%}}.header__search details{max-width:100%}.header__search summary{border-radius:4px;background:#f7f7f7;width:430px!important;max-width:100%;height:46px;padding:12px;text-decoration:none}.header__icon--search>span:after{content:"Suchbegriff eingeben ...";padding-left:10px;color:#6a6a6a;font-family:Outfit;font-size:16px;font-style:normal;font-weight:400;line-height:22px}@media screen and (max-width: 990px){{content:"Suchbegriff | Artikel ID eingeben ..."}}.header__icon--search span{justify-content:space-between;display:flex;flex-direction:row-reverse;font-size:13px}.od-header_transparent-home .header__search summary{border:1px solid #fff}.od-header_transparent-home .header__icon--search>span:after{color:#fff}.header__icon .icon path{fill:#12151c}.od-header_transparent-home .header__icon .icon path{fill:#fff!important}
/*# sourceMappingURL=/cdn/shop/t/20/assets/component-search.css.map */