/*  CSS  STYLES FÜR ANGEPASSTE MENÜ ABSTÄNDE */
#coeo-group-footer {
    position: relative !important;
}
.submenu-2 {
    padding-top: 4.3rem !important;
}
.submenu-3 {
    padding-top: 8.5rem !important;
}
.submenu-4 {
    padding-top: 13rem !important;
}


/* ### Countries ### */
h1 {
    text-shadow: 1px 1px 30px rgba(0, 0, 0, 1);
}
h2.countries-de-kachel{
	font-size:2.8rem;
	line-height:3.5rem;
}
#countries-main{
 	position: fixed;
  top: 0;
  left: 0;
	width: 100vw;
  height: 100vh;
	z-index:1;
	overflow: hidden;
}

#logo-slider{
	background-color:#fff !important;
	position: relative;
    z-index: 5;
}
.logo-kunde {
    height: 50px !important;
	margin-right: 7rem;
	width:auto;
}

.logo-kunde img {
    transition: opacity 0.3s ease;
	object-fit: contain  !important; 
	width:auto;
}
.logo-kunde:hover img {
	object-fit: contain  !important; 
    display: block;
    opacity: 0;
}

.sustain-main-start {
  position: relative;
  z-index: 3;
	opacity: 1;
}
.sustain-img-start{
	margin-left:40px;
}
#bg-overlay {
  position: fixed;
	width:100vw;
	height:100vh;
  background: #000;
  opacity: 0;
  z-index: 2;
	pointer-events: none;
}
#countries-content {
  position: relative;
	z-index:3;
	top: 100vh;
	margin-bottom:120vh;
}
.sustain-overlay{
	position:relative;
	z-index:4;
}

/* animierter Text */
  .text-reveal-sustain {
    overflow-wrap: normal;
		word-break:normal;
		font-size:2.8rem !important;
		line-height:3.2rem !important;
  }
.text-reveal-sustain .word {
  display: inline-block;     
  white-space: nowrap;      
}
.text-reveal-sustain .char {
  display: inline-block;
  opacity: 1;  
}

.sustain-lauftext-abstand {
  display: block; 
  height: 2rem;   
  width: 100%;
}

.do-value-logo{
	width:180px;
}


/* FAKTEN HORIZIONTAL SCROLL */
.fakten-horiz{
	position:relative;
	z-index:10;
	display:flex;
	flex-direction: row;
	justify-content: center;
	width:90vw;
	margin:0 auto 0  auto;
  margin-left: 30vw; 
}
@media (max-width: 2100px) {
.fakten-horiz {
    justify-content: space-evenly;
}
}
.fakten-item{
	width:20%;
}
.fakten-item h2 {
    font-size: 2.3rem !important;
    line-height: normal !important;
	margin-bottom:6px;
}
.fakten-item img{
		width:70px;
	margin-bottom:-30px;
}	

/* Animierte Kacheln */
#bewegte-kacheln{
	position:relative;
	z-index:5;
}
.tiles__outer-wrap {
      overflow: hidden;
      width: 100%;
      height: 60vh; /* Höhe anpassen */
    }
.tiles__wrap {
    position: relative;
    width: 150vw;
    padding: 50px 0;
    transform: rotate(-11deg);
    margin-top: -35vh;
    margin-left: -15vw;
}
.tiles__line {
      display: flex;
      gap: 40px;
      margin-bottom: 40px;
    }
@media (max-width: 2100px) {
.tiles__wrap {
    margin-left: -35vw;
}
}
@media (max-width: 1150px) {
.tiles__wrap {
     margin-top: -15vh;
}
.tiles__line-img {
    width: 400px;
    height: 200px;
}
}
.tiles__line-img {
      width: 500px;
      height: 250px;
      background-size: cover;
      background-position: center;
      border-radius: 0px;
      flex-shrink: 0;
}


/*  Kontakt Boxen */
.countries-contact-wrapper{
	justify-content:space-between;
	max-width: 1000px;
    margin-left: 0px !important;
}
.countries-contact-box{
	width: 30% !important;
}	
.countries-contact-box div.vc_column-inner{
		background-color:#fff;
		border:1px solid #333 !important;
	padding-bottom: 60px;
}
.countries-contact-logos{
	display:flex;
	justify-content:center;
	margin:55px 0px 25px 0px;
}
.countries-contact-logos img{
	width: 80px;
}
.countries-contact-button{
  margin: 20px 0px;
	position:absolute !important;
	bottom:0px;
}
.countries-contact-button2{
	margin: 20px 0px;
	position:absolute !important;
	bottom:0px;
	left:135px;
}

/* Service Boxen */
.service-box{
	margin-right:20px;
	margin-bottom:20px;
	width: calc(33.333% - 20px) !important;
}
.service-box div.vc_column-inner, .service-box-big div.vc_column-inner{
		background-color:#fff;
		padding: 20px 0px;
}
.service-box-big{
	margin-right:20px;
	margin-bottom:20px;
	width: calc(66.666% - 20px) !important;
}
.service-box h3{
	margin-bottom:2rem;
}
.service-icon{
	width:70px;
}

/* ############### TOP Industries */
.top-industries{
	justify-content:space-around;
	gap: 2rem;
	flex-wrap: wrap;
	margin:0 2rem !important;
}
.top-industries .vc_column_container{
	background-color:#fff;
	flex: 1;
	padding:15px 0px;
	margin: 0 0 0 !important;
}
.industries-headline{
	text-align:center !important;
		font-size:1.3rem;

}	
.industries-icon{
	width:70px;
  margin:10px auto -10px auto;
}
@media only screen and (max-width:1650px) {
.industries-headline{
	font-size:1.0rem;}
}
@media only screen and (max-width:1340px) {
.top-industries .vc_column_container{
	flex: 0 0 calc((100% - 2rem) / 2);}
	.industries-headline{
	font-size:1.2rem;}
}
@media only screen and (max-width:600px) {
.top-industries .vc_column_container{
	flex: 0 0 100%;}
}
.icon-computer-bild{
 width:100px;
	margin-top:22px;
}



@media only screen and (max-width:1000px) {
	
/* ### COUNTRIES ### */
	.text-reveal-sustain {
 font-size: 1.7rem !important;
 line-height: 2.1rem !important;
}
	#countries-content {
    margin-bottom: 103vh;
}
	.service-box-big, 
	.service-box {
		width:100% !important;	
		padding:0px 1.5rem;
	}
 .countries-contact-box {
        width: 100% !important;
        padding: 0px 1.5rem 0 0;
	}
	.countries-de-kachel{
		font-size:2rem !important;
		line-height:normal !important;
	}
	.do-value-logo {
    width: 150px;
}
.owl-carousel .owl-item{
	height: 100% !important;
	max-height:50px !important;
	width:auto !important;
}		
.logo-kunde {
	margin-right: 4rem;
}
	.fakten-horiz{
	flex-wrap: wrap;
	gap:20px;
	justify-content:center;
}
#side-effekt {
    margin-top: 0px;
}
.fakten-item{
	width:40%;
	margin-bottom:20px;
}
.fakten-item h2 {
    font-size: 1.7rem !important;
	margin-top:10px;
}
.icon-computer-bild{
 width:55px;
	margin-top:0px;
}
.why-coeo-mobile-box div .vc_column-inner{
	padding-left: 0rem !important;
    padding-right: 0rem !important;
}
	
}

@media only screen and (max-width:780px) {
	.tiles__outer-wrap{
		height:42vh !important;
	}
	.tiles__line {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
}
.tiles__line-img {
    width: 264px;
    height: 132px;
	}
	    .tiles__wrap {
        margin-top: -9vh;
    }
	.tiles__outer-wrap {
    height: 50vh;
}
	.tiles__wrap {
        margin-left: -75vw;
    }

}