#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;
}

.bgcolor-0 {background-color: var(--bgcolor-0);}
.bgcolor-1 {background-color: var(--bgcolor-1);}
.bgcolor-2 {background-color: var(--bgcolor-2);}

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

}

/*
 * ### 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%;
}

/* 
 * 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;}
/*
 * ### 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;
}

/*
 * ### 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;
}



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

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

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

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

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

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

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

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

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

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

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




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

.fullwidthslider .image .textwrapper{
padding:20px;  
position:absolute;
bottom:20px;  
right:80px;
	width:45%;
	z-index:999;
}



.fullwidthslider .image .textwrapper h2{
color:#fff;
}

.fullwidthslider .image .textwrapper p{
	color:#fff;
}



.fullwidthslider .imageoverlay::after {
content: " ";
z-index: 10;
display: block!important;
position: absolute!important;
height: 100%!important;
width: 100%!important;
top: 0!important;
left: 0!important;
right: 0!important;
background: rgba(0, 0, 0, 0.5)!important;
}

.startslider .fullwidthslider .image {
	height:100vh;
} 
.startslider .fullwidthslider .image .textwrapper h1{color:#fff;}

.startslider .slidecontentbgr {height:37%; width:100%; bottom:0px; position:absolute; z-index:999; background-image: url("/fileadmin/kunde/Resources/Public/Images/bgr_wave.svg"); background-repeat: no-repeat; background-size: cover; opacity: 0.93;}

 .swiper-button-next,.swiper-button-prev{display:none;}


.introbox {
	/*
	background-image: url("/fileadmin/kunde/Resources/Public/Images/bgr_gradient.svg"); 
	
	    background-position: center top;
    background-size: 100vw auto;
	background-repeat: no-repeat;  background-repeat: repeat-y; background-color: red;
*/
background: rgb(36,50,130);
background: linear-gradient(to right, rgba(36, 50, 130, 1), rgb(24, 101, 119) 17.65%, rgba(8, 167, 105, 1) 44.12%, rgb(101, 187, 76) 60.92%, rgba(172, 202, 54, 1) 89.08%);
}
.introbox p {color:#fff;}


.teaserboxen .image {position:relative; overflow:hidden;}
.teaserboxen .image img {    transition:all 0.3s ease-in-out;}
.teaserboxen .image .imageCaption{position: absolute; bottom: 30px; width:90%; padding-left:5%; padding-right:5%; text-align:center; color:#fff; z-index: 11;}

.teaserboxen .image a:hover img{transform: scale(1.2);}
.teaserboxen .image a::after {
  content: " ";
  z-index: 10;
  display: block!important;
  position: absolute!important;
  height: 100%!important;
	width:100%!important;
  top: 0!important;
  left: 0!important;
  right: 0!important;
	background: rgba(0, 0, 0, 0.5)!important;
}

.teaserboxen .image .imageCaption a::after{background: none!important;}
.teaserboxen .image .imageCaption h3{display:inline-block; padding-left:10px; padding-right:10px; margin-bottom:30px; color:#fff;}


.teaserboxen .image .imageCaption a.standardbutton{border: 1px solid #fff; color:#fff; }



.probetrainingbanner .image{position: relative;}
.probetrainingbanner  a::after{
content: " ";
z-index: 10;
display: block!important;
position: absolute!important;
height: 100%!important;
width: 100%!important;
top: 0!important;
left: 0!important;
right: 0!important;
background: linear-gradient(90deg, rgba(36,50,130,0.7) 0%, rgba(8,167,105,0.7) 100%);


}

.probetrainingbanner  .imageCaption p a::after{background: transparent!important;}

.probetrainingbanner .imageCaption {position:absolute; left:20px; bottom:15%; z-index:99;}
.probetrainingbanner .imageCaption h3{color:#fff;}
.probetrainingbanner .imageCaption p{color:#fff;}
.probetrainingbanner .imageCaption a.standardbutton { border-radius:20px; color:#fff; border:1px solid #fff; background-color: none!important;}


.centeredbox.bgcolor-0, .centeredbox.bgcolor-1, .centeredbox.bgcolor-2 {background-color: transparent;}
.centeredbox.bgcolor-0 .smallbigcolumn, .centeredbox.bgcolor-0 .verysmallbigcolumn, .centeredbox.bgcolor-0 .textimage {padding:20px; padding-left:120px; padding-right:120px; background-color: var(--bgcolor-0);} 
.centeredbox.bgcolor-1 .smallbigcolumn, .centeredbox.bgcolor-1 .verysmallbigcolumn, .centeredbox.bgcolor-1 .textimage{padding:20px; padding-left:120px;  padding-right:120px; background-color: var(--bgcolor-1);} 
.centeredbox.bgcolor-2 .smallbigcolumn, .centeredbox.bgcolor-2 .verysmallbigcolumn, .centeredbox.bgcolor-2 .textimage {padding:20px; bpadding-left:120px;  padding-right:120px; background-color: var(--bgcolor-2);} 


@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 ###
	 */
	.fourcolumn .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)
	{
		margin-bottom:30px;
	}
	
	.fourcolumn .column.last,
	.fourcolumn .column:nth-of-type(2n)
	{
		margin-right:0;
	}
	
	.fullwidthslider .image
	{
		background-position:center;
		background-size:cover;
		height:700px;
		position:relative;
		width:100%;
	}
	
	.startslider .fullwidthslider .image .textwrapper{width:100%; right:0px; }
	.startslider .slidecontentbgr {height:57%;}
	
}

@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;
	}
	
	/*
	 * ### 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%;
	}
	
	/*
	 * ### 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%;
	}
	
	.fullwidthslider .image
	{
		background-position:center;
		background-size:cover;
		height:500px;
		position:relative;
		width:100%;
	}
	
		.startslider .fullwidthslider .image .textwrapper{width:100%; right:0px; bottom:0px;}
		.startslider .slidecontentbgr {height:67%;}
	
	.vorientation-1, .vorientation-2{display:block;}
	.introbox h2{color:#fff;}
	.fullwidthslider .image .textwrapper h2{color:var(--primary-color);}
	.probetrainingbanner img{height:300px; object-fit: cover;}
	
	.centeredbox.bgcolor-0 .smallbigcolumn, .centeredbox.bgcolor-0 .verysmallbigcolumn, .centeredbox.bgcolor-0 .textimage {padding:20px;} 
.centeredbox.bgcolor-1 .smallbigcolumn, .centeredbox.bgcolor-1 .verysmallbigcolumn, .centeredbox.bgcolor-1 .textimage{padding:20px;} 
.centeredbox.bgcolor-2 .smallbigcolumn, .centeredbox.bgcolor-2 .verysmallbigcolumn, .centeredbox.bgcolor-2 .textimage {padding:20px;} 
	
	.verysmallbigcolumn .bigcolumn{width: calc(100% / 3 * 2 - 10px);}
	.verysmallbigcolumn .smallcolumn{width: calc(100% / 3 - 20px);}


}