@charset "UTF-8";.hp-header{position:relative}.hp-header #hamburger-menu{position:relative;cursor:pointer;width:22px;height:40px;border-radius:5px;margin-left:20px}.hp-header #hamburger-menu span{display:inline-block;transition:all .3s;position:absolute;height:3px;border-radius:2px;background:rgba(var(--color-ine-bk),1);width:100%}.hp-header #hamburger-menu span:nth-of-type(1){top:12px}.hp-header #hamburger-menu span:nth-of-type(2){top:18px}.hp-header #hamburger-menu span:nth-of-type(3){top:24px}.hp-header #hamburger-menu.active span:nth-of-type(1),.hp-header #hamburger-menu.active span:nth-of-type(3){top:18px}.hp-header #menu-mobile a{text-decoration:none}@media screen and (max-width:768px){.hp-header #menu-mobile{background-color:var(--color-ine-bg2);position:fixed;top:36px;width:100%;transition:all 1.3s;z-index:100000;height:100%;padding:20px}}@media screen and (min-width:768px){.hp-header #menu-pc{background-color:var(--color-ine-bg2);position:fixed;top:36px;width:100%;transition:all .3s;z-index:100000;display:grid;grid-template-columns:1fr 17fr 15fr 2fr 1fr;height:360px}}.hp-header .menu-disabled{opacity:0;display:none!important}.hp-header .fixed-header{display:grid;grid-template:". main ."/20px 1fr 20px;align-items:center;position:fixed;top:0;background-color:var(--color-ine-bg2);z-index:10000;width:100%;height:40px}.hp-header .fixed-header-content{display:flex;grid-area:main;height:36px}@media screen and (min-width:768px){.hp-header .fixed-header-content{flex-direction:row}}@media screen and (max-width:768px){.hp-header .fixed-header-content{flex-direction:row-reverse}}.hp-header .fixed-header-content>*{display:flex;align-items:center}.hp-header .onlineshop-link{color:rgba(var(--color-ine-bk),1);text-decoration:none;font-weight:700;font-family:neue-haas-grotesk-text,"sans-serif";font-size:12px;margin:0 12px}@media screen and (min-width:768px){.hp-header .onlineshop-link>img{width:10px;height:10px;margin-right:2px}}@media screen and (max-width:768px){.hp-header .onlineshop-link>img{display:none}}.hp-header .onlineshop-link:hover{text-decoration:underline}.hp-header .spacer-for-image{position:relative;width:100%;font-size:0;z-index:-1}@media screen and (max-width:768px){.hp-header .hamburger-menu-container{margin:0}}@media screen and (min-width:768px){.hp-header .hamburger-menu-container{margin:0 10px}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/hp-header.css.map */