@import url('https://gundf-fonts.de/google-fonts/css/style.css');
@import url('https://gundf-fonts.de/font-awesome/v5/css/all.css');/*  font-family: 'Font Awesome 5 Free';*/
:root{
	--darkcolor: #07070e ;
	--titlecolor: #ffffff;
	--paragraphcolor: #ffffff;
	--subtitlecolor: #ffffff;
	--sizetitlecasestudy:46pt;
	--sizecasestudylink:20pt;
	--sizebody:15px;
	--forminputradius:25px;
	--formtextcolor:#07070E;
	
	--gradientred:#e93137;
	--gradientpink: #ea1874;
	--gradientpurple: #A279A8;
	--gradientyellow: #fbaf44;
	--gradientlime: #91c034;
	--gradientgreen: #00a098;
	--gradientblue: #1a71b4;
	--buttontextcolor:#ffffff;

}


html, body{
	font-family:'Roboto Condensed'!important;	
	overflow-x:hidden!important;
}
h2{
	color:var(--titlecolor)!important;
	font-weight: 700!important;
}
h3{
	color:var(--titlecolor)!important;
	font-weight: 700;
}
p{
	color:var(--paragraphcolor);
}
html body header + .container-fluid, html body.header-full-width .navbar, html body footer {
    padding-left: 5%!important;
    padding-right: 5%!important;
}
html body .container-fluid .content-wrapper{padding-top:0;}
/* carousel case study */
.studycase-item-image{
	margin:0 auto;
	width:80%;
	padding-top:50px;
}
.studycase-title a{
	font-weight: 700;
	color:white!important;
}
.studycase-link a{
	color:white!important;
	font-size:var(--sizecasestudylink);
}
.studycase-details-wraper{
	text-align:center;
	width:100%;
}
.studycase-title{text-transform:uppercase;}
.studycase-details-wraper .hline{
	border-top:1px solid white;
	width:15%;
	margin:0 auto;
	padding-bottom:5px;
}
.studycase-grid-row .vc_grid.vc_grid-owl-theme .vc_grid-owl-nav .vc_grid-owl-prev{left:5%;}
.studycase-grid-row .vc_grid.vc_grid-owl-theme .vc_grid-owl-nav .vc_grid-owl-next{right:5%;}
.gradient-red-pink{
	background: linear-gradient(to right, var(--gradientred)   0%, var(--gradientpink)  100%);
}
.gradient-yellow-green{
	background: linear-gradient(to right, var(--gradientyellow)   0%, var(--gradientgreen)  100%);
}
.gradient-yellow-red{
	background: linear-gradient(to right, var(--gradientyellow)   0%, var(--gradientred)  100%);
}
.gradient-pink-blue{
	background: linear-gradient(to right, var(--gradientpink)   0%, var(--gradientblue)  100%);
}

.studycase-grid-row .studycase-grid-column .vc_grid-container .vc_grid .vc_grid-owl-dots .vc_grid-owl-dot {width:20vw}
.studycase-grid-row .studycase-grid-column .vc_grid-container .vc_grid .vc_grid-owl-dots .vc_grid-owl-dot span{    
	width: 100%;
    border: none;
    padding-top: 1px;
    background: #ffffff73;
}
.studycase-grid-row .studycase-grid-column .vc_grid-container .vc_grid .vc_grid-owl-dots .vc_grid-owl-dot.active span{
	height: 5px;
}
.studycase-grid-row .studycase-grid-column .vc_grid-container .vc_grid .vc_grid-owl-dots .vc_grid-owl-dot:not(.active) span{
	height: 5px;
}
.studycase-grid-column .owl-carousel .owl-item img{
	width: 70%;
    margin: 0 auto;
}



@media only screen and (min-width: 1200px) {
	.studycase-item-details{padding-bottom:10vh;}
	.studycase-grid-row .vc_grid.vc_grid-owl-theme .vc_grid-owl-dots.vc_grid-square_dots{
		margin-top: -10vh;
		z-index: 3;
		position: relative;
		margin-bottom: 10vh;
	}
	.studycase-grid-row .studycase-grid-column  .owl-height{
		height:100vh!important;
	}
}
/* END carousel case study */

/* contact form */
textarea, input, select{
	border-radius:var(--forminputradius);
	color:var(--formtextcolor)!important;
	background: linear-gradient(to right, #ffffff  0%, var(--gradientpurple)  100%);
	border:none;
	padding: 8px 25px!important;
}
select option{
	color:var(--formtextcolor)!important;
}
input.gform_button.button[type='submit']{
	background: linear-gradient(to right, var(--gradientred)   0%, var(--gradientpink)  100%);
	color:var(--buttontextcolor)!important;
	font-weight: 700!important;
	padding:5px 30px;
	text-transform:uppercase;
}
.gform_footer{
	justify-content: right;
}
.gform-body label{color:white;}
.form-raw{pointer-events:none;}
/* bulletpoints  */
.bubblepoint:before{
	content:' ';
	border-radius:50%;
	height:30pt;
	width:30pt;
	display:inline-block;
	margin-right:10px;
	flex-shrink: 0;
}
.vir-fuer-sie h2{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
	  -webkit-box-align: center;
           -ms-flex-align: center;
               align-items: center;
}
.vir-fuer-sie .bubblepoint:first-of-type:before{
	background: linear-gradient(to right, var(--gradientred)   0%, var(--gradientpink)  100%);
}
.vir-fuer-sie .bubblepoint:nth-of-type(2):before{
	background: linear-gradient(to right, var(--gradientyellow)   0%, var(--gradientgreen)  100%);
}
.vir-fuer-sie .bubblepoint:nth-of-type(3):before{
	background: linear-gradient(to right, var(--gradientyellow)   0%, var(--gradientred)  100%);
}
.vir-fuer-sie .bubblepoint:nth-of-type(4):before{
	background: linear-gradient(to right, var(--gradientpink)   0%, var(--gradientblue)  100%);
}
/* */
.sticky nav.woocommerce-breadcrumb{
	display:none
}
.sticky div.header-widget-region{
	display:none;
}

/* PLANET MOVEMENT ON SCROLL */
.animation {

}

.paper-plane {
  position: absolute;
  width: 6.5rem;
  top: 0;
  left: 70%;
  width: 15vw;
}

.pitstop,
.pitstop figure,
.pitstop figure .vc_single_image-wrapper,
.pitstop figure .vc_single_image-wrapper img{
	width: 100%;
}




/*/////////// planet moon animation /////////////////////*/
 
.system {
    position: relative;
    
    display: flex;
    justify-content: center;
    align-items: center;
    
    width: 350px;
    height: 350px;
    margin: 0;
    
    
}

.planet {
    z-index: 10;
	top: 5%;
    position: relative; 
    display: block;
    width: 13vw;
    height: 13vw;  
    background: #ffffffc4;
    border-radius: 100%; 
    box-shadow: inset -3vw -1.5vw 0 rgba(22, 23, 67, .05);   
    overflow: hidden; 
}

.planet::before {
        content: "";    
        position: absolute;
        top: -15vw;
        left: -5vw;  
        display: block;
        width: 13vw;
        height: 13vw;  
        background: #fff;
        border-radius: 100%;
        box-shadow: 0 0 2vw rgba(0, 0, 0, .05);
    }
.moon {
    z-index: 11;
    position: absolute;
    top: calc(50% - 2.5vw);
    left: calc(50% - 2.5vw);
    display: block;
    width: 3vw;
    height: 3vw;
    background: #fff;
    border-radius: 100%;
    box-shadow: inset -1.5vw -1vw 0 rgba(72, 189, 255, .05), 0 0 2vw rgba(22, 23, 67, .5);
    will-change: transform;
    animation: 6s linear orbit infinite;
    transform: translate3d(0, 0, 0);
}


@keyframes orbit {
    0% {
        z-index: 10;
        transform: translate3d(0, 0, 0) scale(1.3);
        background: rgb(234, 242, 253);
    }
	10% {
        z-index: 10;
        transform: translate3d(5vw, 5vw, 0) scale(1);
        background: rgb(234, 242, 253);
    }
    15% {
        z-index: 10;
        transform: translate3d(7vw, 7vw, 0) scale(1);
        background: rgb(234, 242, 253);
    }
    20% {
        z-index: 9;
        transform: translate3d(4.5vw, 4.5vw, 0) scale(.9);
        background: rgb(234, 242, 253);
    }
    25% {
        z-index: 9;
        transform: translate3d(4.2vw, 4.2vw, 0) scale(.85);
        background: darken(rgb(234, 242, 253), 5%);
    }
    30% {
        z-index: 9;
        transform: translate3d(3.8vw, 3.8vw, 0) scale(.8);
        background: darken(rgb(234, 242, 253), 5%);
    }
    
    
    65% {
        z-index: 9;
        transform: translate3d(-4vw, -4vw, 0) scale(.8);
        background: darken(rgb(234, 242, 253), 5%);
    }
    70% {
        z-index: 9;
        transform: translate3d(-4.5vw, -4.5vw, 0) scale(.85);
        background: darken(rgb(234, 242, 253), 5%);
    }
    75% {
        z-index: 9;
        transform: translate3d(-5vw, -5vw, 0) scale(.9);
        background: darken(rgb(234, 242, 253), 5%);
    }
    80% {
        z-index: 10;
        transform: translate3d(-4.5vw, -4.5vw, 0) scale(1);
        background: rgb(234, 242, 253);
    }
    100% {
        z-index: 10;
        transform: translate3d(0, 0, 0) scale(1.3);
        background: rgb(234, 242, 253);
    }
}

.cap {
	position: absolute;
	bottom: 0;
	right: 0;
	padding: .5vw;
	font-size: .5vw;
	letter-spacing: .1em;
	color: #fff;
}

.cap__link {
	color: rgb(72, 189, 255);
}
/* END planet moon animation */

.col-header-txt .vc_column-inner{width:120%!important;}
.wir-object {margin-top:-5%!important;}
.awards-object {margin-top:-15%!important;}
.form-object{margin-top:-15%!important;}
.footer-bottom{display:none;}
#footer ul li {
    display: inline-block;
    margin-right: 10px;
}
body.content-full-width .footer-widget-area {
    padding-left: 0!important;
    padding-right: 0!important;
	padding-top: 0!important;
    padding-bottom: 0!important;
}
.footer-widget-area .container-fluid{padding:0!important;}
@media only screen and (max-width: 992px) {
	
	.vc_empty_space{height:30px!important;}
	.footer-widget-area .container-fluid .row .col-md-3:nth-child(1){
		width: 50%;
		float: left;
		display: inline;
	}
	.footer-widget-area .container-fluid .row .col-md-3:nth-child(4){
		width: 50%;
		display: inline;
	}
	html body .footer-widget-area .widget {
		margin-bottom: 0;
	}
	html body .main-content {
		padding-bottom: 0px;
	}
	html body .navbar-wrapper{
		    padding: 5px 0;
	}
	html body .navbar-toggle{padding: 20px 0px;}
	html body .navbar-toggle .icon-bar{background-color:#fff;}
	.paper-plane{    width: 30vw;}
}
@media only screen and (min-width: 1025px) {
	html body .navbar-wrapper{
		    padding: 5px 15px;
	}
	html body .navbar-header img {
		max-width: 50%!important;
	}
	#menu-main-menu{padding-top:15px;}
	.studycase-grid-row{
		min-height:950px;
	}
}
@media only screen and (min-width: 991px) and (max-width: 1024px){
	html body .navbar-header img {
		max-width: 80%!important;
		height: auto;
	}
	#menu-main-menu{padding-top:15px;}
}
/* case study page */
.single-casestudy .entry-title,
.single-casestudy header{display:none;}
.single-casestudy .entry-full-content {padding-top:5%;}

.back-btn .fa-angle-double-left{color:white;    -webkit-text-stroke: 1px black;}
.back-btn a,.back-btn a:hover{color:white;text-decoration:none;}
.case-head-txt{
	position: absolute;
    bottom: 10%;
    left: 5%;
    text-transform: uppercase;
}
html body .bg-sec1{    background-position: left !important;}
@media only screen and (max-width: 1199px) {
	.back-btn{padding-top:5%;}
		html body .case-head-txt {
		position: absolute;
		bottom: 20%;
		left: 8%;
		text-transform: uppercase;
	}
}
@media only screen and (min-width: 1200px) {
	.back-btn{
		position: absolute;
		left: 1%;
		top: 12%;
	}
}
/* end case study page */

/* Go to top button*/
#topbutton {
  position: fixed;
  display: none;
  height: 40px;
  width: 40px;
  line-height: 40px;
  right: 15px;
  bottom: 15px;
  z-index: 1;
  background: var(--blue);
  border: solid 1px white;
  border-radius: 50%;
  text-decoration: none;
  color: #ffffff;
  text-align: center;
}
#topbutton:after {
    content: "\f106";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    line-height: inherit;
    vertical-align: baseline;
    height: 1em;
    line-height: 1.618;
    color: #fff;
    font-size: 25px;
}
html body  #main-menu>ul>li a {
    font-family: 'Roboto Condensed'!important;
}
html body {
	font-size: calc(0.6em + 1vmin);
}
html body h1,
h2.header-txt{
	font-weight: 800;
	margin-bottom: 0;
	font-size: calc(5em + 1vmin);
}
h3.header-txt{
	font-weight: 400;
	margin-bottom: 0;
	font-size: calc(3em + 1vmin);
}
h1.h2-size{margin-bottom: 2.125rem;}
	html body h2,h1.h2-size{font-size: calc(2.6em + 1vmin);}
    .vir-fuer-sie h2,
    .studycase-title a{font-size: calc(1.6em + 1vmin);}
	html body h3{font-size: calc(1em + 1vmin);font-weight: 600;}
	html body h4{font-size: calc(0.6em + 1vmin);}
	html body h5{font-size: calc(0.5em + 1vmin);}
	html body h6{font-size: calc(0.3em + 1vmin);}
    html body  #main-menu ul li a{font-size: calc(0.7em + 1vmin);}
    html body #footer{font-size: calc(0.4em + 1vmin);}

@media only screen and (min-width: 768px) {
	footer> .footer-widget-area > .container-fluid > .row{
		   display: -webkit-box;
		   display: -ms-flexbox;
		   display: flex;
		-webkit-box-align: baseline;
			-ms-flex-align: baseline;
				align-items: baseline;
	}
	
}
@media only screen and (max-width: 767px) {
	.pitstop, .pitstop figure, .pitstop figure .vc_single_image-wrapper, .pitstop figure .vc_single_image-wrapper img {
		width: inherit!important;
	}
	html body h2{text-align:center!important;}
	h2.header-txt,.vir-fuer-sie h2{text-align:left!important;}
	#menu-footer{
		    margin-top: 3px;
	}
	.form-raw{
		margin-bottom: -150px!important;
	}
	.vir-fuer-sie h2, .studycase-title a {
		font-size: calc(1em + 1vmin);
	}
	.studycase-link a {
		font-size: 10pt;
	}
	.studycase-item-details{padding-bottom:20px;}
	.studycase-item-image{padding-top:20px;}
}
@media only screen and (max-width: 400px) {
	html body h1, h2.header-txt {font-size: calc(1.5em + 1vmin);}
	html body h2,h3.header-txt,h1.h2-size,.vir-fuer-sie h2{font-size: calc(0.9em + 1vmin);}
	html body #main-menu ul li a { font-size: calc(0.7em + 1vmin);}
}
@media only screen and (min-width:401px) and (max-width: 767px) {
    html body h1, h2.header-txt{font-size: calc(2em + 1vmin);}
	html body #main-menu ul li a { font-size: calc(0.6em + 1vmin);}

}
@media only screen and (min-width:768px) and (max-width: 1024px) {
	html body.home h1, h2.header-txt{font-size: calc(3em + 1vmin);}
	html body h1{font-size: calc(2em + 1vmin);}
	html body h2,.vir-fuer-sie h2,h1.h2-size{font-size: calc(1em + 1vmin);}
	html body h3{font-size: calc(0.6em + 1vmin);}


}

@media only screen and (min-width:1025px) and (max-width: 1366px) {
    html body.home h1, h2.header-txt{font-size: calc(3em + 1vmin);}
	html body h1{font-size: calc(2em + 1vmin);}
	html body h2,.vir-fuer-sie h2,h1.h2-size{font-size: calc(0.8em + 1vmin);}
	html body h3{font-size: calc(0.6em + 1vmin);}
}
#newsletter-trigger{
	cursor:pointer;
}
.newsletter-popup{
	display:none;
	position: fixed;
    width: 100vw;
    height: 100vh;
    background-color: #000;
    text-align: center;
    top: 0;
    left: 0;
    z-index: 999;
    padding: 5%;
}

.newsletter-popup.show{
	display:block!important;
}
.rs-parallax-wrap{
	overflow:hidden;
}
.txt-col{
	font-family:'Roboto Condensed'!important;	
	font-weight: 900!important;
}
li{color:white;}
a, .comments-area .comment-list .reply a, .comments-area span.required, .comments-area .comment-subscription-form label:before, .entry-preview .entry-meta li a:hover:before, .entry-preview .entry-meta li a:focus:before, .entry-preview .entry-meta li.entry-meta-category:hover:before, .entry-content p a:hover, .entry-content ol a:hover, .entry-content ul a:hover, .entry-content table a:hover, .entry-content datalist a:hover, .entry-content blockquote a:hover, .entry-content dl a:hover, .entry-content address a:hover, .entry-content p a:focus, .entry-content ol a:focus, .entry-content ul a:focus, .entry-content table a:focus, .entry-content datalist a:focus, .entry-content blockquote a:focus, .entry-content dl a:focus, .entry-content address a:focus, .entry-content ul > li:before, .comment-content p a:hover, .comment-content ol a:hover, .comment-content ul a:hover, .comment-content table a:hover, .comment-content datalist a:hover, .comment-content blockquote a:hover, .comment-content dl a:hover, .comment-content address a:hover, .comment-content p a:focus, .comment-content ol a:focus, .comment-content ul a:focus, .comment-content table a:focus, .comment-content datalist a:focus, .comment-content blockquote a:focus, .comment-content dl a:focus, .comment-content address a:focus, .comment-content ul > li:before, .sidebar-widget-area .widget_recent_entries ul li, .sidebar-widget-area .widget_archive ul li, .sidebar-widget-area .widget_categories ul li, .sidebar-widget-area .widget_meta ul li{
	color:white!important;
}
html body .gform_wrapper .gform_validation_errors>h2{
	color: #c02b0a!important;
}