/*
Theme Name: Spellforce 3
Author: Nordic Games GmbH - Nina Trabe
Description: Selfmade Wordpress Theme for SpellForce 3
Text Domain: spellforce
Version: 1.0
*/

*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;word-wrap:break-word}body{background-color:#aaa6a5;font-family:'Roboto',sans-serif;font-weight:300;font-size:16px;color:#fff;line-height:1.5;width:100%;margin:0;padding:0;word-wrap:break-word;overflow-x:hidden}.modalOverflow{overflow:hidden}header:after,nav:after,section:after,footer:after,.full-bg:after,.intro-content:after,.col-left:after,.col-right:after,.top-leiste:after,.form-one-row:after,.logo:after{content:"";clear:both;display:block}a,img,a img{outline:0 none}h1,h2,h3,h4,h5,h6{clear:both;line-height:1.1;margin:0 0 1em;font-weight:300}h1,h2,h3,h4,.mainnav a,.timeline-btn a{text-transform:uppercase}h1{font-size:3em;margin:0 0 1em}h2{font-size:2.8em;margin:0 0 1em}h3{font-size:2.4em;margin:0 0 .5em}.overlay h3{font-size:2em;margin-top:1em}p{font-size:1em;margin:0 0 .5em}ol,ul{font-size:1em;margin:0 0 10px;padding:0 0 0 30px}button,input,textarea,select,option{font-family:'Roboto',sans-serif;font-size:1em;margin:0 0 .5em}ul{font-size:1em;list-style-type:square}nav ul,nav ol{list-style:none;list-style-image:none}li > ul,li > ol{margin:0}a,a:hover{text-decoration:underline;color:#fff}.overlay a,.overay a:hover{text-decoration:underline;color:#000}a.underline-effect{text-transform:uppercase;text-decoration:none;font-size:1.2em;margin:2px auto;display:inline-block;color:#fff}a.underline-effect,a.underline-effect:visited,.a.underline-effect:hover,a.underline-effect:active{backface-visibility:hidden;position:relative}a.underline-effect:before,a.underline-effect:after{content:"";backface-visibility:hidden;position:absolute;height:1px;height:1px;width:0;background:#fff;left:0}a.underline-effect:before{top:-1px}a.underline-effect:after{bottom:-1px}a.underline-effect:hover:before,a.underline-effect:hover:after{width:100%}.overlay a.underline-effect,.overlay a.underline-effect:hover{color:#000;text-decoration:none}.overlay a.underline-effect:before,.overlay a.underline-effect:after{background:#000}img{-ms-interpolation-mode:bicubic;border:0;vertical-align:middle;max-width:100%;height:auto}table{border-bottom:1px solid #000;border-collapse:collapse;border-spacing:0;line-height:2;margin:0 0 20px;width:100%}caption,th,td{font-weight:400;text-align:left}caption{font-size:1em;margin:20px 0}th{font-weight:700;text-transform:uppercase}td{border-top:1px solid #000;padding:6px 10px 6px 0}article,aside,details,figcaption,figure,footer,header,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}embed,iframe,object,video{max-width:100%}.alignleft{float:left}.alignright{float:right}.aligncenter{display:block;margin-left:auto;margin-right:auto}figure.wp-caption.alignleft,img.alignleft{margin:5px 20px 5px 0}.nav-top{position:relative}.mainnav{display:flex;padding:0 1em 2em;position:fixed;right:0;top:0;width:calc(100% - 45%);z-index:5;transform:translateX(64px)}.mainnav ul,.timeline-btn ul{display:flex;height:100%;margin:0;padding:0}.mainnav li{background-color:rgba(0,0,0,0.3);display:inline-block;transform:skew(-45deg);border:1px solid #fff;height:100%;flex-grow:1;margin-right:.5em}.timeline-btn li{display:inline-block;border-right:1px solid #fff;transform:skew(-45deg);height:100%;flex-grow:1}.mainnav li a,.timeline-btn li a{display:block;font-size:.875em;color:#fff;padding:2.5em 3em 2px .5em;transform:skew(45deg);height:100%;width:100%;text-decoration:none}.language-switcher{flex-grow:2}.language-switcher li a{display:inline-block;width:auto}.logo{position:fixed;left:0;top:0;width:60%;height:61px;z-index:5;background-color:rgba(0,0,0,0.3);width:45%;margin-right:.5em;background-image:linear-gradient(to right,#fff 0%,#fff 100%),linear-gradient(to right,#fff 0%,#fff 100%);background-position:bottom left,bottom right;background-size:calc((100% - 276px) / 2) 1px;background-repeat:no-repeat;transform:skew(-45deg) translateX(-64px)}.timeline-btn{float:right;transform:skew(45deg);height:100%}.logo-big{display:inline-block;position:absolute;color:#fff;left:50%;top:3px;transform:translateX(-50%) skew(45deg)}.preorder{position:fixed;right:0;top:20%;z-index:5;width:130px;height:65px}.preorder a{position:relative;display:block;height:100%;width:100%;text-indent:-9999px;z-index:5}.preorder-static,.preorder-hover{position:absolute;left:0;top:0;display:block;height:100%;width:100%;z-index:2}.preorder-static{background:transparent url(./img/icons/preorderbutton-static.png) center center;opacity:1}.preorder-hover{background:transparent url(./img/icons/preorderbutton-hover.png) center center;opacity:0}main{position:relative;z-index:2}#bgvid{display:block;position:fixed;bottom:0;top:50%;transform:translate(-50%,-50%);left:50%;right:0;margin:0;min-height:100%;min-width:100%;max-width:initial;max-height:initial;padding:0;margin:0;z-index:1}section{width:100%;position:relative;margin:0;background:transparent no-repeat fixed center bottom / cover;padding-bottom:40vh}.home section:not(.overlay):first-child{padding-bottom:50vh}.full-bg-wrapper{-webkit-filter:drop-shadow(0 0 25px rgba(0,0,0,0.95));filter:drop-shadow(0 0 25px rgba(0,0,0,0.95))}.full-bg{padding:10% 15%;width:100%;background:#aaa6a5 no-repeat center top / cover;transform:translateY(-6%);min-height:100vh;position:relative;overflow:hidden}section:first-child .full-bg{transform:translateY(0);background-position:center bottom}section:last-child:not(.overlay){padding-bottom:0;background-image:linear-gradient(to top,#aaa6a5 100%,#aaa6a5 100%);background-position:bottom center;background-size:100% 90%;background-repeat:no-repeat}.overlay{width:100%;padding:5% 15%;color:#000;width:90%;margin:0 auto}.inline-content{width:100%;padding:0;position:relative}header{margin-bottom:3em}.intro-content{position:absolute;left:65%;bottom:10%;max-width:35%;margin-right:5%}.intro-content > img{display:block}.inline-logo{float:right}.social-follow{position:absolute;right:65%;bottom:6%;text-align:center}.social-follow-text{display:none}.addthis_horizontal_follow_toolbox{display:inline-block}.addthis_horizontal_follow_toolbox p{margin:0;padding:0}.scroller-btn{position:absolute;left:50%;bottom:4%;transform:translateX(-50%);text-align:center}.arrow-down{animation:jumpUpDown 3s ease infinite;display:block;background:transparent url(./img/icons/pfeil_down.png) no-repeat center center;width:150px;height:33px}@keyframes jumpUpDown{0%,100%{transform:translateY(-2px)}50%{transform:translateY(3px)}}.box-holder{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:space-between;align-content:space-between;margin-top:5%}.big-image-box{border:1px solid #fff;background-color:rgba(0,0,0,0.3);transform:skew(-10deg)}.big-image-button{width:100%;height:100%;position:relative;overflow:hidden;text-decoration:none;color:#fff;display:flex;align-items:center;padding:100% 5% 5%;text-decoration:none}.big-image-button:hover{text-decoration:none}.big-image-button h2{font-size:1.8em;margin:0;width:100%;text-align:center;display:block;position:relative;z-index:2;transform:skew(10deg)}.image{width:100%;height:100%;position:absolute;left:0;top:0;z-index:1;background:#000 no-repeat center center / cover}.big-image-button .image{-ms-filter:brightness(50%);-webkit-filter:brightness(50%);filter:brightness(50%)}.width-100{width:100%}.width-50{width:50%}.width-32{width:32%;margin-right:2%}.width-32:nth-child(3n){margin-right:0}.width-25{width:25%}.width-20{width:20%}.button,.pagination a{display:inline-block;padding:.5em 1em;margin:.5em auto;text-transform:uppercase;background-color:rgba(0,0,0,0.3);color:#fff;border:#fff 1px solid;cursor:pointer;position:relative;vertical-align:middle;overflow:hidden;text-decoration:none}.button-from-top,.pagination a{overflow:hidden}.button-from-top > *{z-index:2}.button-from-top::before,.pagination a:before{background:#fff none repeat scroll 0 0;content:"";height:100%;left:0;position:absolute;top:0;transform:rotate3d(0,0,1,-45deg) translate3d(0px,-3em,0px);transform-origin:0 100% 0;width:100%;z-index:-1}.button-from-top:hover,.pagination a:hover{color:#000;background-color:rgba(0,0,0,0);text-decoration:none}.button-from-top:hover::before,.pagination a:hover:before{background-color:#fff;opacity:1;transform:rotate3d(0,0,1,0deg)}.pagination{margin:2em auto}.pagination a{margin:.5em 1em .5em auto}.news-boxes h3{font-size:1.5em;margin:.5em 0}.blog-date{font-size:.875em;text-align:left;margin-bottom:4px}.news-img{width:100%;padding-bottom:56.25%;background:transparent url(./img/dummy_news.png) no-repeat center center / cover}.timeline-wrapper{position:relative;color:#000;margin-top:5%}.timeline-rope{position:absolute;width:1px;background-color:#000;height:100%;top:0;left:calc(50% - 1px)}.timeline-content{display:flex;align-content:space-between;flex-wrap:wrap;padding-top:3em}.boxshot{width:40%}.col-left .boxshot{margin-right:5%;float:left}.col-right .boxshot{margin-left:5%;float:right}.boxshot img{box-shadow:5px 5px 5px rgba(0,0,0,0.3)}.col-left,.col-right{width:50%;margin-bottom:2em}.col-left{margin-top:-3em}.col-right{text-align:right;margin-top:3em}.timeline-text{overflow:hidden;position:relative;padding-bottom:35px}.col-right .timeline-text{padding-left:1em}.col-left .timeline-text{padding-right:1em}.timeline-text h3{position:relative;font-size:1.5em}.timeline-text h4{font-size:1.1em;font-weight:100;margin-bottom:5px}.developer,.store-leiste{margin-top:3em}.date{margin:.5em auto 1em}.close-icon{cursor:pointer;position:fixed;right:5%;top:5%;z-index:22;display:none}.modalOverflow .close-icon{display:block}.ajax-container-content{position:fixed;width:100%;left:0;top:0;opacity:0;transform:translateX(-100%);transition:transform .6s ease-out;overflow-y:auto}.ajax-content-open{opacity:1;transform:translateX(0);background-color:rgba(255,255,255,0.95);background-image:url(./img/bg-img/splats_top_1.png),url(./img/bg-img/splats_bottom_1.png);background-position:right top,left bottom;background-repeat:no-repeat;background-size:25% auto,20% auto;height:100vh;transition:transform .6s ease-in;z-index:20}.splats-1{background-image:url(./img/bg-img/splats_top_1.png),url(./img/bg-img/splats_bottom_1.png)}.splats-2{background-image:url(./img/bg-img/splats_top_2.png),url(./img/bg-img/splats_bottom_2.png)}.splats-3{background-image:url(./img/bg-img/splats_top_3.png),url(./img/bg-img/splats_bottom_3.png)}footer{width:100%;background-color:#aaa6a5;bottom:0;font-size:.875em;left:0;padding:2% 10%;position:relative;z-index:1}.social-sharing{margin-bottom:2em}.social-sharing p,.addthis_sharing_toolbox,.social-sharing{float:left}.social-sharing p{line-height:35px;margin-right:.5em}.social-sharing a{display:inline-block;height:32px;width:32px;margin:2px;background:transparent url(./img/icons/newsletter.png) center center no-repeat;color:#fff}.social-sharing a:hover{transform:translateY(-4px)}.rating-logo-leiste{float:right}.rating-logo-leiste img{margin-left:1em}.logo-leiste{text-align:center;margin:0 auto;margin-bottom:5%}.logo-leiste img{margin-right:1em}.company-logo-leiste{margin-bottom:1%}.platforms-logo-leiste{margin-right:2%}.copyright{width:80%;margin:0 auto}.-filters{text-align:center;text-transform:uppercase;margin-bottom:3%;color:#000}.-skin-default .-filters .-filter,.submit{display:inline-block;padding:.5em 1em!important;margin:.5em auto!important;text-transform:uppercase;background-color:transparent;color:#000;border:#000 1px solid!important;cursor:pointer;position:relative;vertical-align:middle;overflow:hidden}.-skin-default .-filters .-filter::before,.submit:before{background:#000 none repeat scroll 0 0;content:"";height:100%;left:0;position:absolute;top:0;transform:rotate3d(0,0,1,-45deg) translate3d(0px,-3em,0px);transform-origin:0 100% 0;width:100%;z-index:-1}.-skin-default .-filters .-filter:hover,.-skin-default .-filters .-filter.active,.submit:hover{color:#fff!important;background-color:rgba(255,255,255,0)!important}.-skin-default .-filters .-filter:hover::before,.-skin-default .-filters .-filter.active::before,.submit:hover:before{background-color:#000;opacity:1;transform:rotate3d(0,0,1,0deg)}.-skin-default .-items .-item .itembox{border:#000 1px solid!important;box-shadow:none!important;width:100%!important}.-skin-default .-items .-item{position:relative}.-skin-default .-item .title{display:none!important}.-skin-default .-items .-item{margin:0!important}.-skin-default.-columns4 .-item{width:25%!important}.-skin-default .-items .-item .itembox .-mask{background-color:#fff!important;opacity:.95!important}.-skin-default .-items .-item .itembox .genericon{background-color:transparent!important;color:#000!important;font-size:3em!important;height:auto!important;margin:0!important;transform:translate(-50%,-50%);width:auto!important}.pp_gallery ul a img{height:100%}.pp_pic_holder.pp_default{height:auto}div.pp_default .pp_content_container .pp_left{padding-left:0!important}div.pp_default .pp_content_container .pp_right{padding-right:0!important}.pp_details{width:100%!important}div.pp_overlay{background:#fff none repeat scroll 0 0!important;opacity:.95!important;width:100%!important;min-height:100vh!important;position:fixed!important}div.pp_default .pp_nav .currentTextHolder,div.pp_default .pp_description{font-family:'Roboto',sans-serif!important;font-weight:300!important;color:#000!important;font-size:.875em!important;font-style:normal!important;position:relative!important;left:auto!important}div.pp_default .pp_description{line-height:30px!important}.pp_full_res{background-color:#fff}div.ppt,.pp_social,div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause,a.pp_arrow_previous,a.pp_arrow_next,.pp_top,.pp_bottom,div.pp_default .pp_expand{display:none!important}div.pp_default .pp_content_container .pp_left,div.pp_default .pp_content_container .pp_right,div.pp_default .pp_content,div.light_rounded .pp_content{background:0 none!important}div.pp_default .pp_next{background:url(img/icons/pfeil_re.png) 96% center no-repeat!important}div.pp_default .pp_previous{background:url(img/icons/pfeil_li.png) 4% center no-repeat!important}div.pp_default .pp_close{position:fixed!important;right:5%!important;top:5%!important;background:url(img/icons/icon_close-button_s.png) center center no-repeat!important;background-size:100% 100%!important;height:36px!important;width:36px!important}div.pp_default .pp_loaderIcon{background:transparent url(img/logos/spellforce3-logo_big.png) center center no-repeat!important;background-size:100% auto!important;width:400px;height:200px;margin:0!important;transform:translate(-50%,-50%)!important}.videoWrapper{position:relative;padding-bottom:56.25%;padding-top:25px;height:0}.videoWrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}#successmsg,#errormsg > *{display:none;margin-top:1em;color:#000;font-size:1.8em;text-transform:uppercase}.newsletter{margin-top:5%}.newsletter-form-wrap{flex-wrap:wrap;display:flex;align-items:flex-start}legend{margin:0 0 1em}legend h2{margin:0;font-size:2.5em}fieldset{border:0 none;margin-bottom:1em}.form-one-row{margin-bottom:2em;width:100%}.form-10{float:left;width:9%;margin-right:1%}.align-right{float:right;text-align:right}.form-15{float:left;width:14%;margin-right:1%}.form-20{float:left;width:19%;margin-right:1%;margin-bottom:.1em}.form-32{float:left;width:32%;margin-right:1%}.form-25{float:left;width:24%;margin-right:1%}.form-50{float:left;width:50%}button,input,textarea,select{padding:0 .25em;border:1px solid transparent;border-bottom:1px solid #000;background-color:transparent;font-size:1em;outline:0 none}input:focus,textarea:focus,input[type=text]:focus{font-size:1.2em}input[type="checkbox"]:not(old),input[type="radio"]:not(old){width:.5em;margin:0;padding:0;font-size:1em;opacity:0}input[type="checkbox"]:not(old) + label,input[type="radio"]:not(old) + label{display:inline-block;margin-left:-.5em;line-height:1.5em}input[type="checkbox"]:not(old) + label > span,input[type="radio"]:not(old) + label > span{font-size:1em;display:inline-block;width:1em;height:1em;margin:0 .5em .22em .22em;border:.0625em solid #000;background:transparent;vertical-align:middle}input[type="radio"]:not(old) + label > span{border-radius:50%}input[type="checkbox"]:not(old):checked + label > span,input[type="radio" ]:not(old):checked + label > span{background:rgba(0,0,0,1)}input[type=checkbox]:not(old):checked + label > span:before{content:"?";display:block;width:1em;color:#fff;font-size:1em;line-height:1em;text-align:center;font-weight:700}input[type=radio]:not(old):checked + label > span > span{display:block;height:.6em;margin:.125em;border-radius:50%;background:#000}.responsive-icon{background:transparent url(./img/icons/icon_hamburger.png) no-repeat center center;width:36px;height:36px;position:fixed;right:5%;top:12.5px;z-index:18;cursor:pointer;transition:transform .6s ease-out;display:none}.gallery{align-items:center;display:flex;flex-flow:row wrap;margin-bottom:2em}.gallery-item{margin:0;overflow:hidden;position:relative;border:1px solid #000}.gallery-columns-1.gallery-size-medium,.gallery-columns-1.gallery-size-thumbnail,.gallery-columns-2.gallery-size-thumbnail,.gallery-columns-3.gallery-size-thumbnail{display:table;margin:0 auto 20px}.gallery-columns-1 .gallery-item,.gallery-columns-2 .gallery-item,.gallery-columns-3 .gallery-item{text-align:center}.gallery-columns-4 .gallery-item{width:25%}.gallery-columns-5 .gallery-item{width:20%}.gallery-columns-6 .gallery-item{width:16.666666666667%}.gallery-columns-7 .gallery-item{width:14.285714285714%}.gallery-columns-8 .gallery-item{width:12.5%}.gallery-columns-9 .gallery-item{width:11.111111111111%}.gallery-item img{width:100%}.gallery-columns-1 .gallery-item:nth-of-type(1n),.gallery-columns-2 .gallery-item:nth-of-type(2n),.gallery-columns-3 .gallery-item:nth-of-type(3n),.gallery-columns-4 .gallery-item:nth-of-type(4n),.gallery-columns-5 .gallery-item:nth-of-type(5n),.gallery-columns-6 .gallery-item:nth-of-type(6n),.gallery-columns-7 .gallery-item:nth-of-type(7n),.gallery-columns-8 .gallery-item:nth-of-type(8n),.gallery-columns-9 .gallery-item:nth-of-type(9n){margin-right:0}.gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1),.gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1),.gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1),.gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1){clear:left}.gallery-caption{display:none}
@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){section{padding-bottom:50vh}.full-bg{box-shadow:1px 0 25px rgba(0,0,0,0.95)}}
@media (min-device-width: 1025px) {
.mobile-timeline{display:none}.full-bg-svg{width:0;height:0;overflow:hidden;visibility:hidden;display:block}button,input,textarea,select{transition:font-size .3s ease-out}input:focus,textarea:focus,input[type=text]:focus{transition:font-size .3s ease-in}.mainnav li,.timeline-btn li{transition:.3s background-color ease-out}.mainnav ul:not(.language-switcher) li:hover; .timeline-btn li:hover{transition:.3s background-color ease-in}.mainnav li a,.timeline-btn li a{transition:.3s color ease-out}.mainnav li:hover a,.timeline-btn li:hover a{transition:.3s color ease-in}a.underline-effect,a.underline-effect:visited,.a.underline-effect:hover,a.underline-effect:active{transition:.3s color ease-out}a.underline-effect:before,a.underline-effect:after{transition:.3s all ease-in}
	.button, .pagination a  {transition: .6s background;}
	.button-from-top, .pagination a, .-skin-default .-filters .-filter  {
		transition-delay: 0s, 0s;
		transition-duration: 0.6s, 0.6s;
		transition-property: border-color, color;
		transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	}
	.button-from-top:before, .pagination a:before,.-skin-default .-filters .-filter:before {transition: transform 0.6s ease 0s, opacity 0.6s ease 0s, background-color 0.6s ease 0s;}
	.button-from-top:hover, .pagination a:hover{color: #000; background-color: rgba(0, 0, 0, 0);}
	.button-from-top:hover:before, .pagination a:hover:before,.-skin-default .-filters .-filter:hover:before, .-skin-default .-filters .-filter.active:before {transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);}
	.store-leiste a,.close-icon {
		opacity: 0.6;
		transition: opacity 0.3s ease-out;
	}
	.store-leiste a:hover,.modalOverflow .close-icon:hover{
		transition: opacity 0.3s ease-in;
		opacity: 1;
	}
	.big-image-button .image {transition: filter 1.2s ease-out, background-position 2.4s ease-out;}
	.big-image-button:hover .image {
		background-position: right center;
		-ms-filter: brightness(100%);
		-webkit-filter: brightness(100%);
		filter: brightness(100%);
		transition: filter 1.2s ease-in, background-position 2.4s ease-in;
	}
.preorder-static,.preorder-hover{transition:opacity .3s ease-out}.preorder:hover .preorder-static,.preorder:hover .preorder-hover{transition:opacity .3s ease-in}.preorder:hover .preorder-static{opacity:0}.preorder:hover .preorder-hover{opacity:1}.social-sharing a{transition:transform .3s ease-out}.social-sharing a:hover{transform:translateY(-4px);transition:transform .3s ease-in}div.pp_default .pp_next,div.pp_default .pp_previous{transition:background .3s ease-out}div.pp_default .pp_next:hover,div.pp_default .pp_previous:hover{transition:background .3s ease-in}div.pp_default .pp_next:hover{background:url(img/icons/pfeil_re.png) 98% center no-repeat!important}div.pp_default .pp_previous:hover{background:url(img/icons/pfeil_li.png) 2% center no-repeat!important}div.pp_default .pp_close{opacity:.6!important;transition:opacity .3s ease-out}div.pp_default .pp_close:hover{opacity:1!important;transition:opacity .3s ease-in}div.pp_default .pp_loaderIcon{animation:opacityScale 6s ease infinite}@keyframes opacityScale{0%,100%{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}
}
@media (min-width: 1097px){.mainnav ul:not(.language-switcher) li.menu-active{background-color:#fff}.mainnav li.menu-active a{color:#000}.mainnav ul:not(.language-switcher) li:hover,.timeline-btn li:hover{background-color:#fff}.mainnav li:hover a,.timeline-btn li:hover a{color:#000}.logo-big > *{position:relative;z-index:10}.logo-big:after,.logo-big:before{position:absolute;content:'';top:58px;height:2em;width:50%;z-index:0}.logo-big:before{background-color:rgba(0,0,0,0.3);left:12.5%;border-left:1px solid #fff;border-bottom:1px solid #fff;transform-origin:left bottom;transform:skew(45deg)}.logo-big:after{background-color:rgba(0,0,0,0.3);right:12.5%;border-right:1px solid #fff;border-bottom:1px solid #fff;transform-origin:right bottom;transform:skew(-45deg)}}@media (max-width: 1300px){.form-50{width:68%}.form-15{width:21%}.full-bg,.overlay{padding:10%}.overlay{width:100%}.width-20{width:23%}.big-image-button h2{font-size:1.5em}}@media (max-width: 1096px){.responsive-icon{display:block}.responsive-icon.close{left:auto;right:5%;background-image:url(./img/icons/icon_close-button_s.png)}.nav-top{right:0;height:100vh;position:fixed;top:0;z-index:10;background-color:rgba(255,255,255,0.95);padding:84px 10% 5% 5%;transform:translateX(100%);transition:transform .6s ease-in;overflow-y:auto;overflow-x:hidden;min-width:50%}.responsive-open{transform:translateX(0)}.logo{background-size:100% 1px;margin-right:0;transform:skew(0deg) translateX(0px);width:100%}.logo-big{left:auto;top:auto;transform:translateX(0px) skew(0deg);position:relative;float:left}.timeline-btn{float:left;transform:skew(0deg);display:none;height:auto}.timeline-btn.mobile-timeline{display:block;float:none}.mainnav{width:100%;padding:0;transform:translateX(0px);display:block;position:relative}.mainnav ul{display:block}.mainnav li{background-color:transparent;border:0 none;display:block;margin-right:0;margin-bottom:.5em}.mainnav li a,.timeline-btn.mobile-timeline li a{color:#000;display:inline-block;padding:.5em 1em;width:auto}.language-switcher{flex-grow:1}}@media (max-width: 1024px){.arrow-down{background-size:100% auto;width:100px}.preorder{width:100px;height:50px}.preorder-static{background-image:url(./img/icons/preorderbutton-static_100x50.png)}.preorder-hover{background-image:url(./img/icons/preorderbutton-hover_100x50.png)}.gallery-columns-6 .gallery-item{width:20%}.width-50{width:100%}}@media (max-width: 870px){.full-bg,.overlay{padding:10% 5%}.full-bg-svg{display:none}.big-image-button{padding:50% 2% 2%}.width-32{width:48%;margin-bottom:2em}.width-32:nth-child(2n){margin-right:0}.gallery-columns-6 .gallery-item{width:25%}div.pp_default .pp_next,div.pp_default .pp_previous,div.pp_default .pp_next:hover,div.pp_default .pp_previous:hover{background-size:auto 70px!important}div.pp_default .pp_close{width:28px;height:28px}.pp_pic_holder.pp_default{width:95%!important;left:2.5%!important}.pp_hoverContainer{width:100%!important;height:100%!important}.pp_content,.pp_fade,#pp_full_res img{width:100%!important;height:auto!important}.pp_gallery{display:none!important}div.pp_default .pp_close{top:16px!important}div.pp_default .pp_loaderIcon{width:50%!important;height:50%!important}}@media (min-width: 681px){.col-left .timeline-text h3:after{content:"";background-color:#000;position:absolute;width:100%;height:1px;top:50%;margin-left:.5em}.col-right .timeline-text h3:before{background-color:#000;content:"";display:inline-block;height:1px;position:relative;vertical-align:middle;width:100%;right:.5em;margin-left:-50%;top:50%}}@media (max-width: 680px){body{font-size:15px}.mainnav li a,.timeline-btn li a{font-size:1.2em}.social-follow{right:auto;left:5%}.width-20{width:48%}.big-image-box{margin-bottom:1em}.full-bg,.overlay{padding:5em 5% 10em}.timeline-content{display:block;padding-top:0}.col-left{margin-top:0}.col-left,.col-right{width:100%}.col-left::after,.col-right::after{background-color:#000;height:1px;left:5%;position:absolute;width:90%}.timeline-rope{display:none}.gallery-columns-6 .gallery-item{width:33.333333333333%}.-skin-default.-columns4 .-item{width:33.333333333333%!important}.copyright{width:100%}footer{padding:2% 5%}}@media (max-width: 580px){.close-icon,.responsive-icon.close{right:24px;top:24px}.ajax-content-open{background-size:40% auto}.width-32{width:100%}.splats-1{background-image:url(./img/bg-img/splats_top_1.png)}.splats-2{background-image:url(./img/bg-img/splats_top_2.png)}.splats-3{background-image:url(./img/bg-img/splats_top_3.png)}.gallery-columns-6 .gallery-item{width:50%}.-skin-default.-columns4 .-item{width:50%!important}.company-logo-leiste > a{display:inline-block;max-width:45%}.rating-logo-leiste,.social-sharing{margin-bottom:1em}.align-right{float:none;text-align:left}.social-follow{bottom:20%;left:50%;transform:translateX(-50%)}.social-follow-text{display:block}}@media (max-width: 450px){body{font-size:14px}.form-32{width:49%}}@media (max-width: 400px){.logo-big{width:70%}.social-follow{width:100%}.width-20{width:80%}.big-image-box{margin:0 auto 1em}.form-25{width:100%;margin-right:0}}