@charset "UTF-8";


/*Erstes Element*/

.DIV-CLASS-ContentFirstWrapper{
	position: relative;
	width: 100%;
	height: auto;
	overflow: visible;
	background-color: #F8F8F8;
	
}

.DIV-CLASS-ContentFirst{
	
	display: block;
	height: auto;
	overflow: visible;
	width: 100%;
	
}

.DIV-CLASS-ContentFirstInnerLeft{


	height: auto;
	box-sizing: border-box;
	
	
	
	
	margin-left: auto;
	margin-right: auto;
	width: 87.36%;
	padding-left: 1.82%;
	padding-right: 1.82%;
	
}
.DIV-CLASS-ContentFirstInnerRight{
	

	height: auto;
	box-sizing: border-box;
	position: relative;
	
	
	margin-left: auto;
	margin-right: auto;
	width: 87.36%;
	padding-left: 1.82%;
	padding-right: 1.82%;
	
	
	padding-top: 50px;
	padding-bottom: 50px;
}




.DIV-CLASS-ContentFirstInnerRight img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.DIV-CLASS-ContentFirstInnerLeft p{
	margin: 0;
	padding-top: 15px;
	padding-bottom: 15px;
}

/*Breaker*/

.DIV-CLASS-ContentBreaker{
	text-align: center;
}


/*Infoblock*/
.DIV-CLASS-ContentInfoBlock{
	width: 87.36%;
	height: auto;
	background-color: #f8f8f8;
	border-radius: 35px;
	
	padding: 25px;

	
	margin-left: auto;
	margin-right: auto;
	
	margin-bottom: 50px;
	box-sizing: border-box;
	border: 1px solid #f0f0f0;
	 box-shadow:
        0px 4px 32px rgba(17, 17, 26, 0.05),
        0px 8px 48px rgba(17, 17, 26, 0.05);
}

.DIV-CLASS-ContentInfoBlockInner{
	
	
	width: 100%;
	height: auto;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
}

.DIV-CLASS-ContentInfoBlockImg{
	
	flex: 0 0 100%;
	box-sizing: border-box;
	
}

.DIV-CLASS-ContentInfoBlockImg img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	
}

.DIV-CLASS-ContentInfoBlockTxt{
	
	flex: 0 0 100%;
	box-sizing: border-box;
	
	padding: 20px;
	background-color: #ffffff;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	
	
}
	

@media (max-width: 320px) {

	
	
}

@media (min-width: 321px) {
	


}

@media (min-width: 769px)  {
	
	.DIV-CLASS-ContentFirstInnerLeft{

		width: 44.1%;
		max-width: 616px;

		padding-right: 20px;
		margin-right: 50%;
		margin-left: auto;

		padding-top: 50px;
		padding-bottom: 50px;
	}
	.DIV-CLASS-ContentFirstInnerRight{
		left: 50%;
		width: 50%;
		height: 100%;
	
		padding-left: 20px;
		position: absolute;

		padding-top: 50px;
		padding-bottom: 50px;
	}
	
	
	/*Infoblock*/
	
	.DIV-CLASS-ContentInfoBlock{
		width: 90.675%;

	}
	
	.DIV-CLASS-ContentInfoBlockInner{
		flex-wrap: nowrap;
	}
	
	.DIV-CLASS-ContentInfoBlockImg{
		flex: 0 0 33.3%;
	}
	
	.DIV-CLASS-ContentInfoBlockImg img{
		

		border-top-right-radius: 0px;
		border-top-left-radius: 10px;
		border-bottom-left-radius: 10px;

	}

	.DIV-CLASS-ContentInfoBlockTxt{
		flex: 0 0 66.6%;
		
		border-bottom-left-radius: 0px;
		
		border-top-right-radius: 10px;
		border-bottom-right-radius: 10px;
	}


}

@media (min-width: 1001px) {
	
	.DIV-CLASS-ContentInfoBlock{
		width: 100%;
	}

}