/*!
 * @project  obi-header-v2
 * @author   OBI Smart Technologies GmbH
 * @build    2021-06-23T14:56:12.135Z
 */.flyout-container.default:not(.search){top:70px!important}.flyout-container.default:not(.search) .flyout-wrap{max-width:10000px;padding:0 1rem}.flyout-container.default:not(.search) .flyout-wrap>.flyout{top:0!important}@media(max-width:767px){#Main-Content{padding-top:0!important}.mobile-filter--fixed{top:0!important;z-index:999!important}.mobile-filter__sort{z-index:999!important}}@media(max-width:767px){#Main-Content{transform:none!important}}@media(max-width:959.98px){body.mobile-fixed-header:not(.headr--nav-open) #Main-Content{padding-top:123px!important}body.mobile-fixed-header:not(.headr--nav-open) .mobile-filter--fixed{top:113px!important}body.mobile-fixed-header:not(.headr--nav-open) .results-overview .mobile-filter__sort .btn-group button{z-index:3!important}body.mobile-fixed-header:not(.headr--nav-open) .results-overview .mobile-filter__sort .btn-group .dropdown-menu{z-index:2!important}}@media(max-width:959.98px){body.mobile-fixed-header:not(.headr--nav-open) .suggestion__flyout--search.flyout-container.search{position:fixed}}.suggestion__flyout--search.flyout-container.search{top:103px!important;right:16px!important;left:16px!important;width:auto!important;padding-right:0;padding-left:0}.headr--nav-open .suggestion__flyout--search.flyout-container.search{top:55px!important}.suggestion__flyout--search.flyout-container.search .flyout-wrap>.flyout{top:0!important;border:0;box-shadow:0 2px 6px 0 rgba(0,0,0,.2)!important}@media(max-width:959.98px){.headr--nav-open .suggestion__flyout--search.flyout-container.search .flyout-wrap>.flyout{left:40px!important;width:86%}}.suggestion__flyout--search.flyout-container.search .flyout-wrap>.flyout:before{border:0}.suggestion__flyout--search.flyout-container.search .flyout-wrap>.flyout .suggestion__item.hover{border-left:0!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideDownFadeIn{0%{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideUpFadeOut{0%{transform:translateY(0);opacity:1}to{transform:translateY(-30px);opacity:0}}@keyframes pushRight{0%{transform:translateX(0)}33%{transform:translateX(0)}66%{transform:translateX(-100px)}to{transform:translateX(0)}}@keyframes blink{0%{opacity:.8}50%{opacity:.3}to{opacity:.8}}.headr .bg-gardenplanner-light{background-color:rgba(101,181,78,.1)}.headr .bg-bathplanner-light{background-color:rgba(0,178,210,.1)}.headr .bg-kitchenplanner-light{background-color:rgba(107,187,174,.1)}.headr .text-yellow{color:#ffc107}.headr{position:relative;transition:height .5s ease-in}@media(max-width:959.98px){body.mobile-fixed-header:not(.headr--nav-open) .headr__fixed{position:fixed;z-index:5;width:100%}}@media(max-width:959.98px){.headr__hide-on-nav-open{transition:opacity .3s ease}.headr--nav-open .headr__hide-on-nav-open{opacity:0}}.headr .burger{height:20px;margin:0;padding:0;overflow:visible;color:inherit;font:inherit;text-transform:none;background-color:transparent;border:0;cursor:pointer;transition-timing-function:linear;transition-duration:.15s;transition-property:opacity,filter}.headr .burger-box{position:relative;display:inline-block;width:24px;height:19px}.headr .burger-inner{top:50%;display:block;margin-top:-1.5px;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:75ms}.headr .burger-inner,.headr .burger-inner:after,.headr .burger-inner:before{position:absolute;width:24px;height:3px;background-color:#222;border-radius:4px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform}.headr .burger-inner:after,.headr .burger-inner:before{display:block;content:""}.headr .burger-inner:before{top:-8px;transition:top 75ms ease .12s,opacity 75ms ease}.headr .burger-inner:after{bottom:-8px;transition:bottom 75ms ease .12s,transform 75ms cubic-bezier(.55,.055,.675,.19)}.headr.headr--nav-open .headr__menu .burger-inner{transform:rotate(45deg);transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.headr.headr--nav-open .headr__menu .burger-inner:before{top:0;opacity:0;transition:top 75ms ease,opacity 75ms ease .12s}.headr.headr--nav-open .headr__menu .burger-inner:after{bottom:0;transform:rotate(-90deg);transition:bottom 75ms ease,transform 75ms cubic-bezier(.215,.61,.355,1) .12s}@media(max-width:959.98px){.headr__search{position:absolute;top:64px;right:0;left:0;z-index:1;transition:top .5s ease,left .5s ease}.headr--nav-open .headr__search{top:16px;left:40px}}.headr__search input[name=searchTerm]:placeholder-shown+input+a{display:none!important}.headr__cart-badge{transform:translateX(50%) scale(0)}.headr__cart-badge:not(:empty){transform:translateX(50%) scale(1);transition:transform .1s ease-in}.headr__floating-label{transform:translateY(10px);transition:transform .3s ease-in-out,opacity .3s ease-in-out}.headr input:focus:not(:placeholder-shown)+.headr__floating-label,.headr input:not(:placeholder-shown)+.headr__floating-label{z-index:1;transform:translateY(0);opacity:1}@media(max-width:959.98px){.headr--nav-open .headr__nav-indicator{opacity:1;transition:width .3s ease,left .3s ease,opacity .6s ease-in}}.headr__nav-container--animate{-webkit-overflow-scrolling:auto;overflow-x:auto;transition:transform .3s ease}.headr__nav-container--animate::-webkit-scrollbar{display:none}.headr__nav-container--animate .headr__nav-indicator,.headr__nav-container--animate .headr__nav-level-1{animation:pushRight 2s ease-in-out}@media(max-width:959.98px){.headr__nav-level-1{opacity:0;transition:all .5s ease}.headr--nav-open .headr__nav-level-1{opacity:1}}@media(max-width:959.98px){.headr__nav-level-1-item{text-shadow:0 0 1px transparent;transition:text-shadow .5s ease}.headr__nav-level-1-item.headr__nav-level-1-item--active{color:#f56600;text-shadow:0 0 1px #f56600}}.headr__nav-cat-row--closing,.headr__nav-cat-row--waiting{background-color:#424242!important}.headr__nav-cat-row--closing>a,.headr__nav-cat-row--waiting>a{color:#fff!important;font-weight:700;pointer-events:none}.headr__nav-cat-row--closing>a .headr__nav-cat-arrow-right,.headr__nav-cat-row--waiting>a .headr__nav-cat-arrow-right{background-image:url(../img/arrow-right.da461f.svg)}.headr__nav-cat-row--closing>a .icon--language,.headr__nav-cat-row--waiting>a .icon--language{background-image:url(../img/earth.45c964.svg)}@media(hover:hover){.headr__nav-cat-row:hover{background-color:#424242!important}.headr__nav-cat-row:hover>a{color:#fff}.headr__nav-cat-row:hover>a .headr__nav-cat-arrow-right{background-image:url(../img/arrow-right.da461f.svg)}.headr__nav-cat-row:hover>a:hover .icon--language{background-image:url(../img/earth.45c964.svg)}}.headr__nav-cat-row .headr__nav-cat-arrow-left,.headr__nav-cat-row .headr__nav-cat-arrow-right{width:13px!important;height:13px!important;background-image:url(../img/arrow-right.473ae3.svg)}.headr__nav-cat-row .headr__nav-cat-arrow-left{background-image:url(../img/arrow-left.32e5cf.svg)}.headr__nav-cat-col{position:relative;width:100vw;transform:translateX(0);transition:transform .3s ease-in-out,max-width 0s ease-in-out}.headr__nav-cat .headr__nav-cat-row--open>.headr__nav-cat-col--opening,.headr__nav-cat>.headr__nav-cat-col--opening{transform:translateX(-100vw)}.headr__nav-cat-col-inner{width:100vw;background-color:#fff}.headr__nav-cat-col>.headr__nav-cat-col-inner>.headr__nav-cat-row>.headr__nav-cat-col{position:absolute;top:0;left:100vw;width:100vw;max-width:0;overflow:hidden}.headr__nav-cat-col>.headr__nav-cat-col-inner>.headr__nav-cat-row.headr__nav-cat-row--closing>.headr__nav-cat-col,.headr__nav-cat-col>.headr__nav-cat-col-inner>.headr__nav-cat-row.headr__nav-cat-row--opening>.headr__nav-cat-col{max-width:100vw}.headr__nav-cat-col>.headr__nav-cat-col-inner>.headr__nav-cat-row.headr__nav-cat-row--open>.headr__nav-cat-col{overflow:visible}.headr__nav-cat-loading{min-height:100px}.headr__nav-flyout{position:absolute;z-index:1010;width:100vw;overflow:hidden}.headr__nav-flyout-inner{min-height:0;max-height:3500px;overflow:hidden;background:rgba(0,0,0,.6);transition:min-height .3s ease-in-out,max-height .3s ease-in-out}.headr__nav-flyout-inner[data-item-count="2"]{width:200vw}.headr__nav-flyout-inner[data-active-item="2"]{transform:translateX(-100vw)}.headr__nav-flyout-inner[data-item-count="3"]{width:300vw}.headr__nav-flyout-inner[data-active-item="3"]{transform:translateX(-200vw)}.headr__nav-flyout-inner[data-item-count="4"]{width:400vw}.headr__nav-flyout-inner[data-active-item="4"]{transform:translateX(-300vw)}.headr__nav-flyout-inner--open{transition:min-height .3s ease-in-out,max-height .3s ease-in-out,transform .3s ease-in-out}.headr:not(.headr--nav-open) .headr__nav-flyout-inner{max-height:0}.headr.headr--nav-open .headr__nav-flyout-inner{min-height:3500px}.headr__nav-flyout-section{width:100vw;overflow:hidden;border-top:1px solid #bdbdbd}.headr .headr__flyout{position:absolute;top:0;right:0;left:0;z-index:1010;display:none}.headr .headr__flyout.modal--open{display:block}.headr .headr__flyout[aria-hidden=false] .headr__flyout-overlay{animation:fadeIn .3s cubic-bezier(0,0,.2,1)}.headr .headr__flyout[aria-hidden=false] .headr__flyout-container{animation:slideDownFadeIn .3s cubic-bezier(0,0,.2,1)}.headr .headr__flyout[aria-hidden=true] .headr__flyout-overlay{animation:fadeOut .3s cubic-bezier(0,0,.2,1)}.headr .headr__flyout[aria-hidden=true] .headr__flyout-container{animation:slideUpFadeOut .3s cubic-bezier(0,0,.2,1)}.headr .headr__flyout-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.6);will-change:transform}.headr .headr__flyout-container{position:absolute;top:0;right:0;left:0;background-color:#fff;will-change:transform}.headr .headr__flyout-loader{position:absolute;top:2rem;left:calc(50% - 1rem)}.headr .icon{flex-shrink:0;background-repeat:no-repeat;background-position:50%;background-size:contain}.headr .icon--check-circle-outline-orange{background-image:url(../img/check-circle-outline.d68278.svg)}.headr .icon--store{background-image:url(../img/store.9c5b47.svg)}.headr .icon--store-gray-500{background-image:url(../img/store.4fed59.svg)}.headr a:hover .icon--store,.headr a:hover .icon--store-gray-500{background-image:url(../img/store.45b9ca.svg)}.headr .icon--location{background-image:url(../img/location.87f4e6.svg)}.headr .icon--location-gray-500{background-image:url(../img/location.5caebc.svg)}.headr .icon--search{background-image:url(../img/search.6d53dc.svg)}.headr .icon--shopping-list{background-image:url(../img/shopping-list.3291ce.svg)}.headr a:hover .icon--shopping-list{background-image:url(../img/shopping-list.a6ac94.svg)}.headr .icon--time-green{background-image:url(../img/time.ce1c20.svg)}.headr .icon--time-yellow{background-image:url(../img/time.975034.svg)}.headr a:hover .icon--logout{background-image:url(../img/logout.a9854b.svg)}.headr .icon--logout-gray-600{background-image:url(../img/logout.720f2d.svg)}.headr .icon--profile{background-image:url(../img/profile.a94168.svg)}.headr a:hover .icon--profile{background-image:url(../img/profile.08ce6d.svg)}.headr .icon--language{background-image:url(../img/earth.0e1795.svg)}.headr a:hover .icon--language{background-image:url(../img/earth.5985e2.svg)}.headr .icon--delivery{background-image:url(../img/delivery.5dd72a.svg)}.headr a:hover .icon--delivery{background-image:url(../img/delivery.883bf4.svg)}.headr .icon--newsletter{background-image:url(../img/newsletter.2504fe.svg)}.headr a:hover .icon--newsletter{background-image:url(../img/newsletter.c88612.svg)}.headr .icon--bonuscard{background-image:url(../img/bonuscard.890ef2.svg)}.headr a:hover .icon--bonuscard{background-image:url(../img/bonuscard.ae3408.svg)}.headr .icon--cart{background-image:url(../img/cart.da00fd.svg)}.headr a:hover .icon--cart{background-image:url(../img/cart.73caec.svg)}.headr .icon--arrow-right{background-image:url(../img/arrow-right.4ca0ee.svg)}.headr .icon--arrow-right-gray-500{background-image:url(../img/arrow-right.473ae3.svg)}.headr a:hover .icon--arrow-right,.headr a:hover .icon--arrow-right-gray-500{background-image:url(../img/arrow-right.f39027.svg)}.headr .icon--arrow-down{background-image:url(../img/arrow-down.d75460.svg)}.headr a:hover .icon--arrow-down{background-image:url(../img/arrow-down.868906.svg)}.headr .icon--advisor{background-image:url(../img/advisor.81145e.svg)}.headr .icon--notification-warning{background-image:url(../img/icon-warning.0e836f.svg)}.headr .storefinder{transition:box-shadow .3s ease-in-out}.headr .storefinder__geolocation-icon{background-image:url(../img/locate.21e9f0.svg);transition:all .3s ease-in-out}.headr .storefinder__geolocation-error{transition:max-height .3s ease-in-out}.headr .storefinder--geolocation-loading .storefinder__geolocation-icon{animation:blink 1s infinite}.headr .storefinder--geolocation-failed .storefinder__geolocation-icon{background-image:url(../img/locate-failed.8de0de.svg)}.headr .storefinder--geolocation-failed .storefinder__geolocation-error{max-height:34px}.headr .storefinder__results{transition:box-shadow .3s ease-in-out,max-height .3s ease-in-out}.headr .storefinder--open{border-radius:2px;box-shadow:-2px -2px #ff7e21,2px -2px #ff7e21,-2px 2px #ff7e21,2px 2px #ff7e21}.headr .storefinder--open .storefinder__input{border:0;border-bottom:1px solid #bdbdbd;border-bottom-right-radius:0;border-bottom-left-radius:0}.headr .storefinder--open .storefinder__results{max-height:400px;box-shadow:0 2px #ff7e21,2px 0 #ff7e21,-2px 0 #ff7e21}.headr :where(.headr-notification-legacy){display:none}
/*# sourceMappingURL=header.3e2114a3a0f416ddb820.css.map */