#content
{
	float:left;
	width:100%;
}

.contentelement
{
	float:left;
	width:100%;
}

.contentelement.notop
{
	padding-top:0;
}

.contentelement.nobottom
{
	padding-bottom:0;
}

.contentelement.defaulttop
{
	padding-top:90px;
}

.contentelement.smalltop
{
	padding-top:60px;
}



.contentelement.defaultbottom
{
	padding-bottom:90px;
}

.contentelement.smallbottom
{
	padding-bottom:60px;
}

.contentelement.nobottom
{
	padding-bottom:0;
}

/*Light grey*/
.bgcolor-0 {background-color: var(--bgcolor-0);}
/*white*/
.bgcolor-1 {background-color: var(--bgcolor-1);}
/*transparent*/
.bgcolor-2 {background-color: var(--bgcolor-2);}
/*primary color*/
.bgcolor-3 {background-color: var(--primary-color);}
/*secondary color*/
.bgcolor-4 {background-color: var(--primary-color);}


/*
 * ### Textmedia-Element ###
 */
.textimage
{
	display:flex;
	flex-wrap:wrap;
	width:100%;
}

.textimage header
{
	margin:0 0 30px;
	order:1;
	width:100%;
}

.textimage .textwrapper p:last-child
{
	margin-bottom:0;
}

/* 
 * Bild oben:  .imageorient-0
 */

.textimage.imageorient-0 .filewrapper
{
	margin:0 0 30px;
	order:2;
	width:100%;
}

.textimage.imageorient-0 .filewrapper.notext
{
	margin-bottom:0;
}

.textimage.imageorient-0 .filewrapper picture,
.textimage.imageorient-0 .filewrapper .imagezoom
{
	margin:0 0 30px;
}

.textimage.imageorient-0 .filewrapper picture:last-child,
.textimage.imageorient-0 .filewrapper .imagezoom:last-child
{
	margin-bottom:0;
}

.textimage.imageorient-0 .filewrapper picture img,
.textimage.imageorient-0 .filewrapper .imagezoom img
{
	margin:0 auto;
}

.textimage.imageorient-0 .textwrapper
{
	order:3;
	width:100%;
}

.textimage.imageorient-0 .htmlwrapper
{
	order:4;
	width:100%;
}

/* 
 * Bild oben:  .imageorient-8
 */

.textimage.imageorient-8 .filewrapper
{
	order:3;
	width:100%;
}

.textimage.imageorient-8 .filewrapper picture,
.textimage.imageorient-8 .filewrapper .imagezoom
{
	margin:0 auto 30px;
}

.textimage.imageorient-8 .filewrapper picture:last-child,
.textimage.imageorient-8 .filewrapper .imagezoom:last-child
{
	margin-bottom:0;
}

.textimage.imageorient-8 .filewrapper picture img,
.textimage.imageorient-8 .filewrapper .imagezoom img
{
	margin:0 auto;
}

.textimage.imageorient-8 .textwrapper
{
	margin:0 0 30px;
	order:2;
	width:100%;
}

.textimage.imageorient-8 .textwrapper.noimage
{
	margin-bottom:0px;
}

/* 
 * Bild in-Text rechts:  .imageorient-17
 * Bild in-Text links: .imageorient-18
 */

.textimage.imageorient-17 header,
.textimage.imageorient-18 header
{
	order:0;
	width:100%;
}

.textimage.imageorient-17 .filewrapper
{
	float:right;
	margin:0 0 0 30px;
	max-width:calc(50% - 15px);
}

.textimage.imageorient-18 .filewrapper
{
	float:left;
	margin:0 30px 0 0;
	max-width:calc(50% - 15px);
}

.textimage.imageorient-17 .filewrapper picture,
.textimage.imageorient-17 .filewrapper .imagezoom,
.textimage.imageorient-18 .filewrapper picture,
.textimage.imageorient-18 .filewrapper .imagezoom
{
	margin:0 0 30px;
}

/* 
 * Bild rechts:  .imageorient-25
 * Bild links: .imageorient-26
 */
.textimage.imageorient-25 .filewrapper
{
	margin:0 0 0 30px;
	order:3;
	width:calc(50% - 15px);
}

.textimage.imageorient-26 .filewrapper
{
	margin:0 30px 0 0;
	order:2;
	width:calc(50% - 15px);
}

.textimage.imageorient-25 .filewrapper picture,
.textimage.imageorient-25 .filewrapper .imagezoom,
.textimage.imageorient-26 .filewrapper picture,
.textimage.imageorient-26 .filewrapper .imagezoom
{
	margin:0 auto 30px;
}

.textimage.imageorient-25 .filewrapper picture:last-child,
.textimage.imageorient-25 .filewrapper .imagezoom:last-child,
.textimage.imageorient-26 .filewrapper picture:last-child,
.textimage.imageorient-26 .filewrapper .imagezoom:last-child
{
	margin-bottom:0;
}

.textimage.imageorient-25 .textwrapper,
.textimage.imageorient-26 .textwrapper
{
	width:calc(50% - 15px);
}

.textimage.imageorient-25 .textwrapper
{
	order:2;
}

.textimage.imageorient-26 .textwrapper
{
	order:3;
}

/*
 * Bild rechts:  .imageorient-27
 * Bild rechts:  .imageorient-28
 */
.textimage.imageorient-27,
.textimage.imageorient-28
{
	align-items:center;
}

.textimage.imageorient-27 header,
.textimage.imageorient-28 header
{
	order:1;
	width:100%;
}

.textimage.imageorient-27 .filewrapper
{
	order:3;
	width:calc(50% - 15px);
}

.textimage.imageorient-27 .filewrapper picture,
.textimage.imageorient-27 .filewrapper .imagezoom
{
	margin:0 auto 30px;
}

.textimage.imageorient-27 .filewrapper picture:last-child,
.textimage.imageorient-27 .filewrapper .imagezoom:last-child
{
	margin-bottom:0;
}

.textimage.imageorient-27 .textwrapper
{
	margin:0 30px 0 0;
	order:2;
	width:calc(50% - 15px);
}

.textimage.imageorient-28 .filewrapper
{
	margin:0 30px 0 0;
	order:2;
	width:calc(50% - 15px);
}

.textimage.imageorient-28 .filewrapper picture,
.textimage.imageorient-28 .filewrapper .imagezoom
{
	margin:0 auto 30px;
}

.textimage.imageorient-28 .filewrapper picture:last-child,
.textimage.imageorient-28 .filewrapper .imagezoom:last-child
{
	margin-bottom:0;
}

.textimage.imageorient-28 .textwrapper
{
	order:3;
	width:calc(50% - 15px);
}
.imageCaption {margin-top:10px; font-size: 13px;}
.imageCaption p {margin-bottom:0px;}


.vorientation-1{display:flex;}
.vorientation-2{display:flex; align-items: center;}
.vorientation-3{display:flex; align-items: flex-end;}

/*
 * ### 2 Spalten-Element ###
 */
.twocolumn
{
	float:left;
	width:100%;
}

.twocolumn .column
{
	float:left;
	margin:0 30px 0 0;
	width:calc(100% / 2 - 30px / 2);
}

.twocolumn .column.last
{
	margin-right:0;
}

.twocolumn .column .imagewrapper
{
	float:left;
	width:100%;
  	margin:0 0 15px;


}

.twocolumn .column .imagewrapper picture
{
	margin:0 0 20px;
}

.twocolumn .column .imagewrapper picture:last-child
{
	margin-bottom:0;
}

.twocolumn .column .imagewrapper picture img
{
	margin:0 auto;
}

.twocolumn .column .textwrapper
{
	float:left;
	width:100%;
}

.twocolumn .column .textwrapper p:last-child
{
	margin-bottom:0;
}

/*
 * ### 3 Spalten-Element ###
 */
.threecolumn
{
	float:left;
	width:100%;
}

.threecolumn .column
{
	float:left;
	margin:0 30px 0 0;
	width:calc(100% / 3 - 60px / 3);
}

.threecolumn .column.last
{
	margin-right:0;
}

.threecolumn .column .imagewrapper
{
	float:left;
	margin:0 0 20px;
	width:100%;
}

.threecolumn .column .imagewrapper picture
{
	margin:0 0 20px;
}

.threecolumn .column .imagewrapper picture:last-child
{
	margin-bottom:0;
}

.threecolumn .column .imagewrapper picture img
{
	margin:0 auto;
}

.threecolumn .column .textwrapper
{
	float:left;
	width:100%;
}

.threecolumn .column .textwrapper p:last-child
{
	margin-bottom:0;
}

/*
 * ### 4 Spalten-Element ###
 */
.fourcolumn
{
	float:left;
	width:100%;
}

.fourcolumn .column
{
	float:left;
	margin:0 30px 0 0;
	width:calc(100% / 4 - 90px / 4);
}

.fourcolumn .column.last
{
	margin-right:0;
}

.fourcolumn .column .imagewrapper
{
	float:left;
	margin:0 0 20px;
	width:100%;
}

.fourcolumn .column .imagewrapper picture
{
	margin:0 0 20px;
}

.fourcolumn .column .imagewrapper picture:last-child
{
	margin-bottom:0;
}

.fourcolumn .column .imagewrapper picture img
{
	margin:0 auto;
}

.fourcolumn .column .textwrapper
{
	float:left;
	width:100%;
}

.fourcolumn .column .textwrapper p:last-child
{
	margin-bottom:0;
}


/*
 * ### 8 Spalten-Element ###
 */
.eightcolumn
{
	float:left;
	width:100%;
}

.eightcolumn .column
{
	float:left;
	margin:0 30px 0 0;
	width:calc(100% / 8 - 215px / 8);
}

.eightcolumn .column.last
{
	margin-right:0;
}


#c59 .eightcolumn .column.last img
{
	width:80px;
}


.eightcolumn .column .imagewrapper
{
	float:left;
	margin:0 0 20px;
	width:100%;
}

.eightcolumn .column .imagewrapper picture
{
	margin:0 0 20px;
}

.eightcolumn .column .imagewrapper picture:last-child
{
	margin-bottom:0;
}

.eightcolumn .column .imagewrapper picture img
{
	margin:0 auto;
}

.eightcolumn .column .textwrapper
{
	float:left;
	width:100%;
}

.eightcolumn .column .textwrapper p:last-child
{
	margin-bottom:0;
}


/*
 * ### Small-/Bigcolumn-Element ###
 */
.smallbigcolumn
{
	float:left;
	width:100%;
}

.smallbigcolumn .smallcolumn
{
	float:left;
	width:calc(100% / 3 - 20px);
}

.smallbigcolumn.smallleft .smallcolumn
{
	margin:0 30px 0 0;
}

.smallbigcolumn.smallright .smallcolumn
{
	margin:0 0 0 30px;
}

.smallbigcolumn .smallcolumn .imagewrapper
{
	float:left;
	margin:0 0 20px;
	width:100%;
}

.smallbigcolumn .smallcolumn .imagewrapper img
{
	margin:0 auto;
}

.smallbigcolumn .smallcolumn .textwrapper
{
	float:left;
	width:100%;
}

.smallbigcolumn .smallcolumn .textwrapper p:last-child
{
	margin-bottom:0;
}

.smallbigcolumn .bigcolumn
{
	float:left;
	width:calc(100% / 3 * 2 - 10px);
}

.smallbigcolumn .bigcolumn .textwrapper
{
	float:left;
	width:100%;
}

.smallbigcolumn .bigcolumn .textwrapper p:last-child
{
	margin-bottom:0;
}

/*
 * Fullwidthslider
 */
.fullwidthslider .image
{
	background-position:center;
	background-size:cover;
	height:550px;
	position:relative;
	width:100%;
}

.fullwidthslider .image .textwrapper{
padding:20px;  
position:absolute;
bottom:20px;  
right:20px;
  background-color:rgba(255,255,255,0.5);
}


.swiper-button-next, .swiper-button-prev{display: none;}
.swiper-pagination-bullet{width:20px; height:20px;}


.fullwidthslider .videooverlay{
	width:100%;
	height:85vh;
	background-color: rgba(0,0,0,0.3);
	position: absolute;
	z-index: 2;
	top:0px;
}


.certificates .column {
	/*border:1px solid #ddd;*/
	background: #fff;

	padding:20px;
}

.certificates .column .imagewrapper{
		 display: flex;
  align-items: center;
  justify-content: center;
	margin:0;
		transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	   filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
}

.certificates .column .imagewrapper:hover img{
   filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
	opacity: 0.5;
	transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
}

#c42{background-color:#fff;}

.competences .threecolumn{position:relative;}

/*
.competences .column.first::before{
content: '»';
font-size: 46rem;
position: absolute;
left: -380px;
opacity: 0.3;
color: var(--primary-color);
font-family: "baskerville-display-pt", serif;
font-weight: 700;
font-style: normal;
}*/


@media (max-width:1280px)
{
	
	.eightcolumn .column
		{
			float:left;
			margin:0 30px 0 0;
			width:calc(100% / 4 - 90px / 4);
		}
	
	.eightcolumn  .column.last,
	.eightcolumn  .column:nth-of-type(4n)
	{
		margin-right:0;
	}
	
}


@media (min-width:768px) and (max-width:1023px)
{
	/*
	 * ### 3 Spalten-Element ###
	 */
	.threecolumn .column
	{
		margin:0 20px 0 0;
		width:calc(100% / 3 - 40px / 3);
	}
	
	/*
	 * ### 4 Spalten-Element / 8 Spalten-Element ###
	 */
	.fourcolumn .column, .eightcolumn .column
	{
		float:left;
		margin:0 30px 0 0;
		width:calc(100% / 2 - 30px / 2);
	}
	
	.fourcolumn .column:nth-of-type(1n),
	.fourcolumn .column:nth-of-type(2n),
	.eightcolumn .column:nth-of-type(1n),
	.eightcolumn .column:nth-of-type(2n)
	
	{
		margin-bottom:30px;
	}
	
	.fourcolumn .column.last,
	.fourcolumn .column:nth-of-type(2n),
	.eightcolumn .column.last,
	.eightcolumn .column:nth-of-type(2n)
	{
		margin-right:0;
	}
	
	
	
	
	
	
}












@media (max-width:767px)
{
	/*
	 * Textmedia-Element
	 */
	.textimage header
	{
		margin:0 0 30px !important;
		order:1 !important;
		width:100% !important;
	}
	
	.textimage .filewrapper
	{
		margin:0 0 30px !important;
		order:2 !important;
		width:100% !important;
		max-width:none !important;
	}
	
	.textimage .filewrapper picture, 
	.textimage .filewrapper .imagezoom
	{
		margin-bottom:0 !important;
	}
	
	.textimage .textwrapper
	{
		order:3 !important;
		width:100% !important;
	}
	
	.vorientation-1{display:block;}
	.vorientation-2{display:block; }
	.vorientation-3{display:block;}
	
	/*
	 * ### 2 Spalten-Element ###
	 */
	.twocolumn .column
	{
		margin:0 0 40px;
		width:100%;
	}
	
	/*
	 * ### 3 Spalten-Element ###
	 */
	.threecolumn .column
	{
		margin:0 0 40px;
		width:100%;
	}
	
	/*
	 * ### 4 Spalten-Element ###
	 */
	.fourcolumn .column
	{
		margin:0 0 40px;
		width:100%;
	}
	
	
	/*
	 * ### 8 Spalten-Element ###
	 */
	.eightcolumn .column
	{
		margin:0 0 40px;
		width:100%;
	}
	
	
	/*
	 * ###  8 Spalten-Element ###
	 */
	 .eightcolumn .column
	{
		float:left;
		margin:0 30px 0 0;
		width:calc(100% / 2 - 30px / 2);
	}
	
	.eightcolumn .column:nth-of-type(1n),
	.eightcolumn .column:nth-of-type(2n)
	{
		margin-bottom:30px;
	}
	
	.eightcolumn .column.last,
	.eightcolumn .column:nth-of-type(2n)
	{
		margin-right:0;
	}
	
	
	
	
	
	
	/*
	 * ### Small-/Bigcolumn-Element ###
	 */
	
	.smallbigcolumn.smallleft .smallcolumn
	{
		margin:0 0 20px;
		width:100%;
	}
	
	.smallbigcolumn.smallright .smallcolumn
	{
		margin:20px 0 0;
		width:100%;
	}
	
	.smallbigcolumn .bigcolumn
	{
		width:100%;
	}
}