#content
{
	float:left;
	margin-top:115px;
	position:relative;
	width:100%;
}

#content:after
{
	background-image:url('/fileadmin/kunde/Resources/Public/Images/HomepageHeaderSvgPlaceholder.svg');
	background-repeat:no-repeat;
	background-position:top right;
	background-size:100% auto;
	bottom:0;
	content:'';
	overflow:hidden;
	position:absolute;
	right:0;
	top:0;
	width:70%;
	z-index:-1;
}

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

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

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

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

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

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

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

/*
 * Breadcrumb
 */

#breadcrumb
{
	font-size:13px;
	line-height:25px;
	margin:0 0 60px;
	text-align:left;
}

#breadcrumb .breadcrumbitem
{
	display:inline-block;
	margin:0 5px 0 0;
	position:relative;
}

#breadcrumb .breadcrumbitem:after
{
	content:'>';
	display:inline-block;
    margin:0 0 0 5px;
    line-height:15px;
}

#breadcrumb .breadcrumbitem:last-child:after
{
	display:none;
}

#breadcrumb .breadcrumbitem .name
{
	color:#878787;
}

#breadcrumb .breadcrumbitem a.name:hover
{
	color:#EA002F;
}

/*
 * ### Textmedia-Element ###
 */
.textimage
{
	float:left;
	width:100%;
}

.textimage header
{
	float:left;
	width:100%;
}

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

.textimage.imageorient-0 .imagewrapper,
.textimage.imageorient-8 .imagewrapper
{
	float:left;
	width:100%;
}

.textimage.imageorient-0 .imagewrapper img,
.textimage.imageorient-8 .imagewrapper img
{
	margin:0 auto 30px;
}

.textimage.imageorient-8 .imagewrapper img:last-child
{
	margin-bottom:0;
}

.textimage.imageorient-0 .textwrapper,
.textimage.imageorient-8 .textwrapper
{
	float:left;
	width:100%;
}

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

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

.textimage.imageorient-17 .imagewrapper
{
	float:right;
	margin:0 0 0 30px;
	max-width:60%;
}

.textimage.imageorient-18 .imagewrapper
{
	float:left;
	margin:0 30px 0 0;
	max-width:60%;
}

.textimage.imageorient-17 .imagewrapper img,
.textimage.imageorient-18 .imagewrapper img
{
	margin:0 0 30px;
}

.textimage.imageorient-17 .textwrapper p:last-child,
.textimage.imageorient-18 .textwrapper p:last-child
{
	margin-bottom:0;
}

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

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

.textimage.imageorient-25 .imagewrapper img,
.textimage.imageorient-26 .imagewrapper img
{
	margin:0 auto 30px;
}

.textimage.imageorient-25 .imagewrapper img:last-child,
.textimage.imageorient-26 .imagewrapper img:last-child
{
	margin-bottom:0;
}

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

.textimage.imageorient-25 .textwrapper p:last-child,
.textimage.imageorient-26 .textwrapper p:last-child
{
	margin-bottom:0;
}

/*
 * ### 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;
	margin:0 0 20px;
	width:100%;
}

.twocolumn .column .imagewrapper 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 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 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;
}

/*
 * ### Fastcontact-Element ###
 */
.fastcontactelement
{
	float:left;
	width:100%;
}

.fastcontactelement .fastcontact
{
	margin:0 auto;
	padding:20px;
	width:300px;
}

.fastcontactelement .fastcontact .imagewrapper
{
	float:left;
	width:100%;
}

.fastcontactelement .fastcontact .imagewrapper img
{
	margin:0 auto;
}

.fastcontactelement .fastcontact .headline
{
	display:block;
	float:left;
	font-weight:bold;
	margin:20px 0 30px;
	text-align:center;
	width:100%;
}

.fastcontactelement .fastcontact .additional
{
	float:left;
	margin:0 0 20px;
	width:100%;
}

.fastcontactelement .fastcontact .additional .name
{
	display:block;
	float:left;
	margin:0 0 5px;
	width:100%;
}

.fastcontactelement .fastcontact .additional .tel,
.fastcontactelement .fastcontact .additional .email
{
	display:table;
	margin:0 0 5px;
	padding:0 0 0 20px;
	position:relative;
}

.fastcontactelement .fastcontact .additional .tel:before,
.fastcontactelement .fastcontact .additional .email:before
{
	content:"\f095";
	display:inline-block;
	font-family:"Font Awesome 5 Free";
  	-webkit-font-smoothing:antialiased;
  	font-style:normal;
  	font-variant:normal;
  	font-weight:900;
  	left:0;
  	position:absolute;
  	text-rendering:auto;
  	top:0;
}

.fastcontactelement .fastcontact .additional .email:before
{
	content:"\f0e0";
}

.fastcontactelement .fastcontact .button
{
	display:table;
	margin:0 auto;
}

/* 
 * fastcontactelement inklusive
 */
.fastcontactelement.textinclusive .textwrapper
{
	float:left;
	margin:0 30px 0 0;
	width:calc(100% - 330px);
}

.fastcontactelement.textinclusive .fastcontact
{
	float:left;
}

/*
 * ### Akkordeon ###
 */
.accordion
{
	float:left;
	width:100%;
}

.accordion header
{
	background:#000;
	color:#fff;
	cursor:pointer;
	padding:10px 15px 10px 40px;
	text-align:left;
}

.accordion header h3
{
	color:#fff;
	margin-bottom:0;
	position:relative;
}

.accordion header h3:after
{
	bottom:-14px;
	content:'▾';
	color:#fff;
	font-size:35px;
	left:-33px;
	line-height:35px;
	position:absolute;
	top:-4px;
}

.accordion.open header h3:after
{
	content:'▴';
}

.accordion .wrapper
{
	float:left;
	max-height:0px;
	opacity:0;
	overflow:hidden;
	visibility:hidden;
	width:100%;
}

.accordion.open .wrapper
{
	max-height:9999px;
	opacity:1;
	padding:20px 0 10px 40px;
	transition:all 0.3s ease-in-out;
	visibility:visible;
}

.accordion .wrapper .textwrapper
{
	float:left;
	width:100%;
}

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



#c103 .container .textwrapper{
	background: rgba(215, 15, 55, 0.1);
border: 1px solid #EA002F;
	padding:10px 15px;
}


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

@media (max-width:767px)
{
	/*
	 * Breadcrumb
	 */
	#breadcrumb
	{
		margin-bottom:20px;
	}
	
	#breadcrumb .breadcrumbitem
	{
		display:none;
	}
	
	#breadcrumb .breadcrumbitem:nth-last-child(2)
	{
		display:block;
		margin-right:0;
	}
	
	#breadcrumb .breadcrumbitem:after
	{
		display:none;
	}
	
	#breadcrumb .breadcrumbitem:before
	{
		content:'>';
		display:inline-block;
	    margin:0 5px 0 0;
	    line-height:15px;
	    transform:rotate(180deg);
	}
	
	/*
	 * Textmedia-Element
	 */

	/* 
	 * Bild oben:  .imageorient-0
	 * Bild unten: .imageorient-8
	 */
	.textimage.imageorient-0 .imagewrapper img
	{
		margin-bottom:20px;
	}
	
	/* 
	 * Bild in-Text rechts:  .imageorient-17
	 * Bild in-Text links: .imageorient-18
	 */
	
	.textimage.imageorient-17 .imagewrapper,
	.textimage.imageorient-18 .imagewrapper
	{
		float:left;
		margin:0;
		max-width:none;
		width:100%;
	}
	
	.textimage.imageorient-17 .imagewrapper img,
	.textimage.imageorient-18 .imagewrapper img
	{
		margin:0 auto 20px;
	}
	
	/* 
	 * Bild rechts:  .imageorient-25
	 * Bild links: .imageorient-26
	 */
	.textimage.imageorient-25 .imagewrapper,
	.textimage.imageorient-26 .imagewrapper
	{
		float:left;
		margin:0 0 20px;
		width:100%;
	}
	
	.textimage.imageorient-25 .textwrapper,
	.textimage.imageorient-26 .textwrapper
	{
		width:100%;
	}
	
	.textimage.imageorient-25 .imagewrapper img,
	.textimage.imageorient-26 .imagewrapper img
	{
		margin-bottom:20px;
	}
	
	/*
	 * ### 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%;
	}
	
	/*
	 * ### Fastcontact-Element ###
	 */
	
	/* 
	 * fastcontactelement inklusive
	 */
	.fastcontactelement.textinclusive .textwrapper
	{
		float:none;
		margin:0 0 20px;
		width:100%;
	}
	
	.fastcontactelement.textinclusive .fastcontact
	{
		float:none;
	}
	
	/*
	 * Akkordeon
	 */
	.accordion.open .wrapper
	{
		padding:15px 0 0;
	}
	
	.accordion .column
	{
		width:100%;
	}
}