<!--

/* xPerto Stylesheet */

/* #Basic Inhalt
================================================== */
#xperto_content {
	line-height: 1.3em;
	padding: 0;
	margin: 0;
	vertical-align: baseline;
	font-weight: 300;
	font-size: 15px;
	max-width: 820px; 
	}
	
	/* LINKS */
	#xperto_content a {
	color: #e2001a;
	text-decoration: underline;
	outline: 0;
	}
	
	#xperto_content a:visited {
	color: #e2001a;
	}

	#xperto_content a:hover, #xperto_content a:focus {
	color: #000000;
	}
	
	/* Abstaende, Auflisteungen */
	#xperto_content p {
		padding: 0;
		margin: 0;
		
		line-height: 1.4em;
		}
	
	#xperto_content ul {
		padding: 0 0 0 14px;
		list-style:disc;
		}

	#xperto_content li {
		padding: 10px 0 0 0;
		margin: 0;
		}
	
	
/* #Module
================================================== */
	
	/* Titel */		
	#xperto_content h1 {
		font-size: 28px;
		line-height: 1.3em;
		font-weight:300;
		padding: 0;
		margin-bottom: 20px; 
		}
		
	/* Teasertext */		
	#xperto_content h2 {
		padding: 0;
		margin: 0;
		font-size: 16px;
		line-height: 1.3em;
		font-weight: 700;
		}

	/*Fliesstext, Text allgemein*/	
	.xperto_fliesstext {
		padding: 0 0 0 0;
		margin: 0;
		line-height: 20px;
		}
	
	.xperto_fliesstext table {
		padding: 0;
		margin: 0;
		}
	
	.xperto_fliesstext td {
		padding: 0;
		margin: 0;
		}
		
	 /*grosses Bild ueber die ganze Breite */	
	.xperto_grossesBild {
		padding: 0 0 14px 0;
		margin: 0;
		}
		.xperto_grossesBild img { max-width: 100%; }

	/* Bildlegende */
	.xperto_legende	{
		color: #666666;
		font-size: 0.9em;
		padding: 6px 0 6px 0;
		margin: 0;
		}	

	/* Bild Text links/rechts, umfliessend */
	.xperto_BildTextModul {
		padding: 0 0 20px 0;
		margin: 0;
		}
 	/*Bild rechts, nicht umfliessend */	
	.xperto_BildRechts {
		padding: 0;
		margin: 0;
		}
	/*Bild rechts, umfliessend */	
	.xperto_BildRechtsUmfluss {
		padding: 0 0 15px 15px;
		margin: 0;
		float: right;
		}
		
	/*Bild links, nicht umfliessend */
	.xperto_BildLinks {
		padding: 0;
		margin: 0;
		}
		
	/*Bild links, umfliessend */	
	.xperto_BildLinksUmfluss {
		padding: 0 15px 15px 0;
		margin: 0;
		float: left;
		}

	/* Code */
	.xperto_code {
		padding: 0 0 15px 0;
		margin: 0;
		}
	.xp_google_map {
		position: relative; 
		  padding-bottom: 56.25%; /* ratio 16x9 */
		  height: 0; 
		  overflow: hidden; 
		  width: 100%;
		  height: auto;
		  min-height: 280px;
	}
	
	@media only screen and (min-width: 1440px) {
		.xp_google_map {
			//min-width: 520px;
		}
	}
	
	.xp_google_map iframe {
		position: absolute; 
		  top: 0; 
		  left: 0; 
		  width: 100%; 
		  height: 100%; 
	}


	/* GALERIE */
	#xperto_gallerie {
	padding: 0 0 15px 0;
	margin: 0;
	}
	
	/* Detailbild */
	#xperto_galleriePicDetail { 
		padding: 0 0 15px 0;
		}
	
	/*einzelnen Thumbnails */
	.xperto_gallerie_thumbnail {
		padding: 0 5px 0 0;
		margin: 0;
		float: left;
		vertical-align: top;
		text-align: center;
		}
	/* Text Diashow */
	#xperto_gallerieDia { 
		padding: 0 0 15px 0;
		margin: 0;
		}	
	#xperto_gallerieDia a.dia { 
		padding: 20px 0 0 0;
		margin: 0;
		}
	
	/* Cards */
	.xp_card__wrapper {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		padding-bottom: 15px;
		padding-top: 15px;
	}
	
	.xp_card__left { width: 50%; margin-right: 20px; padding-bottom: 0;}
	.xp_card__img img { max-width: 100px; height: auto; margin-bottom: 12px; }	
	
	.xp_card__right {  width: 50%; }
	
	@media only screen and (max-width: 767px) {
		.xp_card__wrapper { display: block; }
		
		.xp_card__left,
		.xp_card__right { width: 100%; margin-right: 0px;}	
		
		.xp_card__left { padding-bottom: 15px; padding-top: 15px; }
		
	}
		
	/* MITARBEITER */
	.xperto_mitarbeiter {  /*Container rund um Bild/Text */
		padding: 32px 0 15px 0;
		margin: 0 0 15px 0;
		border-bottom: 1px solid red;
		}
		
	.xperto_m_bild { /*Container rund um das Bild */
		width: 100%;
		margin-bottom: 18px;
		}
		.xperto_m_bild img { width: 100%; height: auto; }
		
	.xperto_m_text { /*Container rund um den Textblock */
		margin-left: 0;
	}
	
	.xperto_m_name { /*Mitarbeiter-Name */
		padding: 0 0 5px 0;
		margin: 0;
		font-weight: bold;
		font-size: 18px;
		line-height: 1.3em;
	}	
	
	.xperto_m_beschreibung {  /*Mitarbeiter-Beschreibung */
		padding: 0;
		margin: 0;
	}
	
	@media only screen and (min-width: 480px) and (max-width: 767px) {
	 
	 }
	 
	 @media only screen and (min-width: 768px) {
		 
		 .xperto_m_bild img { width: auto; height: auto;  }
		 
		 .xperto_m_bild { /*Container rund um das Bild */
			float:left;
			width: auto;
			padding: 0 25px 0 0;
		}
		
		.xperto_m_text { /*Container rund um den Textblock */
		margin-left: 220px;
	}
		 
	 }

/* END Inhalt */


/* #Portalansicht
================================================== */
#xperto_uebersicht { /* Uebersichtsanzeige bei Rubriken */
	border-bottom: 1px solid #CCCCCC;
	margin: 0 0 12px 0;
}

.xperto_u_titel { /* Titel Uebersichtsanzeige */
	color:#666666;
	font-size: 24px;
	line-height: 1.3em;
	font-weight:300;
}

.xperto_u_text { /* Text Uebersichtsanzeige */
	padding: 0 0 12px 0;
}


#xperto_portal { /*portalansicht, hauptklasse*/
	padding: 0;
	margin: 0;
	}
	
.xperto_portal_line { /*portalzeile*/
	padding: 0 0 14px 0;
	margin: 0 0 14px 0;
	border-bottom: 1px solid #CCCCCC;
	}
	
.xperto_portal_bild { /*portal thumbnail */
	padding: 0 14px 0 0;
	margin: 0;
	}
	
.xperto_portal_text { /*portalfliesstext */
	padding: 0;
	margin: 0;
	}
	.xp_portal_datum { font-size: 13px; color: #999999; }
	.xperto_portal_text p {
		padding: 0;
		margin: 0;
		font-size: 14px; 
		color: #333333; 
		}
	
	#xperto_portal h3 { /*portaltitel */
		padding: 0 0 6px 0;
		margin: 0;
		font-size: 18px;
		font-weight:400;
		color:#e2001a;
		line-height: 1.2em;
		}
		
	
/* END PORTALANSICHT */


/* #Blog
================================================== */
.xperto_blog {
	padding: 15px 0 15px 0;
	margin: 0;
	border-bottom: 1px solid black;
	}
/* END - BLOG */


/* #Formular
================================================== */
.xperto_formular {
	padding: 0;
	margin-left: 0px;
	font-size: 14px;
	line-height: 18px;
	font-weight: 300;
	color: #666666;
	}
	
	.xperto_formular h6 { /* Feldueberschrift */
		padding: 5px 0 0 0;
		margin: 0;
		font-weight: 400;
		font-size: 14px;
		line-height: 18px;
		}
		
	.xp_form_input { /*Eingabefeld*/
		padding: 3px;
		margin: 0;
		border: 1px solid #DADADA;
		height: 18px;
		width: 300px;
		}
		
		.xp_form_input_error { /*Eingabefeld bei fehlendem Eintrag*/
		padding: 3px;
		margin: 0;
		border: 1px solid #FF0000 !important;
		height: 18px;
		width: 300px;
		}
		
	.xp_form_textfeld { /* Textarea */
		padding: 3px;
		border: 1px solid #DADADA;
		height: 180px;
		width: 100%;
		}
		
		.xp_form_textfeld_error { /* Textarea */
		padding: 3px;
		border: 1px solid #FF0000;
		height: 180px;
		width: 100%;
		}
	
	.xp_error {
		color: #FF0000;
		}
		
	.xp_ok {
		font-weight: bold;
		}
		

/* #Passwortschutz
================================================== */
#xperto_schutz {
	padding: 0;
	margin: 0;
	font-family: "ff-meta-web-pro","Helvetica", sans-serif;
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
	color: #666666;
	}


/* #Boxen
================================================== */

.xp_boxen { padding: 0; margin: -20px 0 0 0;	}

.xp_box {
	padding: 0 0 12px 0;
	margin: 0 0 24px 0;
	background-color:#EAEAEA;
}
.xp_box_last {
	padding: 0 0 12px 0;
	margin: 0 0 24px 0;
	background-color:#EAEAEA;
}

.xp_box_img { margin: 5px 15px 0 15px; }
.xp_box_img img { width: 100% }

.xp_box ul { padding: 0; margin: 0; list-style-type: disc;  }
.xp_box li { padding: 0; margin: 0 15px 0 30px; font-size: 14px; line-height: 18px; }


	.xp_box h1, .xp_box_last h1 {
		padding: 15px 15px 0 15px;
		margin: 0;
		color:#666666;
		font-weight: 300;
		font-size: 17px;
		line-height: 1.3em;
		text-align: left;
	}	
	
	.xp_box p, .xp_box_last p {
		padding: 5px 15px 0 15px;
		margin: 0;
		font-size: 14px;
		color: #373737;
		line-height: 18px;
		font-weight: 300;
	}
	
	.xp_box a, .xp_box_last a {
		text-decoration: underline;
	}
	
	.xp_box a:hover, .xp_box_last a:hover {
		color: #dd0019;
	}
	
/* End Boxen */


/* #Diverse
================================================== */

/* Letzte Aenderung-Anzeige */
#xperto_lastChange { 
	padding: 0; 
	margin: 0; 
	font-family: "ff-meta-web-pro","Helvetica", sans-serif;
	font-size: 12px;
	color: #CCCCCC;
	}

/* Contact Landing Teaser */
.xp_teaser_landing h3 {
	font-size: 28px;
	line-height: 1.3em;
	font-weight:300;
	padding: 0;
	margin-bottom: 20px; 
	color: #e2001a;
	}
.xp_teaser_landing p {
	line-height: 1.3em;
	padding: 0 0 15px 0;
	margin: 0;
	vertical-align: baseline;
	font-weight: 300;
	font-size: 15px;
	color: #e2001a;
}

.xp_teaser_landing .xperto_formular {
	max-width: 420px;
	padding-top: 30px;
}
.xp_teaser_landing .xp_form_input {
	margin: 0 0 20px 0;
}	

.xperto_formular_ok {
	padding: 0 0 25px 0;
	display: none;
}

	
/* Rubrik Headerbild */
.xp_headerpic {
	padding: 0;
}
.xp_headerpic img { width: 100%; }
-->