/* https://zopilote-surfcamp.com/wp-content/themes/zopilote/css/header.css?ver=6.7.3 */
body.nav-open{overflow:hidden}header#header{position:absolute;top:0;left:0;width:100%;height:auto;z-index:500;padding:35px 0}@media screen and (max-width:1023px){header#header{padding-top:25px}}@media screen and (max-width:567px){header#header{padding-top:20px}}header#header .wrapper{display:flex;flex-wrap:nowrap;max-width:100%;width:100%;justify-content:space-between;align-items:center}header#header .wrapper a.logo{flex:0 1 auto;margin-right:auto}header#header .wrapper a.logo svg{height:80px;fill:#f9f9f9;filter:drop-shadow(0 6px 18px rgba(0,0,0,.35))}@media screen and (max-width:1023px){header#header .wrapper a.logo svg{height:70px}}@media screen and (max-width:567px){header#header .wrapper a.logo svg{height:60px}}@media screen and (max-width:390px){header#header .wrapper a.logo svg{height:50px}}header#header .wrapper a.nav-toggle{flex:0 1 auto;margin-left:30px;position:relative;display:none;opacity:1;padding:0;width:40px;height:22px;vertical-align:middle;z-index:99;transition:0.25s cubic-bezier(.55,0,.1,1);cursor:pointer;text-decoration:none}@media screen and (max-width:1023px){header#header .wrapper a.nav-toggle{display:block}}header#header .wrapper a.nav-toggle span{display:block;position:absolute;height:3px;width:50%;background:#f9f9f9;opacity:1;transform:rotate(0deg);transition:0.25s cubic-bezier(.55,0,.1,1)}header#header .wrapper a.nav-toggle span:nth-child(odd){left:0;border-radius:9px 0 0 9px}header#header .wrapper a.nav-toggle span:nth-child(even){left:50%;border-radius:0 9px 9px 0}header#header .wrapper a.nav-toggle span:nth-child(1),header#header .wrapper a.nav-toggle span:nth-child(2){top:0}header#header .wrapper a.nav-toggle span:nth-child(3),header#header .wrapper a.nav-toggle span:nth-child(4){top:10px}header#header .wrapper a.nav-toggle span:nth-child(5),header#header .wrapper a.nav-toggle span:nth-child(6){top:20px}body.nav-open header#header .wrapper a.nav-toggle span:nth-child(1),body.nav-open header#header .wrapper a.nav-toggle span:nth-child(6){transform:rotate(45deg)}body.nav-open header#header .wrapper a.nav-toggle span:nth-child(2),body.nav-open header#header .wrapper a.nav-toggle span:nth-child(5){transform:rotate(-45deg)}body.nav-open header#header .wrapper a.nav-toggle span:nth-child(1){left:5px;top:5px}body.nav-open header#header .wrapper a.nav-toggle span:nth-child(2){left:calc(50% - 5px);top:5px}body.nav-open header#header .wrapper a.nav-toggle span:nth-child(3){left:-50%;opacity:0}body.nav-open header#header .wrapper a.nav-toggle span:nth-child(4){left:100%;opacity:0}body.nav-open header#header .wrapper a.nav-toggle span:nth-child(5){left:5px;top:15px}body.nav-open header#header .wrapper a.nav-toggle span:nth-child(6){left:calc(50% - 5px);top:15px}header#header .wrapper nav{flex:0 1 auto;margin-left:auto}@media screen and (max-width:1023px){header#header .wrapper nav{display:flex;opacity:0;pointer-events:none;position:fixed;top:0;left:0;width:100%;height:100%;flex:none;flex-direction:column;justify-content:center;align-items:center}header#header .wrapper nav:before{content:"";position:absolute;display:block;left:50%;top:50%;transform:translate(-2%,-50%);height:100%;width:2600%;background:url(/wp-content/themes/zopilote/css/../images/sequence.png) no-repeat 0 0;background-size:100% 100%;opacity:0;z-index:0;background-blend-mode:screen}header#header .wrapper nav:after{content:"";position:absolute;display:block;left:0;top:0;height:100%;width:100%;background:#26313c;opacity:0;z-index:1}header#header .wrapper nav>div{flex:0 1 auto;z-index:2;width:100%;text-align:center;overflow:auto}header#header .wrapper nav>div ul{display:inline-block;opacity:0}header#header .wrapper nav>div ul li{margin:1em 0;display:block;text-align:center;opacity:0}header#header .wrapper nav>div ul li a{color:#f9f9f9;font-size:1.5rem}header#header .wrapper nav>div ul li a:hover{color:#f9f9f9}header#header .wrapper nav>div ul li.current-menu-item a{color:#26313c}body.nav-open header#header .wrapper nav{opacity:1;pointer-events:auto}body.nav-open header#header .wrapper nav:after{animation:showStaticBackground 0.8s linear;animation-direction:alternate;animation-fill-mode:forwards}body.nav-open header#header .wrapper nav:before{animation:splashSequence 0.8s steps(24);animation-direction:alternate;animation-fill-mode:forwards;opacity:1}body.nav-open header#header .wrapper nav>div ul{animation:showContent 0.2s linear 0.65s;animation-direction:alternate;animation-fill-mode:forwards}body.nav-open header#header .wrapper nav>div ul>li{animation:bounceIn 0.7s;animation-delay:0.6s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(.215,.61,.355,1)}body.nav-open header#header .wrapper nav>div ul>li:nth-child(2){animation-delay:0.7s}body.nav-open header#header .wrapper nav>div ul>li:nth-child(3){animation-delay:0.8s}body.nav-open header#header .wrapper nav>div ul>li:nth-child(4){animation-delay:0.9s}body.nav-open header#header .wrapper nav>div ul>li:nth-child(5){animation-delay:1s}body.nav-open header#header .wrapper nav>div ul>li:nth-child(6){animation-delay:1.1s}body.nav-open header#header .wrapper nav>div ul>li:nth-child(7){animation-delay:1.2s}body.nav-open header#header .wrapper nav>div ul>li:nth-child(8){animation-delay:1.3s}body.nav-open header#header .wrapper nav>div ul>li:nth-child(9){animation-delay:1.4s}body.nav-close header#header .wrapper nav{opacity:1;pointer-events:auto}body.nav-close header#header .wrapper nav:after{opacity:1;animation:showStaticBackgroundReverse 0.8s linear forwards;animation-delay:0.6s}body.nav-close header#header .wrapper nav:before{opacity:1;animation:splashSequenceReverse 0.8s steps(24);animation-delay:0.6s}body.nav-close header#header .wrapper nav>div>ul{animation:showContentReverse 0.8s linear;animation-delay:0.6s;opacity:1}body.nav-close header#header .wrapper nav>div>ul>li{opacity:1;animation:bounceOut 0.7s;animation-fill-mode:forwards;animation-delay:0s}body.nav-close header#header .wrapper nav>div>ul>li:nth-child(2){animation-delay:0.1s}body.nav-close header#header .wrapper nav>div>ul>li:nth-child(3){animation-delay:0.2s}body.nav-close header#header .wrapper nav>div>ul>li:nth-child(4){animation-delay:0.3s}body.nav-close header#header .wrapper nav>div>ul>li:nth-child(5){animation-delay:0.4s}body.nav-close header#header .wrapper nav>div>ul>li:nth-child(6){animation-delay:0.5s}body.nav-close header#header .wrapper nav>div>ul>li:nth-child(7){animation-delay:0.6s}body.nav-close header#header .wrapper nav>div>ul>li:nth-child(8){animation-delay:0.7s}body.nav-close header#header .wrapper nav>div>ul>li:nth-child(9){animation-delay:0.8s}}@media screen and (max-width:1023px) and (max-aspect-ratio:640/480){header#header .wrapper nav:before{width:3333.3333333333vh}}@media screen and (max-width:1023px) and (min-aspect-ratio:640/480){header#header .wrapper nav:before{height:75vw}}header#header .wrapper nav ul{list-style:none inside}header#header .wrapper nav ul li{position:relative;display:inline-block;padding:0 .6em;margin-right:0}@media screen and (max-width:1279px){header#header .wrapper nav ul li{padding:0 .3em}}header#header .wrapper nav ul li.current-menu-item:before{content:"";position:absolute;display:block;top:0;left:-1px;width:100%;height:100%;background:url(/wp-content/themes/zopilote/css/../images/menu-bg.svg) no-repeat;background-size:100% 100%}header#header .wrapper nav ul li.current-menu-item a{color:#26313c;text-shadow:none}header#header .wrapper nav ul li a{position:relative;display:inline-block;line-height:2.1em;padding:0 .6em;font-size:1.125rem;text-shadow:0 0 27px rgba(0,0,0,.2);text-decoration:none;color:#f9f9f9;font-weight:700;transition:color 0.08s ease-in-out;cursor:pointer}header#header .wrapper nav ul li a:hover{color:#26313c}header#header .wrapper nav ul li.highlight a{text-decoration:underline}header#header .wrapper .languages{flex:0 1 auto;margin:0 0 0 2em;list-style:none inside}header#header .wrapper .languages li{display:block}header#header .wrapper .languages li a{display:block;font-size:.875rem;color:rgba(249,249,249,.3);text-shadow:0 0 8px rgba(0,0,0,.2);text-decoration:none;font-weight:700;line-height:1.5}header#header .wrapper .languages li a:hover{color:#f9f9f9}header#header .wrapper .languages li a span.wpml-ls-display{display:none}header#header .wrapper .languages li.wpml-ls-item-de a:after{content:"DE"}header#header .wrapper .languages li.wpml-ls-item-en a:after{content:"EN"}header#header .wrapper .languages li.wpml-ls-current-language>a{color:#f9f9f9}@keyframes splashSequence{0%{transform:translate(-2%,-50%)}100%{transform:translate(-98%,-50%)}}@keyframes splashSequenceReverse{0%{transform:translate(-98%,-50%)}100%{transform:translate(-2%,-50%)}}@keyframes showStaticBackground{0%{opacity:0}90%{opacity:0}100%{opacity:1}}@keyframes showStaticBackgroundReverse{0%{opacity:1}10%{opacity:0}100%{opacity:0}}@keyframes showContent{0%{opacity:0}50%{opacity:0}80%{opacity:1}100%{opacity:1}}@keyframes showContentReverse{0%{opacity:1}20%{opacity:1}50%{opacity:0}100%{opacity:0}}@keyframes bounceIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}100%{opacity:1;transform:scale3d(1,1,1)}}@keyframes bounceOut{20%{transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;transform:scale3d(.3,.3,.3)}}