body{position:relative;padding-top:4rem}@media screen and (min-width:calc(1200px + 1px)){body{padding-top:5rem}}body>header{transition:all 0.2s ease-in-out}body[data-scrolled]>header{box-shadow:0 0 1.5rem rgba(0,0,0,0.05)}body>header{position:fixed;left:0;top:0;width:100%;z-index:99;background-color:var(--color-neutral-000)}body>header .mobile-navigation{position:relative;height:4rem}@media screen and (min-width:calc(1200px + 1px)){body>header .mobile-navigation{display:none!important}}body>header .mobile-navigation>.bar{background-color:var(--color-neutral-100);height:100%}body>header .mobile-navigation>.bar>.container{display:flex;align-items:stretch;justify-content:space-between;height:100%}body>header .mobile-navigation>.bar>.container .logo{align-self:center;padding-right:1rem}body>header .mobile-navigation>.bar>.container .logo img{height:2.75rem;width:auto;padding-top:0.25rem;padding-bottom:0.25rem}body>header .mobile-navigation>.bar>.container .right{height:100%;display:flex;flex-flow:row nowrap}body>header .mobile-navigation>.bar>.container .right>*{height:100%;display:flex;align-items:center;justify-content:center;padding:1rem;border-left:0.0555555556rem solid var(--color-neutral-200);transition:background-color 0.2s ease-in-out}body>header .mobile-navigation>.bar>.container .right>:last-child{border-right:0.0555555556rem solid var(--color-neutral-200)}body>header .mobile-navigation>.bar>.container .right>*>img{height:2rem;width:auto}body>header .mobile-navigation>.bar>.container .right>.active{background-color:var(--color-blue-700);border-color:var(--color-blue-700);background-image:url("../images/static/close.svg");background-size:auto 45%;background-repeat:no-repeat;background-position:center}body>header .mobile-navigation>.bar>.container .right>.active>img{opacity:0}body>header .mobile-navigation>.opened-content{display:none;background-color:rgba(255,255,255,0.5);-webkit-backdrop-filter:blur(0.5rem);backdrop-filter:blur(0.5rem);height:100svh;padding-top:1em;padding-bottom:1rem}body>header .mobile-navigation>.opened-content nav>ul{padding-left:0}body>header .mobile-navigation>.opened-content nav>ul>li{display:block;margin:0}body>header .mobile-navigation>.opened-content nav>ul>li+li{border-top:0.0555555556rem solid var(--color-neutral-100)}body>header .mobile-navigation>.opened-content nav>ul>li a{width:100%;height:3rem;display:flex;align-items:center;font-size:1.5rem;gap:0.5rem}body>header .mobile-navigation>.opened-content nav>ul>li a>img{height:2rem}body>header .desktop-navigation{border-bottom:0.0555555556rem solid var(--color-neutral-100);transition:all 0.2s ease-in-out;height:5rem}@media screen and (max-width:calc(calc(1200px + 1px) - 1px)){body>header .desktop-navigation{display:none!important}}body>header .desktop-navigation>.container{height:100%;display:flex;align-items:stretch;justify-content:space-between}body>header .desktop-navigation .logo{width:auto;align-self:center}body>header .desktop-navigation .logo img{min-height:1rem;height:2.5rem;width:auto;padding-top:0.15rem}body>header .desktop-navigation .search-input-form{align-self:center;max-width:32rem}body>header .desktop-navigation .right{display:flex;align-items:stretch;height:100%}body>header .desktop-navigation .right>*{height:100%;display:flex;flex-flow:row nowrap;align-items:center;gap:0.75rem;padding:1rem 1rem 0.85rem 1rem;border-left:0.0555555556rem solid var(--color-neutral-100);transition:all 0.2s ease-in-out;cursor:pointer!important;position:relative}body>header .desktop-navigation .right>:hover{background-color:var(--color-neutral-100)}body>header .desktop-navigation .right>*>img{height:2rem}body>header .desktop-navigation .right>:hover>.submenu{display:block}body>header .desktop-navigation .right>*>.submenu{display:none;position:absolute;top:100%;left:-0.0555555556rem;background-color:var(--color-neutral-000);border:0.0555555556rem solid var(--color-neutral-100);flex-flow:column nowrap;align-items:stretch;justify-content:stretch;width:11.1111111111rem;min-width:calc(100% + 0.1111111111rem)}body>header .desktop-navigation .right>*>.submenu>div>*{padding:0.75rem;display:grid;grid-template-columns:1.5rem minmax(0,1fr);gap:0.5rem;align-items:center}body>header .desktop-navigation .right>*>.submenu>div>:hover>span{text-decoration:underline}body>header .desktop-navigation .right>*>.submenu>div+div{border-top:0.0555555556rem solid var(--color-neutral-100)}body>header .desktop-navigation .right>.cart>.overview>span,body>header .desktop-navigation .right>.cart>span,body>header .desktop-navigation .right>.user>.overview>span,body>header .desktop-navigation .right>.user>span{padding-top:0.3rem}body>header .desktop-navigation .right>.cart>.overview>span>strong,body>header .desktop-navigation .right>.cart>span>strong,body>header .desktop-navigation .right>.user>.overview>span>strong,body>header .desktop-navigation .right>.user>span>strong{display:block;color:var(--color-blue-700);font-size:0.85rem;line-height:1.1em;font-weight:500;max-width:9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body>header .desktop-navigation .right>.cart>.overview>span>span,body>header .desktop-navigation .right>.cart>span>span,body>header .desktop-navigation .right>.user>.overview>span>span,body>header .desktop-navigation .right>.user>span>span{font-size:1rem;line-height:1em;color:var(--color-green-400);font-weight:500}body>header .desktop-navigation .right>.cart>.overview>span>small,body>header .desktop-navigation .right>.cart>span>small,body>header .desktop-navigation .right>.user>.overview>span>small,body>header .desktop-navigation .right>.user>span>small{color:var(--color-neutral-500);font-size:0.8rem;line-height:0.8em;display:block}body>header .desktop-navigation .right>.cart>.overview>span>small>span.netto-rabat-st,body>header .desktop-navigation .right>.cart>.overview>span>small>span.netto-rabat-ur,body>header .desktop-navigation .right>.cart>span>small>span.netto-rabat-st,body>header .desktop-navigation .right>.cart>span>small>span.netto-rabat-ur,body>header .desktop-navigation .right>.user>.overview>span>small>span.netto-rabat-st,body>header .desktop-navigation .right>.user>.overview>span>small>span.netto-rabat-ur,body>header .desktop-navigation .right>.user>span>small>span.netto-rabat-st,body>header .desktop-navigation .right>.user>span>small>span.netto-rabat-ur{font-size:1rem;line-height:1em;color:var(--color-green-400);font-weight:500;display:block;margin-top:0.15em}body>header .desktop-navigation .right>.cart>.overview>span>small .count,body>header .desktop-navigation .right>.cart>span>small .count,body>header .desktop-navigation .right>.user>.overview>span>small .count,body>header .desktop-navigation .right>.user>span>small .count{display:none}body>header .desktop-navigation .right>.cart>.overview>span>small .count:after,body>header .desktop-navigation .right>.cart>span>small .count:after,body>header .desktop-navigation .right>.user>.overview>span>small .count:after,body>header .desktop-navigation .right>.user>span>small .count:after{display:inline;content:", "}body>header .desktop-navigation .right>.cart{padding:0;z-index:10}body>header .desktop-navigation .right>.cart>.overview{height:100%;display:flex;flex-flow:row nowrap;align-items:center;gap:0.75rem;padding:1rem 1rem 0.85rem 1rem;color:inherit}body>header .desktop-navigation .right>.cart>.overview>.img{height:2rem;position:relative}body>header .desktop-navigation .right>.cart>.overview>.img>img{height:100%;width:auto;z-index:19}body>header .desktop-navigation .right>.cart>.overview>.img .count{position:absolute;left:50%;top:0;height:1.2rem;width:1.2rem;display:flex;align-self:center;justify-content:center;text-align:center;border-radius:50%;background-color:var(--color-blue-300);color:var(--color-text-inverted);font-size:0.8rem;font-weight:700;padding-top:0.25rem;line-height:1em;transform:translate(-35%,-45%);z-index:-1}body>header .desktop-navigation .right>.cart>.overview .cart-name{font-size:1rem;line-height:1em;color:var(--color-blue-700);font-weight:500}body>header .desktop-navigation .right>.cart .submenu{min-width:100%;width:12.3333333333rem;left:unset;right:0}body>header .desktop-navigation .right>.cart .submenu>div>button,body>header .desktop-navigation .right>.cart .submenu>div form>button{width:100%;border:0;background:transparent;font:inherit;text-align:left;cursor:pointer}body>header .desktop-navigation .right>.cart .submenu>*{padding-left:0.45rem}body>header .desktop-navigation .right>.cart .submenu .cart-submenu-item>a,body>header .desktop-navigation .right>.cart .submenu .cart-submenu-item form>button{grid-template-columns:1.5rem minmax(0,1fr);gap:0.75rem}body>header .desktop-navigation .right>.cart .submenu .cart-submenu-item>a span,body>header .desktop-navigation .right>.cart .submenu .cart-submenu-item form>button span{min-width:0}body>header .desktop-navigation .right>.cart .submenu .cart-submenu-item>a span strong,body>header .desktop-navigation .right>.cart .submenu .cart-submenu-item form>button span strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-blue-700);font-size:0.9rem;line-height:1em}body>header .desktop-navigation .right>.cart .submenu .cart-submenu-item>a span small,body>header .desktop-navigation .right>.cart .submenu .cart-submenu-item form>button span small{display:block;margin-top:0.15rem;color:var(--color-neutral-500);font-size:0.75rem;line-height:1.15em;white-space:nowrap}body>header .desktop-navigation .right>.cart .submenu .cart-submenu-item>a span small .count:after,body>header .desktop-navigation .right>.cart .submenu .cart-submenu-item form>button span small .count:after{display:inline;content:", "}body>header .desktop-navigation .right>.cart .submenu .cart-submenu-item.active{background-color:var(--color-blue-100)}body>header .desktop-navigation .right>.cart .submenu .cart-submenu-create>a,body>header .desktop-navigation .right>.cart .submenu .cart-submenu-create>button{gap:0.75rem;font-weight:700;color:var(--color-blue-700);font-size:0.9rem;line-height:1em}body>header .desktop-navigation .right>.cart .submenu .cart-submenu-limit{padding:0.75rem;color:var(--color-neutral-500);font-size:0.8rem;line-height:1.25em}body>header .desktop-navigation .right>.cart .submenu .cart-submenu-limit>*{display:block;padding:0}body>header .desktop-navigation .right>.user>span>span{color:var(--color-blue-700)}body>header .desktop-navigation .right>.langs a,body>header .desktop-navigation .right>.langs p.active{display:flex;align-items:center;gap:0.5rem}body>header .desktop-navigation .right>.langs a .img,body>header .desktop-navigation .right>.langs p.active .img{display:block;height:1.6666666667rem;width:1.6666666667rem;border-radius:50%;box-shadow:0 0 1rem rgba(0,0,0,0.075);background-repeat:no-repeat;background-position:center;background-size:cover}body>header .desktop-navigation .right>.langs .submenu{min-width:unset;width:auto;left:unset;right:0}body>header .desktop-navigation .right>.langs .submenu>*{padding-left:0.5rem;padding-right:0.5rem}
/*# sourceMappingURL=header.css.map */