header.site-header{display:flex;flex-direction:row;justify-content:space-between;width:100%;max-width:var(--wp--style--global--wide-size);background-color:var(--wp--preset--color--der-w-black);padding:20px;margin:0 auto;position:sticky;top:0;z-index:10}header.site-header .site-branding img{height:50px}header.site-header .main-navigation .menu-toggle{display:block;width:50px;height:50px;padding:0;border:0;border-radius:0;background-color:transparent;text-indent:-9999px;position:relative}header.site-header .main-navigation .menu-toggle::before{content:"";display:block;width:50px;height:40px;position:absolute;top:50%;left:50%;translate:-50% -50%;background-image:url(../assets/svg/der-w-icons.svg);background-size:auto 80px;background-repeat:no-repeat;background-position:0 0}header.site-header .main-navigation .menu-toggle.opened-menu::before{background-position-y:-40px}header.site-header .main-navigation ul{display:flex;flex-direction:column;gap:40px;list-style-type:none;margin:0;padding:0;font-family:"Grenze Gotisch",serif;font-size:1.7rem}header.site-header .main-navigation ul a{text-decoration:none;color:var(--wp--preset--color--der-w-white)}header.site-header .main-navigation ul a:hover{color:var(--wp--preset--color--der-w-red)}@media screen and (max-width:767px){.site-branding{margin-left:50%;translate:-50%0}.main-navigation .primary-menu{position:absolute;left:0;right:0;z-index:1;display:flex;flex-direction:column;width:100%;max-width:1360px;height:0;margin:0 auto;padding:0 15px;overflow-x:hidden;overflow-y:scroll;background-color:var(--wp--preset--color--der-w-black);list-style-type:none}header.site-header .main-navigation ul.opened{height:auto;padding:40px 25px;text-align:center;gap:20px}}@media screen and (min-width:768px){header.site-header{padding:1.5rem 65px}header.site-header .main-navigation .menu-toggle{display:none}header.site-header .main-navigation ul{flex-direction:row}}