/* Florian Code */
@media (min-width: 1921px) {
	.d-xxl-block {
		display: block !important;
	}
	.d-xxl-none {
		display: none !important;
	}
}

@media (max-width: 992px) and (max-height: 520px) {
	.video-container video {
		max-width: 100% !important;
	}
	
}

.videoplayer-ui-container:before {
	display: block;
	z-index: 10;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	background-color: #000;
}
.video-display {
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out;
}

@media (max-width: 768px) {
	.emo-v4 .emo--intro.video {
		width: 100%;
		height: 100%;
		display: block;
	}
}

.video-container--video {
	max-width: 100%;
	min-height: 0;
	height: auto;
	overflow: hidden;
	display: inline-block;
}
@media (min-width: 769px) {
    .video-container--video {
		max-width: 100%;
		overflow: hidden;
		height: calc(100vh - 105px);
	}
}

@media (min-width: 768px) and (max-height: 1600px) {
    .emo-v4 .emo--intro.video .emo__image-container {
        height: calc(100vh - 105px);
    }
}

.emo-v4 .video-container video {
	left: 0;
	top: 0;
}
/*
@media (min-width: 769px) {
    .emo-v4 .emo--intro.video {
        min-height: calc(100vh - 105px);
    }
}

@media (min-width: 1440px) {
    .emo-v4 .emo--intro.video {
        min-height: calc(100vh - 140px);
    }
}


@media (min-width: 1440px) {
    .emo--intro video {
        min-height: calc(100vh - 140px) !important;
    }
}*/
/*@media (min-width: 1440px) and (max-aspect-ratio: 16/9) {
    .emo--intro video {
		width: auto !important;
    }
}*/
/*
@media (min-width: 1440px) and (max-height: 850px) {
    .emo--intro video {
		height: auto !important;
    }
}
@media (min-width: 1440px) and (min-height: 800px) {
    .emo--intro video {
		width: auto !important;
    }
}

@media (min-width: 1245px) and (max-height: 850px) {
    .emo--intro video {
		height: auto !important;
    }
}



@media (min-width: 768px) and (max-height: 600px) {
    .emo--intro video {
		height: auto !important;
    }
}
@media (min-width: 768px) and (min-height: 600px) and (max-height: 800px) {
    .emo--intro video {
		height: auto !important;
		width: 100% !important;
    }
}
@media (min-width: 992px) and (max-height: 800px) {
    .emo--intro video {
		width: auto !important;
    }
}

@media (min-width: 0px) and (max-width: 768px) and (max-height: 650px) {
    .emo--intro video {
		height: auto !important;
		width: 100% !important;
    }
}

@media (min-aspect-ratio: 16/9){
 
}

*/


@media (min-width: 1920px) {
    video.home-video {
		height: auto !important;
	}
}

@media (min-width: 2620px) {
    video.home-video {
		width: 100;
	}
}

@media (min-width: 768px) {
	.emo-v4 {
		/*height: 100vh;*/
		height: calc(100vh - 140px);
	}
	.emo-v4--spacer {
		height: 25px;
	}
}

@media (max-width: 768px) {
	.emo-v4 .emo--intro {
		height: auto;
		min-height: auto;
	}
	
	.emo-v4 .emo--intro .emo__image-container img {
		height: auto !important;
		width: 100% !important;
		min-width: 100%;
		max-width: none;
		object-fit: none;
		object-fit: unset;
	}
	
	.emo-v4 .emo--intro .emo__image-container .emo__image-background {
		height: 0px !important;
	}
	.emo-v4--spacer {
		height: 45px;
	}
}

.emo-placeholder {
	visibility: hidden;
	
}



@media (max-width: 992px) {
	.newvideocontainer {
		position: absolute;
		top: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		overflow: hidden;
	}
}

/*
@media (max-width: 992px){
	.emo--intro.video {
        min-height: calc(100vh - 237px);
    }
	.emo--intro video {
        height: calc(100vh - 237px);
    }
}*/




.emo--video__container--special {
    position: absolute;
    z-index: -10;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    -webkit-transition: opacity 0.3s,z-index 1s;
    -o-transition: opacity 0.3s,z-index 1s;
    transition: opacity 0.3s,z-index 1s;
}

.emo--video__container--special.show {
    -webkit-transition: z-index 0s;
    -o-transition: z-index 0s;
    transition: z-index 0s;
}


.emo--video__container--special.show {
    opacity: 1;
    z-index: 10;
    -webkit-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
}


@media (min-width: 992px) {
	.emo--video .emo__image-container .emo__image-background {
		height: calc(100vh - 140px) !important;
	}
}

@media (max-width: 992px) {
	.emo--intro .emo__image-container .emo__image-background {
        height: calc(100vh - 100px) !important;
    }
}
@media (max-width: 769px) {
	.emo--intro .emo__image-container .emo__image-background {
        height: calc(100vh - 140px) !important;
    }
}



/* Djamel Code */

/*.home-video  {
	position: fixed;
	z-index: -1;
}*/

@media (min-aspect-ratio: 16/9){
    .home-video  {
	width: 100%;
	height: auto;
	left: -20%;
}}

@media (max-aspect-ratio: 16/9){
    .home-video  {
	width: auto;
	height: 100%;
	left: -20%;
}}

.newvideocontainer {
	min-height: 100vh;
	width: 74%;
}

@media (max-width: 992px){
.newvideocontainer {
	width: 100%;
	height: auto;
	bottom: 100px;
}}

@media (max-width: 992px){
.emo__content--bottom, .emo__content--top {
	display: none !important;
}}

/*.header--intro {
    position: fixed !important;
    z-index: 100 !important;
    bottom: 0!important;
}*/

/*
.header--fixed {
    position: fixed;
    top: auto !important;
	bottom: 0!important;
}*/

/*@media (max-width: 992px){
.header--fixed {
    position: fixed;
    top: auto !important;
	bottom: 0px !important;
}}*/

@media (max-width: 992px){
.header--intro.video .header__container {
    padding: 80px;
}}

@media (min-width: 1550px){
.emo__content--top--big .h1, .emo__content--top--big .accordion__item__header .accordion--link h2, .accordion__item__header .accordion--link .emo__content--top--big h2 {
    font-size: 2.5rem !important;
}}

@media (min-width: 1440px){
.emo__content--top--big .h1, .emo__content--top--big .accordion__item__header .accordion--link h2, .accordion__item__header .accordion--link .emo__content--top--big h2 {
    font-size: 2.0rem !important;
}}

@media (min-width: 993px){
.emo__content--top--big .h1, .emo__content--top--big .accordion__item__header .accordion--link h2, .accordion__item__header .accordion--link .emo__content--top--big h2 {
    font-size: 1.5rem !important;
}}

@media (min-width: 1700px){
.emo__content--top--big .h1, .emo__content--top--big .accordion__item__header .accordion--link h2, .accordion__item__header .accordion--link .emo__content--top--big h2 {
    font-size: 2.6rem !important;
}}

@media (min-aspect-ratio: 16/9){
    .home-video  {
	width: 100%;
	height: auto;
	left: -20%;
}}

@media (max-aspect-ratio: 16/9){
    .home-video  {
	width: auto;
	height: 100%;
	left: -20%;
}}


@media (min-width: 1550px){
.emo__content--top--big .h1, .emo__content--top--big  .emo__content--top--big h2 {
    font-size: 2.5rem !important;
}}

@media (min-width: 1440px){
.emo__content--top--big .h1, .emo__content--top--big  .emo__content--top--big h2 {
    font-size: 2.0rem !important;
}}

@media (min-width: 993px){
.emo__content--top--big .h1, .emo__content--top--big  .emo__content--top--big h2 {
    font-size: 1.5rem !important;
}}

@media (min-width: 1700px){
.emo__content--top--big .h1, .emo__content--top--big  .emo__content--top--big h2 {
    font-size: 2.6rem !important;
}}

/* Akkordeon Slider fix */
.js-collapse--gallery .w-100 {
	width: 99.99% !important;
}

@media screen and (max-width: 768px) {
	.sx-slider .slider-button {
		width: 40px;
		height: 40px;
	}
	.sx-slider .slider-button::before {
		width: 30px;
		height: 23px;
		font-size: 20px;
	}
	.sx-slider:hover .slider-button.swiper-button-disabled {
		opacity: 0.5;
		cursor: revert;
	}
	.span-parent {
		top: -18px;
	}
}

.sx-validation {
	display: none;
}


.boxes__item__content--more-boxes {
	font-size: 1rem;
}

.boxes__item {
	text-decoration: none;
	display: block;
}

.back-link {
	position: relative;
	display: inline-block;
	margin-bottom: 25px;
	margin-left: 15px;
	font-size: 14px;
}
.back-link:after {
	content: '';
	position: absolute;
	top: 2px;
	left: -23px;
	background-image: url("data:image/svg+xml,%3Csvg width='512' height='512' xmlns='http://www.w3.org/2000/svg'%3E %3Cg%3E %3Ctitle%3Ebackground%3C/title%3E %3Crect fill='none' id='canvas_background' height='402' width='582' y='-1' x='-1'/%3E %3C/g%3E %3Cg%3E %3Ctitle%3ELayer 1%3C/title%3E %3Cpolygon fill='%232e7572' id='svg_1' points='352,115.4 331.3,96 160,256 331.3,416 352,396.7 201.5,256 '/%3E %3C/g%3E %3C/svg%3E");
	background-repeat: no-repeat;
	background-size: 14px;
	width: 10px;
	height: 14px;
	transition: left 0.2s;
}

.back-link:hover:after {
	left: -27px;
}

@media screen and (min-width: 1024px) {
	.boxes__item__content--more-boxes {
		font-size: 1.3125rem;
	}
}

/* testimonial */
.testimonial__item-image {
  min-height: 200px;
  padding-top: 66%;
  background-size: cover;
  background-repeat: no-repeat;
}
.testimonial__item-content {
  display: flex;
  align-items: center;
  font-size: 1.125rem;
  border-top: 1px solid #008f85;
  border-bottom: 1px solid #008f85;
  padding-top: 15px;
  padding-bottom: 15px;
  height: 100%;
  margin-top: 20px;
  color: #008f85;
  background-color: #fff;
}
.testimonial__item-content-name {
  font-size: 16px;
  font-weight: bold;
  color: #2e7572;
  position: relative;
  margin-top: 5px;
  padding-left: 10px;
}
.testimonial__item-content-name:before {
  content: "-";
  position: absolute;
  left: 0;
  top: 0;
}

@media screen and (min-width: 992px) {
  .testimonial__item-content {
    font-size: 1.625rem;
  }
}
@media screen and (min-width: 768px) {
  .testimonial__item-content {
    margin-top: 0;
 }
}

/* horizontal box */
.boxes__item__content__container-image {
	position: relative;
}
.boxes__item__content__container-image .hover-image {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	opacity: 0;
	transition: opacity 0.3s;
}
.boxes__item:hover .boxes__item__content__container-image .hover-image{
	opacity: 1;
}

/* cta */
.cta-box__image {
	background-size: cover;
	background-repeat: no-repeat;
	height: 100%;
	padding-top: 66%;
	background-position: center;
}
.cta-box__content {
	padding-left: 30px;
	padding-right: 30px;
}
.cta-box__content a {
	color: #fff;
}

@media screen and (min-width: 769px) {
	.cta-box__content {
		padding: 50px 65px;
	}
}

.main-language__navigation {
	font-size: 18px;
	transition: all 0.3s;
}
.main-language__navigation .main-language__navigation-link {
	color: #2e7572;
	text-decoration: none;
	padding: 5px 7px;
}
.main-language__navigation .main-language__navigation-item {
	position: relative;
}
.main-language__navigation .main-language__navigation-item:after {
	content: '';
	position: absolute;
	right: 0;
	top: 3px;
	width: 1px;
	height: 18px;
	background-color: #2e7572;
}
.main-language__navigation .nav .main-language__navigation-item:last-child:after {
	display: none;
}
.main-language__navigation .main-language__navigation-link:hover,
.main-language__navigation .main-language__navigation-link.active {
	color: #08f2af;
}
.header .sx-icon--search {
	padding-top: 7px;
} 
@media screen and (min-width: 769px) {
	.header .sx-icon--search {
		padding-top: 3px;
	} 
}
@media screen and (max-width: 1600px) {
    .header .nav-item .nav-link {
		padding: 10px 10px;
		font-size: 16px;
    }
	.main-language__navigation {
		font-size: 16px;
	}
}

@media (max-width: 1439.98px) {
    .header .nav-item .nav-link {
        padding: 10px 8px;
        font-size: 16px;
    }
}

/*Emo Change Haeder/Emo Intro (Home)*/
@media (min-width: 769px) {
	.emo--intro {
		min-height: calc(100vh - 105px);
		margin-top:82px;
	}
}
@media (min-width: 991px) {
	.emo--intro {
		margin-top:100px;
	}
}
@media (min-width: 1440px) {
	.emo--intro {
		min-height: calc(100vh - 140px);
		margin-top:140px;
	}
}

@media (max-width: 768px) {
	.emo-v4 .emo--intro {
		min-height: auto;
		margin-top:60px;
	}
}