@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';*/
html,
html body{
	overflow-x:hidden;
}
html body, 
html body h1, html body h2,html body  h3,html body  h4,html body  h5, html body button, html body p, html body a, html body span,
html body #main-menu>ul>li>a{
	font-family: 'Oswald';
	font-weight: 200;
}

:root {
  --grey-dark: #333;
  --black: #000;
}
html body a:focus, html body a:hover {
    color: #fff;
    text-decoration: underline;
}
/*sticky*/
.sticky {
  position:fixed;
}
.navbar-wrapper{
	 transition: padding 0.2s ease-in;
}
.sticky .navbar-wrapper{
	    padding: 5px 15px;
	    transition: padding 0.2s ease-out;
}
/* 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,
html body .form-home .gform_wrapper.gravity-theme label.gfield_label{
	font-size: calc(0.6em + 1vmin);
}
html body h1{
	font-weight: 800;
	margin-bottom: 0;
	font-size: calc(5em + 1vmin);
}
.leist-item-title{
	font-weight: 800;
	text-transform:uppercase;
	line-height:0.8;
	margin-bottom: 0;
	font-size: calc(5em + 1vmin);
}
.head-txt{
	font-weight: 400;
	font-size: calc(8em + 1vmin);
	text-transform:uppercase;
	font-family: "Winner";
	font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}
	html body h2{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.8em + 1vmin);}
    html body #footer{font-size: calc(0.8em + 1vmin);}


@media only screen and (max-width: 400px) {
	html body h1,
	.leist-item-title{font-size: calc(1.5em + 1vmin);}
	html body h2{font-size: calc(0.9em + 1vmin);}
	.head-txt{font-size: calc(3.5em + 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,
   .leist-item-title{font-size: calc(2em + 1vmin);}
	.head-txt{font-size: calc(3.5em + 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,
	.leist-item-title {font-size: calc(3em + 1vmin);}
	html body h1{font-size: calc(2em + 1vmin);}
	html body h2{font-size: calc(1em + 1vmin);}
	.head-txt{font-size: calc(3.5em + 1vmin);}
	html body h3{font-size: calc(0.6em + 1vmin);}
	html body #main-menu ul li a { font-size: calc(1em + 1vmin);}

}

@media only screen and (min-width:1025px) and (max-width: 1366px) {
    html body.home h1,
   .leist-item-title{font-size: calc(3em + 1vmin);}
	html body h1{font-size: calc(2em + 1vmin);}
	html body h2{font-size: calc(0.8em + 1vmin);}
	html body h3{font-size: calc(0.6em + 1vmin);}
}


/* 
 * <div class='sticky'> <nav class="woocommerce-breadcrumb"> </nav> </div>
 * */
#footer ul li {
    display: inline-block;
    margin-right: 10px;
}
#footer .col-md-4:nth-child(3){text-align:right;}
.sticky nav.woocommerce-breadcrumb{
	display:none
}
.sticky div.header-widget-region{
	display:none;
}

html body header +  .container-fluid,
html body.header-full-width .navbar,
html body footer,
html body.single-referenzen .entry-full-content{
	padding-left: 5%!important;
    padding-right: 5%!important;
}
html body.header-full-width #header .navbar,
html body .footer-widget-area{background:var(--grey-dark);}
footer .footer-bottom{display:none;}

/* text flowing from right to left */
.row-text-flowing{
	position:absolute!important;
	z-index: 1;
	top:28.5%;
}
.head-animation{
	overflow:visible!important;
	margin-top: 10px;
}
.row-flowing-txt{
	position:absolute!important;
	left:0;
	right:0;
	top:49%;
	z-index:1;
}
.head-animation .object-head  .wpb_raw_code {
	margin-top: -12%;
}
.wrapper-text {
  width: 100%;
  margin: auto;
  overflow-x: hidden;
  white-space: nowrap;
  background-color:var(--grey-dark);
	
}

p.target-text {
  margin: 5px!important;
  width: 100%;
  font-weight: bold;
  color: #fff;
  display: inline-block;
  padding-left: 100%;
  animation: rightToLeft 5s linear infinite;
}

@keyframes rightToLeft {
	0% {
		transform: translate(0, 0);
	  }
  100% {
    transform: translate(-100%, 0);
  }
}

.wrapper {
  max-width: 100%;
  overflow: hidden;
}

.marquee {
  white-space: nowrap;
  background-color:var(--grey-dark);
  overflow: hidden;
  display: inline-block;
  animation: marquee 50s linear infinite;
}

.marquee p {
  display: inline-block;
  margin:0!important;
 font-family: 'Roboto';
    font-weight: 400;
    letter-spacing: 10px;
    font-size: calc(0.4em + 1vmin);
}

@keyframes marquee {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-50%, 0, 0);
  }
}

/* grid leistungen*/

.leist-grid .vc_gitem-zone-mini,
.leist-grid .vc_gitem-zone-mini .vc_row,
.leist-grid .vc_gitem-zone-mini .vc_row .vc_col-sm-12,
.leist-grid .vc_gitem-zone-mini .vc_row .vc_col-sm-12 .wpb_text_column,
.leist-grid .vc_gitem-zone-mini .vc_row .vc_col-sm-12 .wpb_text_column .wpb_wrapper{height:100%;}
.leist-grid .leist-item-details .vc_row .vc_col-sm-6:nth-child(2){height:100%;}
.leist-grid img{height:100%!important;object-fit:cover;}

.leist-item-details{ padding:50px;height:100%;}
.leist-item-content{
	width: 120%!important;
    z-index: 1;
	padding: 50px 0;
}
.leist-item-link a {border:1px solid white!important;padding:20px 50px ;color:white;font-family:'Permanent Marker'}
.title-grid-leist p:last-child{padding-left:5%;}
.title-grid-leist p{     
	font-weight: 600;
    font-family: 'Roboto';
}
.leist-item-title{margin-bottom:30px;}
.leist-subtitle{
	font-family: 'Roboto';
    font-weight: 400;
    letter-spacing: 10px;
    font-size: calc(0.4em + 1vmin);
	text-transform:uppercase;
	margin-top:15px;
	padding-left:15px;
}
/* grid referenzen*/
.studycase-details-wraper{
	width:40%; display:inline-block;
	position:relative;
}
.studycase-item-image{
	margin:0 auto;
    width: calc(60% - 8.33333333%);
	padding-top:100px;
	display:inline-block;
	position: relative;
}
.studycase-title {
    padding: 50px 30px;
}
.studycase-title .subtitle{
	font-size: calc(2em + 1vmin);
}
.studycase-title .title{
	font-size: calc(3em + 1vmin);
}
.studycase-title a{
	font-weight: 700;
	font-family: "Winner";
	color:white!important;
}
.studycase-link a{
	border:1px solid white!important;
	padding:20px 50px;
	margin:30px;
	color:white;
	font-family:'Permanent Marker';
}

.studycase-details-wraper .hline{
	border-top:3px solid white;
	width:30%;
	margin:0 auto;
	padding-bottom:50px;
}

.studycase-grid-row .studycase-grid-column .vc_grid-container .vc_grid .vc_grid-owl-dots .vc_grid-owl-dot {width:150px}
.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: white;
}
.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;
	background-color: #ffffff6b!important;
    border-color: #ffffff6b!important;
}
.studycase-grid-row .studycase-grid-column .vc_grid.vc_grid-owl-theme.vc_grid-gutter-30px .vc_grid-owl-nav .vc_grid-owl-next, 
.studycase-grid-row .studycase-grid-column .vc_grid.vc_grid-owl-theme.vc_grid-gutter-30px .vc_grid-owl-nav .vc_grid-owl-prev,
#leistungen .vc_grid-container .vc_grid.vc_grid-owl-theme.vc_grid-gutter-30px .vc_grid-owl-nav .vc_grid-owl-next, 
#leistungen .vc_grid-container .vc_grid.vc_grid-owl-theme.vc_grid-gutter-30px .vc_grid-owl-nav .vc_grid-owl-prev{
    bottom: 25px;
    top: auto;
}
.studycase-background{
	position:absolute;top:0;left:0;width:100vw;height:100vh;
}
.studycase-background{
	width:100%;
	height:100%;
}

.studycase-award{
	text-align:right;
	position:absolute;
	right:70px;
	top:0px;
}
/* refrenzen page */

.single-referenzen header,
.single-referenzen footer,
html body.single-referenzen h1.entry-title{display:none;}
html body.single-referenzen{overflow-y:hidden;}
html body.single-referenzen header + .container-fluid{padding:0!important;}
.ref-bg-image{
	min-height: 100vh;
    height: 100%;
    background-size: cover;
}
.ref-title{
	font-size: calc(3em + 1vmin);
    font-weight: 700;
	font-family: "Winner";
	color:white!important;
}
.ref-subtitle{
	font-family: 'Roboto';
    font-weight: 400;
    letter-spacing: 10px;
    font-size: calc(0.5em + 1vmin);
    text-transform: uppercase;
    margin-top: 15px;
    padding-left: 15px;
}
.ref-back-link a{
	border:1px solid white!important;
	padding:20px 20px;
	color:white;
	font-family:'Permanent Marker';
}


.gform_wrapper.gravity-theme input[type=color], .gform_wrapper.gravity-theme input[type=date], .gform_wrapper.gravity-theme input[type=datetime-local], .gform_wrapper.gravity-theme input[type=datetime], .gform_wrapper.gravity-theme input[type=email], .gform_wrapper.gravity-theme input[type=month], .gform_wrapper.gravity-theme input[type=number], .gform_wrapper.gravity-theme input[type=password], .gform_wrapper.gravity-theme input[type=search], .gform_wrapper.gravity-theme input[type=tel], .gform_wrapper.gravity-theme input[type=text], .gform_wrapper.gravity-theme input[type=time], .gform_wrapper.gravity-theme input[type=url], .gform_wrapper.gravity-theme input[type=week], .gform_wrapper.gravity-theme select, .gform_wrapper.gravity-theme textarea{
	background: transparent;
    border: 1px solid white;
}
.gfield_select option{
	color:black;
}
.gform_wrapper.gravity-theme .gform_footer input{
	background: transparent;
    border: 1px solid white;
    padding: 5px 30px;
}
.form-home label{
	font-family: 'Roboto';
    font-weight: 400!important;
    letter-spacing: 1px;
    text-transform: uppercase;
}


@media only screen and (max-width: 767px) {
	.head-txt{
	   padding-left: 5%!important;
       padding-right: 5%!important;
	}
	html body .navbar-toggle .icon-bar{
		 background-color: #fff;
	}
	html body .navbar-wrapper{
		    padding: 5px;
	}
	html body .navbar-brand img{max-width: 75%;}
	.row-text-flowing {
		top: 15.5%;
	}
	.row-flowing-txt{    top: 30%;}
	.marquee{
		 animation: marquee 100s linear infinite;
		 font-size: calc(0.4em + 1vmin);
	}
	.leist-item-details {
		padding: 15px;
		height: auto;
	}
	.leist-item-content {
		width: 100%!important;
		z-index: 1;
		padding: 20px 0;
	}
	.leist-item-link a{
		padding: 10px 30px;
	}
	.leist-grid img {
		height: 150px!important;
	}
	.leist-grid .vc_col-sm-12.vc_gitem-col{padding:0;}
	.title-grid-leist p{margin-bottom:10px!important;}
	.leist-item-title {
		margin-bottom: 10px;
	}
	.leist-item-link{margin-bottom:20px!important;}
	.studycase-title{padding:10px;}
	.studycase-item-image{
		    width: 50%;
		    padding-top: 30px;
	}
	.studycase-award{
		    width: 15%;
		    right: 15px;
   			 top: 20px;
	}
	.studycase-link a,
	.leist-item-link a{
		padding: 10px;
    	margin: 0px;
		font-size: calc(0.4em + 1vmin);
	}
	.studycase-grid-row .owl-stage-outer.owl-height,
	.studycase-grid-row .vc_gitem-zone.vc_gitem-zone-a{
		height:220px!important;
	}
	footer .container-fluid >.row{
		display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
		         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
             -ms-flex-direction: column;
                 flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
	}
	#menu-footer{padding:0}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
	html body #main-menu ul li a{
	    font-size: calc(0.5em + 1vmin)!important;
		padding: 10px!important;
	}
	.head-animation .object-head .wpb_raw_code {
		margin-top: -22%;
	}
	html body .navbar-brand img{max-width: 75%;}
	.row-text-flowing {
		top: 22.5%;
	}
	.row-flowing-txt{    top: 30%;}
	.marquee{
		 animation: marquee 100s linear infinite;
		 font-size: calc(0.4em + 1vmin);
	}
	.leist-item-details {
		padding: 15px;
		height: auto;
	}
	.leist-item-content {
		width: 100%!important;
		z-index: 1;
		padding: 20px 0;
	}
	.leist-item-link a{
		padding: 10px 30px;
	}
	.leist-grid img {
		width:100%;
		height: 250px!important;
	}
	.leist-grid .leist-item-details .vc_row .vc_col-sm-6{width:100%!important;}
	.leist-grid .vc_col-sm-12.vc_gitem-col{padding:0;}
	.title-grid-leist p{margin-bottom:10px!important;}
	.leist-item-title {
		margin-bottom: 10px;
	}
	.leist-item-link{margin-bottom:20px!important;}
	.studycase-title{padding:10px;}
	.studycase-item-image{
		    padding-top: 30px;
	}
	.studycase-award{
		    width: 15%;
		    right: 15px;
   			 top: 20px;
	}
	.studycase-link a,
	.leist-item-link a{
		padding: 10px;
    	margin: 0px;
		font-size: calc(0.4em + 1vmin);
	}
	.studycase-grid-row .owl-stage-outer.owl-height,
	.studycase-grid-row .vc_gitem-zone.vc_gitem-zone-a{
		height:300px!important;
	}
	footer .container-fluid >.row{
		display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
	}
}
@media only screen and (min-width: 1024px) and (max-width: 1200px) {
	html body #main-menu ul li a{
	    font-size: calc(0.8em + 1vmin)!important;
		padding: 10px!important;
	}
}
@media only screen and (min-width: 992px) {
	.rocket-up .vc_column-inner{    margin-top: -35%;}
	.rocket-up {z-index:-1;}
}
.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor, .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:active, .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:hover, .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:visited, .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor svg{
	color: #333333;
    fill: #333333;
    background: black;
    border-radius: 8px;
}
html body .referenzen-grid .vc_arrow-icon-arrow_08_left:before,
#leistungen .vc_grid-container .vc_arrow-icon-arrow_08_left:before{
	content: ""!important;
    background-image: url(/wp-content/uploads/2023/02/Arrows_left.png);
    background-repeat: no-repeat;
    width: 150px;
    height: 40px;
    background-size: 80px 35px;
    position: absolute;
    /* left: 0; */
    top: 15%;
    left: 0px;
}
html body .referenzen-grid .vc_arrow-icon-arrow_08_right:before,
#leistungen .vc_grid-container .vc_arrow-icon-arrow_08_right:before{
	content: ""!important;
    background-image: url(/wp-content/uploads/2023/02/Arrows_right.png);
    background-repeat: no-repeat;
    width: 150px;
    height: 40px;
    background-size: 80px 35px;
    position: absolute;
    /* left: 0; */
    top: 15%;
    right: 0px;
}
body:not(.menu-sandwich) #main-menu ul li a:hover, body:not(.menu-sandwich) #main-menu ul li.current-menu-item > a, body:not(.menu-sandwich) #main-menu ul li ul li a:focus, body:not(.menu-sandwich) #main-menu ul li ul li a:hover, body:not(.menu-sandwich) .sandwich-color-light #main-menu>ul>li.current_page_item>a, body:not(.menu-sandwich) .sandwich-color-light #main-menu>ul ul li.current_page_item>a{
	    color: #f4f4f475!important;
}

/* Animation homepage */
.objects{
      height:300px;
}
.objects h3{
  position:relative;
}

 .objects h3:before{
     width: 200px;
    height: 200px;
    display: block;
    position: absolute;
    top: -150px;
}
 .objects h3:after{
    width: 300px;
    height: 300px;
    display: block;
    position: absolute;
    
}
.objects.first{
    height: 260px;
}
.objects.second{
    height: 185px;
    margin-left: -150px;
}

.objects.third{
    margin-left: 50px;
}
.objects.fourth{
     margin-left: -300px;
    margin-top: -150px;
}
.objects.fifth {
    margin-top: -150px;
    margin-left: 50px;
}
.objects.sixth {
    margin-left: -200px;
    margin-top: -100px;
        height: 180px;
}
.objects.first h3:after{
     content: url(/wp-content/uploads/2023/03/Line_1.svg);
     bottom: -250px;
     left: -300px;
}

.objects.second h3:after{
     content: url(/wp-content/uploads/2023/02/Line_2.svg);
     bottom: -260px;
     left: -21px;
}
.objects.third h3:after{
     content: url(/wp-content/uploads/2023/02/Line_3.svg);
      bottom: -250px;
      left: -220px;

}
.objects.fourth h3:after{
     content: url(/wp-content/uploads/2023/02/Line_4.svg);
    bottom: -225px;
    left: 82px;
}
.objects.fifth h3:after{
     content: url(/wp-content/uploads/2023/02/Line_5.svg);
    bottom: -260px;
    left: -60px;
}
.objects.sixth h3:after{
     content: url(/wp-content/uploads/2023/02/Line_6.svg);
    bottom: -290px;
    left: 25px;
    width: 150px;
}

.objects.first h3:before{
  content: url(/wp-content/uploads/2023/03/Lupe_CSS.svg);
}
.objects.second h3:before{
  content: url(/wp-content/uploads/2023/03/Zahnrad_CSS.svg);    
  width: 300px;
}
.objects.third h3:before{
  content: url(/wp-content/uploads/2023/03/Puzzle_CSS.svg);
      width: 300px;
}
.objects.fourth h3:before{
  content: url(/wp-content/uploads/2023/03/Birne_CSS.svg);
  top: -200px;
}
.objects.fifth h3:before{
  content: url(/wp-content/uploads/2023/03/Sprechblasen_CSS.svg);
}
.objects.sixth h3:before{
  content: url(/wp-content/uploads/2023/03/Umsetzung_CSS.svg);
      top: -200px;
}
.objects.seventh h3:before{
  content: url(/wp-content/uploads/2023/03/Scheibe_CSS.svg);
      width: 400px;
}
.animation-home{
	padding-top:300px;
}
.objects.seventh{
	height:auto;
}
@media only screen and (min-width: 1024px)  {
	.animation-home .wpb_raw_html{
		margin-left:300px;
	}
}
@media only screen and (min-width: 1600px)  {
	.animation-home .wpb_raw_html{
		margin-left:450px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
	.animation-home{
		padding-top:0;
	}
	.objects h3:after{
		display:none;
	}
	.objects {
		height: auto!important;
		margin-left: 0!important;
		margin-top:20px!important;
		margin-bottom:0!important;
		text-align:center;
	}
	.objects h3:before {
		width: 150px!important;
		height: auto!important;
		display: block;
		position: relative;
		left:0!important;
		right:0!important;
		top:0!important;
	}
	.animation-home .wpb_raw_html > .wpb_wrapper{
		 display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
	}
	.animation-home .wpb_raw_html > .wpb_wrapper .objects{
		display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
	
	}
}
@media only screen and (max-width: 767px) {
	.animation-home{
		padding-top:0;
	}
	.objects h3:after{
		display:none;
	}
	.objects {
		height: auto!important;
		margin-left: 0!important;
		margin-top:20px!important;
		margin-bottom:0!important;
		text-align:center;
	}
	.objects h3:before {
		width: 150px!important;
		height: auto!important;
		display: block;
		position: relative;
		left:0!important;
		right:0!important;
		top:0!important;
	}
	.animation-home .wpb_raw_html > .wpb_wrapper{
		 display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
	}
	.animation-home .wpb_raw_html > .wpb_wrapper .objects{
		display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
	
	}
}

/* END Animation homepage */

.rocket-row{
    height: 600px;
    margin: 0 auto;
    position: relative;
    text-align: center;
    cursor:pointer;
}
.rocket-column{
    position: absolute;
    top: -200px;
    text-align: center;
    pointer-events:none;
}
.blue .marquee{
    -webkit-box-shadow: inset 0px -12px 10px 7px rgb(8 69 221);
    -moz-box-shadow: inset 0px -12px 10px 7px rgb(8 69 221);
   box-shadow: inset 0px -12px 10px 7px rgb(8 69 221);


}
@media only screen and (max-width: 767px) {
	
	.rocket-row{height:300px;}
	.rocket-column{ top: -150px;}
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
	.rocket-row{height:300px;}
	.rocket-column{ top: -50px;}
}


.studycase-grid-column .referenzen-grid .vc_gitem-zone.vc_gitem-zone-a{
    margin-top: 50px;
    overflow: visible;
}
.studycase-award{
   top: -50px;
}
html body:not(.menu-sandwich) #main-menu ul li, html body:not(.menu-sandwich) #main-menu ul li a, html body:not(.menu-sandwich) #main-menu ul li ul li a{
	    color: #ffffff!important;
}
.referenzen-grid .owl-stage-outer.owl-height{
	height:900px!important;
}

@media only screen and (min-width: 768px) and (max-width: 1200px) {
	.referenzen-grid .owl-stage-outer.owl-height{
		height:550px!important;
	}
	.referenzen-grid .vc_gitem_row.vc_row.vc_gitem-row-position-top > .vc_col-sm-12.vc_gitem-col.vc_gitem-col-align-{height:500px;}
	.referenzen-grid .studycase-background img{
		height:100%;
	}
	.referenzen-grid .studycase-title{}
		.referenzen-grid .studycase-title .title{
		font-size: calc(2em + 1vmin);
	}
	.referenzen-grid .studycase-title .subtitle{
			font-size: calc(1em + 1vmin);
	}
    .referenzen-grid .studycase-link a{
		margin-left:10px;
	}
	  html body .referenzen-grid .vc_grid-owl-nav.vc_grid-owl-nav-color-white{
		display:none;
	}
}

@media only screen and (max-width: 767px) {

	.referenzen-grid .owl-stage-outer.owl-height{
		height:550px!important;
	}
	.referenzen-grid .vc_gitem_row.vc_row.vc_gitem-row-position-top > .vc_col-sm-12.vc_gitem-col.vc_gitem-col-align-{height:500px;}
	.referenzen-grid .studycase-background img{
		height:100%;
	}
	.referenzen-grid .studycase-details-wraper,
	.referenzen-grid .studycase-item-image{
		width:100%;
	}
	.referenzen-grid .studycase-item-image > img{
		height:225px;
		object-fit:cover;
	}
	.referenzen-grid .studycase-title{}
	.referenzen-grid .studycase-title .title{
		font-size: calc(2em + 1vmin);
	}
	.referenzen-grid .studycase-title .subtitle{
			font-size: calc(1em + 1vmin);
	}
	.referenzen-grid .studycase-item-details{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		    -ms-flex-direction: column-reverse;
		        flex-direction: column-reverse;
	}
	.referenzen-grid .studycase-award{
		top: -20px;
     }
	.referenzen-grid .studycase-link a{
		margin-left:10px;
	}
	html body .referenzen-grid .vc_arrow-icon-arrow_08_right:before, #leistungen .vc_grid-container .vc_arrow-icon-arrow_08_right:before{
		right:-70px;
	}
    html body .referenzen-grid .vc_grid-owl-nav.vc_grid-owl-nav-color-white{
		display:none;
	}

}