/*** aboutus.css ***/


/*************************************************/

/** Font-Size stufenlos einstellen **/
html {
 font-size: clamp(14px, 1vw + 1rem, 18px);   
   
}

/****************************************************/
/****************************************************/
/****************************************************/

/***** Alten Code überschreiben - ist nicht mehr nötig, wenn main.css ausgetauscht ist*****/


/****************************************************/
/****************************************************/
/****************************************************/

/** Keine Ränder links und rechts **/
xMainWrap {
	padding: 0 !important;
}
#infoSeiteWrap {
	padding: 0 !important;
}
/****************************************************/

.firstWrap {
	display:flex; 
	flex-wrap: wrap;
	margin-top: 0 ;
}
 
.firstWrap div {
	background: transparent;
}
 
.firstWrap .colLinks {
	width: 50%;
	padding:  0 40px 0 40px ;
	background-image: linear-gradient( #ffffff 90%, #ebe7e4 10%);
	border: 0 solid red;
}

.firstWrap .colRechts {
	width: 50%;
	padding:  16px  40px 0 0 ;
	background-image: linear-gradient( #ffffff 90%, #ebe7e4 10%);
	border: 0 solid red;
}
  
.aboutusHeadline {
 position: relative; 
 margin-top: 12px; 
 text-align: center;  
 font-family: 'Abril Fatface', NewJuneSemibold, Verdana; 
 font-size: 4.0rem;  
 line-height: 1.5;
 }
  
.firstTextWrap  {
	position: relative; 
	margin-top: 50px; 
	text-align: center; 
	font-size: 0.8rem; 
	line-height: 1.5rem;
}
 
.fullSizeWrap {
	width: 100%;
	padding:  20px 40px 0 40px ;
	font-size: 0.8rem; 
	line-height: 1.5rem;
	background-color: #ebe7e4;
}
 
 
.wrapWhite  {
	background-color: #f9f8f7;
	text-align: center;
}
.wrapWhiteLeft  {
	background-color: #f9f8f7;
	text-align: left;
	padding-top: 40px;
}
 
.wrapBeige  {
	background-color: #ebe7e4;
}
 
 
 
.headlineFaktenCheck {
	display:flex; 
	align-items: flex-end; 
	justify-content: center;
	text-align: center;
	width: 58%; 
	line-height: 2.0rem;
	padding-top: 30px;
	font-family: 'Abril Fatface', NewJuneSemibold, Verdana; 
	font-size: 2.0rem;  
	color: #B1A086; 
	background-color: #f9f8f7;
}
 
.headline2FaktenCheck {
	display:flex; 
	justify-content: center;
	width: 100%; 
	font-family: 'Abril Fatface', NewJuneSemibold, Verdana; 
	font-size: 1.4rem;  
	letter-spacing: 1px;
	line-height: 2.0rem;
	color: #000000; 
	padding-bottom: 12px;
	background-color: inherit;
}

.wolkenText {
	position: absolute; 
	top: 26%; 
	font-size: 2.0rem; 
	color: white;
	line-height: 3.0rem; 
	text-align: center; 
	padding: 0 10%; 
	text-shadow: -2px 2px 4px rgba(0, 0, 0, 0.5)
	}




 
.headlineUppercase {
	display:flex; 
	justify-content: start;
	width: 100%; 
	font-family: 'Abril Fatface', NewJuneSemibold, Verdana; 
	font-size: 1.4rem;  
	color: #000000; 
	padding-bottom: 15px;
	background-color: inherit;
}
 
.fullSizeWrapWhite .aboutusPic50, .fullSizeWrapWhite .aboutusPic75 {
	/* margin-top:20px; */
}

 
.hogHeadline  {
	width: 100%;
	text-align: center;
	background-image: linear-gradient( #f9f8f7 50%, #26293c 50%);
}
 
.hogHeadline2 {
	font-family: 'Abril Fatface', NewJuneSemibold, Verdana; 
	font-size: 1.4rem; 
	text-align: center;
	line-height: 1.8rem;
	color: #f7f8fa;
	width: 100%;
	background-color: #26293c ;
	padding-top: 40px;
	padding-bottom: 20px;
}
 
.hogWrap {
	display:flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 100%;
	padding:  20px 40px 20px 40px ;
	background-color: #26293c ;
	color: #f7f8fa;
}
 
.hogWrapLeft {
	width: 50%

}
 
.hogWrapRight {
	width: 50%

}
 
.hogWrapRight2 {
	width: 50%
}
 
.wirHeadline  {
	width: 100%;
	text-align: center;
	background-image: linear-gradient( #26293c 50%, #408bdc 50%);
}
 
.wirHeadline2 {
	font-family: 'Abril Fatface', NewJuneSemibold, Verdana; 
	font-size: 1.4rem; 
	text-align: center;
	line-height: 1.8rem;
	color: #f7f8fa;
	width: 100%;
	background-color: #408bdc ;
	padding-top: 40px;
	padding-bottom: 10px;
}
 
.wirWrap {
	width: 100%;
	padding:  20px 40px 20px 40px ;
	background-color: #408bdc;
	color: #f7f8fa;
}
 
 
 
.catHeadline  {
	width: 100%;
	text-align: center;
	background-image: linear-gradient( #408bdc 50%, #b1a086 50%);
}
 
.catHeadline2 {
	font-family: 'Abril Fatface', NewJuneSemibold, Verdana; 
	font-size: 1.4rem; 
	text-align: center;
	line-height: 1.8rem;
	color: #f7f8fa;
	width: 100%;
	background-color: #b1a086 ;
	padding-top: 40px;
	padding-bottom: 10px;
}
 
.catWrap {
	width: 100%;
	padding:  20px 40px 40px 40px ;
	background-color: #b1a086 ;
	color: #f7f8fa;
}
 
.catLinks {
	width: 50%;
}

.catRechts {
	width: 50%;
}

.catHebammePic {
	width:100%; 
	height: auto;
	}


.zukHeadline  {
	width: 100%;
	text-align: center;
	background-image: linear-gradient( #b1a086 50%, #f9f8f7 50%);
}
 
.zukHeadline2 {
	font-family: 'Abril Fatface', NewJuneSemibold, Verdana; 
	font-size: 1.4rem; 
	text-align: center;
	line-height: 1.8rem;
	color: #000000;
	width: 100%;
	background-color: #f9f8f7 ;
	padding-top: 40px;
	padding-bottom: 10px;
}
 
.zukWrap {
	width: 100%;
	padding:  20px 40px 20px 40px ;
	background-color: #f9f8f7 ;
	color: #000000;
}

 
.himHeadline2 {
	font-family: 'Abril Fatface', NewJuneSemibold, Verdana; 
	font-size: 1.4rem; 
	text-align: left;
	line-height: 1.8rem;
	color: #000000;
	width: 100%;
	background-color: #f9f8f7 ;
	padding-top: 40px;
	padding-bottom: 0;
	border: 0 solid red;
}
 
.himWrap {
	display:flex; 
	flex-wrap: wrap;
	width: 100%;
	padding:  10px 0 20px 40px ;
	background-color: #f9f8f7 ;
	color: #000000;
}

.himWrap .colLinks {
	width: 50%;
	padding-right:40px;
}

.himWrap .colRechts {
	width: 50%;
}

/* JimmyBongo */
 .jbWrap {
	display:flex; 
	flex-wrap: wrap;
	width: 100%;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #f9f8f7 ;
	color: #000000;
}

.jbLeft {
	width:50%;
	padding-top: 4px;
	padding-right: 20px;
}	
.jbRight {
	width:50%;
}

/* Mails from Heaven */
 .mfhWrap {
	display:flex; 
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
	padding-top: 20px;
	padding-bottom: 80px;
	background-color: #f9f8f7 ;
	color: #000000;
	text-align: center;
}

.mfhHeadline2 {
	font-family: 'Abril Fatface', NewJuneSemibold, Verdana; 
	font-size: 2.0rem; 
	text-align: center;
	line-height: 1.8rem;
	color: #408BDC;
	width: 100%;
	background-color: inherit ;
	padding-top: 40px;
	padding-bottom: 10px;
}

.mfhWrap .colLinks {
	width: 50%;
	padding-right:40px;
	text-align: right;
} 

.mfhWrap .colRechts {
	width: 50%;
}

/*** TOOLS ***/

.fatFace {
	font-family: 'Abril Fatface', NewJuneSemibold, Verdana;	
}

/*** Verhindert weiße Linien zwischen dunklen Divs ****/
 .fixPixelGap {
  margin-top: -1px;
}

/*** Images ***/

.aboutusPic15 {
	width: 15%;
	height: auto;
}

.aboutusPic25 {
	width: 25%;
	height: auto;
}
 
.aboutusPic40 {
	width: 40%;
	height: auto;
}

.aboutusPic50 {
	width: 50%;
	height: auto;
}
 
 .aboutusPic60 {
	width: 60%;
	height: auto;
}

.aboutusPic75 {
	width: 75%;
	height: auto;
}
 
.aboutusPic100 {
	width: 100%;
	height: auto;
}
 
 
/********************************* Mobile *************************************/
/********************************* Mobile *************************************/
/********************************* Mobile *************************************/ 
/********************************* Mobile *************************************/
@media (max-width: 768px) {
	
	.fullSizeWrap {
	padding:  20px 20px 0 20px ;
	}
	
	.firstWrap .colLinks {
		width: 100%;
		background-image: none;
	}
 
	.firstWrap .colRechts {
		width: 100%;
		padding:  16px  40px 0 40px ;
	}
	
	.aboutusHeadline {
 		font-size: 3.5rem;  
 		line-height: 1.5;
 	}	
	
	.firstTextWrap, .fullSizeWrap, .fullSizeWrapWhite  {
	/* font-size: 0.95rem; */ 
}
 
.hogWrapLeft {
	width: 100%
}
 
.hogWrapRight {
	display: none;
}
 
.hogWrapRight2 {
	width: 100%
}
 
.catLinks, .catRechts {
	width: 100%;
}

.himWrap .colLinks {
	width: 100%;
	padding-right: 0;
}

.himWrap .colRechts {
	width: 100%;
}	
	
.jbLeft {
	width:100%;
	padding-right: 0;
}	
.jbRight {
	width:100%;
	padding-top: 18px;
}
	
	
 .mfhWrap {
	padding-top: 60px;
}	
	
.mfhWrap .colLinks {
	width: 100%;
	text-align: center;
}

.mfhWrap .colRechts {
	width: 100%;
	text-align: center;
}
.mfhHeadline2 {
	text-align: center;
}	
	
	
.aboutusPic15 {
	width: 35%;
	height: auto;
}
	
.aboutusPic25 {
	width: 50%;
	height: auto;
}
.aboutusPic40 {
	width: 60%;
	height: auto;
}
	
.aboutusPic50 {
	width: 75%;
	height: auto;
}
 
  .aboutusPic60 {
	width: 80%;
	height: auto;
}
	
.aboutusPic75 {
	width: 100%;
	height: auto;
}
 
}

/********************************* Desktop *************************************/ 
@media (min-width: 1200px) {
 
 .wolkenText {
 	top: 30%; 
	 padding: 0 20%; 
 }

.catHebammePic {
	width:70%; 
	height: auto;
	}	
}