﻿@charset "utf-8";




.clearboth{
	clear:both;
	float:none;
}

.suche_eingabe{
	width:200px;
}

/*--- Layer ---*/
.vlayer_close{
	cursor:pointer;
	position:relative;
	margin-left:30px;
}
	.vlayer_close img{
		width:36px;
		height:36px;
		position:absolute;
		top:0px;
		left:0px;
	}
	.vlayer_close:after{
		content:'\f00d';
		font-family:'Font Awesome 5 Pro';
		font-weight:400;
		color:white;
		font-size:42px;
	}
	
.embed_video.embed_video_vlayer{
	margin-bottom:0;
}

@media screen and (max-width:1280px){
	.embed_video.embed_video_vlayer{
		border-left:none;
		border-right:none;
		border-radius:0px;
	}
}



/*--- GoogleMap ---*/
.hero_map{
	background-color:transparent;
}
.gm_top_container{
	height:564px;
	padding-top:64px;
}
	#map{
		height:500px;
		width:100%;
		overflow:hidden;
	}
		#map img{
			max-width:none;
		}
		
@media screen and (max-width:1100px){
	.gm_top_container{
		height:560px;
		padding-top:60px;
	}
}
@media screen and (max-width:768px){
	.gm_top_container{
		height:500px;
		padding-top:0;
	}
}
		
.marker_info{
	width:200px;
}
	.marker_info_left{
		float:left;
		width:65px;
		margin-right:15px;
	}
		.marker_info img{
			width:100%;
		}
	.marker_info_right{
		float:left;
		width:200px;
	}
		.marker_name{
			font-family:ro, sans-serif;
			font-weight:900;
			font-size:17px;
			margin-bottom:2px;
			color:#333333;
		}
		.marker_text{
			font-family:roc, sans-serif;
			font-size:14px;
			color:#333333;
		}
		.marker_link{
			font-family:roc, sans-serif;
			font-weight:900;
			font-size:14px;
			float:right;
		}
			.marker_link:after{
				font-family:fa;
				content:'\f054';
				margin-left:4px;
			}

/*--- Externe Medien Platzhalter ---*/
.video_ext_content, .map_ext_content{
	font-size:18px;
	background-color:#CCCCCC;
	position:relative;
	height:500px;
	overflow:hidden;
	max-width:100%;
	margin-bottom:10px;
	box-sizing:border-box;
	border-radius:3px;
	
	display:flex;
	align-items:center; 
	justify-content:center;
}
.map_ext_content{
	background-color:transparent;
}
	.map_ext_content:after{
		content:'';
		position:absolute;
		z-index:-1;
		top:0;
		left:0;
		bottom:0;
		right:0;
		background-image:url(images/ext-gm-ph.jpg);
		background-size:cover;
		opacity:0.5;
	}
	.mx_dsi, .vx_msi{
		background-color:#CCCCCC;
		padding:6px 10px 6px 10px;
		border-radius:5px;
		margin-right:20px;
		margin-left:20px;
	}
	.video_ext_content .vx_content, .map_ext_content .mx_content{
		text-align:center;
	}
	.video_ext_content .vx_load, .map_ext_content .mx_load{
		margin-top:20px;
		display:inline-block;
		color:white;
		background-color:#51AA35;
		border-radius:3px;
		padding:10px;
		cursor:pointer;
	}
	.video_ext_content button.ccmcontrols, .map_ext_content button.ccmcontrols{
		margin-top:30px;
		padding:0.25em 0.55em 0.32em 0.55em;
		font-size:14px;
		background-color:#666666;
		margin-right:0;
	}
@media screen and (max-width:480px){
	.mx_dsi, .vx_msi{
		font-size:16px;
	}
}


/*--- Cookie Infos auf DSI ---*/
.dsi_cookies{
}
	.dsi_cookies > div:nth-child(2){
		border:1px solid #CCCCCC;
		border-radius:5px;
		padding:5px 10px 0px 0px;
		background-color:#F0F0F0;
		display:none;
		margin-bottom:2em;
	}
	.dsi_cookies iframe{
		width:100%;
		height:400px;
	}
	.dsi_cookies button{
		background-color:#51AA35;
		border:1px solid #51AA35;
		color:white;
		padding:0.35em 0.55em 0.42em 0.55em;
		border-radius:5px;
		font-family:roc, sans-serif;
		font-size:16px;
		cursor:pointer;
		display:inline-block;
		margin-bottom:10px;
		margin-right:10px;
	}
		.dsi_cookies button:before{
			font-family:fa;
			content:'\f15c';
			margin-right:6px;
		}
		.dsi_cookies button:after{
			font-family:fa;
			content:'\f054';
			margin-left:6px;
		}
		.dsi_cookies button.on:after{
			transform:rotate(90deg); 
			display:inline-block;
		}
	
	button.ccmcontrols{
		background-color:#51AA35;
		border:1px solid #51AA35;
		color:white;
		padding:0.35em 0.55em 0.42em 0.55em;
		border-radius:5px;
		font-family:roc, sans-serif;
		font-size:16px;
		cursor:pointer;
		display:inline-block;
		margin-bottom:10px;
		margin-right:10px;
	}
		button.ccmcontrols:before{
			font-family:fa;
			content:'\f013';
			margin-right:6px;
		}
		button.ccmcontrols:after{
			font-family:fa;
			content:'\f054';
			margin-left:6px;
		}


/*--- Newsboxen Standard ---*/
.nbox{
	display:flex;
	flex-wrap:wrap;
	margin-left:-80px;
	margin-top:0em;
}
	.nbox > *{
		position:relative;
		border:80px hidden transparent;
		border-left-style:solid;
		width:50%;
		margin-bottom:60px;
	}
		.nbox.nbox_3s > *{
			width:33.33%;
			margin-bottom:40px;
		}
		
		.nbox.nbox_ap > *{
			display:flex;
		}
			.nbox.nbox_ap > * > *:nth-child(1){
				width:100px;
			}
			.nbox.nbox_ap > * > *:nth-child(2){
				width:calc(100% - 100px);
			}
		.nbox.nbox_ap .nimg i{
			font-size:72px;
			font-weight:900;
			color:#3F842A;
			color:#808080;
		}

	.nbox > a, .nbox > a:hover{
		color:#4D4D4D;
	}

	.nbox .nimg{
		width:100%;
		overflow:hidden;
		position:relative;
		margin-bottom:1.5em;
		box-sizing:border-box;
		line-height:1px;
		text-align:center;
	}
		.nbox .nimg img{
			max-width:100%;
			max-height:100%;
			background-repeat:no-repeat;
			background-position:center center;
			background-size:contain;
		}
			.nbox.nbox_3s a[href] .nimg:after{
				font-family:fa;
				content:'\f138';
				font-size:60px;
				color:var(--cl0-1);
				line-height:1em;
				position:absolute;
				top:10px;
				right:10px;
				text-shadow:0px 2px 12px #FFFFFF;
				font-weight:900;
				display:none;
			}
			
	.nbox .nhead{
		display:flex;
		flex-wrap:wrap;
		align-items:center;
		margin-bottom:1.4em;
	}
		.nbox .nhead h2{
			font-size:1.6em;
			font-family:r-md,sans-serif;
			margin:0;
			color:var(--h1-c);
		}
		.nbox .nhead .spec-h{
			font-size:1.6em;
			margin-right:0.4em;
		}
		
	.nbox .nbody ul li:before{
		content:var(--fa-check-square);
	}
	.nbox .nbody p:last-child{
		margin-bottom:0;
	}
	
	.nbox_video .nimg{
		position:relative;
		margin-bottom:1em;
	}
		.nbox_video .nimg:before{
			content:'\f144';
			font-family:'Font Awesome 5 Pro';
			font-weight:400;
			font-size:72px;
			color:white;
			position:absolute;
			left:50%;
			top:50%;
			transform:translateX(-50%);
			text-shadow:4px 4px 7px #000000;
		}
		
	.nbox_video .nslink{
		display:none;
	}
	
	.nbox_3s .nslink .link_btn{
		color:rgb(245, 155, 0) !important;
	}
	.nbox_3s .nslink{
		display:none;
	}
	.nbox.nbox_3s .nhead h2{
		border:none;
		padding:0;
	}
		.nbox.nbox_3s .nhead h2:before{
			display:none;
		}
	.nbox.nbox_3s .nimg{
		margin-bottom:1em !important;
	}


	/*--- Einspaltige Contentboxen --- */
	.nbox.nbox_1s > *{
		width:100%;
		display:flex;
		flex-wrap:wrap;
	}
		.nbox.nbox_1s .nimg{
			width:360px;
			margin-left:40px;
			padding:0;
			position:relative;
			box-sizing:border-box;
			order:2;
			border:none;
			border-radius:0px;
		}
			.nbox.nbox_1s .nimg img{
				width:100%;
				margin-bottom:10px;
			}
		.nbox.nbox_1s .nbody{
			width:calc(100% - 400px);
			order:1;
		}

		.nbox.nbox_1s ul{
			column-count:2;
			column-gap:30px;
			column-width:50%;
		}
			.nbox.nbox_1s ul li:before{
				font-size:0.9em;
				content:'\f138';
				color:#EF7E3B;
			}
		
		/*--- Öffnungszeiten --- */
		.nbox_oz .nbody table{
			float:left;
			margin-right:40px;
			margin-bottom:30px;
			font-family:roc, sans-serif;
		}
			.nbox_oz .nbody table:last-child{
				margin-right:0;
			}
			.nbox_oz .nbody table strong{
				font-size:20px;
			}
			.nbox_oz .nbody table u{
				font-weight:500;
				text-decoration:none;
			}
		.nslink{
			display:none;
		}
			
@media screen and (max-width:1024px){
	.nbox{
		margin-left:-40px;
	}
		.nbox > *{
			border:40px hidden transparent;
			border-left-style:solid;
			margin-bottom:40px;
		}
}

@media screen and (max-width:860px){
	.nbox > *, .nbox.nbox_3s > *{
		width:50%;
	}
}

@media screen and (max-width:580px){
	.nbox > *, .nbox.nbox_3s > *{
		width:100%;
		margin-bottom:50px;
	}
	.nbox .nimg img{
		width:100%;
	}
}

@media screen and (max-width:480px){
	.nbox .nhead h2, .nbox .nhead .spec-h{
		font-size:18px;
	}
}



/*--- Newsliste ---*/

h1.h1_newsliste{
	border-bottom:1px solid #CCCCCC;
	padding-top:0.4em;
	padding-bottom:0.4em;
	margin-bottom:1em;
}
.link_btn_archiv{
	float:right;
	font-size:20px;
	padding:1px 6px 2px 6px !important;
}


.news_liste{
	display:flex;
	flex-wrap:wrap;
	margin-top:2em;
}
	.news_liste > div{
		width:100%;
		margin-bottom:40px;
		padding-bottom:40px;
		border-bottom:1px solid #CCCCCC;
	}

	.news_liste > div:last-child{
		border-bottom:none;
		padding-bottom:0
		margin-bottom:0;
	}

	.news_liste .content{
		display:flex;
		flex-wrap:wrap;
	}

	.news_liste h2 a, .news_liste p a{
		color:#4D4D4D;
		color:hsl(198,100%,45%);
	}
	
	.news_liste p a{
		color:#4D4D4D;
	}

	.news_liste .data_img_container{
		width:260px;
		margin-right:40px;
		line-height:1px;
	}
		.news_liste .data_img_container img{
			width:100%;
		}
	.news_liste .body_text{
		width:calc(100% - 300px);
	}
		.news_liste .body_text.body_text_max{
			width:100%;
		}
	.news_liste .body_text p:last-child{
		margin-bottom:0;
	}
	.news_liste_date{
		font-size:0.9em;
		margin-bottom:0.2em;
	}

@media screen and (max-width:1020px){
	.news_liste{
		margin-top:2.5em;
	}
}

@media screen and (max-width:640px){
	.news_liste > div{
		margin-bottom:30px;
		padding-bottom:30px;
	}
	.news_liste .data_img_container{
		width:120px;
		margin-right:20px;
	}
	.news_liste .body_text{
		width:calc(100% - 140px);
	}
}

@media screen and (max-width:400px){
	.news_liste .data_img_container{
		width:100%;
		margin-right:0;
		margin-bottom:20px;
	}
		.news_liste .data_img_container img{
			width:auto;
		}
	.news_liste .body_text{
		width:100%;
		max-width:100%;
	}
}



/*--- Event Liste/Details ---*/
.event_register{
	width:100%;
}
.event_register a, .event_register a:hover{
	color:white;
	border:1px solid #224191;
	background-color:#005BA8;
	padding:4px 4px 4px 4px;
	margin-right:4px;
	float:left;
	text-decoration:none;
	font-size:0.9em;
	border-radius:5px;

	-webkit-transition: all 0.1s ease;
	-moz-transition: all 0.1s ease;
	-ms-transition: all 0.1s ease;
	-o-transition: all 0.1s ease;
	transition: all 0.1s ease;
}
.event_register .year_buttons{
	float:left;
	clear:both;
	margin-bottom:4px;
}
.event_register .year_buttons a:hover{
	color:white;
	background-color:#005BA8;
	text-decoration:none;
}
.event_register .but_y{
	background-color:#6C8DC5;
}
.event_register .next_y:after{
	content:'\f054';
	font-family:'Font Awesome 5 Pro';
	font-weight:900;
	display:inline-block;
	margin-left:0.3em;
}
.event_register .prev_y:before{
	content:'\f053';
	font-family:'Font Awesome 5 Pro';
	font-weight:900;
	display:inline-block;
	margin-right:0.3em;
}
.event_register .act_year{
	border:1px solid #005BA8;
	color:white;
	background-color:#005BA8;
	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:#005BA8;
	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:#005BA8;
	font-weight:bold;
	margin-bottom:4px;
}
.event_register .monat_name{
	margin:5px 0 2em 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;
}

.news_liste h2.headline{
	font-size:24px;
}

.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{
}
	.event_liste .event_liste_lnk span{
		margin-top:0.5em;
		color:white;
		background-color:#005BA8;
		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;
	}
		.event_liste .event_liste_lnk span:after{
			/*icon-caret-right*/
			content:'\f0da';
			font-family:'Font Awesome 5 Pro';
			font-weight:900;
			display:inline-block;
			margin-left:0.5em;
		}


@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_details h2{
	font-size:1.4em;
}
.news_details h3{
	font-size:1.2em;
	margin-bottom:1em;
}

.news_readon_container{
	width:100%;
	float:left;
	margin-bottom:1em;
}

.news_details .news_readon{
	font-family:r-lt, sans-serif;
	background-color:#BE1716;
	color:white;
	line-height:1.454545em;
	font-size:1.25rem;
	padding:0.2em 0.55em 0.33em 0.55em;
	float:left;
	display:inline-block;
	cursor:pointer;
}
	.news_details .news_readon:after{
		font-family:'Font Awesome 5 Pro';
		font-weight:900;
		content:'\00a0\f0a9';
	}

.news_details .news_readclose{
	font-family:r-lt, sans-serif;
	background-color:#BE1716;
	color:white;
	line-height:1.454545em;
	font-size:1.25rem;
	padding:0.2em 0.55em 0.33em 0.55em;
	float:left;
	display:none;
	cursor:pointer;
}
	.news_details .news_readclose:after{
		content:'\00a0\f057';
		font-family:'Font Awesome 5 Pro';
		font-weight:900;
	}


a.opt_form_link, a.opt_form_link:hover{
	border:#00244D;
	background-color:#00244D;
	border-radius:5px;
	color:white;
	padding:6px 10px 6px 10px;
}




/*--- Paging-Buttons ---*/
.paging_container{
	display:flex;
	flex-wrap:wrap;
	margin:2em 0 2em 0;
	border-top:1px solid #D4D4D4;
	padding-top:1em;
	width:100%;
}
a.paging_bt, a.paging_bt:hover{
	font-family:rc-b, sans-serif;
	background-color:#BBBBBB;
	line-height:1em;
	color:white;
	padding:4px 10px 4px 10px;
	border-radius:3px;
	text-decoration:none;
	display:inline-block;
	margin-right:8px;
	margin-bottom:8px;
	font-size:1.2em;
}
	a.paging_bt_on, a.paging_bt_on:hover{
		background-color:#00A1E6;
		color:white;
		font-family:rc-b, sans-serif;
	}
	a.paging_bt_fwd, a.paging_bt_fwd:hover{
		background-color:#BBBBBB;
		color:white;
		padding:4px 6px 4px 10px;
	}
		a.paging_bt_fwd:before{
			font-family:'Font Awesome 5 Pro';
			font-weight:900;
			content:'\f04e';
		}
	a.paging_bt_bck, a.paging_bt_bck:hover{
		background-color:#70BFB6;
		color:white;
		padding:4px 10px 4px 6px;
	}
		a.paging_bt_bck:before{
			font-family:'Font Awesome 5 Pro';
			font-weight:900;
			content:'\f04a';
		}

.paging_container span{
	display:inline-block;
	margin-left:10px;
	font-size:0.9em;
	font-family:rc-lt, sans-serif;
	padding-top:2px;
}


/*--- Anfahrt ---*/
.anfahrt{
	display:flex;
	flex-wrap:wrap;
	margin-bottom:1em;
}
	.anfahrt > div{
		margin-top:5px;
		margin-right:20px;
	}




/*--- Suche ---*/
.suchergebnis{
}

	.suchergebnis .li{
		margin-bottom:1.5em;
		position:relative;
	}

	.suchergebnis .li .icon:before{
		content:'\f15c';
		font-family:'Font Awesome 5 Pro';
		font-weight:900;
		font-size:48px;
		position:absolute;
		left:0px;
		top:12px;
	}
		.suchergebnis .li .icon.icon_map:before{
			content:'\f041';
		}
		.suchergebnis .li .icon.icon_suitcase:before{
			content:'\f0f2';
			font-size:40px;
		}
		.suchergebnis .li .icon.icon_pdf:before{
			content:'\f1c1';
		}
		.suchergebnis .li .icon.icon_clock:before{
			content:'\f017';
			font-size:40px;
		}
		.suchergebnis .li .icon.icon_circle:before{
			content:'\f111';
			font-size:40px;
		}
		.suchergebnis .li .icon.icon_user:before{
			content:'\f007';
			font-size:40px;
		}
		.suchergebnis .li .icon.icon_rezept:before{
			content:'\f705';
			font-size:38px;
		}
		.suchergebnis .li .icon.icon_abc:before{
			content:'\f6c8';
			font-size:32px;
		}


	.suchergebnis .li .content{
		padding-left:50px;
		color:#4D4D4D;
	}
		.suchergebnis .li .content .headline{
			font-family:r, sans-serif;
		}
		.suchergebnis .li .content .date{
			font-size:0.9em;
		}






/*--- Dokumentliste ---*/
.dokumentliste{
	margin-bottom:2em;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
	.dokumentliste > *{
		width:calc(50% - 10px);
	}

	.dokumentliste .doc{
		width:100%;
		font-family:roc, sans-serif;
		font-weight:300;
		box-sizing:border-box;
		background-color:white;
		padding:15px 68px 15px 68px;
		border-radius:5px;
		margin-bottom:20px;
		color:black;
		position:relative;

		/*
		background-image:url(img/flag-de.png);
		background-repeat:no-repeat;
		background-size:42px;
		background-position:calc(100% - 15px) 15px;
		*/
	}
		.dokumentliste .doc_grey{
			background-color:#E0E0E0;
		}

		.dokumentliste .doc_red{
			background-color:#F38D3F;
		}

		.dokumentliste .doc_de{
		}
		.dokumentliste .doc_en{
		}
		.dokumentliste .doc_no_flag{
			background-image:none;
		}

		.dokumentliste .doc_margin{
			margin-bottom:2em;
		}

		.dokumentliste .doc_headline{
			font-family:roc, sans-serif;
			font-weight:900;
			word-wrap:break-word;
		}

		.dokumentliste .doc:before{
			content:'\f0f6';
			font-family:fa;
			font-size:48px;
			position:absolute;
			top:15px;
			left:15px;
			color:#299E35;
		}
		.dokumentliste .doc.doc_pdf:before{
			content:'\f1c1';
		}
		.dokumentliste .doc.doc_word:before{
			content:'\f1c2';
		}
		.dokumentliste .doc.doc_excel:before{
			content:'\f1c3';
		}
		.dokumentliste .doc.doc_powerpoint:before{
			content:'\f1c4';
		}
		.dokumentliste .doc.doc_zip:before{
			content:'\f1c6';
		}
		
@media screen and (max-width:768px){
	.dokumentliste > *{
		width:100%;
	}
}


.dokumentliste2{
	width:100%;
	float:left;
	margin-bottom:2em;
}

	.dokumentliste2 .kat{
		width:100%;
		float:left;
	}

	.dokumentliste2 .kat2{
		width:100%;
		float:left;
		margin-bottom:1em;
		display:none;
	}

	.dokumentliste2 .kat3{
		width:100%;
		float:left;
		margin-bottom:0.5em;
	}

	.dokumentliste2 .kat3:last-child{
		margin-bottom:0;
	}

	.dokumentliste2 h2.bt{
		display:block;
		width:100%;
		float:left;
		background-color:rgb(61,128,204);
		color:white;
		padding:8px 42px 7px 42px;
		border-radius:4px;
		margin-bottom:0.5em;
		text-decoration:none;
		position:relative;
		cursor:pointer;

		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		font-size:20px;
	}
		.dokumentliste2 h2.bt:hover{
			text-decoration:none;
		}
		.dokumentliste2 h2.bt:before{
			content:'\f055';
			font-family:fa;
			float:left;
			margin-right:0.3em;
			font-size:28px;
			position:absolute;
			left:10px;
			top:9px;
		}
		.dokumentliste2 h2.bt:after{
			content:'\f138';
			font-family:fa;
			float:right;
			font-size:28px;
			margin-left:15px;
			position:absolute;
			right:10px;
			top:9px;
		}
		.dokumentliste2 h2.bt_expanded{
			background-color:#0950A0;
		}
			.dokumentliste h2.bt_expanded:before{
				content:'\f056';
			}
			.dokumentliste h2.bt_expanded:after{
				content:'\f13a	';
			}

	.dokumentliste2 a.doc{
		display:block;
		margin-bottom:0.5em;
		width:100%;
		float:left;

		color:#555555;
		background-color:#F0F0F0;
		padding:6px 38px 6px 6px;
		border-radius:4px;
		position:relative;

		font-family:roc, sans-serif;
		box-sizing:border-box;
	}
		.dokumentliste2 a.doc:hover{
			text-decoration:none;
		}
		.dokumentliste2 a.doc:after{
			content:'\00a0\f0a9';
			font-family:fa;
			position:absolute;
			right:14px;
			top:10px;
		}
		.dokumentliste2 a.doc:before{
			content:'\f0f6';
			font-family:fa;
			font-weight:900;
			margin-right:0.3em;
		}
		.dokumentliste2 a.doc.doc_pdf:before{
			content:'\f1c1';
		}
		.dokumentliste2 a.doc.doc_word:before{
			content:'\f1c2';
		}
		.dokumentliste2 a.doc.doc_excel:before{
			content:'\f1c3';
		}
		.dokumentliste2 a.doc.doc_powerpoint:before{
			content:'\f1c4';
		}
		.dokumentliste2 a.doc.doc_zip:before{
			content:'\f1c6';
		}




/*--- Für Videos ---*/
.embed_video{
	line-height:0.1em;
	max-width:1280px;
	margin-bottom:2em;
	border:1px solid #CCCCCC;
	border-radius:5px;
	overflow:hidden;
}
.embed_video > div{
	position:relative;
	padding-bottom:56.25%;
	height:0;
	overflow:hidden;
	max-width:100%;
	height:auto;
}
.embed_video > div > iframe, .embed_video > div > object, .embed_video > div > embed{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}



/*--- Formularfelder ---*/
.ft_container{
	width:100%;
	float:left;
	margin-bottom:1em;
}
	.ft_container div:nth-child(1){
		width:45%;
		min-width:210px;
		float:left;
	}
	.ft_container div:nth-child(2){
		width:55%;
		min-width:260px;
		float:left;
	}

.ft1{
	font-family:rc, sans-serif;
	color:black;
	font-size:22px;
	width:100%;
	background-color:#F9F9F9;
	border:1px solid #666666;
	border-radius:3px;
	padding:4px;
	box-sizing:border-box;
}
.ft1:focus{
	background-color:#D3D4D2;
}
.ft2{
	font-family:rc, sans-serif;
	color:black;
	font-size:22px;
	width:120px;
	background-color:#F9F9F9;
	border:1px solid #666666;
	border-radius:3px;
	padding:4px;
}
.ft2:focus{
	background-color:#D3D4D2;
}
.fs1{
	font-family:rc, sans-serif;
	color:black;
	font-size:22px;
	background-color:#F9F9F9;
	border:1px solid #666666;
	border-radius:3px;
	padding:3px 4px 3px 4px;
	box-sizing:border-box;
}
.ta1{
	font-family:rc, sans-serif;
	color:black;
	font-size:22px;
	font-weight:normal;
	width:100%;
	height:160px;
	background-color:#F9F9F9;
	border:1px solid #666666;
	border-radius:3px;
	padding:4px;
	box-sizing:border-box;
}
.ta1:focus{
	background-color:#D3D4D2;
}


.bt1{
	font-weight:normal;
	color:white;
	border-radius:0px;
	font-size:24px;
	line-height:1.4em;
	padding:0.2em 0.4em 0.2em 0.4em;
	margin-top:0px;
	position:relative;
	background-color:#299E35;
	cursor:pointer;
	border:#00244D;
	border-radius:3px;
}

.bt1_dummy{
	font-weight:normal;
	color:#333333;
	border-radius:5px;
	font-size:24px;
	line-height:1.4em;
	padding:0.2em 0.4em 0.2em 0.4em;
	margin-top:0px;
	position:relative;
	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 #60A9B2;
	background-color:#60A9B2;
	display:inline-block;
	text-align:left;
	font-size:1em;
	line-height:1.3em;
	border-radius:5px;
	padding:6px 10px 6px 10px;
	cursor:pointer;
	font-family:rc, sans-serif;
}


.hidden_formfield{
	position:absolute;
	top:-9999px;
	left:-9999px;
}
.checkbox{
	cursor:default;
}
.checkbox:before{
	content:'\f0c8';
	font-family:'Font Awesome 5 Pro';
	font-weight:300;
	margin-right:8px;
}
input[type=checkbox]:checked ~ .checkbox:before{
	content:'\f14a';
	margin-right:8px;

}

form .back_link, form .back_link:hover{
	background-color:#73910F;
	color:white;
	font-family:rc, sans-serif;
	padding:2px 6px 2px 20px;
	position:relative;
	font-size:0.9em;
	border-radius:3px;
}
	form .back_link:before{
		content:'\f053';
		font-family:'Font Awesome 5 Pro';
		font-weight:900;
		position:absolute;
		top:0px;
		left:4px;
	}
	
.news_form{
	display:flex;
	flex-wrap:wrap;
}
	.news_form > *{
		width:100%;
		margin-bottom:20px;
	}
	
@media screen and (max-width:520px){
	.ft_container div:nth-child(1){
		width:100%;
	}
	.ft_container div:nth-child(2){
		width:100%;
	}
}




/*--- Bildergalerien ---*/
.bildergalerie1{
	display:flex;
	flex-wrap:wrap;
	margin-left:-40px;
}
	.bildergalerie1 .thumb{
		position:relative;
		border:40px hidden transparent;
		border-left-style:solid;
		width:25%;
		margin-bottom:40px;
	}
		.bildergalerie1 .thumb img{
			width:100%;
			background-size:cover;
			background-repeat:no-repeat;
			box-sizing:border-box;
			border-radius:3px;
		}
		.bildergalerie1 .thumb a{
			display:block;
			line-height:1px;
		}
		.bildergalerie1 .thumb .ifo{
			font-family:rc, sans-serif;
			margin-top:10px;
		}
		.bildergalerie1 .thumb:nth-child(4) a:after{
			content:'\f055';
			font-family:fa;
			position:absolute;
			left:50%;
			top:50%;
			transform:translate(-50%,-50%);
			color:white;
			font-size:80px;
			line-height:1em;
			font-weight:300;
			text-shadow:8px 8px 8px hsla(0,0%,0%,0.5);
		}

@media screen and (max-width:960px){
	.bildergalerie1 .thumb{
		width:33.33%;
	}
}
@media screen and (max-width:680px){
	.bildergalerie1{
		margin-left:-20px;
	}
	.bildergalerie1 .thumb{
		width:50%;
		border-width:20px;
		margin-bottom:20px;
	}
}
@media screen and (max-width:430px){
	/*
	.bildergalerie1{
		margin-left:0;
	}
	.bildergalerie1 .thumb{
		width:100%;
		border:none;
		margin-bottom:30px;
	}
	*/
}


/*--- fslightbox ---*/
.fslightbox-caption-inner{
	font-size:18px !important;
}



/*--- CSS-Klassenauswahl HTML-Editor / Hyperlinks ---*/
a.lnk_arrow_right{
	font-family:r, sans-serif;
	color:#60A9B2;
	font-size:1.1em;
}
	a.lnk_arrow_right:after{
		font-family:'Font Awesome 5 Pro';
		font-weight:900;
		color:#60A9B2;
		content:'\00a0\f061';
		font-weight:900;
	}
	a.lnk_arrow_1em{
		font-size:1em;
	}


a.lnk_arrow_left{
	font-family:r, sans-serif;
	color:#60A9B2;
	font-size:1.1em;
}
	a.lnk_arrow_left:before{
		font-family:'Font Awesome 5 Pro';
		color:#60A9B2;
		content:'\f060\00a0';
		font-weight:900;
	}


a.link_icon{

}
	a.link_icon:link{
		color:var(--cl0-1);
		text-decoration:none;
		font-family:r, sans-serif;
	}
	a.link_icon:hover{
		color:var(--cl0-g);
		text-decoration:none;
	}
		/*Allgemein*/
		a.link_icon:before{
			content:'\f061\00a0';
			font-family:'Font Awesome 5 Pro';
			font-family:fa;
			font-weight:900;
			color:var(--cl0);
		}

		/*Speziell*/
		a.link_icon.ansprechpartner:before{
			content:'\f007\00a0';
		}
		a.link_icon.kontakt:before{
			content:'\f0e0\00a0';
			content:'\f199\00a0\00a0';
		}
		a.link_icon.www:before{
			content:'\f57d\00a0';
		}
		a.link_icon.pdf:before{
			content:'\f1c1\00a0';
		}
		a.link_icon.eventf:before{
			content:'\f073\00a0';
		}
		a.link_icon.tel:before{
			content:'\f87b\00a0\00a0';
		}
		a.link_icon.mobile:before{
			content:'\f3cd';
			padding-left:2px;
			margin-right:11px;
		}
		a.link_icon.fax:before{
			content:'\f87b\00a0\00a0';
			color:#666666;
		}
		a.link_icon.instagram:before{
			font-family:'Font Awesome 5 Brands';
			content:'\f16d\00a0';
		}

a.link_button{
}
	a.link_button{
		font-family:rc, sans-serif;
		background-color:var(--cl0);
		color:white;
		text-decoration:none;
		padding:11px 14px 10px 12px;
		border-radius:3px;
		font-size:1.2em;
		display:inline-block;
	}
	a.link_button:hover{
		color:white;
		text-decoration:none;
	}
		/*Allgemein*/
		a.link_button:before{
			content:'\f061';
			font-family:fa;
			font-weight:900;
			margin-right:0.3em;
		}
		a.link_button:after{
			content:'\f138';
			font-family:fa;
			font-weight:900;
			margin-left:0.3em;
		}

		/*Speziell*/
		a.link_button.ansprechpartner:before{
			content:'\f007\00a0';
		}
		a.link_button.kontakt:before{
			content:'\f0e0\00a0';
		}
		a.link_button.www:before{
			content:'\f0ac\00a0';
		}
		a.link_button.pdf:before{
			content:'\f1c1\00a0';
		}
		a.link_button.event:before{
			content:'\f073';
		}

a.img_360{
	position:relative;
	display:block;
	line-height:1px;
}
	a.img_360:before{
		font-family:fa;
		content:'\f144';
		font-weight:900;
		font-size:72px;
		color:white;
		position:absolute;
		left:50%;
		top:50%;
		transform:translateX(-50%);
		text-shadow:4px 4px 7px #333333;
	}
	a.img_360 img{
		border-radius:3px;
	}


/*--- CSS-Klassenauswahl HTML-Editor / Tabellen ---*/
.tbl1{

	width:100%;
	border-collapse:collapse;

	empty-cells:hide;

	font-size:1em;
	margin-bottom:30px;

}

	.tbl1, .tbl1 tr, .tbl1 td{
		background-color:#F0F0F0;
	}

	.tbl1 td{
		padding:15px;
		word-wrap:break-word;

		vertical-align:center;

		border:1px solid #BBBBBB;
	}


	.tbl1 tr:first-child td{
		background-color:#00A1E6;
		color:white;
		font-family:rc, sans-serif;
	}

	.tbl1 p{

		padding:0;

		margin:0;

		line-height:inherit;

	}

	.tbl1 tr td{
		width:auto;

	}
	.tbl1 tr td img{

		height:auto;
		max-width:100%;
	}
	.tbl1.tbl1_no_head tr:first-child td{
		background-color:#F0F0F0;
		font-family:inherit;
		color:inherit;
	}


.tbl2{

	width:100%;
	border-collapse:collapse;

	empty-cells:show;

	font-size:1em;
	margin-bottom:2em;

	margin-top:0.5em;
}

	.tbl2, .tbl2 tr, .tbl2 td{
		background-color:white;
	}

	.tbl2 td{
		padding:15px 15px 15px 0px;
		word-wrap:break-word;

		vertical-align:center;

		border-bottom:1px solid #CCCCCC;
	}

	.tbl2 p{

		padding:0;

		margin:0;

		line-height:inherit;

	}

	.tbl2 tr:first-child td{
		color:black;

		font-family:r, sans-serif;
		background-color:#CCCCCC;
		border-bottom:none;
	}
	.tbl2 tr:nth-child(2n+3) td{
	}

	.tbl2 tr+tr td{
		width:auto;

	}
	.tbl2 tr+tr td+td{

		width:auto;
	}
	.tbl2 tr+tr td+td+td{
		width:auto;
	}






@media screen and (max-width:780px){
	.tbl1{

		font-size:0.9em;
	}

		.tbl1 td{
			padding:5px;
		}

}
@media screen and (max-width:480px){
	.tbl1{

		font-size:0.8em;
	}

		.tbl1 td{
			padding:4px;
			word-break:break-all;
		}

}



/*--- CSS-Klassenauswahl HTML-Editor / Bildboxen ---*/
.imgbox1{
	width:100%;
	float:left;
	border:1px solid #CCCCCC;
	border-radius:3px;
	overflow:hidden;
	font-family:rc-lt,sans-serif;
	font-size:14px;
	padding:4px;
	box-sizing:border-box;
	position:relative;
	z-index:100;
	line-height:1px;
}
	.imgbox1 img{
		width:100%;
		margin-bottom:0em;
		line-height:1px;
	}
		.imgbox1 a[data-fslightbox]{
			display:block;
			position:relative;
			text-decoration:none;
			line-height:1px;
		}
			.imgbox1 a[data-fslightbox]:before{
				content:'\f002';
				font-family:'Font Awesome 5 Pro';
				font-weight:900;
				position:absolute;
				top:3px;
				right:3px;
				color:white;
				font-size:20px;
				background-color:#CCCCCC;
				padding:1px 4px 1px 4px;
				border-radius:5px;
				opacity:0.9;
				line-height:1.2em;
			}
	.imgbox1 p{
		margin:6px 0 0 0;
		line-height:1em;
	}
	.imgbox1 p + p{

		margin-top:6px;
	}
	.imgbox1.imgbox1_rechts{
		width:auto;
		max-width:33%;
		float:right;
		margin:0 0 1.5em 1.5em;
	}
	.imgbox1.imgbox1_links{
		width:auto;
		max-width:33%;
		float:left;
		margin:0 1.5em 1.5em 0;
	}
	.imgbox1.imgbox1_50{
		width:50%;
		max-width:50%;
	}
	.imgbox1.imgbox1_small{
		width:160px;
	}
	.imgbox1.imgbox1_blank{
		border:none;
	}
		.imgbox1.imgbox1_blank a[rel]:before{
			display:none;
		}

@media screen and (max-width:500px){
	.imgbox1.imgbox1_rechts, .imgbox1.imgbox1_links{
		width:100%;
		max-width:100%;
		margin:0 0 2em 0;
		box-sizing:border-box;
	}
	.imgbox1.imgbox1_small{

		width:100%;
		max-width:100%;
	}

}





/*--- CSS-Klassenauswahl HTML-Editor / Infoboxen mehrspaltig ---*/




/*--- CSS-Klassenauswahl HTML-Editor  / Texte mehrspaltig ---*/

.txt_column_2s{
	column-count:2;
	column-gap:60px;
	margin-bottom:1.44em;
}
	.txt_column_2s div, .txt_column_2s p, .txt_column_2s li{
		-webkit-column-break-inside:avoid;
		page-break-inside:avoid;
		break-inside:avoid-column;
	}

.txt_column_3s{
	column-count:3;
	column-gap:60px;
	column-width:240px;
	margin-bottom:1.44em;
}
	.txt_column_3s h1, .txt_column_3s h2{
		column-span:all;
	}
	.txt_column_3s div{
		-webkit-column-break-inside:avoid;
		page-break-inside:avoid;
		break-inside:avoid;
	}
	
.column_2s{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	margin-bottom:1.44em;
}
	.column_2s > div{
		width:calc(50% - 30px);
	}
	
	
@media screen and (max-width:480px){
	.txt_column_2s{
		column-count:1;
	}
	.column_2s > div{
		width:100%;
	}
}



/*--- CSS-Klassenauswahl HTML-Editor / Bilder mehrspaltig ---*/

.img_4s{
	/*
	display:flex;
	flex-wrap:nowrap;
	justify-content:flex-start;
	align-content:flex-start;
	*/
	line-height:1px;
	width:100%;
	float:left;
}
	.img_4s > *{
		width:calc(25% - 12px);
		margin:0 16px 16px 0;
		float:left;
	}
	.img_4s > *:last-child{
		margin-right:0;
	}
	.img_4s img{
	}
	
	
/*--- CSS-Klassenauswahl HTML-Editor / Bilder floatend ---*/
img.bild_links, img.bild_rechts{
	max-width:50%;
}
	img.bild_links{
		float:left;
		/*Oben einen kleinen Abstand hinzugeben, um die Oberkante des Bildes mit der
		Versalhöhe in Einklang zu bringen. Wirkt meistens schöner, besonders bei rechtsbündigen Bildern...*/
		margin:0.125em 40px 10px 0;
	}
	img.bild_rechts{
		float:right;
		margin:0.25em 0 10px 40px;
	}

/*Maximale Ausdehnung explizit einschränken -> früher schrumpfen*/
img.max_50{
	max-width:50%;
}
img.max_40{
	max-width:40%;
}
img.max_33{
	max-width:33%;
}

/*------- Bilder mit gerundeten Ecken ----------
Entweder direkt auf einem Bild oder alle IMG in gesamtem Container*/
img.img-round, .img-round img{
	border-radius:10px;
}

/*Bilder in Hyperlinks ohne standard Outline (<=IE10)*/
img.img-noborder, .img-noborder img{
	border:none;
}

/*------ img viewports ----*/
@media(max-width:939px){
	img.max_50,
	img.max_40{
		max-width:42%;
	}
	/*Margin bei im Inhalt fließenden Bildern verringern*/
	img.bild_links{margin-right:30px;}
	img.bild_rechts{margin-left:30px;}
}
@media(max-width:708px){
	/*Inline Bilder: ab hier schrumpfen alle inline Bilder gleich schnell mit gleicher Breite*/
	img.bild_links, img.bild_rechts{
		max-width:42%;
	}
	img.bild_links{margin-right:20px;}
	img.bild_rechts{margin-left:20px;}
}
@media(max-width:533px){
	/*Inline Bilder: ab jetzt max. breit und durch display:block alleinstehend in ihrer Zeile*/
	img.bild_links, img.bild_rechts{
		float:none;
		max-width:100%;
		display:block;
		margin:0;
		margin-bottom:15px;
	}
}




/*--- CSS-Klassenauswahl HTML-Editor / Content 2spaltig ---*/

.content_column_2s{
	display:flex;
	flex-wrap:wrap;
	margin-left:-40px;
}
	.content_column_2s > div{
		width:50%;
		border-left:40px solid transparent;
	}

@media screen and (max-width:760px){
	.content_column_2s > div{
		width:100%;
		margin-bottom:1em;
	}
}



/*--- CSS-Klassenauswahl HTML-Editor / Infobox ---*/

.infobox h2, .infobox h3{
	position:relative;
	padding-left:36px;
}
	.infobox h2:before, .infobox h3:before{
		font-family:'Font Awesome 5 Pro';
		font-weight:900;
		content:'\f05a';
		position:absolute;
		top:1px;
		left:0px;
	}


/*--- Seitenlayout 2spaltig ---*/
.col_2s{
	display:flex;
	flex-wrap:wrap;
}
	.col_2s > *:nth-child(1){
		width:calc(50% - 30px);
		margin-right:60px;
	}
	.col_2s > *:nth-child(2){
		width:calc(50% - 30px);
	}
	
@media screen and (max-width:768px){
	.col_2s > *:nth-child(1){
		width:100%;
		margin-right:0;
		margin-bottom:30px;
	}
	.col_2s > *:nth-child(2){
		width:100%;
	}
}


