@charset "utf-8";

.clearboth{
	clear:both;
	float:none;
}

.suche_eingabe{
	width:200px;
}

@media screen and (max-width:1024px){
	.strow_video{
		top:1em;
	}
}
@media screen and (max-width:930px){
	.strow_video{
		top:1.5em;
	}
}
@media screen and (max-width:680px){
	.strow_video{
		top:1.8em;
		width:50%;
	}
}
@media screen and (max-width:530px){
	.strow_video{
		top:1.8em;
	}
}


.fosoc_desktop{
	display:flex;
	flex-wrap:wrap;
	margin-bottom:1.5em;
	width:770px;
}
	.fosoc_desktop .fosoc_head{
		width:100%;
		margin-right:0;
	}
	.fosoc_desktop > *{
		margin-right:30px;
		margin-bottom:15px;
	}

.fosoc_mobile{
	display:none;
}
@media screen and (max-width:1160px){
	.fosoc_desktop{
		width:auto;
	}
}
@media screen and (max-width:768px){
	.fosoc_desktop{
		display:none;
	}
}
@media screen and (max-width:768px){
	.fosoc_mobile{
		display:block;
	}
}


.strow_video{
	color:rgb(51,51,51);
}
	.strow_video a, .strow_video a:hover{
		color:rgb(0,161,230);
	}




/*--- 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;
	}
}



/*--- Newsboxen Standard ---*/
.nbox{
	display:flex;
	flex-wrap:wrap;
	margin-left:-40px;
	margin-top:2em;
}
	.nbox > *{
		position:relative;
		border:40px hidden transparent;
		border-left-style:solid;
		width:50%;
		margin-bottom:40px;

	}
		.nbox.nbox_3s > *{
			width:33.33%;
		}

	.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 .nhead h2{
		margin-bottom:0.5em;
		font-size:1.22em;
		font-family:r-md,sans-serif;
	}
	.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;
	}


	/*--- 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;
			}


@media screen and (max-width:1020px){
	.nbox{
		margin-left:-30px;
	}
		.nbox > *{
			width:33.33%;
			border-width:30px;
			margin-bottom:30px;
		}
}
@media screen and (max-width:768px){
	.nbox.nbox_3s > *{
		width:50%;
	}
	.nbox > *{
		width:50%;
	}
}
@media screen and (max-width:660px){
	.nbox{
		margin-left:-20px;
	}
		.nbox > *{
			border-width:20px;
			margin-bottom:20px;
		}
}
@media screen and (max-width:560px){
	.nbox > *, .nbox.nbox_3s > *{
		width:100%;
		margin-bottom:50px;
	}
}



/*--- 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%;
	}
}





/*--- JSSOR ---*/
body:after{
	content:'marker0';
	display:none;
}

.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:'Font Awesome 5 Pro';
		color:white;
		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:'Font Awesome 5 Pro';
		color:white;
		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:'Font Awesome 5 Pro';
		color:white;
		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:'Font Awesome 5 Pro';
		color:white;
		font-size:42px;
	}

.slider_index{
	position:relative;
	margin-left:30px;
	font-size:42px;
	color:white;
	font-family:'r-b';
}


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

	.slider_compress:after{
		content:'\f066';
		font-family:'Font Awesome 5 Pro';
		color:white;
		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}
}









.news_details h2{
	font-size:1.4em;
}
.news_details .news_details_h2{
	font-size:1.2em;
	color:#333333;
}
.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:1px solid hsl(198,100%,45%);
	background-color:hsl(198,100%,45%);
	border-radius:5px;
	color:white;
	padding:2px 6px 2px 6px;
}




/*--- News Liste Accordion ---*/
.accordion{
	display:flex;
	flex-wrap:wrap;
	margin-bottom:1em;
}
	.accordion > *{
		width:100%;
		margin-bottom:0.5em;

		display:flex;
		flex-wrap:wrap;
	}

.accordion h2{
	font-family:rc, sans-serif;
	font-size:28px;
	padding:10px 10px 10px 10px;
	color:black;
	width:100%;
	float:left;
	cursor:pointer;
	border-radius:3px;
	margin:0.5em 0 0 0;
	box-sizing:border-box;
}
.accordion h2:first-child{
	margin-top:0;
}

.accordion h2.head_close{
	background-color:#CCCCCC;

	background-color:#D73323;
	color:white;
}
	.accordion h2.head_close:after{
		font-family:'Font Awesome 5 Pro';
		font-weight:900;
		content:'\f0fe';
		font-size:28px;
		float:right;
		color:#D73323;

		color:white;
	}

.accordion h2.head_open{
	background-color:#D73323;
	border-bottom-left-radius:0px;
	border-bottom-right-radius:0px;
	color:white;
}
	.accordion h2.head_open:before{
		font-family:'Font Awesome 5 Pro';
		font-weight:900;
		content:'\f00d';
		font-size:28px;
		float:right;
	}

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

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

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






/*--- 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;
}
	.dokumentliste > *{
		width:100%;
	}

	.dokumentliste .doc{
		width:100%;
		font-family:rc-lt, sans-serif;
		box-sizing:border-box;
		background-color:white;
		padding:15px 68px 15px 68px;
		border-radius:5px;
		margin-bottom:1em;
		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:#78991F;
			background-color:#CCCCCC;
		}

		.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:rc-b, sans-serif;
			word-wrap:break-word;
		}

		.dokumentliste .doc:before{
			content:'\f0f6';
			font-family:'Font Awesome 5 Pro';
			font-size:48px;
			position:absolute;
			top:28px;
			left:15px;
			color:#D73323;
			color:rgb(0,161,230);
		}
		.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';
		}


.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:'Font Awesome 5 Pro';
			float:left;
			margin-right:0.3em;
			font-size:28px;
			position:absolute;
			left:10px;
			top:9px;
		}
		.dokumentliste2 h2.bt:after{
			content:'\f138';
			font-family:'Font Awesome 5 Pro';
			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:rc, sans-serif;
		box-sizing:border-box;
	}
		.dokumentliste2 a.doc:hover{
			text-decoration:none;
		}
		.dokumentliste2 a.doc:after{
			content:'\00a0\f0a9';
			font-family:'Font Awesome 5 Pro';
			position:absolute;
			right:14px;
			top:10px;
		}
		.dokumentliste2 a.doc:before{
			content:'\f0f6';
	font-family:'Font Awesome 5 Pro';
	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 ---*/
.ft1{
	font-family:rc, sans-serif;
	color:black;
	font-size:22px;
	width:280px;
	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%;
	max-width:535px;
	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:rgb(0,161,230);
	cursor:pointer;
	border:1px solid rgb(0,161,230);
	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;
	}


/*--- Bildergalerien ---*/
.bildergalerie1{
	display:flex;
	flex-wrap:wrap;
	margin-left:-40px;
	margin-top:1.5em;
	margin-bottom:1em;
}
	.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;
		}
		.bildergalerie1 .thumb a{
			display:block;
			line-height:1px;
		}
		.bildergalerie1 .thumb .ifo{
			font-family:rc, sans-serif;
			margin-top:10px;
		}

@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;
	}
}





/*--- 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:hsl(198,100%,45%);
		text-decoration:none;
		font-family:r, sans-serif;
	}
	a.link_icon:hover{
		color:hsl(198,100%,45%);
		text-decoration:none;
	}
		/*Allgemein*/
		a.link_icon:before{
			content:'\f061\00a0';
			font-family:'Font Awesome 5 Pro';
			font-weight:900;
		}

		/*Speziell*/
		a.link_icon.ansprechpartner:before{
			content:'\f007\00a0';
		}
		a.link_icon.kontakt:before{
			content:'\f0e0\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.instagram:before{
			font-family:'Font Awesome 5 Brands';
			content:'\f16d\00a0';
		}

a.link_button{
}
	a.link_button{
		font-family:rc, sans-serif;
		background-color:hsl(198,100%,45%);;
		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:'Font Awesome 5 Pro';
			font-weight:900;
			margin-right:0.3em;
		}
		a.link_button:after{
			content:'\f138';
			font-family:'Font Awesome 5 Pro';
			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';
		}




/*--- 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[rel]{

			display:block;
			position:relative;
			text-decoration:none;
			line-height:1px;
		}
			.imgbox1 a[rel]: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: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;
	}

@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:40px;
	column-width:510px;
	margin-bottom:1.44em;
}
	.txt_column_2s div{
		-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;
	}



/*--- 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 / 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;
	}





/*--- OpenStreetMap ---*/
#map{
	margin-bottom:1em;
	border:1px solid #CCCCCC;
	border-radius:5px;
	height:500px;
	width:100%;
	overflow:hidden;
	margin-top:15px;
}
#map img{
	max-width:none;
}

.markerinfo{
	font-family:rc,sans-serif;
	font-size:15px;
	width:300px;
}
	.markerinfo p{
		margin-bottom:0.5em !important;
	}

.standort_route{
}
	.standort_route a, .standort_route a:link, .standort_route a:hover{
		padding-left:24px;
		background-image:url(img/icon-route.png);
		background-repeat:no-repeat;
		background-position:0px 0px;
		color:#3A84DF;
	}


/*--- Rezepte ---*/
.kats{
	display:flex;
	flex-wrap:wrap;
	margin-bottom:1em;
}
	.kats a{
		border:1px solid #00A1E6;
		background-color:#F0F0F0;
		border-radius:5px;
		color:#00A1E6;
		font-family:rc, sans-serif;
		padding:4px 30px 4px 30px;
		margin:0 8px 8px 0px;
	}
		.kats a.on, .kats a:hover{
			background-color:#00A1E6;
			color:white;
		}
		
.rezepte{
	display:flex;
	flex-wrap:wrap;
	margin-left:-40px;
	margin-top:2em;
}
	.rezepte > *{
		position:relative;
		border:40px hidden transparent;
		border-left-style:solid;
		width:33.33%;
		margin-bottom:40px;
	}
	.rezepte .img{
		width:100%;
		overflow:hidden;
		position:relative;
		box-sizing:border-box;
		line-height:1px;
		text-align:center;
		box-shadow:rgba(0,0,0,.2) 1px 2px 3px;
	}
		.rezepte .img img{
			max-width:100%;
			max-height:100%;
			background-repeat:no-repeat;
			background-position:center center;
			background-size:contain;
		}
	.rezepte .headline{
		position:absolute;
		left:0px;
		right:0px;
		bottom:0px;
		background-color:rgba(255,255,255,.85);
		padding:10px;
		font-family:rc-lt, sans-serif;
		color:#333333;
	}
		.rezepte .headline span{
			font-size:0.9em;
		}
		
.rezept{
}
	.rezept img{
		margin-bottom:1em;
	}
	.rezept h2{
		font-size:1em;
		color:#333333;
		font-family:rc-b, sans-serif;
		margin-bottom:1.5em;
	}
	.rezept table{
		background-color:transparent;
		border-collapse:collapse;
		margin-left:-10px;
	}
		.rezept table td{
			background-color:transparent;
			font-family:rc, sans-serif;
			padding:10px;
		}
		.rezept table tr:first-child td strong{
			font-family:rc-b, sans-serif;
			font-weight:inherit;
			color:#00A1E6;
			display:inline-block;
		}
		.rezept table tr:first-child td font{
			color:#00A1E6;
		}
		.rezept table tr td:first-child{
			border-right:1px solid #00A1E6;
			padding-right:20px;
		}
		.rezept table tr td:nth-child(2){
			padding-left:20px;
		}
		.rezept table tr td p{
			margin-bottom:1.4em;
		}
		
	.rezeptblock{
		display:flex;
		flex-wrap:wrap;
	}
		.rezeptblock > div{
			width:calc(50% - 30px);
			border:1px solid #CCCCCC;
			border-radius:10px;
			padding:15px;
			margin-bottom:30px;
			margin-right:30px;
		}
		.rezeptblock > div:nth-child(2){
			margin-right:0;
		}
		.rezeptblock_3s > div:nth-child(2){
			margin-right:30px;
		}
		.rezeptblock_3s > div:nth-child(3){
			margin-right:0;
		}
		.rezeptblock_3s > div{
			width:calc(33.33% - 20px);
		}
		.rezeptblock_4s > div{
			width:calc(33.33% - 20px);
		}
		.rezeptblock_4s > div:nth-child(2){
			margin-right:30px;
		}
		.rezeptblock_4s > div:nth-child(3){
			margin-right:0;
		}
		.rezeptblock_4s > div:nth-child(4){
			margin-right:0;
			width:100%;
		}
		.rezeptblock h2{
			font-family:rc-b, sans-serif;
			font-size:1.2em;
			margin-bottom:1em;
		}
	
@media screen and (max-width:1020px){
	.rezepte{
		margin-left:-30px;
	}
		.rezepte > *{
			border-width:30px;
			margin-bottom:30px;
		}
}
@media screen and (max-width:960px){
	.rezeptblock_3s > div{
		width:calc(50% - 10px);
		margin-right:20px;
		margin-bottom:20px;
	}
	.rezeptblock_3s > div:nth-child(2){
		margin-right:0;
	}
	.rezeptblock_3s > div:nth-child(3){
		width:100%;
	}
}
@media screen and (max-width:768px){
	.rezepte > *{
		width:50%;
	}
	.rezept table tr td:first-child{
		width:50%;
	}
	.rezept table tr td:nth-child(2){
		width:50%;
	}
	.rezeptblock_4s > div{
		width:100%;
		margin-right:0;
	}
	.rezeptblock_4s > div:nth-child(2){
		margin-right:0;
	}
}
@media screen and (max-width:660px){
	.rezepte{
		margin-left:-20px;
	}
		.rezepte > *{
			border-width:20px;
			margin-bottom:20px;
		}
}
@media screen and (max-width:560px){
	.rezepte > *{
		width:100%;
		margin-bottom:50px;
	}
	
	.rezept table tr td:first-child{
		width:50%;
	}
	.rezept table tr td:nth-child(2){
		width:50%;
	}
	
	.rezeptblock > div{
		width:100%;
		margin-right:0;
	}
}


/*--- Milch ABC ---*/
.milchabc{
	display:flex;
	flex-direction:column;
	flex-wrap:wrap;
	margin-top:2em;
}
	.milchabc > div{
		margin-bottom:2em;
		position:relative;
	}
		.milchabc .icon:before{
			content:'\f05a';
			font-family:'Font Awesome 5 Pro';
			font-weight:900;
			font-size:48px;
			color:#00A1E6;
			position:absolute;
			left:0px;
			top:12px;
		}

	.milchabc .content{
		padding-left:65px;
		color:#4D4D4D;
	}
		.milchabc .headline{
			font-family:r, sans-serif;
			font-size:1.1em;
			margin:0.2em 0 0.5em 0;
		}
		.milchabc .absatz{
			margin-bottom:0.5em;
		}
		
		
		
		
/*--- CCM---*/
.nptbccm-w{top:0;bottom:0;background-color:rgba(0,0,0,.4);align-items:center}.nptbccm-wc{max-width:460px}.nptbccm-wb{border-radius:8px}.nptbccm-wrf{flex-direction:column-reverse}.nptbccm-wrf-r{display:flex;flex-direction:column-reverse;width:100%;align-items:center}.nptbccm-wrf-l{margin-bottom:1em}.nptbccm-w-btn-ok{font-size:1.6em;width:100%;text-align:center}.nptbccm-w-btn-settings{margin:1em 0}.nptbccm-w-btn-settings{font-size:14px;padding:.4em .6em .4em .6em;margin-right:0}.nptbccm a,.nptbccm-whr-l{color:#666}.nptbccm-wrf-l>*{margin-right:8px;margin-left:8px}@media screen and (max-width:480px){.nptbccm-wrb p{font-size:12px}.nptbccm-whr-l{font-size:14px}.nptbccm-ibtn a{font-size:12px}}
.nptbccm-w-btn-settings{
	font-size:1.6em;
	width:100%;
	text-align:center;
	background-color:rgb(51,170,51);
	color:white;
	margin-top:0;
}


/*--- 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:rgb(0,131,198);
		border:1px solid rgb(0,131,198);
		color:white;
		padding:0.35em 0.55em 0.42em 0.55em;
		border-radius:5px;
		font-family:rc, sans-serif;
		font-size:16px;
		cursor:pointer;
		display:inline-block;
		margin-bottom:10px;
		margin-right:10px;
	}
		.dsi_cookies button:before{
			font-family:'Font Awesome 5 Pro';
			font-weight:900;
			content:'\f15c';
			margin-right:6px;
		}
		.dsi_cookies button:after{
			font-family:'Font Awesome 5 Pro';
			font-weight:900;
			content:'\f054';
			margin-left:6px;
		}
		.dsi_cookies button.on:after{
			transform:rotate(90deg); 
			display:inline-block;
		}
	
	button.ccmcontrols{
		background-color:rgb(0,131,198);
		border:1px solid rgb(0,131,198);
		color:white;
		padding:0.35em 0.55em 0.42em 0.55em;
		border-radius:5px;
		font-family:rc, sans-serif;
		font-size:16px;
		cursor:pointer;
		display:inline-block;
		margin-bottom:10px;
		margin-right:10px;
	}
		button.ccmcontrols:before{
			font-family:'Font Awesome 5 Pro';
			font-weight:900;
			content:'\f013';
			margin-right:6px;
		}
		button.ccmcontrols:after{
			font-family:'Font Awesome 5 Pro';
			font-weight:900;
			content:'\f054';
			margin-left:6px;
		}


/*--- Platzhalter externe Medien ---*/
.video_ext_content, .map_ext_content{
	font-size:18px;
	background-color:#CCCCCC;
	position:relative;
	height:300px;
	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;
	height:400px;
}
	.map_ext_content:after{
		content:'';
		position:absolute;
		z-index:-1;
		top:0;
		left:0;
		bottom:0;
		right:0;
		background-image:url(img/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;
	}
		.vx_msi a, .vx_msi a:hover{
			color:rgb(0,161,230);
		}
	.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;
	}
}