.recipe-search__headline{color:var(--z-ds-color-text-100);font-family:"ZeitTiemannSchmal",Georgia,Palatino,"Palatino Linotype",FreeSerif,serif;font-size:var(--z-ds-fontsize-36);font-weight:normal;line-height:var(--z-ds-lineheight-11);text-align:center}@media screen and (min-width: 48em){.recipe-search__headline{font-size:var(--z-ds-fontsize-46)}}.recipe-search{background-color:var(--woma-background-beige-light);margin:var(--z-ds-space-xxl) auto;max-width:55.75rem;padding:var(--z-ds-space-xxl) 0;text-align:center}@media screen and (min-width: 48em){.recipe-search{padding-inline:var(--z-ds-space-xxl)}}.recipe-search--results{background-color:rgba(0,0,0,0);margin-block:var(--z-ds-space-xl);padding:0 var(--z-gap)}.recipe-search .centerpage-header__title{margin:0 auto var(--z-ds-space-m)}.recipe-search__headline{margin:0 var(--z-ds-space-m) var(--z-ds-space-m)}@media screen and (min-width: 48em){.recipe-search__headline{font-size:var(--z-ds-fontsize-46)}}.recipe-search__container{position:relative}.recipe-search__input{background-color:var(--z-ds-color-background-0);border:1px solid var(--z-ds-color-border-100);border-radius:var(--z-ds-border-radius-4);caret-color:var(--z-ds-color-accent-100);color:var(--z-ds-color-text-100);font-size:var(--z-ds-fontsize-16);min-height:2.5rem;min-width:100%;padding:var(--z-ds-space-xs) var(--z-ds-space-xxl) var(--z-ds-space-xs) calc(var(--z-ds-space-m) + 18px + var(--z-ds-space-xs))}@media screen and (min-width: 48em){.recipe-search__input{min-height:3.5rem;padding-right:8.75rem}}.recipe-search__input:focus{background-color:var(--z-ds-color-background-0);border-color:var(--z-ds-color-text-100);outline:none}.recipe-search__input-actions{display:flex;gap:var(--z-ds-space-m);position:absolute;right:var(--z-ds-space-xs);top:calc(var(--z-ds-space-xs) + 2px)}.recipe-search__input:invalid+.recipe-search__input-actions>.recipe-search__cancel{display:none}.recipe-search__cancel{background-color:rgba(0,0,0,0);border-width:0;color:inherit;cursor:pointer;font:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0;align-self:center;height:1.125rem}.recipe-search__cancel-icon{color:var(--z-ds-color-text-40)}.recipe-search__submit{display:none}@media screen and (min-width: 48em){.recipe-search__submit{display:block;padding-block:var(--z-ds-space-xs)}}.recipe-search__form{margin:0 var(--z-ds-space-m);max-width:46.25rem}@media screen and (min-width: 48em){.recipe-search__form{margin:0 auto}}.recipe-search--results .recipe-search__form{margin:0 auto}.recipe-search__icon{left:calc(var(--z-ds-space-xxxs) + var(--z-ds-space-s));pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.recipe-search__suggestions{background-color:var(--z-ds-color-background-0);box-shadow:var(--z-ds-boxshadow-base);color:var(--z-ds-color-text-100);font-size:var(--z-ds-fontsize-14);left:0;list-style:none;margin:0 calc(var(--z-ds-space-m)*-1);min-width:100%;overflow:hidden;padding:var(--z-ds-space-xs) var(--z-ds-space-m);position:absolute;right:0;text-align:left;z-index:3}@media screen and (min-width: 48em){.recipe-search__suggestions{border-radius:var(--z-ds-border-radius-4);margin:var(--z-ds-space-xs) 0;max-width:46.25rem;padding:var(--z-ds-space-xxxs)}}.recipe-search__suggestions li{align-items:center;cursor:pointer;display:flex;height:48px;line-height:var(--z-ds-lineheight-10);padding:var(--z-ds-space-xxxs) var(--z-ds-space-s) var(--z-ds-space-xxxs) calc(var(--z-ds-space-m) + 18px + var(--z-ds-space-xs))}.recipe-search__suggestions li:focus,.recipe-search__suggestions li:hover,.recipe-search__suggestions li.selected{background-color:var(--z-ds-color-background-10);border-radius:var(--z-ds-border-radius-4)}.recipe-search__suggestions li span.prefix{color:var(--z-ds-color-text-55);font-size:var(--z-ds-fontsize-12);margin-bottom:var(--z-ds-space-xxxs)}.recipe-search__suggestions li a{color:currentColor;display:flex;flex-direction:column}.recipe-search__suggestions li svg{left:var(--z-ds-space-xl);pointer-events:none;position:absolute}.recipe-search__suggestions li svg>*{stroke:var(--z-ds-color-text-40)}@media screen and (min-width: 48em){.recipe-search__suggestions li svg{left:calc(var(--z-ds-space-xxxs) + var(--z-ds-space-s))}}.recipe-search__suggestions li svg:last-child{height:auto;left:auto;margin-left:var(--z-ds-space-xs);right:calc(var(--z-ds-space-m) + var(--z-ds-space-s));width:.875rem}@media screen and (min-width: 48em){.recipe-search__suggestions li svg:last-child{right:var(--z-ds-space-s)}}.recipe-search__suggestions li:has(.prefix){align-items:baseline;flex-direction:column;justify-content:center}.search-options{z-index:2}.search-options__container{display:flex;flex-wrap:wrap;margin-inline:auto;margin-top:var(--z-ds-space-m)}@media screen and (min-width: 48em){.search-options__container{flex-direction:row;max-width:41.25rem}}.search-options__actions{align-items:center;display:flex;gap:var(--z-ds-space-l);justify-content:center;margin-top:var(--z-ds-space-m)}.search-options__reset[hidden]{display:none}.search-options__refresh[hidden]{display:none}.search-range{border:1px solid var(--z-ds-color-border-70);color:var(--z-ds-color-text-55);flex:1 1 40%;font-size:var(--z-ds-fontsize-14);font-weight:normal;margin:0;padding:0;position:relative;text-align:left}.search-range:first-of-type{border-bottom-width:0;border-top-left-radius:var(--z-ds-border-radius-4);border-top-right-radius:var(--z-ds-border-radius-4);flex-basis:100%}.search-range:nth-child(2){border-bottom-left-radius:var(--z-ds-border-radius-4);border-right-width:0}.search-range:last-of-type{border-bottom-right-radius:var(--z-ds-border-radius-4)}@media screen and (min-width: 48em){.search-range{border-right-width:0;flex:1 1 30%}.search-range:first-of-type{border-bottom-left-radius:var(--z-ds-border-radius-4);border-bottom-width:1px;border-top-right-radius:0;flex-basis:30%}.search-range:nth-child(2){border-bottom-left-radius:0}.search-range:last-of-type{border-right-width:1px;border-top-right-radius:var(--z-ds-border-radius-4)}}.search-range__button{background-color:rgba(0,0,0,0);border-width:0;color:inherit;cursor:pointer;font:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0;align-items:center;display:flex;gap:var(--z-ds-space-xs);min-width:100%;padding:var(--z-ds-space-xs) var(--z-ds-space-s)}.search-range__button-badge{background-color:var(--z-ds-color-background-10);border-radius:.625rem;color:var(--z-ds-color-text-55);height:1.25rem;margin-left:auto;text-align:center;width:1.25rem}.search-range__button-badge--hidden{display:inline;opacity:0}.search-range__label{align-items:center;color:var(--z-ds-color-text-55);cursor:pointer;display:flex;flex-direction:row-reverse;justify-content:space-between;padding:var(--z-ds-space-s);white-space:nowrap}.search-range__label:hover,.search-range__label:active,.search-range__label:focus{background-color:var(--z-ds-color-background-10)}.search-range__label:hover .search-range__checkmark,.search-range__label:active .search-range__checkmark,.search-range__label:focus .search-range__checkmark{border-color:var(--z-ds-color-text-100)}.search-range__checkmark{background-color:var(--z-ds-color-background-0);border:1px solid var(--z-ds-color-border-100);border-radius:var(--z-ds-border-radius-4);color:var(--z-ds-color-background-0);height:1.125rem;width:1.125rem}.search-range__arrow{color:var(--z-ds-color-text-40)}.search-range__extend{background-color:var(--z-ds-color-background-0);border:1px solid var(--z-ds-color-text-100);border-radius:0 0 .25rem .25rem;left:-1px;overflow:hidden;right:-1px;transition:max-height .3s;z-index:1}.js .search-range__extend{max-height:0}@media screen and (min-width: 48em){.js .search-range__extend{position:absolute}}.search-range__input:checked+.search-range__label .search-range__checkmark{background-color:var(--z-ds-color-text-100);border-color:var(--z-ds-color-text-100)}.search-range--open{border:1px solid var(--z-ds-color-text-100)}.search-range--open .search-range__button--initial{color:var(--z-ds-color-text-100)}.search-range--open:not(:first-of-type){border-radius:0}.search-range--open:nth-child(2){border-right-width:1px}.search-range--open:nth-child(2)+.search-range{border-left-color:rgba(0,0,0,0)}@media screen and (min-width: 48em){.search-range--open:first-of-type{border-bottom-left-radius:0}.search-range--open:first-of-type+.search-range{border-left-color:rgba(0,0,0,0)}.search-range--open:last-of-type{border-top-right-radius:var(--z-ds-border-radius-4)}}.search-range--open .search-range__button{background-color:rgba(0,0,0,0);border-bottom-color:rgba(0,0,0,0);border-bottom-right-radius:0;border-top-left-radius:var(--z-ds-border-radius-4);box-shadow:none;position:relative;width:100%;z-index:1}.search-range--open .search-range__arrow{transform:rotate(180deg)}.search-range--open .search-range__extend{max-height:20em;position:absolute}.recipe-search-categories{--_z-carousel-slide-width: auto;--_z-carousel-slide-gap: var(--z-ds-space-xs);--_z-carousel-padding-block-end: 0;margin:0 auto;max-width:46.25rem;position:relative;z-index:0}.recipe-search-categories .zon-carousel__slide-control-wrapper{padding-top:1px}.recipe-search-categories .zon-carousel__direction-button{margin-top:calc(var(--z-ds-space-xl) + .6875rem - .0625rem)}.recipe-search-categories .zon-carousel__scroll-container{--_z-carousel-padding-inline: 0}.recipe-search-categories .zon-carousel__slide{scroll-snap-align:none}.recipe-search-categories__list{flex-direction:row;list-style:none;margin:0 auto;padding:var(--z-ds-space-xl) 0}.recipe-search-categories__item{align-items:center;background-color:var(--woma-background-beige-light);border-radius:var(--z-ds-border-radius-4);color:var(--z-ds-color-text-70);display:flex;flex-direction:column;font-size:var(--z-ds-fontsize-12);gap:var(--z-ds-space-xxxs);line-height:var(--z-ds-lineheight-10);min-width:4.5rem;padding:var(--z-ds-space-s);transition:color 300ms ease-out;white-space:nowrap}.recipe-search-categories__item:hover,.recipe-search-categories__item:active,.recipe-search-categories__item:focus{color:var(--z-ds-color-text-55)}.recipe-search:not(.recipe-search--results) zon-carousel.recipe-search-categories .zon-carousel__slide-control-wrapper::before,.recipe-search:not(.recipe-search--results) zon-carousel.recipe-search-categories .zon-carousel__slide-control-wrapper::after{background:linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, var(--woma-background-beige-light) 100%)}.recipe-search:not(.recipe-search--results) .recipe-search-categories__item{background-color:var(--woma-background-beige-dark)}.recipe-search:not(.recipe-search--results) .zon-carousel__scroll-container{--_z-carousel-padding-inline: var(--z-ds-space-m)}@media screen and (min-width: 48em){.recipe-search:not(.recipe-search--results) .zon-carousel__scroll-container{--_z-carousel-padding-inline: 0}}
