@charset "utf-8";

/*=== Für CMS Debugausgaben ===*/
.cms4d_odebug{
	color:rgb(0,0,0);
	background-color:white;
	font-family:Verdana;
	font-size:11px;
	text-align:left;
	padding:10px;
	float:left;
	clear:both;
	width:100%;
}
.cms4d_odebug h1{
	color:rgb(0,0,0);
	font-size:16px;
	text-indent:0px;
	background-image:none;
}
.cms4d_odebug pre{
	color:rgb(0,0,0);
	font-family:Verdana;
}



.cms4d_slider3_ibtn{
	border-radius:4px;
}


/*========== 30.07.2014, dogan ===============*/
html{
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:none;
	-moz-text-size-adjust:none;

	width:100%;
	min-width:100%;
	float:left;
	clear:both;

	height:100%;
	min-height:100%;
}
body{
	color:rgb(51,51,51);
	background-color:white;
	font-family:roboto2014_regular, Arial, 'Arial Unicode MS', Helvetica, sans-serif;
	font-size:18px;

	margin:0;
	padding:0;

	width:100%;
	min-width:100%;
	float:left;
	clear:both;

	height:100%;
	min-height:100%;
}
	body:after{
		content:'marker0';
		display:none;
	}


@media print{
	body{
		color:black;
		background-color:white;
		text-align:left;
		margin:0;
		padding:0;
	}
}
/*IE Tabellenfehler*/
table{
	font-size:1em;
}




/*==================== LAYOUT ====================*/
@media screen, projection{
	.row{
		width:100%;
		float:left;
		clear:both;
		position:relative;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
		.row_center{
			max-width:1160px;
			margin:0 auto;
			position:relative;
		}
			.hpad_1{
				padding-left:40px;
				padding-right:40px;
			}
			.vpad_1{
				padding-top:40px;
				padding-bottom:40px;
			}
				.floater, .floater_stack, .floater_stack > div{
					width:100%;
					float:left;
					clear:both;
					position:relative;
					-webkit-box-sizing:border-box;
					-moz-box-sizing:border-box;
					box-sizing:border-box;
				}
					.floater_stack{
						clear:none;
						margin-right:-100%;
					}


	/*========= Aufbau ==========*/
	/*Alle Inhalte in Container mit max. 1280px verschachtelt, damit für alle die Hintergrundfarbe Weiß bis 1280px gilt. Außerhalbe wird body bg sichtbar.*/
	.page_container{
		/*Zentrierung*/
		max-width:1280px;
		margin:0 auto;
		position:relative;
		/*Für IE8 Breite festnageln. Wird später für alle Browser mit mediaqueries aufgelöst. s.u. Viewports*/
		min-width:1240px;
	}
		.inner_page_container{
			/*Hintergrundfarbe für alle Inhalte*/
			background-color:white;
			width:100%;
			float:left;
			clear:both;
			position:relative;
		}


	/*===== Kopfzeile mit Logo, Claim ======*/
	.head_row{
		background-color:white;
		min-height:110px;
		border-bottom:3px solid rgb(227,0,11);

		/*rotes Element geändert auf grau 12.09.2016*/
		/*border-color:rgb(102,102,102);*/

		z-index:7000;
	}
		.head_row img{
			max-width:100%;
			width:auto;
			height:auto;
			border:none;
			display:block;
		}
		.head_logo{
			float:left;
			max-width:100%;
			position:relative;
			margin-top:21px;
		}
			.head_logo a{
				display:block;
			}
		/*Der Text ist zunächst einzeilig und wird später zwischenzeitlich zweizeilig und am Ende wieder zurück geschaltet.
		Zur Steuerung wird ein BR-Element aktiviert/deaktiviert.*/
		.head_claim{
			position:absolute;
			right:0;
			font-family:roboto2014_regular, Arial, "Arial Unicode MS", Helvetica, sans-serif;
			font-size:32px;
			
			/* geändert am 07.12.2017 */
			font-size:28px;
			
			line-height:1.1em;
			text-align:right;
			color:rgb(102,102,102);
			padding-top:17px;
		}
			/*Zunächst Zeilenumbrüche deaktvieren*/
			.head_claim br{
				display:none;
			}


	/*=== Hauptmenu Dropdown ===*/
	/*In diesem Projekt liegen rechts neben dem Hauptmenu Dropdown noch ein Button für die Sprachumschaltung
	und ein extra Kontakt Button.
	BEACHTE: der Menüpunkt Kontakt ist Teil der XML-Menustruktur, wird aber über die Menü-Zusatzklasse
	.menu-item-hide ausgeblendet.*/
	.hmenu_row{
		background-color:rgb(229,229,229);
		min-height:50px;
		font-family:roboto2014_light, Arial, "Arial Unicode MS", Helvetica, sans-serif;
		font-size:21px;
		line-height:1em;
		z-index:6000;
	}
		.hmenu_row_box{
			float:left;
			width:100%;
			margin-top:5px;
		}
			/*Hauptmenu Dropdown*/
			.hmenu_container{
				float:left;
			}
			/*Extra Suchen button Button: s.u. hm_buttons .hm_btn_search*/



	/*=== fmenu ===*/
	/*Enthält auch die Sprachumschaltung für den Tabletbereich. s.u. .fm_buttons.
	In diesem Projekt hat das fmenu eine eigene Reihe, in der der auslösende Button normal rechts floatet. Sprachumschaltung links, Kontakt Button rechts daneben.*/
	.fmenu0_row{
		background-color:rgb(229,229,229);
		padding:5px 0 5px 0;
		z-index:8000;
	}



	/*======== Kopfbild / Slider =======*/
	.top_img_row{
		z-index:5000;
		background-color:white;
	}
		.top_img_row_center{
			max-width:1280px;
			max-width:1160px;
			margin:0 auto;
			position:relative;
		}
			.top_img_container{
				width:100%;
				height:100%;
				float:left;
				position:relative;
			}


	/*======= Inhalt =========*/
	.content_row{
		margin-top:25px;
		z-index:4000;
	}
		/* 1) Standardlayout: center_col über volle Breite, left_col ausgeblendet.*/
		.center_col{
			width:100%;
			float:left;
			position:relative;
			z-index:10;
		}
			.html_content{
				width:100%;
				float:left;
				clear:both;
				position:relative;
			}
		.left_col{
			width:25%;
			float:left;
			margin-right:-100%;
			position:relative;
			padding-bottom:40px;
			display:none;
			z-index:20;
		}
		/* 2) Standardlayout mit Submenu: left_col feste Breite, center_col floatet im verbleibenden rechten Raum.*/
		body.smenu_lvl_1 .left_col{
			display:block;
		}
		body.smenu_lvl_1 .center_col{
			/*.left_col räumt mit margin-right:-100% den Raum rechts komplett frei, so dass .center_col nach oben rutschen kann.
			Damit die Textinhalte .left_col aber nicht überdecken, erhält .center_col ein padding-left in der gleichen Breite wie .left_col+spaltenabstand*/
			padding-left:28.2%;
		}
			body.smenu_lvl_1 .html_content{
			}



	/*===== CTA ======*/
	/*weitere Formate und Viewports s.o.*/
	.cta_row{
		z-index:2000;
	}


	/*====== Footer =======*/
	.row_quickfinder{
		margin-bottom:1.5em;
	}
	.footer_row{
		z-index:1000;
	}
}








/*======================= PRINT ===========================*/
@media screen, projection{
	.printonly{display:none !important;}
}
@media print{
	html, body{
		background-color:white;
		background-image:none;
		/*Grundschrift normalisieren*/
		font-size:16px;
	}
	.bcmenu_top,
	.bcmenu_bottom,
	.left_col,
	.right_col{
		display:none;
	}
	.content_container{
		background-image:none;
		padding:0;
		margin:0;
	}

	.fo_address{
		border-top:1px solid black;
		padding-top:10px;
		color:black;
	}

	.col_header{
		font-size:1.5em;
	}
	.box_head{
		font-size:1.2em !important;
	}

	/*Korrektur für Firefox*/
	.igrid{
		width:96%;
	}

	/*Allgemeine Klasse, um gewünschte Elemente durch direkte Notation im HTML-Quelltext von der Druckausgabe auszunehmen*/
	.noprint{display:none !important;}
	/*Allgemeine Klasse zum Einblenden von Element, die nur im Print angezeigt werden sollen. s.a. oben @media screen...*/
	.printonly{display:block !important;}
}




/*==================== BLOCKFORMATE ====================*/
@media screen, projection{
	h1, h2, h3, h4, h5, h6{
		font-family:roboto2014_regular, Arial, Helvetica, sans-serif;
		font-size:inherit;
		font-weight:normal;
		line-height:1.2em;
		margin:0 0 0.6em 0;
		padding:0;
		/*Headlines im normalen Text immer clearen*/
		clear:both;
		color:black;
	}
	h1{
		font-family:roboto2014_medium, Arial, "Arial Unicode MS", Helvetica, sans-serif;
		font-size:32px;
		margin-bottom:0.8em;
		color:rgb(102,102,102);
	}
	h2{
		font-size:26px;
		color:rgb(102,102,102);
	}
	h3{
		font-size:23px;
	}
	h4{
		font-size:1em;
	}
	h5, h6{
		font-size:1em;
	}
	p{
		line-height:1.3333em;
		line-height:1.444444em;
		margin:0;
		padding:0;
		margin-bottom:1.6em;
	}
		p + p{
			margin-top:-0.5em;
		}

	a{
		color:rgb(227,0,11);
		text-decoration:none;
	}
		.html_content a:hover{
			text-decoration:underline;
		}
		a:active, a:visited{
			text-decoration:none;
		}

	.html_content a{
		color:rgb(51,51,51);
		text-decoration:underline;
	}


	address{
		font-size:0.7em;
		font-style:normal;
	}

	/*--- Listendefinition neu, alle ab IE9+ ---*/
	.html_content ul, .html_content li{
		list-style:none;
		margin:0;
		padding:0;
		position:relative;
	}
		/*Einrückungen*/
		.html_content ul{
				/*Level-0 mit Abstand vertikal zum vorherigen und folgenden Inhalt*/
				/*margin:1.5em 0 1.5em 0;*/
			margin:0 0 1.5em 0;
		}
			.html_content ul ul{
				/*Level-n ohne Abstand vertikal*/
				margin-top:0;
				margin-bottom:0;
			}
			.html_content li{
				/*Einzug für Bullet durch padding. D.h. das Bullet/Icon liegt jetzt innerhalb des LI-Elementes. Wenn zum Umfließen eines linkstehenden Elementes (fbox_2)
				die Liste umgeschaltet wird (LI display:table), überlagern die Bullets das linksstehende Element nicht mehr.*/
				padding-left:1.5em;
			}
				/*Abstand der Items vertikal
				WICHTIG: Korrektur für erstes LI in Level 0. Dieses erzeugt sonst für die gesamte Liste eine zu hohen Abstand oben.
				Der Abstand wird erst ab Level 2 für alle verwendet. Für Level 1 nur beim first-child nicht.*/
				.html_content li:first-child{
					margin-top:0;
				}
				.html_content li, .html_content li li:first-child{
					margin-top:0.75em;
				}
				
		/*Bullets*/
		.html_content ul li:before{
			/*icon-circle*/
			/*content:'\f111';*/
			/*icon-square*/
			content:'\f0c8';
			font-family:'fontawesome';
			position:relative;
			font-size:1em;
			width:1em;
			left:-1.4em;
			margin-right:-0.85em;
			color:rgb(227,0,11);

			/*rotes Element geändert auf grau 12.09.2016*/
			color:rgb(102,102,102);
		}
			/*Bullets ab Level 1*/
			.html_content li li:before{
			}
		/*Beginnende Blockelemente in LI müssen inline-block sein, da das Element sonst erst unterhalb der Grundlinie
		des Bullets beginnt. Das Bullet ist inline-block und soll ja in einer Zeile mit dem Inhaltstext stehen.
		ACHTUNG: dies gilt immer nur für das erste Element, da sonst die folgenden rechts hoch rutschen würden !*/
		li h1:first-child, li h2:first-child, li h3:first-child, li h4:first-child, li h5:first-child, li h6:first-child,
		li p:first-child, li pre:first-child,
		li div:first-child
		{
			display:inline-block;
			clear:both;
		}


	/*Hochgestellt kleiner. In Headlines kleiner als im Fließtext.*/
	sup{
		font-size:0.8em;
		line-height:1em;
		font-weight:normal;
	}
		h1 sup,
		h2 sup,
		h3 sup{
			font-size:0.5em;
			line-height:1em;
		}


	/*normale HR, alle ab IE7*/
	hr{
		height:1px;
		overflow:hidden;
		border:none;
		border-top:1px solid rgb(204,204,204);
		padding:0;
		margin:0 0 15px 0;
		clear:both;
		float:none;
	}
		/*hr gestrichelt*/
		hr.dashed{
			border-top:1px dashed rgb(204,204,204);
		}
		/*hr mit 3d Schattenkante. De Container ändert sich zwar in der Breite, die Höhe bleibt aber gleich. Dadurch wird das Hintergrundbild nur horizontal gestaucht.*/
		hr.shadow{
			height:13px;
			border:none;
			background:url(images/hr-shadow-1160x13.png) no-repeat center top;
			background-size:100% 100%;
		}

	/*fette Darstellung bei strong und b deaktivieren, da sonst der verwendete fette Schriftschnitt nochmals mit einer Outline gezeichnet wird.*/
	strong, b{
		font-family:roboto2014_bold, Arial, 'Arial Unicode MS', Helvetica, sans-serif;
		font-weight:normal;
color:black;
	}
		a strong, a b{
			color:inherit;
		}
}
@media print{
	h1{
		color:black;
		font-size:1.2em;
		margin:0 0 1em 0;
		padding:0;
		background-image:none;
	}
	h2{
		color:black;
		font-size:1.1em;
		margin:0 0 0.5em 0;
		padding:0;
		background-image:none;
	}
	h3, h4{
		color:black;
		font-size:1em;
		margin:0 0 0.5em 0;
		padding:0;
		background-image:none;
	}
	p{
		margin:0 0 1em 0;
		padding:0;
	}
}





/*==================== CMS4D GRID projektspezifisch ====================*/
/*abweichender Spaltenabstand in diesem Projekt, für grid 1160/40*/
div[class*=c4g_grid_]{margin-left:-40px;padding-bottom:40px;}
	div[class*=c4g_grid_] > div{border-width:40px;}
/*Durch die Zusatzklasse wird das padding unten herausgenommen*/
div[class*=c4g_grid_].no_padding_bottom{padding-bottom:0;}
/*Floatende Bilder im Inhaltstext mit den Standardklassen bild_links, bild_rechts.
Diese sollen nicht breiter als 50% sein, um ausreichend Raum für den text zu lassen.*/
.html_content img.bild_links, .html_content img.bild_rechts{
	max-width:50%;
}
	.html_content img.bild_links{
		margin:0 40px 10px 0;
	}
	.html_content img.bild_rechts{
		margin:0 0 10px 40px;
	}

.html_content img.bild_rand{
	border:1px solid #B3B3B3;
	border-radius:15px;
	padding:10px;
}



/*========= div. Blockformate =======*/
/*--- Fontawesome Icons inline -----*/
.fa{
	display:inline-block;
	font-style:normal;
}
	.fa:before{
		content:'';
		font-family:fontawesome;
	}
	/*Icons*/
	.fa-user:before{content:'\f007';}
	.fa-envelope:before{content:'\f0e0';}
	.fa-phone-square:before{content:'\f098';}
	.fa-file-text:before{content:'\f15c';}
	.fa-file-text-o:before{content:'\f0f6';}
	.fa-arrow-circle-right:before{content:'\f054';}
	.fa-chevron-right:before{content:'\f054';}
	.fa-shopping-cart:before{content:'\f07a';}
	.fa-search:before{content:'\f002';}

/*--- Link Button MEHR allgemein ---*/
.link_btn{
	display:inline-block;
	color:white;
	background-color:rgb(227,0,11);

	/*rotes Element geändert auf grau 12.09.2016*/
	background-color:rgb(102,102,102);

	padding:3px 8px 4px 10px;
	border-radius:5px;
	font-size:16px;
}
	.link_btn:after{
		/*icon-arrow-circle-right*/
		content:'\f054';
		font-family:fontawesome;
		display:inline-block;
		margin-left:0.25em;
	}


/*--- Listen ---*/
/*inline mit icon*/
.ul_inline, .html_content .ul_inline{
	margin-bottom:1.2em;
}
.ul_inline li{
	display:inline-block;
	margin-top:0;
	padding-left:0;
	margin-right:0.25em;
	margin-bottom:0.5em;
}
	.ul_inline li:before, .html_content .ul_inline li:before{
		margin:0;
		left:0;
		margin-right:0.25em;
	}
/*andere Icons*/
.ul_icon_check_square li:before, .html_content .ul_icon_check_square li:before{
	/*icon-check-square*/
	content:'\f14a';
}
.ul_icon_certificate li:before, .html_content .ul_icon_certificate li:before{
	/*icon-certificate*/
	content:'\f0a3';
}
.ul_float{
	float:left;
}

/*--- Spaltenüberschriten Start ---*/
.col_header{
	width:100%;
	float:left;
	clear:both;
	position:relative;
	margin-bottom:20px;

	font-family:roboto2014_medium, Arial, Helvetica, sans-serif;
	font-size:32px;
	line-height:1.2em;
	color:rgb(102,102,102);
}
.col_header *{
	font-family:inherit;
	font-size:inherit;
	line-height:inherit;
	color:inherit;
	margin:0;
	padding:0;
}
	.col_header a, .col_header a:hover{
		text-decoration:none;
		/*Element geändert auf helleres grau 07.012.2016*/
		color:rgb(102,102,102);
	}
	/*Erstes Element (typisch H2) floatet left*/
	.col_header > *:first-child{
		float:left;
	}
		
		/*Pfeil Icon wenn Hyperlink*/
		.col_header a:after{
			/*icon-arrow-circle-right*/
			content:'\f054';
			font-family:fontawesome;
			display:inline-block;
			margin-left:0.25em;
			color:rgb(227,0,11);

			/*rotes Element geändert auf grau 12.09.2016*/
			color:rgb(102,102,102);
		}


/*---------- Farben ---------*/
.col_red{
	color:rgb(227,0,11);
}
.bg_red{
	background-color:rgb(227,0,11);
}
/*----- Infobox mit größerer Schrift, z.B. Kontakte --------*/
.info_box{
	font-family:roboto2014_medium, Arial, "Arial Unicode MS", Helvetica, sans-serif;
	font-size:28px;
	color:black;
}
	.info_box a{
		color:inherit;
	}
	.info_box h2{
		font-family:inherit;
		font-size:1.4285em;
	}
	.info_box span{
		display:inline-block;
	}
@media all and (max-width:1000px){
	.info_box{font-size:21px;}
}
@media all and (max-width:470px){
	.info_box{font-size:18px;}
}








/*======================== Slider ==========================*/
/*----- slider0 -------*/
.slider0 .cms4d_slider3_cbtn{
	display:none;
}
	.slider0:hover .cms4d_slider3_cbtn{
		display:block;
	}
.slider0 .cms4d_slider3_ibtn_container{
	width:100%;
	left:auto;
	right:0;
}
	.slider0 .cms4d_slider3_ibtn{
		margin:auto 4px;
	}
	.slider0 .cms4d_slider3_ibtn.on{
		background-color:rgb(227,0,11);

		/*rotes Element geändert auf grau 12.09.2016*/
		background-color:rgb(102,102,102);
	}
/*Die Layer mit den Textboxen werden position:static und height:100% gesetzt, damit innenliegende Element auch mit bottom absolut positioniert werden können.*/
.slider0 .layer.fullheight{
	position:absolute;
	height:100%;
}
/*--- Textboxen ---*/
.sbox1_pos{
	color:white;
	/*Hintergrund ist teiltransparent*/
	background-color:rgba(51,102,153,0.9);
	position:absolute;
	/*Ausnahme: die Box ist 100% hoch und nimmt relativen Prozentsatz der Breite ein*/
	top:0;
	right:0;
	width:32.8125%;
	height:100%;
	padding:0.38em 0.4em 0em 0.45em;
}
	.sbox1{
		font-family:roboto2014_condensed_regular, Arial, "Arial Unicode MS", Helvetica, sans-serif;
		font-size:0.28em;
		line-height:1.2em;
		color:white;
	}
		.sbox1 b, .sbox1 strong{
			font-family:roboto2014_condensed_bold, Arial, "Arial Unicode MS", Helvetica, sans-serif;
			font-style:normal;
			font-weight:normal;
			color:inherit;
		}
		.sbox1 .box_head{
			font-family:roboto2014_condensed_bold, Arial, "Arial Unicode MS", Helvetica, sans-serif;
		}
			.sbox1 .box_head > *{
				font-size:1.4285em;
				line-height:1.2em;
			}
		.sbox1 .box_body{
		}
	/*Textformate*/
	.sbox1 .h2{
		margin-bottom:0.7em;
	}
	.sbox1 .p{
		margin-bottom:0.4em;
	}
	.sbox1 .li1{
	}
		.sbox1 .li1 > *{
			display:block;
		}
			.sbox1 .li1 > *:before{
				/*icon-square-o*/
				content:'\f096';
				font-family:fontawesome;
				display:inline-block;
				margin-right:0.5em;
			}
	/*Ausnahmen*/
	/*Textbox für dieses Slide deckend, so dass hinter dem Text kein Bild durchscheint.*/
	.slider0 .slide_design .sbox1_pos{
		background-color:rgb(51,102,153);
	}
/*========= slider0 Viewports =====*/
@media screen and (max-width:1240px){
}
/*Ab iPad quer*/
@media screen and (max-width:1024px){
	/*=== slider0 ===*/
	/*Cursor-Tasten immer sichtbar*/
	.slider0 .cms4d_slider3_cbtn {
		display: block;
	}
		.slider0 .cms4d_slider3_ibtn{
			width:14px;
			height:14px;	
		}
}
/*Hier ist die skalierte font-size im Slider 75px = 75% der Ursprungsgröße.*/
@media screen and (max-width:976px){
}
@media screen and (max-width:760px){
	.slider0 .sbox1_pos{
		padding-right:0.6em;
		padding:0.28em 0.5em 0em 0.35em
	}
}
@media screen and (max-width:533px){
	/*Manuellen Zeilenumbruch durch BR-Tags auflösen*/
	.slider0 .sbox1 br{
		display:none;
	}
	/*Liste inline*/
	.slider0 .sbox1 .li1 > *{
		display:inline-block;
		margin-right:0.5em;
	}
		.sbox1 .li1 > *:before{
			margin-right:0.25em;
		}

	/*======= sbox auflösen und unter Bild floaten ==========*/
	/*Layer mit Textbox floatet ab jetzt und drückt das Slide in der Höhe gemäß seines Textinhaltes zusätzlich auseinander.*/
	.slider0 .layer.static{
		/*position wird mit important hoch gewichtet, falls der Layer durch andere parallele Regeln (z.B. fullscreen) vorher position:absolute war.*/
		position:static !important;
		float:left;
		clear:both;
		width:100%;
	}
		/*Positionierungs-Container static schalten*/
		.sbox1_pos{
			/*Box nicht mehr position:absolute sondern static. Dadurch wirken die jQuery Animation bezgl. position nicht mehr. Die jQuery styles werden zwar nachwievor geschrieben,
			haben aber bei static keinen Auswirkung auf left/top/.... Dies hat den Effekt, dass es einen nahtlosen Übergang zwischen animierter und statischer
			Darstellung gibt. Wird in einer laufenden Animation der viewport vergrößert, so greifen automatisch sofort wieder die styles auf dem Element :-).
			ACHTUNG: alle anderen Animationen bezgl. size/opacity/... etc. werden natürlich weiterhin ausgeführt!*/
			/* 1) Normalisieren*/
			position:static;
			width:100% !important;
			max-width:none;
			border-radius:0;
			padding:0 !important;
			margin:0;
			right:auto;
			left:auto;
			top:auto;
			bottom:auto;
			/* 2) Effekte löschen*/
			border:none;
			box-shadow:none;
			background-color:rgb(51,102,153);
			/* 3) floaten, volle Breite*/
			width:100%;
			max-width:100%;
			float:left;
			clear:both;
		}
			.sbox1{
				/*ENTSCHEIDEND: da jetzt hier die font-size als ABSOLUTER Pixel-Wert gesetzt wird, greift die Skalierung der innenliegenden Inhalte
				über die globale Slider font-size nicht mehr.*/
				font-size:18px;
				line-height:1.2em;
				text-align:left;
				padding:10px 15px 25px 10px;
			}
				.sbox1 .box_head{
					font-size:inherit;
					line-height:inherit;
				}
					.sbox1 .box_head *{
						font-size:inherit;
						line-height:inherit;
					}
				.sbox1 .box_body{
					font-size:inherit;
					line-height:inherit;
				}
					.sbox1 .box_body p{
						font-size:inherit;
						line-height:inherit;
					}
					.sbox1 .box_body h1,
					.sbox1 .box_body h2,
					.sbox1 .box_body h3,
					.sbox1 .box_body h4,
					.sbox1 .box_body h5,
					.sbox1 .box_body h6{
						font-size:1.3em;
					}
}
@media screen and (max-width:470px){
	/*Indexbuttons nur noch als optische Marker*/
	.slider0 .cms4d_slider3_ibtn_container{
		bottom:5px;
		right:0px;
		padding:0;
	}
		.slider0 .cms4d_slider3_ibtn{
			width:8px;
			height:8px;
			margin:0 4px 0 0;
		}
			.slider0 .cms4d_slider3_ibtn.on{
				background-color:black;
				border-color:white;
			}
}






/*------- News Slider allgemein ------*/
/*Slider1, Formate allgemein für News-Slider*/
.nslider{
	font-size:18px;
}
	/*Blockformate*/
	.nslider h1,
	.nslider h2,
	.nslider h3,
	.nslider h4,
	.nslider h5,
	.nslider h6{
		font-family:roboto2014_medium, Arial, Helvetica, sans-serif;
		font-size:1.22222em;
		color:rgb(102,102,102);
	}
	.nslider p{
		line-height:1.3333em;
	}
	/*Link MEHR*/
	.nslider .box_link span{
		display:inline-block;
		color:white;
		background-color:rgb(227,0,11);

		/*rotes Element geändert auf grau 12.09.2016*/
		background-color:rgb(102,102,102);

		padding:3px 8px 4px 10px;
		border-radius:5px;
	}
		.nslider .box_link span:after{
			/*icon-caret-right*/
			content:'\f0da';
			font-family:fontawesome;
			display:inline-block;
			margin-left:0.45em;
		}
/*Cursorbuttons allgemein*/
.nslider_cbtn_container{
	float:right;
	color:rgb(204,204,204);
/*In diesem projekt zunächst ausgeblendet*/
/*display:none;*/
}
	.nslider_cbtn{
		font-size:1em;
		display:inline-block;
		margin-left:0.5em;
		color:inherit;
		cursor:pointer;
	}
		.nslider_cbtn:before{
			/*icon-chevron-circle-left*/
			content:'\f053';
			font-family:fontawesome;
		}
			.nslider_cbtn_right:before{
				/*icon-chevron-circle-right*/
				content:'\f054';
			}
/*Indexbuttons allgemein*/
.nslider_ibtn_container .cms4d_slider3_ibtn_container{
	position:relative;
	top:auto;
	bottom:auto;
	margin-top:25px;
}
	.nslider_ibtn_container .cms4d_slider3_ibtn{
		width:15px;
		height:15px;
		border:1px solid rgb(204,204,204);
		background-color:white;
	}
	.nslider_ibtn_container .cms4d_slider3_ibtn.on{
		background-color:rgb(204,204,204);
	}
/*--- News Slider Start aktuelles ---*/
.row_start_aktuelles{
	margin-bottom:20px;
}
.start_aktuelles_ibtn_container{
	width:100%;
	float:left;
	clear:both;
	/*BEACHTE: innerhalb eines igrid kann es sein, dass die Buttons unten leicht angeschnitten werden.
	Deshalb eigenes padding, um die Unterkante etwas vom übergeordneten Container abzurücken.*/
	padding-bottom:2px;
}
/*------- nslider viewports ----------*/
@media screen and (max-width:1200px){
	/*News Slider*/
	.nslider{font-size:16px;}
	.nslider h1,
	.nslider h2,
	.nslider h3,
	.nslider h4,
	.nslider h5,
	.nslider h6{
		font-size:18px;
	}
}



/*--------- Artikelslider Start, islider ----------*/
/*s.a. Cms4d.ItemSlider-....css
Der Slider starttet mit 4 Spalten. Mit abnehmender Viewportbreite verringert sich Spaltenzahl sukzessive bis auf eine Spalte. s.u. viewports
*/
.row_artslider0{
	font-family:roboto2014_condensed_regular, Arial, "Arial Unicode MS", Helvetica, sans-serif;
}
.artslider0{
	margin-bottom:30px;
}
	/*--- Controls ---*/
	.artslider0 .cms4d_islider_ibtn_container{
		margin-top:30px;
	}


	/*--- Items ---*/
	.artslider0 a, .artslider0 a:hover{
		text-decoration:none;
		color:inherit;
	}
	.artslider0 .art_img, .artslider0 .art_name, .artslider0 .art_info, .artslider0 .art_link{
		width:100%;
		float:left;
		clear:both;
		position:relative;
	}
	.artslider0 .art_item{
		width:100%;
		height:100%;
		float:left;
		clear:both;
		position:relative;
		font-size:18px;
		line-height:1.2em;
		text-align:center;
		border-left:1px solid rgb(204,204,204);
	}
		.artslider0 .cms4d_islider_slider > div:first-child .art_item{
			border-left:none;
		}
		.artslider0 .art_item a{
			float:left;
			clear:both;
			width:100%;
			height:100%;
			position:relative;
			/*Nach unten wird Platz gleassen, damit eine zweizeilige Preisbeschreibung Platz hat. Da alle Preise am Fuß der Spalte stehen sollen,
			müssen diese position:absolute bottom:0 sein. Dadurch rutschen sie an die Unterkante der Spalte. s.u.*/
			/*padding-bottom:4em;*/
		}
		/*Bild*/
		.artslider0 .art_img{
			margin-bottom:10px;
			z-index:10;
		}
			.artslider0 .art_img img{
				display:block;
				margin:0 auto;
			}
		/*Artikelname*/
		.artslider0 .art_name{
			font-family:sourcesanspro_semibold, Arial, Helvetica, sans-serif;
			font-size:1.1112em;
			color:rgb(62,171,160);
			margin-bottom:0.5em;
			padding:0 5px;
		}
		/*Artikeltext*/
		.artslider0 .art_info{
			padding:0 5px;
		}
		/*Preisblock, am Fuß der Spalte ausgerichtet*/
		.artslider0 .art_price{
			width:100%;
			position:absolute;
			bottom:0;
			padding:0 5px;
		}
			/*Preisinfo*/
			.artslider0 .art_price .info{
				font-size:0.9em;
				margin-bottom:0em;
			}
			/*Preis*/
			.artslider0 .art_price .price{
				font-family:sourcesanspro_bold, Arial, Helvetica, sans-serif;
				font-size:2.2em;
				line-height:1em;
				color:red;
				/*Preis und Euro-Zeichen sollen nicht getrennt werden.*/
				white-space:nowrap;
			}
		/*Link Button/Text*/
		.artslider0 .art_link:after{
			/*icon-arrow-circle-right*/
			content:'\f054';
			font-family:fontawesome;
			display:inline-block;
			margin-left:0.25em;
			color:rgb(227,0,11);

			/*rotes Element geändert auf grau 12.09.2016*/
			color:rgb(102,102,102);
		}
	/*--- Ausnahme Aktionsartikel ---*/
	/*Es wird auch ein allgemeiner Störer eingeblendet. ACHTUNG: wird erst ab IE9 korrekt über dem folgenden Inhalt angezeigt. IE8 fehlerhaft...*/
	.artslider0 .aktion a:before{
		content:url(images-wdt/artikel-stoerer-aktion.png);
		display:block;
		position:absolute;
		left:4px;
		top:0;
		z-index:100;
	}
		.artslider0 .aktion .art_info{
			font-family:sourcesanspro_semibold, Arial, Helvetica, sans-serif;
			font-size:1.1112em;
			color:red;
		}
	/*--- vertikale Trennlinien ---*/
	/*Ab ItemSlider-1.2.0 wird auf jedem item berechnet, ob es sichtbar ist und ob es das erste/letzt item der sichtbaren Gruppe ist.
	Mit Hilfe der so auf den sichtbaen Items dynamisch gesetzten Zusatzklassen (direkt auf den .cms4d_islider_slider > div)
	kann die Anzeige der vertikalen Linien etc. komfortabler gesteuert werden.
	Die Aktualisierung der Zusatzklassen erfolgt sowohl bei Navigation des scursor, als auch nach JEDER Größenänderung des Itemsliders.
	Deshalb kann hier auf eine Feinsteuerung mit nt-child Regeln in mediaqueries verzichtet werden.
	Hier muss nur für das jeweils erste sichtbare Item die border-left pauschal ausgeblendet werden.*/
	.artslider0 .item_is_visible.item_first .art_item{
		border-left-style:hidden;
	}


/*Projektspezifisch. Für Desktopansicht separate Controls link/rechts und Indexbuttons oben in col_header*/
/*Cursor Buttons*/
.artslider0_icbtn2{
	position:absolute;
	top:50%;
	z-index:1000;
	font-size:56px;
	line-height:1em;
	width:1em;
	height:1em;
	margin-top:-1em;
	cursor:pointer;
	color:rgb(204,204,204);
}
	.artslider0_icbtn2.left{
		left:-5px;
	}
	.artslider0_icbtn2.right{
		text-align:right;
		right:-5px;
	}
	.artslider0_icbtn2:before{
		/*icon-chevron-left*/
		content:'\f053';
		font-family:fontawesome;
		display:inline-block;
	}
		.artslider0_icbtn2.right:before{
			/*icon-chevron-right*/
			content:'\f054';
		}
/*Indexbuttons*/
.artslider0_ibc2{
	float:right;
}
	.artslider0_ibc2 .ibtn2{
		display:inline-block;
		width:15px;
		height:15px;
		border-radius:4px;
		margin-left:10px;
		border:1px solid rgb(204,204,204);
		background-color:white;
	}
		.artslider0_ibc2 .ibtn2.on{
			background-color:rgb(204,204,204);
		}
/*Die Standardcontrols innerhalb des Sliders bleiben zunächst erzwungen unsichtbar und werden erst bei kleinem Viewport eingeblendet.
Zunächst sind also nur die externen Controls l/r und oben rechts sichtbar.*/
.artslider0 .cms4d_ibtn_container_visible{
	display:none;
}

/*---------- artslider0 viewports -----------*/
@media screen and (max-width:1240px){
	/*seitliche Cursorpfeile einrücken, da sie sonst ausserhalb des Satzspiegels liegen.
	Das padding auf artslider0-Container schränkt den Raum für die Items ein, so dass diese fast nicht von den Cursorbuttons überlagert werden.
	Diese orientieren sich weiterhin an den Rändern des Containers.*/
	.artslider0{padding-left:40px;padding-right:40px;}
		.artslider0_icbtn2.left{left:-20px;}
		.artslider0_icbtn2.right{right:-20px;}
}
@media screen and (max-width:1024px){
	.artslider0{padding-left:50px;padding-right:50px;}
		.artslider0_icbtn2.left{left:-10px;}
		.artslider0_icbtn2.right{right:-10px;}
}
@media screen and (max-width:939px){
	.artslider0 .art_item{font-size:16px;}
	/*3 Spalten*/
	.artslider0 .cms4d_islider_slider > div{width:33.3334%;}
	/*externe Controls ausblenden und Standardcontrols unten anzeigen*/
	.artslider0{padding:0;}
		.artslider0_icbtn2.left{display:none;}
		.artslider0_icbtn2.right{display:none;}
	.artslider0_ibc2{display:none;}
	.artslider0 .cms4d_ibtn_container_visible{
		display:block;
	}
}
@media screen and (max-width:663px){
	.artslider0_header{font-size:20px;}
		/*2 Spalten*/
		.artslider0 .cms4d_islider_slider > div{width:50%;}
		/*Indexpunkte deutlich kleiner als optische Marker. Ab jetzt Navigation im Wesentlichen nur noch über icbtn*/
		.artslider0 .cms4d_islider_ibtn_inner_container{
			font-size:0.3em;
		}
}
@media screen and (max-width:533px){
	.artslider0_header{
		padding-left:10px;
		padding-right:10px;
	}
}
@media screen and (max-width:470px){
	/*1 Spalte, alle Trennlinien ausblenden*/
	.artslider0 .cms4d_islider_slider > div{width:100%;}
}




/*================= Grids Inhalte ================*/
/*--------- Start News/Katalog ------*/
.sgrid1_news{
	width:66.66666%;
}
.sgrid1_katalog{
	width:33.33333%;
}
	.sgrid1_katalog img{
		border:none;
		display:block;
	}
/*---------- sgrid1 viewports ---------*/
@media screen and (max-width:1240px){
	.sgrid1_news{width:66%;}
	.sgrid1_katalog{width:34%;}
}
@media screen and (max-width:1020px){
	.row_start_aktuelles .col_header{font-size:26px;}
	.sgrid1 .igrid_row{margin-left:-30px;}
		.sgrid1 .igrid_col{border-width:30px;}
	.sgrid1_news{width:70%;}
	.sgrid1_katalog{width:30%;}
}
@media screen and (max-width:940px){
	.sgrid1_news{width:63%;}
	.sgrid1_katalog{width:37%;}
}
@media screen and (max-width:760px){
	/*Umbruch einzeilig. Der Abstand muss manuell geregelt werden.*/
	.sgrid1 .igrid_row{
		margin-left:0;
	}
	.sgrid1 .igrid_col{
		width:100%;
		border-left-style:hidden;
	}
	.igrid_col.sgrid1_katalog{
		border-top:1px solid rgb(204,204,204);
		padding-top:20px;
		margin-top:20px;
	}
}





/*----------- Start Quickfinder tabbox und dicgrid ------------*/
/*Tabbox Control
Buttons und Tabs sind zunächst unsichtbar. Um die bei Sichtbarkeit gewünschte display-Property
nicht zu beeinflussen, werden die Elemente zunächst über die beim Parsen vergebene Zusatzklasse
hide unsichtbar geschaltet. Das spätere Fehler von .hide gibt die ursprünglich gewünschten
CSS Regeln frei.
Dito wird mit dem Ein- und Ausblenden der Tabs verfahren. Es wird also nicht die Sichtbarkeit
dynamisch vermerkt, sondern die Unsichtbarkeit. Das Fehlen von .off gibt die sonstigen CSS-Regeln frei.
*/
.tabbox{
	width:100%;
	margin-bottom:1em;
}
	.tabbox_buttons{
		width:100%;
		position:relative;
		font-size:28px;
		color:rgb(102,102,102);
	}
		/*clearfix*/
		.tabbox_buttons:before, .tabbox_buttons:after{
			content:'';
			display:table;
			width:100%;
			float:none;
		}
	.tabbox_btn{
		float:left;
		padding-right:0.7em;
		margin-right:0.7em;
		margin-bottom:10px;
		border-right:1px solid rgb(153,153,153);
		cursor:pointer;

		margin-bottom:-1px;
		border-right:none;
		padding:5px 10px 10px 10px;
	}
		.tabbox_btn:last-child{
			padding-right:0;
			margin-right:0;
			border-right:none;

			padding-right:10px;
		}
		.tabbox_btn:after{
			/*icon-chevron-circle-right*/
			content:'\f054';
			font-family:fontawesome;
			color:rgb(178,178,178);
			display:inline-block;
			margin-left:0.25em;
		}
	.tabbox_btn.on{
		color:rgb(51,51,51);
		background-color:#E5E5E5;
		border-top-left-radius:8px;
		border-top-right-radius:8px;
	}
		.tabbox_btn.on:after{
			/*icon-chevron-circle-down*/
			content:'\f078';
			color:rgb(227,0,11);

			/*rotes Element geändert auf grau 12.09.2016*/
			color:rgb(102,102,102);
		}
	.tabbox_tabs{
		width:100%;
		height:auto;
		overflow:visible;
	}
		.tabbox_tab{
			width:100%;

			background-color:#E5E5E5;
			padding:15px 15px 5px 15px;
			-webkit-box-sizing:border-box;
			-moz-box-sizing:border-box;
			box-sizing:border-box;
			border-bottom-left-radius:8px;
			border-bottom-right-radius:8px;
			border-top-right-radius:8px;
		}
			/*ACHTUNG: da die Tabs jeweils ein dynamisches DICGrid enthalten,
			dürfen sie NICHT mit display:none ausgeblendet werden!!!
			Dadurch verliert der Tab-Container nämlich seine width (=0), was dazu führt, dass
			das enthaltene Grid auf die mininmalste Spaltenzahl runtergeschaltet wird.
			Deshalb werden die Tabcontainer nicht ausgeblendet, sondern auf height:0 geschaltet
			und der overflow abgeschnitten. Dadurch bleibt die Breite der tabs im layout erhalten,
			die Inhalte nehmen aber vertikal keinen Raum ein.
			Die Neuberechnung der inneliegenden Grids erfolgt dann korrekt
			auf Basis der Breite (>0) des Tab-Containers.*/
			.tabbox .off{
				height:0px;
				overflow:hidden;

				background-color:transparent;
				border-radius:0px;
				padding:0px;
			}
			/*IE Bug: beim Einblenden zeichnet der IE den Inhalt nicht neu. Durch das zusätzliche
			Setzen eines abweichenden :before Inhaltes wird ein Neuzeichnen forciert.*/
			.tabbox:before{
				content:'';
			}
			.tabbox .off:before{
				/*Unicode geschütztes Leerzeichen (160), no-break space. Ein normales Leerzeichen (32) geht nicht.*/
				content:'\00a0';
			}

	/*hide Regel dominiert Sichtbarkeit immer*/
	.tabbox_btn.hide{
		display:none !important;
	}
	.tabbox_tab.hide{
		/*Die tabs werden durch Höhe 0 versteckt. Dies stellt sicher, dass nachladende Inhalte (IMG)
		trotzdem weiter laden. Bei display:none würden IMG nicht laden, bis das Tab eingeblendet würde.*/
		height:0px;
		overflow:hidden;
	}


/*Grid Items mit Bullets*/
.quickfinder .cms4d_dic_grid_item{
	padding-left:30px;
	padding-bottom:9px;
}
	.quickfinder .cms4d_dic_grid_item a{
		text-decoration:none;
		color:inherit;
	}
		.quickfinder .cms4d_dic_grid_item a:hover{
			color:rgb(227,0,11);

			/*rotes Element geändert auf grau 12.09.2016*/
			color:rgb(102,102,102);
		}
		.quickfinder .cms4d_dic_grid_item a:before{
			/*icon-square*/
			content:'\f0c8';
			/*icon-arrow-circle-right*/
			content:'\f054';
			font-family:'fontawesome';
			display:inline-block;
			width:30px;
			margin-left:-30px;
			/*Schrift etwas größer, so dass sich 1.5em der Basis Icongröße (14px) ergeben. Rendert die Icons etwas schärfer.*/
			font-size:21px;
			color:rgb(227,0,11);

			/*rotes Element geändert auf grau 12.09.2016*/
			color:rgb(102,102,102);
		}
/*------ quickfinder viewports -----*/
@media screen and (max-width:760px){
	.quickfinder .cms4d_dic_grid_item{
		padding-left:24px;
		font-size:16px;
	}
		.quickfinder .cms4d_dic_grid_item a:before{
			width:24px;
			margin-left:-24px;
		}
}
@media screen and (max-width:640px){
	.tabbox_buttons{
		font-size:24px;
	}
		.tabbox_btn{
			padding-right:0.5em;
			margin-right:0.5em;
		}
}
@media screen and (max-width:510px){
	.row_quickfinder .col_header{
		margin-bottom:0;
	}
	/*Ein Button pro Zeile*/
	.tabbox_buttons{
		margin-bottom:10px;
	}
		.tabbox_btn{
			margin:0;
			padding:0;
			border:none;
			width:100%;
			padding:0.25em 0 0.25em 0;
			border-bottom:1px solid rgb(153,153,153);
		}
		.tabbox_btn.on{
			border-radius:0px;
			background-color:transparent;
		}
		.tabbox_tab{
			background-color:transparent;
			padding:0;
		}
}




/*------ Produktübersicht allgemein ----*/
.pgrid1 .igrid_col{
	width:33.333333%;
}
	.pgrid1 a, .pgrid1 a:hover{
		text-decoration:none;
		color:inherit;
	}
	.pgrid1 .box_img{
	}
		.pgrid1 img{
			max-width:100%;
			width:auto;
			height:auto;
			display:block;
			border:none;
			margin:0 auto;
		}
	.pgrid1 .box_head{
		font-family:roboto2014_condensed_regular, Arial, "Arial Unicode MS", Helvetica, sans-serif;
		font-size:18px;
		text-align:center;
		line-height:1em;
		color:black;
		margin:0 0 1em 0;
		padding:0.5em 0.5em 0.5em 0.5em;
	}
		.pgrid1 .box_head:after{
			/*icon-arrow-circle-right*/
			content:'\f054';
			font-family:fontawesome;
			display:inline-block;
			padding-top:0.1em;
			color:#E4000D;

			/*rotes Element geändert auf grau 12.09.2016*/
			color:rgb(102,102,102);

			margin-left:0.4em;
		}

	.pgrid1 .box_content{
		font-size:0.9em;
		padding:0.5em 0.8em 0.5em 0.8em;
		margin:0 0 1em 0;
	}
		.pgrid1 .box_content.empty{
			display:none;
		}

/*-------- pgrid1 Viewports ------*/
@media screen and (max-width:1240px){
}
@media screen and (max-width:1200px){
	.pgrid1 .igrid_row{margin-left:-30px;}
		.pgrid1 .igrid_col{border-width:30px;}
}
@media screen and (max-width:1000px){
	.row_leistungen{
		margin-bottom:10px;
	}
	.pgrid1 .igrid_row{margin-left:-20px;}
		.pgrid1 .igrid_col{border-width:20px;}
	.pgrid1 .box_head{
		padding-top:0.4em;
	}
		.pgrid1 h1:after, .pgrid1 h2:after, .pgrid1 h3:after{
			padding-top:0;
		}
	/*Bullets in Headline ausblenden, in box einblenden*/
	.pgrid1 .box_head:after{
	}
	.pgrid1 .igrid_col:after{
	}
}
@media screen and (max-width:780px){
	.pgrid1 .igrid_col{width:50%;}
}
@media screen and (max-width:680px){
	.pgrid1 .igrid_row{margin-left:-10px;}
		.pgrid1 .igrid_col{border-width:10px;}
}
@media screen and (max-width:505px){
	/*Einspaltig. Bilder über volle breite aber durch .box_img Container beschnitten.
	Das Verhalten entspricht ungefähr einem Hintergrundbild mit background-size:cover*/
	.pgrid1 .igrid_row{margin-left:0;}
		.pgrid1 .igrid_col{
			border-width:0;
			width:100%;
			margin-bottom:10px;
		}
		.pgrid1 .box_img{
			width:100%;
			height:auto;
			overflow:hidden;
			position:relative;
		}
			.pgrid1 img{
			}
	.pgrid1 .box_head{
		font-size:21px;
	}
}




/*============= CTA, Seitenfuss =============*/
.cta_row{
	background-color:rgb(215,215,215);
	background-color:#F2F2F2;
	border-top:4px solid rgb(227,0,11);
}
	.cta_box{
		color:rgb(51,51,51);
		font-size:26px;
		line-height:1.2em;
		text-align:center;
		padding:25px 0 0 0;
	}
		.cta_box a, .cta_box a:hover{
			text-decoration:none;
			color:inherit;
		}
		.cta_info{
			margin-bottom:1em;
		}
		.cta_head{
			font-size:1.692307em;
			line-height:1.2em;
			margin-bottom:0.75em;
		}
		.cta_links{
			font-size:1.230769em;
			line-height:1.5em;
			margin-bottom:0.25em;
		}
			.cta_links span{
				display:inline-block;
				margin-right:1em;
			}
				.cta_links span:last-child{
					margin-right:0;
				}
			.cta_links .fa{
				color:rgb(227,0,11);
			}
.footer_row{
	background-color:rgb(215,215,215);
	background-color:#F2F2F2;
	text-align:center;
}
	.footer_box{
		font-size:18px;
		color:rgb(51,51,51);
		padding:20px 0 30px 0;
	}
		.footer_row a, .footer_row a:hover{
			text-decoration:none;
			color:inherit;
		}
		.fo_address span{
			display:inline-block;
		}
		.fo_links{
			margin-top:1em;
			font-size:14px;
		}
			.fo_links a{
				display:inline-block;
				margin-left:0.5em;
				margin-right:0.5em;
			}
/*------- CTA Footer viewports ----------*/
@media screen and (max-width:1240px){
	.cta_box{font-size:21px;}
}
@media screen and (max-width:1000px){
	.cta_box{
		font-family:roboto2014_condensed_regular, Arial, "Arial Unicode MS", Helvetica, sans-serif;
	}
}
@media screen and (max-width:800px){
	.cta_box{font-size:18px;}
	.cta_info br{display:none;}
	.cta_head{
		font-size:1.5em;
		line-height:1.2em;
	}
	.cta_links{
		font-size:1.5em;
	}
	/*Links untereinander*/
	.cta_links span{
		display:block;
		margin:0;
	}
}
@media screen and (max-width:470px){
	.cta_links{font-size:21px;}
}
@media screen and (max-width:400px){
	.cta_links{font-size:18px;}
}


/*------------ CTA 2 Startseite, Sonderfall -----------*/
.cta2_row{
	color:rgb(51,51,51);
	border-top:3px solid rgb(227,0,11);
	/*background:rgb(239,242,244) url(images-sst/start-cta-row-bg.jpg) no-repeat center center;*/
	/*background-size:cover;*/
	background-color:#F2F2F2;
}
	.cta2_box{
		padding:50px 0 0px 0;
		text-align:center;
	}
	.cta2_box a, .cta2_box a:hover{
		text-decoration:none;
		color:inherit;
	}
		/*Textformate, hier alle über Klassen statt Eemente gesteuert!*/
		.cta2_box .h1, .cta2_box .h2{
			font-family:roboto2014_medium, Arial, "Arial Unicode MS", Helvetica, sans-serif;
			font-size:22px;
			line-height:1.2em;
			padding:0 100px 0 100px;
		}
			.cta2_box .h2{
				font-size:32px;
				color:rgb(227,0,11);
			}
			.cta2_box .t2{
				color:rgb(227,0,11);
				margin-bottom:1em;
			}
			.cta2_box .t3{
				margin-bottom:0.75em;
			}
			.cta2_box .t4{
				margin-bottom:0.6em;
			}
		.cta2_links{
			font-size:24px;
			line-height:1.8em;
			font-family:roboto2014_medium, Arial, "Arial Unicode MS", Helvetica, sans-serif;
		}
			.cta2_links span{
				display:inline-block;
			}
				.cta2_links span:nth-child(1), .cta2_links span:nth-child(2	){
					margin-right:1em;
				}
			.cta2_links .fa{
				color:rgb(227,0,11);
			}
	/*Grid*/
	.cta2_left{
		width:50%;
	}
		.cta2_left > *:last-child{
			margin-bottom:0;
		}
	.cta2_right{
		width:50%;
	}
/*---------- CTA 2 viewports ------------*/
@media screen and (max-width:1200px){
	.cta2_box{
		padding-top:30px;
		padding-bottom:0px;
	}
	.cta2_box .igrid_row{margin-left:-30px;}
		.cta2_box .igrid_col{border-left-width:30px;}
}
@media screen and (max-width:940px){

	.cta2_box .h1, .cta2_box .h2{
		padding:0;
	}
	.cta2_box .h1{
		font-size:21px;
	}
	.cta2_box .h2{
		font-size:28px;
	}
	.cta2_links{
		font-size:23px;
	}

}
@media screen and (max-width:860px){

	.cta2_links span{
		display:block;
	}
		.cta2_links span:nth-child(1), .cta2_links span:nth-child(2	){
			margin-right:0;
		}
}
@media screen and (max-width:470px){
	.cta2_box{
		font-size:16px;
	}
	.cta2_box .h1{
		font-size:18px;
	}
	.cta2_box .h2{
		font-size:23px;
	}
	.cta2_links{
		font-family:roboto2014_condensed_bold, Arial, "Arial Unicode MS", Helvetica, sans-serif;
		font-size:18px;
	}
}




/*==================== NAVIGATION ====================*/
/*================ Menü Popups =====================*/
/*--- Menü-Popups allgemein. Suche, Sprachwahl ---*/
/*Die beiden Controls werden immer an dem auslösenden Button geöffnet. s. JS*/
.cms4d_menu_popup, .cms4d_menu_popup *{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
/*Gesamtcontainer für Positionierung*/
.cms4d_menu_popup{
	position:absolute;
	/*Der Abstand des Pfeils + Content zur Oberkante des Containers kann über eine transparente border gesichert werden.
	Dadruch werden beide Element nach unten versetzt, um den optischen Abstand zum auslösenden Button zu steuern.*/
	border-top:4px solid transparent;
	display:none;
	z-index:10000;
}
	/*Aufwärtspfeil-Container. Der sichtbare Pfeil, der auf den auslösenden Button zeigt wird als :before hierin mittig zentriert*/
	.cms4d_menu_popup_arrow{
		position:absolute;
		font-size:0.0001px;
		line-height:0.0001px;
		text-align:center;
		left:0;
		top:0;
	}
		.cms4d_menu_popup_arrow.arrow_back{
			z-index:10;
		}
			.cms4d_menu_popup_arrow.arrow_back:before{
				content:'';
				display:block;
				width:0;
				height:0;
				border:10px solid rgb(153,153,153);
				border-top-style:hidden;
				border-left-color:transparent;
				border-right-color:transparent;
				position:absolute;
				left:50%;
				margin-left:-10px;
				margin-top:-10px;
			}
		.cms4d_menu_popup_arrow.arrow_front{
			z-index:30;
		}
			.cms4d_menu_popup_arrow.arrow_front:before{
				content:'';
				display:block;
				width:0;
				height:0;
				border:10px solid white;
				border-top-style:hidden;
				border-left-color:transparent;
				border-right-color:transparent;
				position:absolute;
				left:50%;
				margin-left:-10px;
				margin-top:1px;
				margin-top:-9px;
			}
	.cms4d_menu_popup_content{
		z-index:20;
		position:relative;
		background-color:white;
		border:1px solid rgb(153,153,153);
		border-radius:5px;
		-webkit-box-shadow:5px 5px 5px 0px rgba(0,0,0,0.5);
		box-shadow:5px 5px 5px 0px rgba(0,0,0,0.5);
		padding:9px 10px 11px 10px;
	}

/*Aussehen der Formularelemente für alle Browser und OS vereinheitlichen*/
.cms4d_menu_popup input,
.cms4d_menu_popup button{
	/*Erscheinungsbild aufheben*/
	-webkit-appearance:none;
	-moz-appearance:none;
	appearence:none;
	font-size:1em;
}
	.cms4d_menu_popup input[type=text]{
		border:1px solid rgb(204,204,204);
		background-color:rgb(240,240,240);
		border-radius:4px;
		height:2em;
		padding:0;
		padding-left:5px;
	}
	.cms4d_menu_popup input[type=button],
	.cms4d_menu_popup input[type=submit],
	.cms4d_menu_popup button{
		height:2em;
		min-width:2em;
		cursor:pointer;
		padding:0;
		color:white;
		background:rgb(153,153,153);
		border-radius:5px;
		border:1px solid rgb(153,153,153);
	}

/*Menüpopup Suche*/
.cms4d_menu_popup.search{
	line-height:1em;
}
	/*Submit Button mit Icon.
	ACHTUNG: w3 HTML5 validator bemängelt es, wenn im HTML für ein INPUT type=submit ein Icon direkt über die value-Eigenschaft gesetzt wird,
	und hierzu ein Zeichen (HTML Entität) aus dem privaten Unicode-Bereich genutzt wird (Fontawesome Lupe Symbol = ).
	Deshalb wird hier ein BUTTON type=submit verwendet, dessen innerHTML normal mit CSS gestyled werden kann, um das Icon zu erzeugen.*/
	.cms4d_menu_popup.search button[type=submit]:before{
		font-family:fontawesome;
		/*icon-search*/
		content:'\f002';
	}
	
/*Menüpopup Sprachwahl*/
.cms4d_menu_popup.langswitch .cms4d_menu_popup_content{
	padding-top:2px;
	padding-bottom:5px;
}
.cms4d_menu_popup.langswitch a{
	color:rgb(102,102,102);
	display:block;
	border-top:1px solid rgb(204,204,204);
	padding:0.4em 0 0.4em 0;
}
	.cms4d_menu_popup.langswitch a:first-child{
		border-top:none;
	}
	.cms4d_menu_popup.langswitch a.on{
		color:rgb(227,0,11);
		font-family:roboto2014_medium, Arial, Helvetica, sans-serif;
	}

/*---------- Funktionsmenüs Suche, Sprachumschaltung -----------*/
/*In diesem Projekt gibt es wegen der Komplexen Layoutumschaltung beim Schrumpfen 3 Vorkommen der beiden Buttons. Einmal im normalen hmenu für die Desktopansicht (s.u. hmenu).
Dann zusammen mit dem fmenu0_btn in fmenu0_btn_container für Tabletansicht. Und zuletzt zusammen mit dem Claim in top_fbar für Smartphoneansicht.*/
/*--- In Hauptmenu Dropdown ---*/
/*Menbuttons Suche und Sprachumschaltung. Die eigentliche Schaltfläche liegt auf dem innenliegenden SPAN. Der äußere DIV wird zur Erzeugung der vertikalen Trenner verwendet :before*/
.hm_buttons{
	color:white;
	float:left;
	margin-left:0.8em;
	cursor:default;
}
	.hm_btn{
		float:left;
	}
		/*Hyperlinks*/
		.hm_btn a, .hm_btn a:hover{
			color:inherit;
			text-decoration:none;
		}
		/*Trenner v*/
		.hm_btn:before{
			content:'|';
			color:inherit;
			display:inline-block;
		}
			/*Schaltfläche*/
			.hm_btn span{
				display:inline-block;
				padding:7px 0.5em 7px 0.5em;
				cursor:pointer;
			}
			/*Icons*/
			.hm_btn span:before, .hm_btn span:after{
				display:inline-block;
				font-family:fontawesome;
			}
				.hm_btn.btn_search span:before{
					/*icon-search*/
					content:'\f002';
				}
				.hm_btn.btn_langswitch span:after{
					/*icon-caret-down*/
					content:'\f0d7';
					color:inherit;
					margin-left:0.25em;
				}
			/*Ausnahmen*/
			/*Der letzte Button hat kein padding-right, so dass er rechts optisch mit dem Satzspiegel abschließt.*/
			.hm_btn:last-child span{
				padding-right:0;
			}

/*--- In Funktionsmenü mit FMenu, Tabletansicht ---*/
.fm_buttons{
	color:white;
	margin-right:10px;
	float:left;
}
	.fm_btn{
		float:left;
		font-size:21px;
		line-height:1em;
		color:inherit;
		margin-right:0.25em;
	}
		.fm_btn span{
			display:inline-block;
			padding:8px 0.25em 8px 0.25em;
			cursor:pointer;
		}
			.fm_btn span:before, .fm_btn span:after{
				display:inline-block;
				font-family:fontawesome;
			}
			.fm_btn.btn_search span:before{
				/*icon-search*/
				content:'\f002';
			}
			.fm_btn.btn_langswitch span:after{
				/*icon-caret-down*/
				content:'\f0d7';
				color:inherit;
				margin-left:0.25em;
			}

/*---------- Sprachumschaltung im Smartphonebereich -----------*/
.fb_buttons{
	float:right;
	/*zunächst unsichtbar*/
	display:none;
}
	.fb_btn{
		float:left;
		margin-left:0.25em;
	}
		.fb_btn span{
			display:inline-block;
			padding:5px;
			cursor:pointer;
		}
			.fb_btn span:before, .fb_btn span:after{
				display:inline-block;
				font-family:fontawesome;
			}
			.fb_btn.btn_search span:before{
				/*icon-search*/
				content:'\f002';
			}
			.fb_btn.btn_langswitch span:after{
				/*icon-caret-down*/
				content:'\f0d7';
				color:rgb(230,230,230);
				margin-left:0.25em;
			}
/*Ausnahmen für geöffneten Zustand*/
.hm_btn.btn_langswitch.is_open span:after,
.fm_btn.btn_langswitch.is_open span:after,
.fb_btn.btn_langswitch.is_open span:after{
	/*icon-caret-up*/
	content:'\f0d8';
}


/*---------- Projektspezifisch: extra Suche Button ohne Text rechtsbündig --------*/
.hm_btn_search_container{
	float:right;
	padding-top:1px;
}
	/*Trenner ausblenden*/
	.hm_btn.btn_search:before{
		display:none;
	}
	/*Der Button selbst*/
	.hm_btn.btn_search,
	.fm_btn.btn_search{
		background-color:rgb(179,179,179);
		border-radius:5px;
	}
		.hm_btn.btn_search span{
			padding-left:8px;
			padding-right:8px;
		}
.fm_buttons{
	margin-right:15px;
}
	.fm_btn.btn_search{
		margin-top:1px;
		min-height:37px;
	}
	.fm_btn.btn_search span{
		padding-left:10px;
		padding-right:10px;
		padding-bottom:10px;
		padding:5px 9px 6px 9px;
		margin-top:2px;
	}






/*------- Hauptmenu Dropdown -------*/
.hmenu{
	color:rgb(102,102,102);
}
.hmenu a{
	color:inherit;
	display:block;
}
	.hmenu li.lvl0{
		margin-left:1.2em;
	}
		.hmenu li.lvl0:first-child{
			margin-left:0;
		}
		.hmenu a.lvl0{
			padding:7px 0 12px 0;
		}
			.hmenu a.lvl0 > span{
				display:inline-block;
			}
				/*Icons*/
				.hmenu a.lvl0:before{
					/*icon-circle*/
					content:'\f111';
					/*icon-square*/
					content:'\f0c8';
					font-family:fontawesome;
					color:inherit;
					display:inline-block;
					margin-right:0.25em;
					color:rgb(179,179,179);
				}

		/*Home-Link komplett ausblenden*/
		.______________hmenu li.page-start{
			display:none;
		}
.hmenu .sub{
	width:300px;
	padding-bottom:30px;
	line-height:1.2em;
	font-family:inherit;
	font-size:18px;
}
.hmenu .sub2{
	border-radius:10px;
}
	.hmenu .sub a{
		color:inherit;
		border-top:1px solid rgb(230,230,230);
	}
		.hmenu .sub li:first-child a{
			border-top:none;
		}
		.hmenu .sub a > span{
			display:inline-block;
			/*Damit bei mehrzeilig umbrechenden Beschriftungen das Bullet außerhalb des Textblocks liegt, wird im span links eine
			große margin gesetzt und das Bullet negativ nach links aus dem Container gezogen.*/
			padding:10px 10px 12px 2em;
		}
			.hmenu .sub a > span:before{
				/*icon-circle-o*/
				content:'\f10c';
				/*icon-circle*/
				content:'\f111';
				/*icon-square*/
				content:'\f0c8';
				font-family:fontawesome;
				width:1em;
				display:inline-block;
				margin:0 0.25em 0 -1.25em;
				position:relative;
				color:rgb(204,204,204);
			}

	/*hover, act, on*/
	.hmenu a:hover,
	.hmenu a.act,
	.hmenu a.on,
	.hmenu li.cms4d_js_open a.lvl0{
		color:black;

		/*Element geändert auf helleres grau 07.012.2016*/
		color:rgb(102,102,102);
	}
		.hmenu a:hover:before,
		.hmenu a.act:before,
		.hmenu a.on:before,
		.hmenu li.cms4d_js_open a.lvl0:before{
			color:rgb(227,0,11);

			/*rotes Element geändert auf grau 12.09.2016*/
			color:rgb(102,102,102);
		}
	.hmenu a.act, .hmenu a.on{
			font-family:roboto2014_regular, Arial, "Arial Unicode MS", Helvetica, sans-serif;
	}
		.hmenu .sub a:hover, .hmenu .sub a.act, .hmenu .sub a.on{
		}
		.hmenu .sub a.act, .hmenu .sub a.on{
		}
		.hmenu .sub a:hover > span:before,
		.hmenu .sub a.act > span:before,
		.hmenu .sub a.on > span:before{
			color:rgb(227,0,11);

			/*rotes Element geändert auf grau 12.09.2016*/
			color:rgb(102,102,102);
		}
	.hmenu li.page-start a.lvl0.on:before{
		color:rgb(227,0,11);

		/*rotes Element geändert auf grau 12.09.2016*/
		color:rgb(51,51,51);

		/*Element geändert auf helleres grau 07.012.2016*/
		color:rgb(102,102,102);
	}












/*--- Submenu Treeview ---*/
.smenu_1_container{
	width:100%;
	float:left;
	clear:both;
	margin-top:2px;
}
.tree{
	width:100%;
	float:left;
	clear:both;
	font-size:18px;
	line-height:1.2em;
	font-family:roboto2014_light, Arial, "Arial Unicode MS", Helvetica, sans-serif;
	color:rgb(80,80,80);
}
.tree ul, .tree li{
	list-style:none;
	padding:0;
	margin:0;
	display:block;
}
.tree a{
	display:block;
	text-decoration:none;
	color:inherit;
}
.tree a > span{
	display:block;
}
	/*Level 0*/
	.______tree a.lvl0{
		border-top:1px solid rgb(230,230,230);
	}
		.tree li.lvl0:first-child a{
			border-top:none;
		}
		.tree a.lvl0 > span{
			padding:0.5em 0 0.5em 0;
		}
			.tree a.lvl0 > span:before{
				/*icon-circle-o*/
				content:'\f10c';
				/*icon-circle*/
				content:'\f111';
				/*icon-square*/
				content:'\f0c8';
				font-family:fontawesome;
				display:inline-block;
				width:1.2em;
				margin-left:-1.2em;
				color:rgb(217,217,217);
			}
/*Level n*/
.tree .sub{
	font-size:18px;
	padding-bottom:10px;
}
	.tree .sub2{
		display:block;
	}
		.tree .sub a{
			/*padding:0.14em 0 0.14em 0;*/
			padding:0.5em 0 0.5em 0;
		}
			.tree .sub a span:before{
				/*icon-circle-o*/
				content:'\f10c';
				/*icon-circle*/
				content:'\f111';
				/*icon-square*/
				content:'\f0c8';
				font-family:fontawesome;
				display:inline-block;
				width:1.2em;
				margin-left:-1.2em;
				color:rgb(217,217,217);
			}
	/*hover, act, on*/
	.tree a:hover, .tree a.act, .tree a.on{
		color:black;
	}
		.tree a:hover > span:before,
		.tree a.act > span:before,
		.tree a.on > span:before{
			/*icon-circle*/
			/*content:'\f111';*/
			color:rgb(227,0,11);

			/*rotes Element geändert auf grau 12.09.2016*/
			color:rgb(102,102,102);
		}
	.tree a.act > span:before,
	.tree a.on > span:before{
	}
	.tree a.on{
		color:black;
		font-family:roboto2014_regular, Arial, "Arial Unicode MS", Helvetica, sans-serif;
	}

	/*Einrückungen / Offsets*/
	.tree a.lvl0{padding-left:1.2em;}
	/*Einrückung ab lvl1: für durchgängig ab lvl0 gleich formatierte Treeviews = Standardeinrückung lvl0 + (Standardeinrückung lvln * n).*/
	.tree a.lvl1{padding-left:2.65em;}
	.tree a.lvl2{padding-left:3.95em;}
	.tree a.lvl3{padding-left:5.2em;}
	.tree a.lvl4{padding-left:6.5em;}
	.tree a.lvl5{padding-left:7.8em;}
	.tree a.lvl6{padding-left:9.05em;}
	.tree a.lvl7{padding-left:10.35em;}
	.tree a.lvl8{padding-left:11.6em;}








/*--- fmenu0 ---*/
.fmenu0_row{
	display:none;
}
.fmenu0_btn_container, .fmenu0_btn_container *{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.fmenu0_btn_container{
	float:right;
	position:relative;
	margin-right:20px;
	z-index:20;
}
	/*Sichtbarer Button*/
	.___________________fmenu0_btn{
		position:absolute;
		right:0;
		/*Wird nach oben aus dem Container gezogen und überlagert vorherige Elemente.*/
		top:-50px;
	}
._______fmenu0_btn_container{
	position:absolute;
	right:0;
	top:-40px;
	margin-right:20px;
	z-index:20;
}
/*Sichtbarer Button*/
.fmenu0_btn{
	float:left;
}
		/*Button mit Icon und Label*/
		.fm_button{
			font-family:roboto2014_condensed_regular, Arial, 'Arial Unicode MS', Helvetica, sans-serif;
			font-size:21px;
			line-height:1em;

			float:left;
			position:relative;
			color:rgb(102,102,102);
			background-color:white;
			border:1px solid rgb(204,204,204);
			border-radius:5px;
			min-height:39px;
			white-space:nowrap;
			cursor:pointer;
			padding:0 7px 0 10px;
		}
			.fm_button .icon{
				display:inline-block;
				padding-top:7px;
			}
				.fm_button .icon:before{
					/*icon-reorder*/
					content:'\f0c9';
					font-family:'fontawesome';
					display:inline-block;
					width:1em;
				}
			.fm_button .label{
				display:inline-block;
				padding:7px 2px 0 3px;
			}
			/*wenn FMenu offen*/
			.fmenu0_btn .btn_fmenu_opener.open{
				color:rgb(153,153,153);
				background-color:rgb(235,235,235);
				border-color:rgb(153,153,153);
				border-bottom-left-radius:0;
				border-bottom-right-radius:0;
				border-bottom:none;
				/*Mindesthöhe = negativer Offset des Öffnen-Buttons (.fmenu0_btn_container oder .fmenu0_btn)*/
				min-height:40px;
				/*min-height:46px;*/
				/*Nachfolgenden FMenu Container um 1px nach oben ziehen, so dass der Öffnen-Button diesen überlagert.*/
				margin-bottom:-1px;
			}
				.fmenu0_btn .btn_fmenu_opener.open .icon:before{
					/*icon-remove*/
					content:'\f00d';
					/*Zeichen zentrieren*/
					padding-left:1px;
					margin-right:-1px;
				}
			#fmenu0_container .cms4d_fmenu_content{
				border-top:1px solid rgb(153,153,153);
			}

#fmenu0_container{
	/*margin-top:-1px;*/
	z-index:10;
}
	.cms4d_fmenu_head, .cms4d_fmenu_body, .cms4d_fmenu_footer{
		background-color:rgb(235,235,235);
		color:black;
	}
		/*Icon: zurück zur aktuellen Seite, r/o neben Menütitel*/
		.cms4d_fmenu_head .btn.act:before{
			color:rgb(102,101,99);
		}
		/*Taste allgemein*/
		.cms4d_fmenu .fbtn{
			background-color:white;
			border-color:rgb(204,204,204);
		}
			/*Icon: Taste mit eigenem Seitenlink, Doc Symbol links vor Text*/
			.cms4d_fmenu .flbl a:before{
				color:rgb(153,152,151);
			}
			/*Icon: Taste allgemein, Symbol Pfeil nach rechts - nächste Ebene*/
			.cms4d_fmenu .fcbtn > span{
				background-color:rgb(153,153,153);
			}
			/*--- act, on ---*/
			/*aktive Taste*/
			.cms4d_fmenu .fcol.on .fbtn{
				font-family:roboto2014_condensed_regular, Arial, Helvetica, sans-serif;
				background-color:rgb(245,215,51);
				border-color:rgb(153,153,153);
			}
				/*Icon aktive Taste*/
				.cms4d_fmenu .fcol.on .flbl a:before{
					color:rgb(102,101,99);
				}
				/*Text aktive Taste*/
				.cms4d_fmenu .fcol.on .flbl a {
					color:rgb(51,51,51);
				}
		.cms4d_fmenu_footer .btn{
			background-color:rgb(153,153,153);
		}
/*Zeilenumbrüche durch Entität*/
.cms4d_fmenu .flbl span{
	white-space:pre-line;
}




/*--- Breadcrumb Menü ---*/
/*Farben erben. So muss je nahc Hintergrundfarbe der Seite nicht explizit jedes Unterelement neu formatiert werden.*/
.bcmenu{
	color:inherit;
}
	.bcmenu .btn,
	.bcmenu .btn.on,
	.bcmenu a.btn
	{
		color:inherit;
	}
.bcmenu a > span{
	/*Für mehrzeillige Menülabels mit 
 als Entität für Zeilenumbruch muss der Umbruch neutralisiert werden.
	Andernfalls verschiebt sich die Grundlinie in iOS Safari gegenüber den anderen Labeln, obwohl der Text optisch nur in einer Zeile gerendert wird.*/
	word-break:break-all;
	white-space:normal;
}
.bcmenu_top{
	margin-bottom:10px;
	display:none;
/*etwas nach oben ziehen, um Platz zu sparen*/
margin-top:-0.5em;
}
.bcmenu_bottom{
	/*border-top:1px solid rgb(230,230,230);*/
	padding:10px 0 15px 0;
}
/*Nie auf Startseite*/
body.page-start .bcmenu_top, body.page-start .bcmenu_bottom{
	display:none;
}
/*Home Button nur Icon*/
.bcmenu .btn.home > span{display:none;}
	.bcmenu .btn.home:after{
		/*icon-home*/
		content:'\f015';
		font-family:fontawesome;
		display:inline-block;
	}








/*================== VIEWPORTS ================*/
/*--- Alle Browser, die mediaqueries unterstützen, ab IE9 ---*/
@media screen and (width){
	/*--- IE8 Layoutbreiten-Begrenzung aufheben ---*/
	/*Für alle Browser, die mediaqueries unterstützen darf das Layout jetzt schrumpfen. Min. 320px (incl. padding!), iPhone3 hoch*/
	/*.row_center{
		min-width:280px;
	}*/
	.page_container{
		min-width:280px;
	}
}

/*Kopfzeile bei Breite > 1310px anderer Randabstand. Die nächste typische Monitorbreite wäre 1330px.*/
@media screen and (min-width:1315px){
}

@media screen and (max-width:1280px){
	/*=== layout ===*/
	/*Ab <= 1280 kein Hintergrundbild mehr, Farbe weiß.*/
	body{
		background-image:none;
		background-color:white;
	}
}
@media screen and (max-width:1240px){
	/*=== Navigation ====*/
	.tree{
		font-family:roboto2014_condensed_light, Arial, "Arial Unicode MS", Helvetica, sans-serif;
	}
		.tree a.on{
			font-family:roboto2014_condensed_regular, Arial, "Arial Unicode MS", Helvetica, sans-serif;
		}
		.tree .sub{
			font-size:16px;
		}
}
@media screen and (max-width:1200px){
	.hpad_1{padding-left:30px;padding-right:30px;}
	.vpad_1{padding-top:30px;padding-bottom:30px;}

	/*=== Layout ===*/
	.content_row{
		margin-top:20px;
	}
}
@media screen and (max-width:1160px){
}
@media screen and (max-width:1100px){
}
/*Ab iPad quer*/
@media screen and (max-width:1024px){
	.hpad_1{padding-left:20px;padding-right:20px;}
	.vpad_1{padding-top:20px;padding-bottom:20px;}
	/*=== Navigation ===*/
	/*Raum für linke Spalte etwas schmaler*/
	body.smenu_lvl_1 .center_col{
		padding-left:27.2%;
	}
}

/*--- ab kleiner XGA 1024, < iPad quer ---*/
@media screen and (max-width:1000px){
	/*=== Blockformate ===*/
	h1{font-size:30px;}
	h2{font-size:24px;}
	/*h3{font-size:1.3em;}
	h4{font-size:1.1em;}*/
}
@media screen and (max-width:950px){
}
@media screen and (max-width:939px){
	/*=== cms4d grid ===*/
	/*Ab hier Spaltenabstand für alle grid Layoutkombinationen pauschal verkleinern*/
	div[class*=c4g_grid_]{margin-left:-20px;padding-bottom:20px;}
		div[class*=c4g_grid_] > div{border-left-width:20px;border-top-width:20px;}
	/*Margin bei im Inhalt fließenden Bildern verringern*/
	.html_content img.bild_links{margin-right:30px;}
	.html_content img.bild_rechts{margin-left:30px;}
	/*=== fbox_2 ===*/
	/*Spaltenabstand global verringern*/
	.fbox_2 .box_img{padding-right:10px;}
		.fbox_2 .box_img ~ *{
			padding-left:10px;
		}

	/*=== Layout ===*/
	/*Startseite: rechte Spalte bricht immer in vole Breite unter center_col.
	Der Platz für center_col 100% ist bei Viewportbreite 624px exakt so breit wie 2 Spalten im Ursprungslayout: 2 Spalten zu 300 + 1 Spaltenabstand zu 20 + 2 padding außen zu 15*/
	body.page-start .center_col{
		width:100%;
		clear:both;
	}

	/*=== Navigation ===*/
	/*--- Ab jetzt nur noch mobile Menü ----*/
	.hmenu_row{display:none;}
	/*FMenu mobile einblenden*/
	.fmenu0_row{display:block;}
	/*Breadrumb oben/unten*/
	.bcmenu_top, .bcmenu_bottom{display:block;}
		/*nicht auf Startseite*/
		body.page-start .bcmenu_top{
			display:none;
		}
	/*--- left_col, submenu ---*/
	/*Submenu ausblenden, center_col immer über volle Breite*/
	body.smenu_lvl_1 .left_col{
		display:none;
	}
		body.smenu_lvl_1 .center_col{
			padding-left:0;
		}
}

@media screen and (max-width:800px){
}


/*--- grosse Tablets hoch ---*/
@media screen and (max-width:774px){
	.hpad_1{padding-left:20px;padding-right:20px;}
}


/*--- mittlere Tablets iPad hoch (768) ---*/
@media screen and (max-width:768px){
}

/*--- ab kleiner iPad ---*/
@media screen and (max-width:760px){
	.hpad_1{padding-left:15px;padding-right:15px;}
	.vpad_1{padding-top:15px;padding-bottom:15px;}
	/*Inline Bilder: ab jetzt max. breit und durch display:block alleinstehend in ihrer Zeile*/
	.content_container img.bild_links, .content_container img.bild_rechts{
		float:none;
		max-width:100%;
		display:block;
		margin-left:0;
		margin-right:0;
		margin-bottom:15px;
	}

	/*=== Navigation ===*/
	.fmenu0_btn_container{
		margin-right:15px;
	}

	/*=== Layout ===*/
	.content_row{
		margin-top:15px;
	}
}
@media screen and (max-width:708px){
	/*=== cms4d grid ===*/
	/*Inline Bilder: ab hier schrumpfen alle inline Bilder gleich schnell mit gleicher Breite*/
	.content_container img.bild_links, .content_container img.bild_rechts{
		max-width:42%;
	}
	/*=== fbox_2 ===*/
	/*ALLE fbox_2 Varianten: Texte floaten ab jetzt regulär rechts ums Bild.*/
	.fbox_2 .box_img{
		padding-right:inherit;
		margin-right:20px;
		margin-bottom:5px;
	}
		.fbox_2 .box_img ~ *{
			float:none !important;
			clear:none !important;
			width:auto !important;
			display:block !important;
			left:auto !important;
			margin-right:auto !important;
			padding-left:inherit !important;
		}
		/*LI-Elemente umfließen lassen. Die übergeordnete UL erstreckt sich hinter dem Bild über die volle Breite des Spalten-Containers.
		BEACHTE: leider ist es nicht gelungen, auch die Listen zufriedenstellend um das .box_img fließen zu lassen. Hierzu sind umfangreiche Regelumschreibungen notwendig.
		Trotzdem ergibt sich das altbekannte Problem, dass die LI-Elemente immer ganz nach links unter dem Bild durchfließen. Also spätestens bei mit Linien getrennten
		LI-Elementen zeigt sich eine unschöne Darstellung. Die folgende Lösung ist so halbwegs brauchbar...
		ACHTUNG: allerdings wird der Text nach den Icons beim Opera mobile in die nächste Zeile umgebrochen. Keine Idee...*/
		.fbox_2 ul > li{
			/*sehr dubios - aber funktioniert als einzige Variante so, dass die LI-Elemente tatsächlich wie gewünscht vom links stehenden .box_img vollkommen verdrängt werden.*/
			display:table;
			border:none;
		}
			/*ggf. gesetzte Trennlinien ausblenden. Leider gibt es keine Möglichkeit den LI-Elementen eine volle Breite zu setzen, so dass die Trennlinien immer nur
			so breit sichtbar sind, wie der innere Text das LI auseinanderdrückt. Das sieht dann bei unterschiedlichen Längen rechts ziemlich ausgefranst aus.*/
			.fbox_2 ul.hlines li{
				border-top-style:none;
			}
			/*BR-Tags auflösen*/
			.fbox_2 br{
				display:none;
			}
}
@media screen and (max-width:680px){
	/*=== Blockformate ===*/
	h1{font-size:1.5em;}
	h2{font-size:1.3em;}
	h3{font-size:1.1em;}

	/*=== layout ===*/
	.col_header{
		font-size:1.5em;
		margin-bottom:15px;
	}
}


/*viewport < Ursprungsbreite Kopfbilder Slider0 (664px) ---*/
@media screen and (max-width:663px){
}

@media screen and (max-width:660px){
	/*=== cms4d grid ===*/
	/*Spaltenzahlen anpassen*/
	div.c4g_grid_6 > div
	,div.c4g_grid_5 > div{width:25%;}
		div.c4g_grid_6 > div:nth-child(1n)
		,div.c4g_grid_5 > div:nth-child(1n){clear:none;border-top-style:none;}
		div.c4g_grid_6 > div:nth-child(4n+1)
		,div.c4g_grid_5 > div:nth-child(4n+1){clear:left;}
			div.c4g_grid_6 > div:nth-child(1n+5)
			,div.c4g_grid_5 > div:nth-child(1n+5){border-top-style:solid;}
	div.c4g_grid_3 > div{width:50%;}
		div.c4g_grid_3 > div:nth-child(1n){clear:none;border-top-style:none;}
		div.c4g_grid_3 > div:nth-child(2n+1){clear:left;}
			div.c4g_grid_3 > div:nth-child(1n+3){border-top-style:solid;}
}

@media screen and (max-width:650px){
}


/*--- Smartphone gross quer (z.B. Galaxy S3) ---*/
@media screen and (max-width:640px){
}

/*--- kleine Tablets, Smartphone mittel quer ab <= 610px ---*/
@media screen and (max-width:610px){
}
@media screen and (max-width:564px){
	/*=== cms4d grid ===*/
	/*Für alle Grids nur noch einspaltig*/
	div[class*=c4g_grid_] > div{width:100%;clear:both;}
		div[class*=c4g_grid_] > div:nth-child(1n+2){border-top-style:solid;}
	div.c4g_grid_33_66 > div{width:100%;}
		div.c4g_grid_33_66 > div:first-child{width:100%;}
	div.c4g_grid_66_33 > div{width:100%;}
		div.c4g_grid_66_33 > div:first-child{width:100%;}
}
@media screen and (max-width:533px){
}
/*kleiner iPad Air2 Splitscreen 50%, quer*/
@media screen and (max-width:505px){
}
@media screen and (max-width:500px){
	.hpad_1{padding-left:15px;padding-right:15px;}

	/*=== Navigation ===*/
	/*Menübeschriftung ausblenden*/
	.fmenu0_btn .label{
		display:none;
	}

}

/*--- Smartphone quer < 480px (iPhone=480) ---*/
@media screen and (max-width:470px){
	/*=== cms4d fmenu ===*/
	/*einspaltig*/
	.cms4d_fmenu .fcol{width:100%;clear:both;}
}

/*--- Smartphone hoch ab <= 400px ---*/
@media screen and (max-width:400px){
	/*Inline Bilder: ab jetzt max. breit und durch display:block alleinstehend in ihrer Zeile*/
	.content_container img.bild_links, .content_container img.bild_rechts{
		float:none;
		max-width:100%;
		display:block;
		margin-left:0;
		margin-right:0;
		margin-bottom:15px;
	}
	/*Allgemeine Sonder-Regel, die beim Setzen der Zusatzklasse .c4g_final_2 ab hier bei einem zweispaltigen Grid endet.
	Dies wird z.B. für Thumbnailgalerien oder Logo Grids verwendet, die auch auf einem Handy (320, zweispaltig) noch gut lesbar/klickbar sind.*/
	div.c4g_final_2[class*=c4g_grid_] > div{
		width:50%;
		clear:none;
		border-top-style:solid;
	}
		div.c4g_final_2[class*=c4g_grid_] > div:nth-child(1), div.c4g_final_2[class*=c4g_grid_] > div:nth-child(2){
			border-top-style:none;
		}
		div.c4g_final_2[class*=c4g_grid_] > div:nth-child(2n-1){
			clear:left;
		}
	/*=== fbox_2 ===*/
	/*ALLE Elemente über volle Breite floaten.*/
	.fbox_2 .box_img{
		margin-right:0;
		margin-bottom:15px;
	}
		.fbox_2 .box_img, .fbox_2 .box_head, .fbox_2 .box_body, .fbox_2 .box_link{
			width:100% !important;
			float:left !important;
			clear:both !important;
		}
		.fbox_2 ul > li{
			/*Darstellung wurde vorher auf display:table geschaltet für Umfließen. Jetzt wieder zurücksetzen.*/
			display:list-item;
		}

	.hpad_1{padding-left:10px;padding-right:10px;}
	.vpad_1{padding-top:10px;padding-bottom:10px;}

	/*=== Blockformate ===*/
	h1{font-size:1.4em;}
	/*=== layout ===*/
	.col_header{font-size:1.4em;}
}

/*--- unterhalb von großen Smartphones Hochformat (Galaxy SIII (360px), iPhone6 (375px), und Ähnliche) ---*/
@media screen and (max-width:350px){
}

/*--- Minimale Layoutbreite: Smartphone hoch bis 320px, typisch iPhone5 und älter und andere Ältere im Hochformat ---*/
@media screen and (max-width:320px){
}














/*================= Viewports top_row, head_row ==========*/
@media screen and (max-width:1200px){
}
@media screen and (max-width:1100px){
}
@media screen and (max-width:1020px){
	.hmenu_row{
		font-size:18px;
	}
	.hmenu_row_box{
		margin-top:7px;
	}
	.hm_btn_search span{padding-bottom:7px;}
}
@media screen and (max-width:939px){
	/*zweizeilig*/
	.head_claim br{
		display:inline;
	}
}
@media screen and (max-width:760px){
}
@media screen and (max-width:640px){
	.head_row{
		/*ACHTUNG: Safari bug! min-height:auto wird auch im aktuellen iOS9.3 nicht ausgewertet.
		Deshalb muss hier min-height mit einem festen Wert 0 übercshrieben werden.
		Dies entspricht ja auch dem logischen Wert, da ein Block-Element min. 0 Pixel hoch ist.
		Den Bug zeigen auch diverse Andere Browser unter iOS, die vermutlich die gleiche Renderengine teilen.*/
		min-height:0;
		height:auto;
		padding:10px 0 10px 0;
	}
	/*Logo halbe Größe*/
	.head_logo{
		max-width:182px;
		margin:0;
	}
	.head_claim{
		padding:0;
		font-size:18px;
	}
		.head_claim br{
			display:none;
		}
}
/*kleiner iPad Air2 Splitscreen 50%, quer*/
@media screen and (max-width:505px){
}

@media screen and (max-width:480px){
	.head_claim{
		font-size:17px;
	}
}

/*kleiner iPhone3 quer*/
@media screen and (max-width:470px){
	.head_logo{
		max-width:100%;
		padding-bottom:10px;
		border-bottom:1px solid rgb(204,204,204);
	}
	.head_claim{
		bottom:auto;
		right:auto;
		position:relative;
		float:left;
		max-width:100%;
		text-align:left;
		font-size:21px;
		padding-top:5px;
	}
}
/*Smartphone hoch*/
@media screen and (max-width:400px){
}
















/*--- Container Formate ----*/
fieldset{
	border:none;
	padding:0px;
	margin:0px;
}
.box_headline_1 *, .box_headline_2 *{
	margin:0;
	padding:0;
}
.box_headline_1{
	color:white;
	background-color:rgb(169,14,14);
	text-align:left;
	font-size:1em;
	font-weight:bold;
	margin:0;
	padding:6px 0 7px 9px;
}
.box_headline_2{
	color:white;
	background-color:rgb(205,131,26);
	text-align:left;
	font-size:1em;
	font-weight:bold;
	margin:0;
	padding:6px 0 7px 9px;
}




/*Hilfsklassen*/
.clearboth{
	float:none;
	clear:both;
}
.displaynone{
	display:none;
}


/*=== cms4d Module ===*/
.cms4dmodul_2_teaser_modulcontainer, .cms4dmodul_3_teaser_modulcontainer{
	padding:0px;
	width:420px;
	float:right;
	margin-left:40px;
}
.cms4dmodul_2_teaser_modulcontainer ul, .cms4dmodul_2_teaser_modulcontainer li, .cms4dmodul_3_teaser_modulcontainer ul, .cms4dmodul_3_teaser_modulcontainer li{
	list-style:none;
	float:left;
	margin:0;
	padding:0;
	width:420px;
	
}
.cms4dmodul_2_teaser_modulbodycontainer, .cms4dmodul_3_teaser_modulbodycontainer{
	padding:0px;
	width:420px;
}
.cms4dmodul_2_teaser_modulbodycontainer ul li, .cms4dmodul_3_teaser_modulbodycontainer ul li{
	background-image:none;
	margin:0;
	padding:0;

}

.cms4dmodul_2_teaser_headline, .cms4dmodul_3_teaser_headline{
	color:rgb(136,119,96);
}

.cms4dmodul_2_liste_modulbodycontainer .news_liste_hr, .cms4dmodul_3_liste_modulbodycontainer .news_liste_hr{
}


/*---------------------------*/

.cms4dmodul_2_liste_modulcontainer, .cms4dmodul_3_liste_modulcontainer{
	margin-bottom:0px;
}
.cms4dmodul_2_liste_modulcontainer ul, .cms4dmodul_2_liste_modulcontainer li{
	margin:0;
	padding:0;
}
.cms4dmodul_3_liste_modulcontainer ul, .cms4dmodul_3_liste_modulcontainer li{
	list-style:none;
	margin:0;
	padding:0;
}
.cms4dmodul_2_liste_modulbodycontainer{
	margin:0;
	padding:0;
}
.cms4dmodul_3_liste_modulbodycontainer{
	background-color:transparent;
	padding:0px;
}
.cms4dmodul_2_liste_modulbodycontainer ul li, .cms4dmodul_3_liste_modulbodycontainer ul li{
	background-image:none;
	margin:0;
	padding:0;
}

.cms4dmodul_2_liste_headline, .cms4dmodul_3_liste_headline{
	font-size:1.2em;
	border-bottom:1px solid #E6E6E6;
	padding-bottom:0.5em;
	margin-bottom:1em;
}

.cms4dmodul_2_liste_modulbodycontainer .news_liste_hr, .cms4dmodul_3_liste_modulbodycontainer .news_liste_hr{
	border-top:1px solid white;
}

.cms4dmodul_2_liste_modulbodycontainer h2, .cms4dmodul_3_liste_modulbodycontainer .news_liste_hr{
	border-top:1px solid white;
}





/*htmlfragment_teaser*/
.htmlfragment_teaser
{
    
}
.html_teaser p{
	margin:0 0 0.5em 0;
}
.html_teaser_hr{
	border-top:1px dashed rgb(153,153,153);
	height:1em;
	margin-top:1em;
	clear:both;
}

.news_teaser{
	float:left;
	border-top:1px solid #E5DDC9;
	padding-top:1em;
	margin-bottom:1.2em;
	width:420px;
	font-size:0.9em;
}

.news_teaser h4{
	font-size:1.35em;
}
.news_teaser h4 a, .news_teaser h4 a:hover{
	color:rgb(179,157,107);
	text-decoration:none;
}

.news_teaser_date{
	font-weight:bold;
	font-size:1em;
}
.news_teaser_lnk{
	font-weight:bold;
}
.news_teaser .data_img_container{
	width:220px;
	overflow:hidden;
}
.news_teaser .data_img{
	border:none;
	margin-bottom:0.75em;
}

.news_teaser ul{
	list-style:none;
	margin:0;
	padding:0;
}
.news_teaser ul ul{
	list-style:none;
	margin:0 0 0 9px;
	padding:0;
}
.news_teaser ul li{
	padding:0;
	margin:0 0 0 -8px;
}

.news_teaser p{
	line-height:1.2em;
	padding:0;
	margin-bottom:0.6em;
}
.news_teaser p a, .news_teaser p a:hover{
	color:rgb(110,92,67);
	text-decoration:none;
}





/*=== Info Box 1, cms4dmodul -1 ===*/
/*für alle*/
.ibox_1_1 .body, .ibox_1_2 .body, .ibox_2_1 .body, .ibox_2_2 .body{
	border:1px solid #B0BCC4;
	background-color:#E9ECEF;
	padding:9px 9px 0 9px;
}
.ibox_1_1 img, .ibox_1_2 img, .ibox_2_1 img, .ibox_2_2 img{
	border:1px solid #B0BCC4;
	width:120px;
	height:90px;
	overflow:hidden;
	background-color:white;
}
/*Extraklasse für Modul-Container DIV, für kleinere Texte*/
.smalltext .body{
	font-size:9px;
}
.smalltext .ltable .td_left{
	padding-right:9px;
}

@media all{
	/*Die beiden Stile für ibox_1_1 sind bis auf die Überschrift (Farbe) identisch*/
	.cms4dmodul_-1_1_modulcontainer{
		margin-bottom:15px;
	}
	.ibox_1_1, .ibox_1_2{
	}
	.ibox_1_1_body_container{
	}
	.ibox_1_1 a, .ibox_1_2 a{
		color:black;
	}
	.ibox_1_1 a:hover, .ibox_1_2 a:hover{
	}
	.ibox_1_1 a.lnk_href, .ibox_1_2 a.lnk_href{
		color:rgb(153,0,102);
		font-weight:bold;
	}
	.ibox_1_1 .h_txt{
		color:black;
		font-size:1.2em;
		margin:0 0 0.5em 0;
		padding:0;
	}
	.ibox_1_2 .h_txt{
		color:black;
		font-size:1.2em;
		margin:0 0 0.5em 0;
		padding:0;
	}
	.ibox_1_1 a.h_txt, .ibox_1_2 a.h_txt{
		border:none;
		background-color:transparent;
		background-image:none;
		margin:0;
		padding:0;
		font-size:1em;
	}
	.ibox_1_1 .s_txt, .ibox_1_2 .s_txt{
		font-size:9px;
	}
	.ibox_1_1 .i_txt{
	}
	.ibox_1_1 .b_txt{
	}
	.ibox_1_1 .ltable, .ibox_1_1 .ltable{
		width:100%;
	}
	.ibox_1_1 .td_left, .ibox_1_2 .td_left{
		padding:0 15px 9px 0;
 	}
	.ibox_1_1 .td_right, .ibox_1_2 .td_right{
		width:100%;
 	}




	.cms4dmodul_-1_2_modulcontainer{
		margin-bottom:15px;
	}
	.ibox_2_1{
	}
	.ibox_2_1_body_container{
	}
	.ibox_2_1 a, .ibox_2_2 a{
		color:black;
	}
	.ibox_2_1 a:hover, .ibox_2_2 a:hover{
	}
	.ibox_2_1 a.lnk_href, .ibox_2_2 a.lnk_href{
		color:rgb(153,0,102);
		font-weight:bold;
	}
	.ibox_2_1 .h_txt{
		border-left:8px solid rgb(153,0,102);
		border-top:1px solid rgb(204,204,204);
		border-right:1px solid rgb(153,153,153);
		border-bottom:1px solid rgb(153,153,153);
		color:rgb(0,0,0);
		font-size:1em;
		margin:0;
		/*padding:5px 9px 7px 7px;*/
		padding:4px 9px 6px 7px;
		background-color:rgb(204,204,204);
		background-image:url(images-wd/box-headline-bg-hellgrau.gif);
		background-repeat:repeat-x;
	}
	.ibox_2_2 .h_txt{
		border-top:1px solid rgb(184,77,148);
		border-bottom:1px solid rgb(153,0,102);
		color:white;
		font-size:1em;
		margin:0;
		/*padding:5px 9px 7px 9px;*/
		padding:4px 9px 6px 9px;
		background-color:rgb(153,0,102);
		background-image:url(images-wd/box-headline-bg-violett.gif);
		background-repeat:repeat-x;
	}
	.ibox_2_1 a.h_txt, .ibox_2_2 a.h_txt{
		border:none;
		background-color:transparent;
		background-image:none;
		margin:0;
		padding:0;
	}
	.ibox_2_1_image_container, .ibox_2_2_image_container{
		margin-bottom:1em;
	}
	.ibox_2_1 .s_txt, .ibox_2_2 .s_txt{
		font-size:9px;
	}
	.ibox_2_1 .i_txt{
	}
	.ibox_2_1 .b_txt{
	}
}



/*--- Bildergalerie ---*/
.bildergalerie_container{
	margin-bottom:30px;
	width:100%;
	float:left;
}
.img_register{
	margin:0 0 1em 0;
}
.img_register .but_fwd_back{
	color:black;
	border:1px solid #D2D2D2;
	background-color:#EAEAEA;
	font-weight:bold;
	text-decoration:none;
	padding:1px 4px 2px 4px;
	margin-right:4px;
	float:left;
}
.img_register .but_fwd_back:hover{
	color:white;
	background-color:#AA8345;
	text-decoration:none;
}

.img_register .but_fwd_back_on{
	color:white;
	border:1px solid #D2D2D2;
	background-color:#AA8345;
	font-weight:bold;
	text-decoration:none;
	padding:1px 4px 2px 4px;
	margin-right:4px;
	float:left;
}

.bildergalerie_liste{
	width:100%;
	float:left;
	padding:0px;
	margin:0 auto;
}

.bildergalerie_liste .thumb_container{
	width:100px;
	height:100px;
	overflow:hidden;
	float:left;
	border:1px solid #7D8A80;
	margin-right:10px;
	margin-bottom:10px;
}
.bildergalerie_liste .thumb_container img{
	width:100px;
	height:100px;
	min-width:100px;
	min-height:100px;
	max-width:100px;
	max-height:100px;
	border:none;
}


/*--- Platzhalter Bildergalerien ---*/
.bildergalerie1{
	width:100%;
	float:left;
	max-width:860px;
}
.bildergalerie1 .galerie_content{
	width:100%;
	float:left;
	max-height:315px;
	overflow:hidden;
}

	.bildergalerie1 .galerie_content .big{
		float:left;
		width:50%;
	}
		.bildergalerie1 .galerie_content .big img{
			width:100%;
			max-width:430px;

			background-size:cover;
			background-repeat:no-repeat;
			border:1px solid rgb(102,102,102);
			border-radius:2px;
			-webkit-box-sizing:border-box;
			-moz-box-sizing:border-box;
			box-sizing:border-box;
		}

	.bildergalerie1 .galerie_content .thumb{
		float:left;
		width:50%;
		height:150px;
	}
		.bildergalerie1 .galerie_content .thumb img{
			width:47%;
			margin:0px 0px 3% 3%;
			float:left;

			background-size:cover;
			background-repeat:no-repeat;
			border:1px solid #0083C6;
			border-radius:2px;
			-webkit-box-sizing:border-box;
			-moz-box-sizing:border-box;
			box-sizing:border-box;
		}
		.bildergalerie1 .galerie_content .thumb a:nth-child(3) img{
			margin-bottom:0;
		}
		.bildergalerie1 .galerie_content .thumb a:nth-child(4) img{
			margin-bottom:0;
		}

	.bildergalerie1 .thumb2{
		display:none;
		float:left;
		width:100%;
		margin-top:1.5%;
		padding:10px 0px 0px 12px;
		background-color:#F0F0EE;
		border-radius:5px;

		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
		.bildergalerie1 .thumb2 img{
			width:82px;
			height:46px;
			float:left;
			margin:0 10px 10px 0px;
			border:1px solid rgb(190,190,190);
			border-radius:2px;
		}


@media screen and (max-width:470px){

	.bildergalerie1 .galerie_content{
		max-height:none;
		overflow:visible;
	}
		.bildergalerie1 .galerie_content .big{
			width:100%;
			margin-bottom:2%;
		}
		.bildergalerie1 .galerie_content .thumb{
			width:100%;
			height:auto;
		}
			.bildergalerie1 .galerie_content .thumb img{
				width:49%;
				margin:0 2% 2% 0;
			}
			.bildergalerie1 .galerie_content .thumb a:nth-child(2) img{
				margin-right:0;
			}
			.bildergalerie1 .galerie_content .thumb a:nth-child(4) img{
				margin-right:0;
			}

	.bildergalerie1 .thumb2{
		margin-top:0.5%;
	}
}


.bildergalerie2{
	width:100%;
	float:left;
	max-width:860px;
}
.bildergalerie2 .galerie_content{
	width:100%;
	float:left;
	/*max-height:315px;*/
	overflow:hidden;
}

	.bildergalerie2 .galerie_content .thumb{
		float:left;
		width:100%;
	}
		.bildergalerie2 .galerie_content .thumb .inner_thumb
		{
			float:left;
			width:23%;
			margin:0 2% 3% 0;
			border:1px solid #B3B3B3;
			padding:10px;
			border-radius:10px;
			-webkit-box-sizing:border-box;
			-moz-box-sizing:border-box;
			box-sizing:border-box;
		}

			.bildergalerie2 .galerie_content .thumb .inner_thumb img{
				width:100%;
				float:left;
				background-size:cover;
				background-repeat:no-repeat;
				-webkit-box-sizing:border-box;
				-moz-box-sizing:border-box;
				box-sizing:border-box;
			}


@media screen and (max-width:470px){

	.bildergalerie2 .galerie_content{
		max-height:none;
		overflow:visible;
	}
		.bildergalerie2 .galerie_content .thumb{
			width:100%;
			height:auto;
		}
			.bildergalerie2 .galerie_content .thumb .inner_thumb
			{
				width: 49%;
				margin:0 2% 2% 0;
			}
			.bildergalerie2 .galerie_content .thumb .inner_thumb:nth-child(2n + 2)
			{
				margin-right:0;
			}
}





/*--- Event Liste/Details ---*/
.event_register{
	width:100%;
	float:left;
}
.event_register a, .event_register a:hover{
	color:white;
	border:1px solid #224191;
	background-color:#6C8DC5;
	padding:4px 4px 4px 4px;
	margin-right:4px;
	float:left;
	text-decoration:none;
	font-size:0.9em;
	border-radius:5px;

	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.event_register .year_buttons{
	float:left;
	clear:both;
	margin-bottom:4px;
}
.event_register .year_buttons a:hover{
	color:white;
	background-color:#224191;
	text-decoration:none;
}
.event_register .but_y{
	background-color:#6C8DC5;
}
.event_register .act_year{
	border:1px solid #224191;
	color:white;
	background-color:#224191;
	font-weight:bold;
	padding:4px 8px 4px 8px;
	margin-right:2px;
	float:left;
	font-size:0.9em;
	border-radius:5px;
}

.event_register .month_buttons{
	clear:left;
}
.event_register .month_buttons a:hover{
	color:white;
	background-color:#224191;
	text-decoration:none;
}
.event_register .but_m{
	color:black;
	border:1px solid #224191;
	background-color:#E5F1FF;
	margin-bottom:4px;
}
.event_register .but_m_act{
	border:1px solid #224191;
	background-color:#6C8DC5;
	margin-bottom:4px;
}
.event_register .but_m_on{
	border:1px solid #224191;
	color:white;
	background-color:#476BB3;
	font-weight:bold;
	margin-bottom:4px;
}
.event_register .monat_name{
	margin:5px 0 0 0;
	font-weight:bold;
	padding-bottom:0.8em;
	border-bottom:1px solid #6C8DC5;
}

.event_liste{
	float:left;
	width:100%;
	margin-bottom:2em;
}
.event_liste ul{
	list-style:none;
	margin:0;
	padding:0;
}
.event_liste ul li{
	background-image:none;
	list-style:none;
	margin:15px 0 0 0;
	padding:0 0 5px 0;
	float:left;
	width:100%;
	clear:both;
	border-bottom:1px solid #6C8DC5;
}
.event_liste ul li:before{
	display:none;
}
.event_liste ul li:last-child{
	border-bottom:none;
}
.event_liste .content{
	float:left;
	width:100%;
}
.event_liste .headline{
}
.event_liste .headline a{
	color:#224191;
	text-decoration:none;
}
.event_liste .headline a:hover{
	color:#224191;
	text-decoration:none;
}

.event_liste .body_text{
	float:left;
	max-width:385px;
}

.event_liste .body_text_max{
	min-width:100%;
}

.event_liste .body_text a, .event_liste .body_text a:hover{
	color:rgb(51,51,102);
	text-decoration:none;
}

.event_liste .body_text p{
	margin-bottom:0.5em;
}

.event_liste_date{
	margin-bottom:0.5em;
	font-size:0.9em;
	font-weight:bold;
	color:black;
}

.event_liste .data_img_container{
	width:200px;
	overflow:hidden;
	float:left;
	margin-top:-5px;
	margin-right:15px;
	margin-bottom:10px;
}
.event_liste .data_img{
	border:none;
	margin-top:5px;
}
.event_liste .data_img_txt{
	font-size:9px;
}

.event_liste .event_liste_lnk{
	width:100%;
	float:left;
	clear:both;
	text-align:left;
	padding-top:0.9em;
	font-size:14px;
	position:relative;
	margin-bottom:0.5em;
}
	.event_liste .event_liste_lnk span{
		font-family:open_sans_semibold, Arial, Helvetica, sans-serif;
		display:inline-block;
	}
	.event_liste .event_liste_lnk span:after{
		content:'\e69d';
		display:inline-block;
		font-family:'fontawesome_icons';
		font-size:1.4em;
		color:#476BB3;
		padding-left:0.5em;
		position:relative;
		top:2px;
	}


@media screen and (max-width:1023px){
	.event_liste .data_img_container{
		max-width:37%;
		margin-right:3%;
	}
	.event_liste .body_text{
		max-width:60%;
	}
}
@media screen and (max-width:480px){
	.event_liste .data_img_container{
		width:100%;
		max-width:100%;
		margin-right:0;
	}
	.event_liste .body_text{
		width:100%;
		max-width:100%;
	}
}



/*--- News Liste/Details ---*/
.news_liste{
	float:left;
	width:100%;
	margin-bottom:0em;
}
.news_liste ul{
	list-style:none;
	margin:0;
	padding:0;
}
.news_liste ul li{
	background-image:none;
	list-style:none;
	margin:0px 0 30px 0;
	padding:0 0 30px 0;
	float:left;
	width:100%;
	clear:both;
	border-bottom:1px solid #E6E6E6;
}
.news_liste ul li:before{
	display:none;
}
.news_liste ul li:last-child{
	border-bottom:none;
}
.news_liste .content{
	float:left;
	width:100%;
}


.news_liste .head, .news_liste .head_close, .news_liste .head2{
	width:100%;
	float:left;
	background-color:#666666;
	background-color:#E5E5E5;
	padding:15px;
	border-radius:5px;
	margin-bottom:1em;
	cursor:pointer;

	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
	.news_liste .head:after, .news_liste .head_close:after, .news_liste .head2:after{
		content:'\f138';
		content:'\f054';
		font-family:'fontawesome';
		float:right;
		font-size:28px;
		color:#666666;
		margin:0px 0px 0px 10px;
	}
	.news_liste .head h2, .news_liste .head_close h2, .news_liste .head2 h2{
		color:#666666;
		margin:0;
		float:left;
	}
	.news_liste .head img, .news_liste .head_close img, .news_liste .head2 img{
		float:left;
		margin-right:15px;
		border:1px solid white;
		border-radius:5px;
		min-width:120px;
	}

.news_liste .head_open{
	width:100%;
	float:left;
	background-color:#666666;
	padding:15px;
	border-radius:5px;
	margin-bottom:1em;
	cursor:pointer;

	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
	.news_liste .head_open:after{
		content:'\f13a';
		content:'\f078';
		font-family:'fontawesome';
		float:right;
		font-size:28px;
		color:white;
		margin:0px 0px 0px 10px;
	}
	.news_liste .head_open h2{
		color:white;
		margin:0;
		float:left;
	}
	.news_liste .head_open img{
		display:none;
	}


.news_liste .body_text{
	float:left;
	/*max-width:385px;*/
	width:62%;
}
.news_liste .body_text_max{
	min-width:100%;
}
.news_liste .body_text a, .news_liste .body_text a:hover{
	text-decoration:none;
}
.news_liste .body_text p{
	margin-bottom:0.8em;
}
.news_liste .body_text p:last-child{
	float:left;
	margin-bottom:0em;
}

.news_liste .headline{
	font-size:26px;
}

.news_liste .headline a, .news_liste .headline a:hover{
	color:inherit;
	text-decoration:none;
	display:block;
}

.news_liste_date{
	margin-bottom:0.5em;
	font-size:0.9em;
	font-weight:bold;
	color:black;
}
.news_liste .data_img_container{
	width:200px;
	width:35%;
	overflow:hidden;
	float:left;
	margin-top:-5px;
	margin-right:15px;
	margin-bottom:10px;

	margin-right:3%;
}
.news_liste .data_img{
	border:none;
	margin-top:5px;
	border-radius:0px;
}
.news_liste .data_img_txt{
	font-size:0.8em;
}
.news_liste .body_text ul, .news_liste .body_text li{
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
}
	.news_liste .body_text li{
		margin-top:0.5em;
		border:none;
	}
	.news_liste .body_text ul{
		margin:0 0 1em 1.3em;
		margin-left:0;
		padding-left:1.3em;
		float:left;
		width:100%;

		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
	.news_liste .body_text ul ul{
		margin-top:0;
		margin-bottom:0;
	}
	.news_liste .body_text ul li:before{
		content:'\f0c8';
		font-family:'fontawesome';
		position:relative;
		font-size:1em;
		width:1em;
		left:-1.4em;
		margin-right:-0.85em;
		color:rgb(227,0,11);

		/*rotes Element geändert auf grau 12.09.2016*/
		color:rgb(102,102,102);

		display:inline;
	}

.news_liste .news_liste_lnk{
}
	.news_liste .news_liste_lnk span{
		margin-top:0.5em;
		color:white;
		background-color:rgb(0,131,198);
		display:inline-block;
		border-radius:5px;
		padding:0.15em 0.3em 0.15em 0.5em;
		font-family:roboto2014_condensed_regular, Arial, Helvetica, sans-serif;
		padding:0.12em 0.4em 0.24em 0.5em;
	}
		.news_liste .news_liste_lnk span:after{
			/*icon-caret-right*/
			content:'\f0da';
			font-family:fontawesome;
			display:inline-block;
			margin-left:0.5em;
		}


a.bt_anfrage, a.bt_anfrage:hover{
	display:inline-block;
	font-size:28px;	
	font-size:20px;	
	color:white;
	background-color:#b3b3b3;
	background-color:#E1000A;

	/*rotes Element geändert auf grau 12.09.2016*/
	background-color:rgb(102,102,102);

	color:white;
	padding:0.25em 0.5em 0.4em 0.6em;
	border-radius:10px;
	margin-top:0.5em;
	text-decoration:none;
}
a.bt_anfrage:before{
	font-family:fontawesome;
	content:'\f15c';
	margin-right:6px;	
}
a.bt_anfrage:after{
	font-family:fontawesome;
	content:'\f054';
	margin-left:6px;
	color:#E1000A;
	color:white;
}


.news_details{
}
.news_details_date{
	margin-bottom:15px;
	font-weight:bold;
}

.news_details h2, .news_details h3, .news_details h4, .news_details h5, .news_details h6{
	clear:none;
}

.news_details address{
	margin:0 0 1em 0;
}
@media screen{
	.news_details_backlink_top{
		float:right;
		margin-bottom:0.5em;
	}
		.news_details_backlink_top span{
			font-size:1em;
			line-height:1em;
			color:white;
			background-color:rgb(227,0,11);

			/*rotes Element geändert auf grau 12.09.2016*/
			background-color:rgb(102,102,102);

			display:inline-block;
			border-radius:5px;
			padding:4px 7px 4px 7px;
		}
		.news_details_backlink_top span:before{
			/*icon-caret-left*/
			content:'\f0d9';
			font-family:'fontawesome';
			margin-right:0.4em;
		}
}
@media print{
	.news_details_backlink_top{
		display:none;
	}
}

.news_details .data_img_container{
	float:right;
	width:auto;
	max-width:40%;
	margin:0px 0px 20px 20px;
	border:1px solid #224191;
	border:none;
	border-radius:10px;
	overflow:hidden;
	position:relative;
}
.news_details .data_img{
	width:100%;
}
.news_details .data_img a{
	display:block;
	position:relative;
	z-index:10;
}
.news_details .data_img img{
	border:none;
	width:100%;
}
.news_details .data_img_txt{
	font-size:0.8em;
	text-align:center;
	margin-top:1px;
}



@media screen and (max-width:1023px){
	.news_liste .data_img_container{
		max-width:34%;
		margin-right:3%;
	}
	.news_liste .body_text{
		max-width:63%;
	}
}
@media screen and (max-width:760px){
	.news_liste .data_img_container{
		width:28%;
		max-width:28%;
		margin-right:3%;
	}
	.news_liste .body_text{
		width:69%;
		max-width:69%;
	}
}
@media screen and (max-width:640px){
	.news_liste .data_img_container{
		width:100%;
		max-width:100%;
		margin-right:0;
	}
	.news_liste .body_text{
		width:100%;
		max-width:100%;
	}
	.news_details .data_img_container{
		width:100%;
		max-width:100%;
	}
}
@media screen and (max-width:480px){
	.news_liste .data_img_container{
		width:100%;
		max-width:100%;
		margin-right:0;
	}
	.news_liste .body_text{
		width:100%;
		max-width:100%;
	}
	.news_details .data_img_container{
		width:100%;
		max-width:100%;
	}


	.news_liste .head h2, .news_liste .head_close h2{
		font-size:0.9em;
	}
	.news_liste .head h2, .news_liste .head_open h2{
		font-size:0.9em;
	}
	.news_liste .head img, .news_liste .head_close img{
		min-width:80px;
		max-width:80px;
		max-height:80px;
	}
}



/*--- News Liste Accordion ---*/
.accordion{
	float:left;
	width:100%;
}

.accordion h2{
	font-family:roboto2014_condensed_regular, Arial, Helvetica, sans-serif;
	font-size:28px;
	padding:10px 10px 10px 10px;
	color:white;
	width:100%;
	float:left;
	cursor:pointer;
	border-radius:3px;
	margin:0.5em 0 0 0;

	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.accordion h2:first-child{
	margin-top:0;
}

.accordion h2.head_close{
	background-color:#66B5DD;
}
	.accordion h2.head_close:after{
		font-family:fontawesome;
		content:'\f0fe';
		font-size:28px;
		float:right;
	}

.accordion h2.head_open{
	background-color:#0083C5;
	border-bottom-left-radius:0px;
	border-bottom-right-radius:0px;
}
	.accordion h2.head_open:before{
		font-family:fontawesome;
		content:'\f00d';
		font-size:28px;
		float:right;
	}

.accordion .body{
	display:none;
	padding:0px;
	background-color:white;
	border-radius:0px 0px 5px 5px;
	width:100%;
	float:left;

	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

.accordion .body p{
	margin-bottom:1em;
}

.accordion .body a{
	color:#224191;
	font-weight:bold;
}


/*--- Produkte Details ---*/
.produkte_infobox{
	float:left;
	width:100%;
	margin:0 0 1.6em 0;
}
	.produkte_infobox + ul{
		float:left;
	}

.bildergalerie3{
	width:50%;
	width:65%;
	float:left;
}
	.bildergalerie3 .galerie_content{
		width:100%;
		float:left;
	}
		.bildergalerie3 .galerie_content .prev{
			float:left;
			margin-right:15px;
			margin-bottom:15px;
			border:1px solid #B3B3B3;
			border-radius:15px;
			padding:10px;
			
			border:none;
			padding:5px;
		}
			.bildergalerie3 .galerie_content .prev img{
				border: none;
			}
		.bildergalerie3 .galerie_content .prev .ifo{
			text-align:center;
			font-size:0.8em;
		}
	.bildergalerie3.fullwidth{
		width:100%;
	}

.pdfliste{
	width:48%;
	width:33%;
	float:left;
	margin-left:2%;
}
	.pdfliste a, .pdfliste a:hover{
		display:inline-block;
		text-decoration:none;
		margin-bottom:0.5em;
		color:#333333;
	}
	.pdfliste a:before{
		font-family:fontawesome;
		content:'\f1c1';
		color:#E1000A;

		/*rotes Element geändert auf grau 12.09.2016*/
		color:rgb(51,51,51);

		margin-right:6px;
	}
	.pdfliste a .pdfname{
		font-weight:bold;
	}
	.pdfliste a .pdffilesize{
		font-size:0.9em;
	}

	.pdfliste a.bt_anfrage{
		font-size:28px;	
		font-size:20px;	
		color:white;
		background-color:#b3b3b3;
		background-color:#E1000A;

		/*rotes Element geändert auf grau 12.09.2016*/
		background-color:rgb(102,102,102);

		color:white;
		padding:0.25em 0.5em 0.4em 0.6em;
		border-radius:10px;
		margin-top:1em;
	}
	.pdfliste a.bt_anfrage:before{
		font-family:fontawesome;
		content:'\f15c';
		color:white;
	}
	.pdfliste a.bt_anfrage:after{
		font-family:fontawesome;
		content:'\f054';
		margin-left:6px;
		color:#E1000A;
		color:white;
	}

@media screen and (max-width:708px){

	.bildergalerie3{
		width:100%;
		margin-bottom:1em;
	}
	.pdfliste{
		width:100%;
		margin-bottom:1em;
	}

}




/*--- HTML-Fragment Liste ---*/
.htmlfragment_liste{
	background-image:none;
	background-color:transparent;
	border:none;
	margin:0px;
	padding:0px;
}
.htmlfragment_liste ul{
	margin:0px;
	padding:0px;
	list-style:none;
	background-image:none;
	background-color:transparent;
}
.htmlfragment_liste ul li{
	margin:0 0 0px 0;
	padding:0;
	background-image:none;
	background-color:transparent;
}

.htmlfragment_liste ul ul{
	/*aus optischen Gründen 1px weiter nach rechts für die erste UL*/
	margin:1em 0 1em 13px;
	padding:0;
	list-style:none;
}
.htmlfragment_liste ul ul li{
	padding:0 0 0 17px;
	margin:0 0 0.2em -12px;
	background-image:url(images-wd/li-bullet.gif);
	background-repeat:no-repeat;
	background-position:0 6px;
}

.htmlfragment_liste ul ul ul{
	margin:1em 0 0 17px;
}



/*=== Sitemap ===*/
@media screen, projection{
	.sitemap{
		line-height:normal;
	}

	.sitemap a{
		color:black;
	}

	.sitemap a:hover{

	}
	.sitemap ul li{
		font-weight:bold;
		margin-bottom:1.5em;
	}
	.sitemap ul li a{
		color:rgb(102,102,102);
	}
	.sitemap ul li ul li{
		font-weight:normal;
		margin-bottom:0.5em;

	}
}
@media print{
}



/*--- Paging-Buttons ---*/
.paging_bt1{
	cursor:pointer;
	border:1px solid black;
	background-color:#E2E2E2;
	color:#496606;
	font-size:18px;
	font-weight:bold;
	text-decoration:none;
	border:1px solid #666666;
	border-radius:3px;
}
.paging_bt1:hover{
	text-decoration:none;
}

.paging_bt2{
	cursor:pointer;
	border:1px solid black;
	background-color:#666666;
	color:white;
	font-size:18px;
	font-weight:bold;
	text-decoration:none;
	border:1px solid #666666;
	border-radius:3px;
	text-decoration:none;
}
a.paging_bt2:hover{
	text-decoration:none;
}
a.paging_bt2{
	text-decoration:none;
	color:white;
}







/*--- Suche ---*/
.suche_container{
	position:absolute;
	top:0px;
	right:0px;
	background-color:#5987BF;
	height:40px;
	width:0px;
	overflow:hidden;
	border-top-left-radius:10px;
	border-bottom-left-radius:10px;
}

.suche_container:before{
	/*icon-search*/
	content:'\e600';
	font-family:fontawesome_icons;
	font-size:26px;
	line-height:26px;
	display:block;
	padding-bottom:2px;
	padding-top:8px;
	padding-left:8px;
	/*ab IE10+*/
	text-shadow:2px 2px 2px rgba(0,0,0,0.2);
}


.suche{
	position:absolute;
	top:6px;
	left:45px;
	width:145px;
	overflow:hidden;
	float:left;
	padding:0;
	margin:0;
}
.suche_eingabe{
	width:110px;
	width:200px;
	border:1px solid white;
	border-radius:5px;
	font-size:14px;
	padding:4px;
}
.suche_button{
	width:28px;
	height:28px;
	border:1px solid #094A98;
	border-radius:5px;
	background-color:#094A98;
	background-image:url(images-wd/icon-lupe.png);
	background-repeat:no-repeat;
	background-position:center center;
	margin-left:6px;
	cursor:pointer;
}







/*--- Formularfelder ---*/
.ft1{
	font-family:open_sans_regular, Arial, "Arial Unicode MS", Helvetica, sans-serif;
	color:black;
	font-size:14px;
	width:240px;
	background-color:#F4F4F4;
	border:1px solid #94A397;
	border-radius:5px;
	padding:6px;
}
.ft1:focus{
	background-color:#E0E0E0;
}

.ft2{
	font-family:open_sans_regular, Arial, "Arial Unicode MS", Helvetica, sans-serif;
	color:black;
	font-size:14px;
	width:50px;
	background-color:#F4F4F4;
	border:1px solid #94A397;
	border-radius:5px;
	padding:6px;
}
.ft2:focus{
	background-color:#E0E0E0;
}


.ta1{
	font-family:open_sans_regular, Arial, "Arial Unicode MS", Helvetica, sans-serif;
	color:black;
	font-size:14px;
	width:90%;
	max-width:490px;
	height:152px;
	background-color:#F4F4F4;
	border:1px solid #94A397;
	border-radius:5px;
	padding:4px;
}

.ta1:focus{
	background-color:#E0E0E0;
}


.fs1{
	font-family:open_sans_regular, Arial, "Arial Unicode MS", Helvetica, sans-serif;
	color:black;
	font-size:14px;
	background-color:white;
	border:1px solid #DDDDDD;
	border-radius:5px;
	padding:4px;
	max-width:100%;
	width:auto;
}


.bt1{
	color:white;
	border:1px solid rgb(227,0,11);
	background-color:rgb(227,0,11);

	/*rotes Element geändert auf grau 12.09.2016*/
	border-color:rgb(102,102,102);
	background-color:rgb(102,102,102);

	font-family:roboto2014_regular, Arial, "Arial Unicode MS", Helvetica, sans-serif;
	display:inline-block;
	text-align:left;
	font-size:1.3em;
	line-height:1.2em;
	border-radius:5px;
	padding:6px 16px 7px 16px;
	margin-top:2px;
	cursor:pointer;
}
.bt1:hover{
}

.bt1_dummy{
	line-height:1.2em;
	border-radius:5px;
	font-size:1.3em;
	line-height:1.4em;
	padding:6px 16px 7px 16px;
	margin-top:0px;
	position:relative;
	font-family:roboto2014_regular, Arial, "Arial Unicode MS", Helvetica, sans-serif;
	color:rgb(51,51,51);
	border:1px solid rgb(198,199,197);
	border-top-color:rgb(211,211,209);
	display:none;
}
	.bt1_dummy img{
		width:24px;
		float:left;
		margin:5px 5px 0px 0px;
	}

.bt2{
	color:white;
	border:1px solid rgb(227,0,11);
	background-color:rgb(227,0,11);

	/*rotes Element geändert auf grau 12.09.2016*/
	border-color:rgb(102,102,102);
	background-color:rgb(102,102,102);

	display:inline-block;
	text-align:left;
	font-size:1em;
	line-height:1.2em;
	border-radius:5px;
	padding:3px 10px 3px 10px;
	margin-top:2px;
}

.hidden_formfield{
	position:absolute;
	top:-9999px;
	left:-9999px;
}
.checkbox{
	cursor:default;
}
.checkbox:before{
	content:'\f096';
	font-family:fontawesome;
	margin-right:8px;
}
input[type=checkbox]:checked ~ .checkbox:before{
	content:'\f046';
	margin-right:5px;
}



/*--- Kundenspezifische Klassen für HTML-Editor ---*/

a.link_icon{
}
	a.link_icon,
	a.link_icon:hover{
		color:rgb(51,51,51);
		text-decoration:none;
	}
	a.weiss:hover{
		color:white;
	}
		/*Allgemein*/
		a.link_icon:before{
			content:'';
			font-family:fontawesome;
			margin-right:0.35em;
			display:none;
			color:rgb(227,0,11);

			/*rotes Element geändert auf grau 12.09.2016*/
			color:rgb(102,102,102);
		}
		a.link_icon:after{
			/*icon-arrow-circle-right*/
			content:'\f054';
			font-family:fontawesome;
			margin-left:0.3em;
			color:rgb(227,0,11);

			/*rotes Element geändert auf grau 12.09.2016*/
			color:rgb(102,102,102);
		}

		/*Speziell*/
		a.link_icon.ansprechpartner:before{
			/*icon-user*/
			content:'\f007';
			display:inline-block;
		}
		a.link_icon.kontakt:before{
			/*icon-envelope*/
			content:'\f0e0';
			display:inline-block;
		}
			a.link_icon.kontakt:after{display:none;}
		a.link_icon.www:before{
			/*icon-globe*/
			content:'\f0ac';
			display:inline-block;
			margin-right:0.3em;
		}
			a.link_icon.www:after{display:none;}
		a.link_icon.pdf:before{
			/*icon-file-pdf-o*/
			content:'\f1c1';
			display:inline-block;
			margin-right:0.3em;
		}
			a.link_icon.pdf:after{display:none;}


.link_btn{
	color:white !important;
	background-color:rgb(227,0,11);

	/*rotes Element geändert auf grau 12.09.2016*/
	background-color:rgb(102,102,102);

	display:inline-block;
	text-align:left;
	font-size:1em;
	line-height:1.2em;
	border-radius:5px;
	padding:9px 10px 10px 10px;
}
	.link_btn:after{
		content:'\f054';
		font-family:fontawesome;
		display:inline-block;
		margin-left:0.3em;
		position:relative;
		bottom:-1px;
	}
	a.link_btn, a.link_btn:hover{
		text-decoration:none;
	}

	/*Speziell*/
	a.link_btn.ansprechpartner:before{
		/*icon-user*/
		content:'\f007';
		font-family:fontawesome;
		margin-right:0.35em;
		display:inline-block;
	}
	a.link_btn.kontakt:before{
		/*icon-envelope*/
		content:'\f0e0';
		font-family:fontawesome;
		margin-right:0.35em;
		display:inline-block;
	}
	a.link_btn.www:before{
		/*icon-globe*/
		content:'\f0ac';
		font-family:fontawesome;
		margin-right:0.35em;
		display:inline-block;
	}
	a.link_btn.pdf:before{
		/*icon-file-pdf-o*/
		content:'\f1c1';
		font-family:fontawesome;
		margin-right:0.35em;
		display:inline-block;
	}



a.anfahrt{
	float:left;
	line-height:1.2em;
	font-size:0.95em;
	margin-right:30px;
	margin-bottom:20px;
}
	a.anfahrt,
	a.anfahrt:hover{
		color:white;
		text-decoration:none;
	}
	a.anfahrt:before{
		content:'\f041';
		font-family:fontawesome;
		margin-right:0.25em;
		font-size:40px;
		line-height:1em;
		float:left;
	}
	a.anfahrt:after{
		content:'\f054';
		font-family:fontawesome;
		margin-left:0.3em;
		display:none;
	}

a.impressum{
	float:left;
	margin:0px 20px 10px 0px;
	white-space:nowrap;
	display:inline-block;
}
	a.impressum,
	a.impressum:hover{
		color:white;
		text-decoration:none;
	}
	a.impressum:before{
		content:'\f15c';
		font-family:fontawesome;
		margin-right:0.25em;
		}
	a.impressum:after{
		content:'\f054';
		font-family:fontawesome;
		margin-left:0.3em;
	}

a.facebook{
	float:left;
	line-height:1.2em;
	font-size:0.95em;
	margin-bottom:20px;
}
	a.facebook,
	a.facebook:hover{
		color:white;
		text-decoration:none;
	}
	a.facebook:before{
		content:'\f082';
		font-family:fontawesome;
		margin-right:0.1em;
		font-size:40px;
		line-height:1em;
		float:left;
	}

a.bt_back_top{
	float:right;
	text-align:left;
	font-size:0.8em;
	position:relative;
	margin-top:0em;
	margin-bottom:0.5em;
	border-radius:5px;
	text-decoration:none;
	text-align:left;
	display:inline-block;
	padding:2px 8px 3px 9px;
	border-radius:5px;
	color:white;
	background-color:rgb(0,131,198);
	font-family:roboto2014_regular, Arial, "Arial Unicode MS", Helvetica, sans-serif;
}
	a.bt_back_top:before{
		content:'\f0d9';
		font-family:'fontawesome';
		padding-right:0.5em;
	}
	a.bt_back_top:hover{
		text-decoration:none;
	}

a.bt_forward_top{
	float:right;
	text-align:left;
	font-size:0.8em;
	position:relative;
	margin-top:0em;
	border-radius:5px;
	text-decoration:none;
	text-align:left;
	display:inline-block;
	padding:2px 8px 3px 9px;
	border-radius:5px;
	color:white;
	background-color:rgb(0,131,198);
	font-family:roboto2014_regular, Arial, "Arial Unicode MS", Helvetica, sans-serif;
}
	a.bt_forward_top:after{
		content:'\f0da';
		font-family:'fontawesome';
		padding-left:0.5em;
	}
	a.bt_forward_top:hover{
		text-decoration:none;
	}

div.telefon{
	font-size:1.4em;
	float:left;
	width:100%;
	font-weight:bold;
	margin-bottom:0.3em;
}
	div.telefon:before{
		content:'\f098';
		font-family:fontawesome;
		margin-right:0.1em;
		font-size:32px;
		float:left;
	}

div.email{
	font-size:1.4em;
	float:left;
	width:100%;
	font-weight:bold;
	margin-bottom:0.3em;
}
	div.email a:before{
		content:'\f0e0';
		font-family:fontawesome;
		margin-right:0.3em;
		font-size:28px;
		float:left;
	}



div.fax{
}
	div.fax:before{
		content:'\f1ac';
		font-family:fontawesome;
		margin-right:0.35em;
		font-size:0.95em;
	}



/*--- Tabellen ---*/

.tbl1{

	width:100%;
	border-collapse:collapse;

	empty-cells:show;

	font-size:1em;
	margin-bottom:1em;

}

	.tbl1, .tbl1 tr, .tbl1 td{
		background-color:#F0F0F0;
	}

	.tbl1 td{
		padding:5px;
		word-wrap:break-word;

		vertical-align:center;

		border-bottom:1px solid white;
		border-left:1px solid white;
		border-right:1px solid white;
	}

		.news_liste .body_text .tbl1 td{
			padding:5px;
		}

	.tbl1 p{

		padding:0;

		margin:0;

		line-height:inherit;

	}

	.tbl1 tr:first-child td{
		color:black;

		background-color:#666666;
		background-color:#B3B3B3;
		color:white;
		border-bottom:none;
	}
	.tbl1 tr:nth-child(2n+3) td{
	}

	.tbl1 tr+tr td{
		width:auto;

	}
	.tbl1 tr+tr td img{

		width:100%;
		max-width:150px;
	}

	.tbl1 tr+tr td+td{

		width:auto;
	}
	.tbl1 tr+tr td+td+td{
		width:auto;
	}


	.news_liste .body_text .tbl1{

		font-size:0.8em;
	}

	.news_liste .body_text .tbl1 td{
		padding:2px;
	}



@media screen and (max-width:640px){
	.tbl1{

		font-size:0.8em;
	}

	.tbl1 td{
		padding:2px;
	}

}
@media screen and (max-width:480px){
	.tbl1{

		font-size:0.8em;
	}

	.tbl1 td{
		padding:2px;
	}

}
@media screen and (max-width:400px){
	.tbl1{

		font-size:0.7em;
	}

	.tbl1 td{
		padding:1px;
	}



	.news_liste .body_text .tbl1{

		font-size:0.6em;
	}

	.news_liste .body_text .tbl1 td{
		padding:1px;
	}

}


/*--- Bild-Container ---*/
.bildbox{
	border:1px solid rgb(148, 163, 151);
	padding:4px;
	font-size:0.8em;
	max-width:30%;
}
	.bildbox p{
		margin:0;
	}
	.bildbox img{
		width:100%;
		margin-bottom:2px;
	}
	.bildbox.bildbox_rechts{
		float:right;
		margin:0px 0px 15px 15px;
	}
	.bildbox.bildbox_links{
		float:left;
		margin:0px 15px 15px 0px;
	}
@media screen and (max-width:760px){
	.bildbox{
		max-width:40%;
	}
}
@media screen and (max-width:500px){
	.bildbox{
		max-width:100%;
		width:100%;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
		.bildbox.bildbox_rechts, .bildbox.bildbox_links{
			margin:1em 0 1em 0;
		}
}



/*--- GoogleMap ---*/
#gm_error{
	float:left;
	margin:25px 0px 5px 0px;
}
#map{
	margin-bottom:1em;
	border:1px solid #CCCCCC;
	height:400px;
	width:100%;
}
#map img{
	max-width:none;
}
#route{
	margin-left:0px;
	margin-bottom:1.5em;
}



/*--- JSSOR ---*/
.slider_close{
	cursor:pointer;
	position:relative;
	margin-left:30px;
}
	.slider_close img{
		width:36px;
		height:36px;
		position:absolute;
		top:0px;
		left:0px;
	}
	.slider_close:after{
		content:'\f00d';
		font-family:fontawesome;
		color:#666666;
		font-size:42px;
	}

.slider_expand{
	cursor:pointer;
	position:relative;
	margin-left:30px;
}
	.slider_expand img{
		width:36px;
		height:36px;
		position:absolute;
		top:0px;
		left:0px;
	}
	.slider_expand:after{
		content:'\f065';
		font-family:'fontawesome';
		color:#666666;
		font-size:42px;
	}

.slider_play{
	cursor:pointer;
	position:relative;
	margin-left:40px;
}
	.slider_play img{
		width:36px;
		height:36px;
		position:absolute;
		top:0px;
		left:0px;
	}
	.slider_play:after{
		content:'\f04b';
		font-family:fontawesome;
		color:#666666;
		font-size:42px;
	}

.slider_stop{
	cursor:pointer;
	position:relative;
	margin-left:40px;
}
	.slider_stop img{
		width:36px;
		height:36px;
		position:absolute;
		top:0px;
		left:0px;
	}
	.slider_stop:after{
		content:'\f04c';
		font-family:fontawesome;
		color:#666666;
		font-size:42px;
	}

.slider_index{
	position:relative;
	margin-left:30px;
	font-size:42px;
	color:#666666;
	font-family:'roboto_bold';
	font-family:'sourcesanspro_bold';
}


.slider_compress{
	cursor:pointer;
	position: fixed;
	top: 10px;
	right: 10px;
	text-shadow: 2px 2px 5px #000000;
}

	.slider_compress:after{
		content:'\f066';
		font-family:'fontawesome';
		color:#666666;
		font-size:42px;		
	}

@media screen and (max-width:1024px){
	body:after{
		content:'marker1';
		display:none;
	}
	.slider_close{
		margin-left:25px;
	}
		.slider_close img{
			width:30px;
			height:30px;
		}
		.slider_close:after{
			font-size:35px;
		}

	.slider_expand{
		margin-left:25px;
	}
		.slider_expand img{
			width:30px;
			height:30px;
		}
		.slider_expand:after{
			font-size:35px;
		}

	.slider_play{
		margin-left:33px;
	}
		.slider_play img{
			width:30px;
			height:30px;
		}
		.slider_play:after{
			font-size:35px;
		}

	.slider_stop{
		margin-left:33px;
	}
		.slider_stop img{
			width:30px;
			height:30px;
		}
		.slider_stop:after{
			font-size:35px;
		}

	.slider_index{
		margin-left:25px;
		font-size:35px;
	}
}

@media screen and (max-width:640px){
	body:after{
		content:'marker2';
		display:none;
	}
	.slider_close{
		margin-left:15px;
	}
		.slider_close img{
			width:18px;
			height:18px;
		}
		.slider_close:after{
			font-size:21px;
		}

	.slider_expand{
		margin-left:15px;
	}
		.slider_expand img{
			width:18px;
			height:18px;
		}
		.slider_expand:after{
			font-size:21px;
		}

	.slider_play{
		margin-left:20px;
	}
		.slider_play img{
			width:18px;
			height:18px;
		}
		.slider_play:after{
			font-size:21px;
		}

	.slider_stop{
		margin-left:20px;
	}
		.slider_stop img{
			width:18px;
			height:18px;
		}
		.slider_stop:after{
			font-size:21px;
		}

	.slider_index{
		margin-left:15px;
		font-size:21px;
	}	
}

#zoom_slider_content{
}


.jssorb13 div, .jssorb13 div:hover, .jssorb13 .av {
	background: url(../jssor/b02.png) no-repeat;
	overflow: hidden;
	cursor: pointer;
}

.jssorb13 div {
	background-position: -5px -5px;
}

.jssorb13 div:hover, .jssorb13 .av:hover {
	background-position: -35px -5px;
}

.jssorb13 .av {
	background-position: -65px -5px;
}

.jssorb13 .dn, .jssorb13 .dn:hover {
	background-position: -95px -5px;
}

.jssora20l, .jssora20r, .jssora20ldn, .jssora20rdn
{
	position: absolute;
	cursor: pointer;
	display: block;
	background: url(../jssor/a13.png) no-repeat;
	overflow:hidden;
}
.jssora20l { background-position: -3px -33px; }
.jssora20r { background-position: -63px -33px; }
.jssora20l:hover { background-position: -123px -33px; }
.jssora20r:hover { background-position: -183px -33px; }
.jssora20ldn { background-position: -243px -33px; }
.jssora20rdn { background-position: -303px -33px; }

@media screen and (max-width:939px){
	.jssora20l, .jssora20r, .jssora20ldn, .jssora20rdn{display:none}
}