@keyframes kenburnsreverse {
	0% { transform: scale(1.15); }
	100% { transform: scale(1); }
}

/* ##################################################################### */
/* #### Fonts ########################################################## */

	/* volkhov-regular - latin */
	@font-face {
		font-family:'Volkhov';
		font-style:normal;
		font-weight:400;
		src:url('../Fonts/volkhov-v11-latin-regular.eot');
		src:local('Volkhov Regular'), local('Volkhov-Regular'),
			url('../Fonts/volkhov-v11-latin-regular.eot?#iefix') format('embedded-opentype'), 
			url('../Fonts/volkhov-v11-latin-regular.woff2') format('woff2'), 
			url('../Fonts/volkhov-v11-latin-regular.woff') format('woff'), 
			url('../Fonts/volkhov-v11-latin-regular.ttf') format('truetype'), 
			url('../Fonts/volkhov-v11-latin-regular.svg#Volkhov') format('svg'); 
	}
	/* volkhov-700 - latin */
	@font-face {
		font-family:'Volkhov';
		font-style: normal;
		font-weight: 700;
		src: url('../Fonts/volkhov-v11-latin-700.eot');
		src: local('Volkhov Bold'), local('Volkhov-Bold'),
			url('../Fonts/volkhov-v11-latin-700.eot?#iefix') format('embedded-opentype'), 
			url('../Fonts/volkhov-v11-latin-700.woff2') format('woff2'),
			url('../Fonts/volkhov-v11-latin-700.woff') format('woff'),
			url('../Fonts/volkhov-v11-latin-700.ttf') format('truetype'),
			url('../Fonts/volkhov-v11-latin-700.svg#Volkhov') format('svg');
	}
	
	/* asap-regular - latin */
	@font-face {
		font-family:'Asap';
		font-style: normal;
		font-weight: 400;
		src: url('../Fonts/asap-v11-latin-regular.eot');
		src: local('Asap Regular'), local('Asap-Regular'),
			url('../Fonts/asap-v11-latin-regular.eot?#iefix') format('embedded-opentype'), 
			url('../Fonts/asap-v11-latin-regular.woff2') format('woff2'), 
			url('../Fonts/asap-v11-latin-regular.woff') format('woff'), 
			url('../Fonts/asap-v11-latin-regular.ttf') format('truetype'), 
			url('../Fonts/asap-v11-latin-regular.svg#Asap') format('svg'); 
	}
	/* asap-500 - latin */
	/*@font-face {
		font-family:'Asap';
		font-style: normal;
		font-weight: 500;
		src: url('../Fonts/asap-v11-latin-500.eot');
		src: local('Asap Medium'), local('Asap-Medium'),
			url('../Fonts/asap-v11-latin-500.eot?#iefix') format('embedded-opentype'), 
			url('../Fonts/asap-v11-latin-500.woff2') format('woff2'), 
			url('../Fonts/asap-v11-latin-500.woff') format('woff'), 
			url('../Fonts/asap-v11-latin-500.ttf') format('truetype'), 
			url('../Fonts/asap-v11-latin-500.svg#Asap') format('svg'); 
	}*/
	/* asap-600 - latin */
	/*@font-face {
		font-family:'Asap';
		font-style: normal;
		font-weight: 600;
		src: url('../Fonts/asap-v11-latin-600.eot');
		src: local('Asap SemiBold'), local('Asap-SemiBold'),
			url('../Fonts/asap-v11-latin-600.eot?#iefix') format('embedded-opentype'), 
			url('../Fonts/asap-v11-latin-600.woff2') format('woff2'), 
			url('../Fonts/asap-v11-latin-600.woff') format('woff'), 
			url('../Fonts/asap-v11-latin-600.ttf') format('truetype'), 
			url('../Fonts/asap-v11-latin-600.svg#Asap') format('svg'); 
	}*/
	/* asap-700 - latin */
	@font-face {
		font-family:'Asap';
		font-style: normal;
		font-weight: 700;
		src: url('../Fonts/asap-v11-latin-700.eot');
		src: local('Asap Bold'), local('Asap-Bold'),
			url('../Fonts/asap-v11-latin-700.eot?#iefix') format('embedded-opentype'), 
			url('../Fonts/asap-v11-latin-700.woff2') format('woff2'), 
			url('../Fonts/asap-v11-latin-700.woff') format('woff'), 
			url('../Fonts/asap-v11-latin-700.ttf') format('truetype'), 
			url('../Fonts/asap-v11-latin-700.svg#Asap') format('svg'); 
	}


/* ##################################################################### */
/* #### HTML5 display definitions ###################################### */

	article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display:block; }


/* ##################################################################### */
/* #### Base ########################################################### */

	html{
		color:#000;
		background-color:#fff;
		font-size:18px;
		line-height:1.4;
		/*
		Prevents iOS text size adjust after orientation change, without disabling user zoom
		www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
		*/
		-webkit-text-size-adjust:100%;
		-ms-text-size-adjust:100%;
		/* OS-X fonts like Windows */
		-webkit-font-smoothing:antialiased;
		-moz-osx-font-smoothing:grayscale;
	}

	html, button, input, select, textarea{
		/* addresses font-family inconsistency between form elements. */
		font-family:Asap, arial, sans-serif;
	}

	body{
		margin:0; /* addresses margins handled incorrectly in IE6/7 */
	}


/* ##################################################################### */
/* #### Allg. Formatierungen ########################################### */

	/* Remove text-shadow in selection highlight. These selection declarations have to be separate. */
	::-moz-selection{ background:#b3d4fc; text-shadow:none; }
	::selection{ background:#b3d4fc; text-shadow:none; }
		

	/*###
	//# Links
	###*/

	a{ color:inherit; }
	/*
	a:visited{ color:#551a8b; }
	a:hover{ color:#06e; }
	*/
	

	a:hover, a:active{ outline:0; } /* Improve readability when focused and hovered in all browsers: h5bp.com/h */

	:focus{ outline:#1400FF dotted 3px; box-shadow:0 0 0 3px #fff; }

	
	a.icon-email,
	a.icon-phone,
	a.icon-fax{
		display:inline-block; line-height:28px; padding-top:2px; height:30px; position:relative; box-sizing:border-box;
		box-sizing:border-box; padding-left:50px; margin:8px 5px 8px 0;
		max-width:100%; overflow-wrap:break-word; word-wrap:break-word; /* word-wrap is legacy name of overflow-wrap */
	}
	a.icon-email:after,
	a.icon-phone:after,
	a.icon-fax:after{ position:absolute; left:0; top:0; }
	
	a.icon-email:after{ content:url(../Images/Icons/Email.svg); width:40px; height:30px; }
	a.icon-phone:after{ content:url(../Images/Icons/Phone.svg); width:28px; height:30px; }
	a.icon-fax:after{   content:url(../Images/Icons/Fax.svg); 	width:33px; height:30px; }

	.theme-color a.icon-email:after,
	.theme-color a.icon-phone:after,
	.theme-color a.icon-fax:after{ filter:invert(1); /* black -> white */ }


	/*###
	//# Typography
	###*/

	/* h1 wird nur im Banner (s.u.) und der News-Detailansicht verwendet */

	.news-single h1,
	h2{ font-size:50px; line-height:1.2; font-weight:normal; margin:0.5em 0 0.25em 0; font-family:Volkhov, "Times New Roman", Times, serif; -webkit-hyphens: auto;hyphens:auto;-moz-hyphens:auto; }
	h3{ font-size:36px; line-height:1.2; font-weight:normal; margin:0.5em 0 0.25em 0; font-family:Volkhov, "Times New Roman", Times, serif; -webkit-hyphens: auto;hyphens:auto;-moz-hyphens:auto; }
	.tx-indexedsearch-res h3,
	h4{ font-size:30px; line-height:1.2; font-weight:normal; margin:0.5em 0 0.25em 0; font-family:Volkhov, "Times New Roman", Times, serif; }
	h5{ font-size:20px; line-height:1.2; font-weight:normal; margin:0.5em 0 0.25em 0; font-family:Volkhov, "Times New Roman", Times, serif; }

	p{ margin:0 0 1em 0; }

	b, strong{ font-weight:bold; }

	small{ font-size:85%; }

	/* Position subscript and superscript content without affecting line-height:h5bp.com/k */
	sub, sup{ font-size:75%; line-height:0; position:relative; vertical-align:baseline; }
	sup{ top:-0.5em; }
	sub{ bottom:-0.25em; }


	/*###
	//# Quotes
	###*/
	blockquote{
		/*reset*/
		/* margin:0; font-size:100%; */
		padding:0; border:0; outline:0; vertical-align:baseline; background:transparent; quotes:none;
		/*change*/
		margin:0; font-size:30px; line-height:1.3;
	}
	blockquote:before, blockquote:after{ content:''; content:none; }
		blockquote p{ margin:0 0 0.5em 0; }


	/*###
	//# Lists
	###*/

	ul, ol{ margin:1em 0; padding:0 0 0 40px; }
	/*
	Funktioniert auch in Print-Ansicht, da kein Hintergrundbild:
	.ce-bodytext ul{ padding:0; }
		.ce-bodytext ul li{ padding:0 0 0 15px; list-style:none; position:relative; }
		.ce-bodytext ul li:after{ content:""; position:absolute; left:0; top:0.45em; display:block; box-sizing:border-box; width:6px; height:6px; border:3px solid #000; border-radius:3px; background-color:#000; }
	*/


	dd{ margin:0 0 0 40px; }
	
	
	/*###
	//# Embedded content
	###*/

	img{
		border:0; /* Removes border when inside 'a' element in IE6/7/8/9, FF3 */
		-ms-interpolation-mode:bicubic; vertical-align:middle; /* Improves image quality when scaled in IE7 */
	}


	/*###
	//# Figures
	###*/
	
	figure{ margin:0; } /* Set margin to 0. Addresses margin not present in IE6/7/8/9, S5, O11 */


	/*###
	//# hr ("paragraph-level thematic break")
	###*/

	/* Druck kompatible Trennlinie */
	hr{
		display:block; width:auto; height:0; margin:1.5em 0 1.5em 0; background:transparent; border:none; border-top:1px solid #ebebeb;
	}


	/*###
	//# Tables
	###*/

	table{ border-collapse:collapse; border-spacing:0; margin:0 0 1em 0; }
		td{ vertical-align:top; }
		p + table{ margin-top:-1em; }
		table td{ padding-left:0.5em; }
		table td:first-child{ padding-left:0; }


/* ##################################################################### */
/* #### non-semantic helper classes #################################### */

	/*.text-right{ text-align:right; }*/
	.text-center{ text-align:center; }

	/* Contain floats */
	.clearfix:before, .clearfix:after{ content:""; display:table; }
	.clearfix:after{ clear:both; }
	
	.frame-space-before-medium{ margin-top:40px; }
	.frame-space-after-medium{ margin-bottom:40px; }
	.frame-space-before-large{ margin-top:100px; }
	.frame-space-after-large{ margin-bottom:100px; }


/* ##################################################################### */
/* #### Formulare ###################################################### */

	.frame-type-form_formframework{ padding:0 5%; margin-left:auto; margin-right:auto; max-width:800px; }
		
		/* grid / Mehrspaltigkeit */
		.frame-type-form_formframework .row{
			display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;
			margin-right:-15px; margin-left:-15px;
		}
			.frame-type-form_formframework .col-md-1,
			.frame-type-form_formframework .col-md-2
			.frame-type-form_formframework .col-md-3,
			.frame-type-form_formframework .col-md-4,
			.frame-type-form_formframework .col-md-6,
			.frame-type-form_formframework .col-md-12{
				-ms-flex-preferred-size:0; flex-basis:0; -ms-flex-positive:1; flex-grow:1;
				max-width:100%; box-sizing:border-box; position:relative; width:100%;
				padding-right:15px; padding-left:15px;
			}
			.frame-type-form_formframework .col-md-1{ -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; }
			.frame-type-form_formframework .col-md-2{ -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; }
			.frame-type-form_formframework .col-md-3{ -ms-flex:0 0 25%; flex:0 0 25%; max-width:25%; }
			.frame-type-form_formframework .col-md-4{ -ms-flex:0 0 33.333333%; flex:0 0 33.333333%; max-width:33.333333%; }
			.frame-type-form_formframework .col-md-6{ -ms-flex:0 0 50%; flex:0 0 50%; max-width:50%; }
			.frame-type-form_formframework .col-md-12{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width:100%; }
		
		
		.form-element{ margin:1em 0 0 0; clear:left; }

			/* Fieldsets (MultiCheckbox / Radio) – no browser chrome */
			fieldset.form-element{
				margin:1em 0 0 0; padding:0; border:none; min-width:0;
			}
			fieldset.form-element legend{
				display:block; float:none; width:100%; padding:0; margin:0 0 0.35em 0;
				text-transform:uppercase; color:#4A4A49; font-size:inherit;
			}
		
			label.form-label{ display:block; text-transform:uppercase; color:#4A4A49; }
			
			.form-element input[type="text"],
			.form-element input[type="email"],
			.form-element textarea{ box-sizing:border-box; padding:8px 12px; border:2px solid #649ADD; width:100%; font-size:1em; }
			.form-element textarea{ height:100px; }

			html.contrast .form-element input[type="text"],
			html.contrast .form-element input[type="email"],
			html.contrast .form-element textarea{ border-color:#1E2323; }
			
			 select.form-control{ font-size:1em; }
			
			.frame-type-form_formframework p{ margin:0.5em 0; }
			
			
			/*###
			//# Checkboxes (TYPO3 form: .form-check-wrapping-label + .form-check-label)
			###*/
			.form-check{ margin-bottom:5px; }

				.form-check-wrapping-label{ position:relative; display:block; }

					.form-check-wrapping-label input[type="checkbox"]{
						opacity:0; position:absolute;
					}
					.form-check-wrapping-label .form-check-label{
						padding-left:25px; position:relative; display:inline-block;
					}

					/* nested <span class="required">*</span> must not get the custom box */
					.form-check-wrapping-label .form-check-label .required,
					.form-check-wrapping-label .form-check-label span{ padding-left:0; }
					.form-check-wrapping-label .form-check-label .required:before,
					.form-check-wrapping-label .form-check-label span:before{ display:none; }

					.form-check-wrapping-label .form-check-label:before{
						position:absolute; left:0; top:3px; content:""; display:block; width:18px; height:18px;
						box-sizing:border-box; border:2px solid #649ADD;
					}
					html.contrast .form-check-wrapping-label .form-check-label:before{
						border-color:#1E2323;
					}

					.form-check-wrapping-label input[type="checkbox"]:focus + .form-check-label:before{
						outline:#1400FF dotted 3px; box-shadow:0 0 0 3px #fff;
					}

					.form-check-wrapping-label input[type="checkbox"]:checked + .form-check-label:after{
						position:absolute; left:4px; top:7px; content:"";
						height:5px; width:9px; border-left:2px solid #649ADD; border-bottom:2px solid #649ADD;
						transform:rotate(-45deg);
					}
					html.contrast .form-check-wrapping-label input[type="checkbox"]:checked + .form-check-label:after{
						border-color:#1E2323;
					}

			/*
			MultiCheckbox options side by side
			 */
				.form-element-radio [role="radiogroup"],
				.form-element-checkbox [role="group"]{
					display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;
					margin-right:-15px; margin-left:-15px;
				}
					.form-element-radio [role="radiogroup"] .form-check,
					.form-element-checkbox [role="group"] .form-check{
						-ms-flex-preferred-size:0; flex-basis:0; -ms-flex-positive:1; flex-grow:1;
						max-width:100%; box-sizing:border-box; position:relative; width:100%;
						padding-right:15px; padding-left:15px;
						-ms-flex:0 0 50%; flex:0 0 50%; max-width:50%;
					}
			@media screen and (max-width:410px){
				.form-element-radio [role="radiogroup"],
				.form-element-checkbox [role="group"]{ display:block; }
				.form-element-radio [role="radiogroup"] .form-check,
				.form-element-checkbox [role="group"] .form-check{ max-width:none; }
			}
			
			/*###
			//# Errors
			###*/
			
			.form-element.has-error input[type="text"],
			.form-element.has-error input[type="email"],
			.form-element.has-error textarea{ border-color:#cc0000; }
			span.error{ display:block; font-size:smaller; color:#cc0000; }
			
			/*###
			//# Form-Navigation
			###*/
			
			.form-navigation{ clear:both; padding:10px 0 0 0; }
			
		
	/*
	@media screen and (max-width:410px){
	}
	*/


/* ###################################################################################### */
/* #### YouTube Video oder JavaScript (manuell eingebunden über HTML-Inhaltselement)  ### */

	.yt-video-wrapper,
	.javascript-wrapper{
		padding:0 5%; margin-left:auto; margin-right:auto; max-width:800px;
	}
		.yt-video-wrapper .placeholder,
		.javascript-wrapper .placeholder{ border:1px solid #ccc; padding:18px; }
			.yt-video-wrapper .placeholder .consent,
			.javascript-wrapper .placeholder .consent{ cursor:pointer; }
				.yt-video-wrapper .placeholder figure,
				.javascript-wrapper .placeholder figure{ margin-bottom:10px; position:relative; }
					.yt-video-wrapper .placeholder figcaption,
					.javascript-wrapper .placeholder figcaption{
						position:absolute; top:50%; left:0; width:100%; font-weight:bold; color:#fff; transform: translateY(-50%); text-align:center;
						padding:100px 10px 0 10px;
						background-image:url(../Images/Icons/PlayVideo.svg); background-repeat:no-repeat; background-position:top center;
					}
					.javascript-wrapper .placeholder figcaption{ background-image:url(../Images/Icons/LoadScript.svg); }
			.yt-video-wrapper .placeholder > *:last-child,
			.javascript-wrapper .placeholder > *:last-child{ margin-bottom:0; }
		.yt-video-wrapper .video{ position:relative; height:0; overflow:hidden; padding-bottom:56.25%; /* 4:3 = 75% , 16:9 = 56.25%; */ }
			.yt-video-wrapper .video iframe{ position:absolute; top:0; left:0; width:100%; height:100%; }


/* ##################################################################### */
/* #### Indexsuche ##################################################### */

	.tx-indexedsearch-searchbox,
	.tx-indexedsearch-info-sword,
	div.tx-indexedsearch-browsebox,
	.tx-indexedsearch-res,
	.tx-indexedsearch-info-noresult{ margin-left:5% !important; margin-right:5% !important; }

	.tx-indexedsearch-searchbox{ margin:0 0 1em 0; }
		.tx-indexedsearch-searchbox fieldset{ margin:0; padding:0; border:none; }
			.tx-indexedsearch-searchbox legend{ display:none; }

	
	/* "Größe", "Erstellt", "Geändert" und "Pfad" ausblenden: */
	dl.tx-indexedsearch-info{ display:none; }

	/* Prozentzahl ausgeblendet */
	.tx-indexedsearch-percent{ display:none; }
	
	ul.tx-indexedsearch-browsebox{ margin:2em 0; padding:0; list-style:none; }
		ul.tx-indexedsearch-browsebox li{ margin:0; padding:0; display:inline; }
			ul.tx-indexedsearch-browsebox li:after{ content:"|"; margin:0 10px;  }
			ul.tx-indexedsearch-browsebox li:last-child:after{ display:none; }
				ul.tx-indexedsearch-browsebox li.tx-indexedsearch-browselist-currentPage a{ color:#000; }

	.tx-indexedsearch-res{ margin-bottom:2em; }
		.tx-indexedsearch-res > * { max-width:800px; }


/* ##################################################################### */
/* #### Map (maptiler) ################################################# */

	.map{
		position:relative; height:0; overflow:hidden; padding-bottom:56.25%; /* 4:3 = 75% , 16:9 = 56.25%; */
	}


/* ##################################################################### */
/* #### Swiper-Slider ################################################## */

	.news-list-view{ overflow:hidden; }
		.news-list-view .swiper-container{ overflow:visible; padding-top:20px; /* space for shadow */ padding-bottom:70px; /* space for pagination */ }
			.news-list-view .swiper-slide{ height:auto; }

	/*###
	//# Pagination
	###*/
	.swiper-pagination{ padding:0; }
	
	.swiper-pagination-bullet{ width:10px; height:10px; opacity:1; vertical-align:middle; background-color:#4A4A49; border-radius:50%; }
	.swiper-pagination-bullet-active{ width:16px; height:16px; }
	.theme-color .swiper-pagination-bullet{ background-color:#fff; }

	/*###
	//# Direction Nav
	###*/
	
		.touch .custom-swiper-button-prev,
		.touch .custom-swiper-button-next{ display:none; }
		
		.custom-swiper-button-prev,
		.custom-swiper-button-next{
			position:absolute; top:50%; z-index:3; margin-top:-8px;
			cursor:pointer;
			content:""; display:block; box-sizing:border-box;
			width:0; height:0; border-style:solid;
			border-width: 7px 0 7px 12.1px;
			border-color: transparent transparent transparent #ffffff;
		}
		.custom-swiper-button-prev{ left:2%; transform:rotate(-180deg); }
		.custom-swiper-button-next{ right:2%; }

		/*
		.custom-swiper-button-prev:hover,
		.custom-swiper-button-next:hover{ border-color:#ff0; }
		*/
	
		.custom-swiper-button-prev:focus,
		.custom-swiper-button-next:focus,
		.custom-swiper-button-prev:active,
		.custom-swiper-button-next:active{ outline:none; }
	
		.custom-swiper-button-prev:focus,
		.custom-swiper-button-next:focus{ outline:2px dotted #fff; }
	
	@media screen and (max-width:600px){
		.custom-swiper-button-prev{ left:4px; }
		.custom-swiper-button-next{ right:4px; }
	}
	


/* ##################################################################### */
/* #### Buttons (bei Änderungen ggf. auch Rte.css anpassen)  ########### */

	.button-download,
	.button-download_default,
	.button-download_buerger-stadt-verkehr,
	.button-download_tourismus,
	.button-download_oeffentliches-leben,
	.button-download_kultur-sehenswertes,
	.button-download_genuss-regionalitaet,
	.button-download_natur-freizeit,
	.button-more,
	.button-more_default,
	.button-more_buerger-stadt-verkehr,
	.button-more_tourismus,
	.button-more_oeffentliches-leben,
	.button-more_kultur-sehenswertes,
	.button-more_genuss-regionalitaet,
	.button-more_natur-freizeit,
	.form-navigation .btn-primary,
	.form-navigation .btn-outline-primary{
		display:inline-block; box-sizing:border-box; min-width:220px; padding:10px 55px 10px 26px; background-color:#fff; position:relative;
		font-size:20px; line-height:1.2; margin:1em 0 0 0; text-decoration:none !important; cursor:pointer; border-style:solid; border-width:2px;
		text-align:left;
	}
	
	
	/*###
	//# Button Farben + Hover-Zustände
	###*/
	
	.form-navigation .btn-primary,
	.form-navigation .btn-outline-primary{ color:#fff; background-color:#649ADD; border-color:#649ADD; }
	.form-navigation .btn-primary:focus,
	.form-navigation .btn-outline-primary:focus{ outline-color:#649ADD; }

	html.contrast .form-navigation .btn-primary,
	html.contrast .form-navigation .btn-outline-primary{ background-color:#1E2323; border-color:#1E2323; }
	
	.button-download_default,
	.button-more_default,
	.color_default .button-download,
	.color_default .button-more{ color:#1E2323; border-color:#1E2323; }
	.button-download_default:hover,
	.button-more_default:hover,
	.color_default .button-download:hover,
	.color_default .button-more:hover{ color:#fff; background-color:#1E2323; }
	
	.button-download_buerger-stadt-verkehr,
	.button-more_buerger-stadt-verkehr,
	.color_buerger-stadt-verkehr .button-download,
	.color_buerger-stadt-verkehr .button-more{ color:#649ADD; border-color:#649ADD; }
	.button-download_buerger-stadt-verkehr:hover,
	.button-more_buerger-stadt-verkehr:hover,
	.color_buerger-stadt-verkehr .button-download:hover,
	.color_buerger-stadt-verkehr .button-more:hover{ color:#fff; background-color:#649ADD; }
	
	.button-download_tourismus,
	.button-more_tourismus,
	.color_tourismus .button-download,
	.color_tourismus .button-more{ color:#E5B14F; border-color:#E5B14F; }
	.button-download_tourismus:hover,
	.button-more_tourismus:hover,
	.color_tourismus .button-download:hover,
	.color_tourismus .button-more:hover{ color:#fff; background-color:#E5B14F; }
	
	.button-download_oeffentliches-leben,
	.button-more_oeffentliches-leben,
	.color_oeffentliches-leben .button-download,
	.color_oeffentliches-leben .button-more{ color:#E66535; border-color:#E66535; }
	.button-download_oeffentliches-leben:hover,
	.button-more_oeffentliches-leben:hover,
	.color_oeffentliches-leben .button-download:hover,
	.color_oeffentliches-leben .button-more:hover{ color:#fff; background-color:#E66535; }

	.button-download_kultur-sehenswertes,
	.button-more_kultur-sehenswertes,
	.color_kultur-sehenswertes .button-download,
	.color_kultur-sehenswertes .button-more{ color:#903751; border-color:#903751; }
	.button-download_kultur-sehenswertes:hover,
	.button-more_kultur-sehenswertes:hover,
	.color_kultur-sehenswertes .button-download:hover,
	.color_kultur-sehenswertes .button-more:hover{ color:#fff; background-color:#903751; }
	
	.button-download_genuss-regionalitaet,
	.button-more_genuss-regionalitaet,
	.color_genuss-regionalitaet .button-download,
	.color_genuss-regionalitaet .button-more{ color:#DA4E5D; border-color:#DA4E5D; }
	.button-download_genuss-regionalitaet:hover,
	.button-more_genuss-regionalitaet:hover,
	.color_genuss-regionalitaet .button-download:hover,
	.color_genuss-regionalitaet .button-more:hover{ color:#fff; background-color:#DA4E5D; }
	
	.button-download_natur-freizeit,
	.button-more_natur-freizeit,
	.color_natur-freizeit .button-download,
	.color_natur-freizeit .button-more{ color:#40A992; border-color:#40A992; }
	.button-download_natur-freizeit:hover,
	.button-more_natur-freizeit:hover,
	.color_natur-freizeit .button-download:hover,
	.color_natur-freizeit .button-more:hover{ color:#fff; background-color:#40A992; }


	html.contrast .button-download,
	html.contrast .button-more,
	html.contrast .button-download_buerger-stadt-verkehr,
	html.contrast .button-more_buerger-stadt-verkehr,
	html.contrast .button-download_tourismus,
	html.contrast .button-more_tourismus,
	html.contrast .button-download_oeffentliches-leben,
	html.contrast .button-more_oeffentliches-leben,
	html.contrast .button-download_kultur-sehenswertes,
	html.contrast .button-more_kultur-sehenswertes,
	html.contrast .button-download_genuss-regionalitaet,
	html.contrast .button-more_genuss-regionalitaet,
	html.contrast .button-download_natur-freizeit,
	html.contrast .button-more_natur-freizeit{ color:#1E2323; border-color:#1E2323; }
	html.contrast .button-download:hover,
	html.contrast .button-more:hover,
	html.contrast .button-download_buerger-stadt-verkehr:hover,
	html.contrast .button-more_buerger-stadt-verkehr:hover,
	html.contrast .button-download_tourismus:hover,
	html.contrast .button-more_tourismus:hover,
	html.contrast .button-download_oeffentliches-leben:hover,
	html.contrast .button-more_oeffentliches-leben:hover,
	html.contrast .button-download_kultur-sehenswertes:hover,
	html.contrast .button-more_kultur-sehenswertes:hover,
	html.contrast .button-download_genuss-regionalitaet:hover,
	html.contrast .button-more_genuss-regionalitaet:hover,
	html.contrast .button-download_natur-freizeit:hover,
	html.contrast .button-more_natur-freizeit:hover{ color:#fff; background-color:#1E2323; }

	/*###
	//# Button-Outline bei farbigem Grund (nur für .frame-type-text , damit es bei den Kacheln nicht greift)
	###*/
		
	.theme-color .frame-type-text .button-download,
	.theme-color .frame-type-text .button-download_default,
	.theme-color .frame-type-text .button-download_buerger-stadt-verkehr,
	.theme-color .frame-type-text .button-download_tourismus,
	.theme-color .frame-type-text .button-download_oeffentliches-leben,
	.theme-color .frame-type-text .button-download_kultur-sehenswertes,
	.theme-color .frame-type-text .button-download_genuss-regionalitaet,
	.theme-color .frame-type-text .button-download_natur-freizeit,
	.theme-color .frame-type-text .button-more,
	.theme-color .frame-type-text .button-more_default,
	.theme-color .frame-type-text .button-more_buerger-stadt-verkehr,
	.theme-color .frame-type-text .button-more_tourismus,
	.theme-color .frame-type-text .button-more_oeffentliches-leben,
	.theme-color .frame-type-text .button-more_kultur-sehenswertes,
	.theme-color .frame-type-text .button-more_genuss-regionalitaet,
	.theme-color .frame-type-text .button-more_natur-freizeit,
	.theme-color .frame-type-text .form-navigation .btn-primary,
	.theme-color .frame-type-text .form-navigation .btn-outline-primary{ border-color:#fff; }
	
	/*###
	//# Button Icons
	###*/
	
	.form-navigation .btn-primary:after,
	.button-download:after,
	.button-download_default:after,
	.button-download_buerger-stadt-verkehr:after,
	.button-download_tourismus:after,
	.button-download_oeffentliches-leben:after,
	.button-download_kultur-sehenswertes:after,
	.button-download_genuss-regionalitaet:after,
	.button-download_natur-freizeit:after,
	.button-more:after,
	.button-more_default:after,
	.button-more_buerger-stadt-verkehr:after,
	.button-more_tourismus:after,
	.button-more_oeffentliches-leben:after,
	.button-more_kultur-sehenswertes:after,
	.button-more_genuss-regionalitaet:after,
	.button-more_natur-freizeit:after{
		content:""; display:block; width:25px; height:25px; position:absolute; top:50%; margin-top:-12px; right:25px;
		background-image:url(../Images/Icons/Button.svg); background-repeat:no-repeat; background-position-x:0;
	}

	.form-navigation .btn-primary:after{ background-position-y:-500px; }
	
	.button-download_default:after,
	.color_default .button-download:after{ background-position-y:-25px; }
	.button-download_buerger-stadt-verkehr:after,
	.color_buerger-stadt-verkehr .button-download:after{ background-position-y:-50px; }
	.button-download_tourismus:after,
	.color_tourismus .button-download:after{ background-position-y:-75px; }
	.button-download_oeffentliches-leben:after,
	.color_oeffentliches-leben .button-download:after{ background-position-y:-100px; }
	.button-download_kultur-sehenswertes:after,
	.color_kultur-sehenswertes .button-download:after{ background-position-y:-125px; }
	.button-download_genuss-regionalitaet:after,
	.color_genuss-regionalitaet .button-download:after{ background-position-y:-150px; }
	.button-download_natur-freizeit:after,
	.color_natur-freizeit .button-download:after{ background-position-y:-175px; }
	html.contrast .button-download:after,
	html.contrast .button-download_default:after,
	html.contrast .button-download_buerger-stadt-verkehr:after,
	html.contrast .button-download_tourismus:after,
	html.contrast .button-download_oeffentliches-leben:after,
	html.contrast .button-download_kultur-sehenswertes:after,
	html.contrast .button-download_genuss-regionalitaet:after,
	html.contrast .button-download_natur-freizeit:after{ background-position-y:-25px; }
	
	.button-download_default:hover:after,
	.color_default .button-download:hover:after,
	.button-download_buerger-stadt-verkehr:hover:after,
	.color_buerger-stadt-verkehr .button-download:hover:after,
	.button-download_tourismus:hover:after,
	.color_tourismus .button-download:hover:after,
	.button-download_oeffentliches-leben:hover:after,
	.color_oeffentliches-leben .button-download:hover:after,
	.button-download_kultur-sehenswertes:hover:after,
	.color_kultur-sehenswertes .button-download:hover:after,
	.button-download_genuss-regionalitaet:hover:after,
	.color_genuss-regionalitaet .button-download:hover:after,
	.button-download_natur-freizeit:hover:after,
	.color_natur-freizeit .button-download:hover:after,
	html.contrast .button-download:hover::after,
	html.contrast .button-download_default:hover::after,
	html.contrast .button-download_buerger-stadt-verkehr:hover::after,
	html.contrast .button-download_tourismus:hover::after,
	html.contrast .button-download_oeffentliches-leben:hover::after,
	html.contrast .button-download_kultur-sehenswertes:hover::after,
	html.contrast .button-download_genuss-regionalitaet:hover::after,
	html.contrast .button-download_natur-freizeit:hover::after{ background-position-y:0px; }
	
	.button-more_default:after,
	.color_default .button-more:after{ background-position-y:-275px; }
	.button-more_buerger-stadt-verkehr:after,
	.color_buerger-stadt-verkehr .button-more:after{ background-position-y:-300px; }
	.button-more_tourismus:after,
	.color_tourismus .button-more:after{ background-position-y:-325px; }
	.button-more_oeffentliches-leben:after,
	.color_oeffentliches-leben .button-more:after{ background-position-y:-350px; }
	.button-more_kultur-sehenswertes:after,
	.color_kultur-sehenswertes .button-more:after{ background-position-y:-375px; }
	.button-more_genuss-regionalitaet:after,
	.color_genuss-regionalitaet .button-more:after{ background-position-y:-400px; }
	.button-more_natur-freizeit:after,
	.color_natur-freizeit .button-more:after{ background-position-y:-425px; }
	html.contrast .button-more:after,
	html.contrast .button-more_default:after,
	html.contrast .button-more_buerger-stadt-verkehr:after,
	html.contrast .button-more_tourismus:after,
	html.contrast .button-more_oeffentliches-leben:after,
	html.contrast .button-more_kultur-sehenswertes:after,
	html.contrast .button-more_genuss-regionalitaet:after,
	html.contrast .button-more_natur-freizeit:after{ background-position-y:-275px; }
	
	.button-more_default:hover:after,
	.color_default .button-more:hover:after,
	.button-more_buerger-stadt-verkehr:hover:after,
	.color_buerger-stadt-verkehr .button-more:hover:after,
	.button-more_tourismus:hover:after,
	.color_tourismus .button-more:hover:after,
	.button-more_oeffentliches-leben:hover:after,
	.color_oeffentliches-leben .button-more:hover:after,
	.button-more_kultur-sehenswertes:hover:after,
	.color_kultur-sehenswertes .button-more:hover:after,
	.button-more_genuss-regionalitaet:hover:after,
	.color_genuss-regionalitaet .button-more:hover:after,
	.button-more_natur-freizeit:hover:after,
	.color_natur-freizeit .button-more:hover:after,
	html.contrast .button-more:hover::after,
	html.contrast .button-more_default:hover::after,
	html.contrast .button-more_buerger-stadt-verkehr:hover::after,
	html.contrast .button-more_tourismus:hover::after,
	html.contrast .button-more_oeffentliches-leben:hover::after,
	html.contrast .button-more_kultur-sehenswertes:hover::after,
	html.contrast .button-more_genuss-regionalitaet:hover::after,
	html.contrast .button-more_natur-freizeit:hover::after{ background-position-y:-250px; }


/* ##################################################################### */
/* #### Link-Kacheln  ################################################## */

		.frame_type-group-r2_tile{
			padding:0 5%; margin:80px auto;
			display:grid;
			grid-template-columns:repeat(3, 1fr);
			grid-auto-rows:1fr;
			grid-column-gap:20px;
			grid-row-gap:20px;
		}
			.frame_type-group-r2_tile > *{
				display:block;
				box-sizing:border-box; padding:60px 20px; text-align:center;
				background-color:#ffffff;
				box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);
			}
			a.frame-type-r2_tile{ text-decoration:none; transition:transform .2s; }
			a.frame-type-r2_tile:hover{ transform:scale(1.08); }
				.frame-type-r2_tile img{ margin-bottom: 15px; }
				.frame-type-r2_tile h3{ margin:0 0 15px 0; }
				
	@media screen and (max-width:850px){
		.frame_type-group-r2_tile{
			grid-template-columns:repeat(1, 1fr);
		}
	}
	
	/*###
	//# Kachel Farben
	###*/
	
	/* Text-Farbe */
	.frame-type-r2_tile.frame-layout-0 p{ color:#000; }
	
	/* Headline-Farbe */
	.color_default					.frame-type-r2_tile.frame-layout-0 h3{ color:#1E2323; }
	.color_buerger-stadt-verkehr	.frame-type-r2_tile.frame-layout-0 h3{ color:#649ADD; }
	.color_tourismus 				.frame-type-r2_tile.frame-layout-0 h3{ color:#E5B14F; }
	.color_oeffentliches-leben		.frame-type-r2_tile.frame-layout-0 h3{ color:#E66535; }
	.color_kultur-sehenswertes		.frame-type-r2_tile.frame-layout-0 h3{ color:#903751; }
	.color_genuss-regionalitaet		.frame-type-r2_tile.frame-layout-0 h3{ color:#DA4E5D; }
	.color_natur-freizeit			.frame-type-r2_tile.frame-layout-0 h3{ color:#40A992; }

	html.contrast					.frame-type-r2_tile.frame-layout-0 h3{ color:#1E2323; }
	
	/* Hintergrund-Farbe */
	.frame-type-r2_tile.frame-layout-11{ background-color:#1E2323; color:#fff; }
	.frame-type-r2_tile.frame-layout-12{ background-color:#649ADD; color:#fff; }
	.frame-type-r2_tile.frame-layout-13{ background-color:#E5B14F; color:#fff; }
	.frame-type-r2_tile.frame-layout-14{ background-color:#E66535; color:#fff; }
	.frame-type-r2_tile.frame-layout-15{ background-color:#903751; color:#fff; }
	.frame-type-r2_tile.frame-layout-16{ background-color:#DA4E5D; color:#fff; }
	.frame-type-r2_tile.frame-layout-17{ background-color:#40A992; color:#fff; }

	html.contrast .frame-type-r2_tile.frame-layout-11,
	html.contrast .frame-type-r2_tile.frame-layout-12,
	html.contrast .frame-type-r2_tile.frame-layout-13,
	html.contrast .frame-type-r2_tile.frame-layout-14,
	html.contrast .frame-type-r2_tile.frame-layout-15,
	html.contrast .frame-type-r2_tile.frame-layout-16,
	html.contrast .frame-type-r2_tile.frame-layout-17{ background-color:#1E2323; }
	
	/* Button-Farbe */
	.frame-type-r2_tile.frame-layout-11 .button-more,
	.frame-type-r2_tile.frame-layout-12 .button-more,
	.frame-type-r2_tile.frame-layout-13 .button-more,
	.frame-type-r2_tile.frame-layout-14 .button-more,
	.frame-type-r2_tile.frame-layout-15 .button-more,
	.frame-type-r2_tile.frame-layout-16 .button-more,
	.frame-type-r2_tile.frame-layout-17 .button-more{
		background-color:transparent; border-color:#fff; color:#fff;
	}
	
	.frame-type-r2_tile.frame-layout-11 .button-more:hover{ background-color:#fff; color:#1E2323; }
	.frame-type-r2_tile.frame-layout-12 .button-more:hover{ background-color:#fff; color:#649ADD; }
	.frame-type-r2_tile.frame-layout-13 .button-more:hover{ background-color:#fff; color:#E5B14F; }
	.frame-type-r2_tile.frame-layout-14 .button-more:hover{ background-color:#fff; color:#E66535; }
	.frame-type-r2_tile.frame-layout-15 .button-more:hover{ background-color:#fff; color:#903751; }
	.frame-type-r2_tile.frame-layout-16 .button-more:hover{ background-color:#fff; color:#DA4E5D; }
	.frame-type-r2_tile.frame-layout-17 .button-more:hover{ background-color:#fff; color:#40A992; }

	html.contrast .frame-type-r2_tile.frame-layout-11 .button-more:hover,
	html.contrast .frame-type-r2_tile.frame-layout-12 .button-more:hover,
	html.contrast .frame-type-r2_tile.frame-layout-13 .button-more:hover,
	html.contrast .frame-type-r2_tile.frame-layout-14 .button-more:hover,
	html.contrast .frame-type-r2_tile.frame-layout-15 .button-more:hover,
	html.contrast .frame-type-r2_tile.frame-layout-16 .button-more:hover,
	html.contrast .frame-type-r2_tile.frame-layout-17 .button-more:hover{ color:#1E2323; }
	
	.frame-type-r2_tile.frame-layout-11 .button-more:after,
	.frame-type-r2_tile.frame-layout-12 .button-more:after,
	.frame-type-r2_tile.frame-layout-13 .button-more:after,
	.frame-type-r2_tile.frame-layout-14 .button-more:after,
	.frame-type-r2_tile.frame-layout-15 .button-more:after,
	.frame-type-r2_tile.frame-layout-16 .button-more:after,
	.frame-type-r2_tile.frame-layout-17 .button-more:after{
		background-position-y:-250px;
	}
	
	.frame-type-r2_tile.frame-layout-11 .button-more:hover:after{ background-position-y:-275px; }
	.frame-type-r2_tile.frame-layout-12 .button-more:hover:after{ background-position-y:-300px; }
	.frame-type-r2_tile.frame-layout-13 .button-more:hover:after{ background-position-y:-325px; }
	.frame-type-r2_tile.frame-layout-14 .button-more:hover:after{ background-position-y:-350px; }
	.frame-type-r2_tile.frame-layout-15 .button-more:hover:after{ background-position-y:-375px; }
	.frame-type-r2_tile.frame-layout-16 .button-more:hover:after{ background-position-y:-400px; }
	.frame-type-r2_tile.frame-layout-17 .button-more:hover:after{ background-position-y:-425px; }

	html.contrast .frame-type-r2_tile.frame-layout-11 .button-more:hover:after,
	html.contrast .frame-type-r2_tile.frame-layout-12 .button-more:hover:after,
	html.contrast .frame-type-r2_tile.frame-layout-13 .button-more:hover:after,
	html.contrast .frame-type-r2_tile.frame-layout-14 .button-more:hover:after,
	html.contrast .frame-type-r2_tile.frame-layout-15 .button-more:hover:after,
	html.contrast .frame-type-r2_tile.frame-layout-16 .button-more:hover:after,
	html.contrast .frame-type-r2_tile.frame-layout-17 .button-more:hover:after{ background-position-y:-275px; }


/* ##################################################################### */
/* #### Badges ######################################################### */
	
		.badge{
			font-family:Asap, arial, sans-serif; font-weight:normal; overflow:hidden;
			display:inline-block; width:36vw; height:6vw; line-height:6vw; font-size:3vw;
			box-sizing:border-box;  margin-left:-2vw; padding:0 0 0 2vw; margin-bottom:0.2em;
			color:#fff; background-repeat:no-repeat; background-position:left top; background-size:cover;
		}
		
	@media screen and (min-width:1000px){
		.badge{
			width:360px; height:60px; line-height:60px; font-size:30px; margin-left:-20px; padding-left:20px;
		}
	}
	@media screen and (max-width:844px){
		.badge{
			width:304px; height:50px; line-height:50px; font-size:25px; margin-left:-10px; padding-left:10px;
		}
	}
	
	
		.color_default					.badge{ background-image:url(../Images/Badge/1E2323.svg); }
		.color_buerger-stadt-verkehr	.badge{ background-image:url(../Images/Badge/649ADD.svg); }
		.color_tourismus 				.badge{ background-image:url(../Images/Badge/E5B14F.svg); }
		.color_oeffentliches-leben		.badge{ background-image:url(../Images/Badge/E66535.svg); }
		.color_kultur-sehenswertes		.badge{ background-image:url(../Images/Badge/903751.svg); }
		.color_genuss-regionalitaet		.badge{ background-image:url(../Images/Badge/DA4E5D.svg); }
		.color_natur-freizeit			.badge{ background-image:url(../Images/Badge/40A992.svg); }

		/* Überschreibung für Badges, die vom Farbprofil der Seite abweichen (Kindselektor hat höhere Priorität) */
		.color_default					> .badge{ background-image:url(../Images/Badge/1E2323.svg); }
		.color_buerger-stadt-verkehr	> .badge{ background-image:url(../Images/Badge/649ADD.svg); }
		.color_tourismus 				> .badge{ background-image:url(../Images/Badge/E5B14F.svg); }
		.color_oeffentliches-leben		> .badge{ background-image:url(../Images/Badge/E66535.svg); }
		.color_kultur-sehenswertes		> .badge{ background-image:url(../Images/Badge/903751.svg); }
		.color_genuss-regionalitaet		> .badge{ background-image:url(../Images/Badge/DA4E5D.svg); }
		.color_natur-freizeit			> .badge{ background-image:url(../Images/Badge/40A992.svg); }
			
			.badge a{ color:#fff; text-decoration:none; }

		/* Überschreibung für Badges bei Darstellung im Kontrastmodus */
			html.contrast 								.badge{ background-image:url(../Images/Badge/1E2323.svg); }
			html.contrast .frame-type-r2_fullsizeimage 	h2 > .badge{ background-image:url(../Images/Badge/FFFFFF.svg); color:#000; }
				html.contrast .frame-type-r2_fullsizeimage .badge a{ color:#000; }


/* ##################################################################### */
/* #### Aufklapper ##################################################### */

	.frame-type-r2_detailssummary{ padding:0 5%; margin-left:auto; margin-right:auto; max-width:800px; }
		details{ padding-top:2px; }
			
			details > summary::-webkit-details-marker{ display:none; }
			
			details > summary{
				list-style:none; display:block; position:relative;
				padding:7px 30px 7px 20px; cursor:pointer;
				font-size:20px; line-height:1.5em; font-weight:normal;
				color:#000; background-color:#fff; border:1px solid #000;
			}
			.theme-color details > summary{ border-width:0; }
			
											details > summary{ color:#1E2323; border-color:#1E2323; }
			.color_buerger-stadt-verkehr	details > summary{ color:#649ADD; border-color:#649ADD; }
			.color_tourismus				details > summary{ color:#E5B14F; border-color:#E5B14F; }
			.color_oeffentliches-leben		details > summary{ color:#E66535; border-color:#E66535; }
			.color_kultur-sehenswertes		details > summary{ color:#903751; border-color:#903751; }
			.color_genuss-regionalitaet		details > summary{ color:#DA4E5D; border-color:#DA4E5D; }
			.color_natur-freizeit			details > summary{ color:#40A992; border-color:#40A992; }

			html.contrast 					details > summary{ color:#1E2323; border-color:#1E2323; }
			
			details[open] > summary,
			html.contrast details[open] > summary{ color:#fff; background-color:#000; border-color:#fff; border-width:0; }
			.theme-color details[open] > summary{ border-width:1px; }
			
											details[open] > summary{ background-color:#1E2323; }
			.color_buerger-stadt-verkehr	details[open] > summary{ background-color:#649ADD; }
			.color_tourismus				details[open] > summary{ background-color:#E5B14F; }
			.color_oeffentliches-leben		details[open] > summary{ background-color:#E66535; }
			.color_kultur-sehenswertes		details[open] > summary{ background-color:#903751; }
			.color_genuss-regionalitaet		details[open] > summary{ background-color:#DA4E5D; }
			.color_natur-freizeit			details[open] > summary{ background-color:#40A992; }
			
			details > summary::after{
				content:""; position:absolute; top:50%; margin-top:-5px; right:15px; display:block; box-sizing:border-box; width:0; height:0;
				border-style:solid; overflow:hidden;
				border-width:12.1px 7px 0 7px; 
				border-color:#000000 transparent transparent transparent; 
			}
											details > summary::after{ border-top-color:#1E2323; }
			.color_buerger-stadt-verkehr	details > summary::after{ border-top-color:#649ADD; }
			.color_tourismus				details > summary::after{ border-top-color:#E5B14F; }
			.color_oeffentliches-leben		details > summary::after{ border-top-color:#E66535; }
			.color_kultur-sehenswertes		details > summary::after{ border-top-color:#903751; }
			.color_genuss-regionalitaet		details > summary::after{ border-top-color:#DA4E5D; }
			.color_natur-freizeit			details > summary::after{ border-top-color:#40A992; }

			html.contrast					details > summary::after{ border-top-color:#1E2323; }
			
			details[open] > summary::after{
				border-width: 0 7px 12.1px 7px;
				border-color: transparent transparent #fff transparent;
			}
			
			details > .ce-bodytext{
				padding:20px 20px 2px 20px;
				background-color:#fff; color:#000; border:1px solid #000; border-top-width:0;
			}
			.theme-color details > .ce-bodytext{ border:none; }
											details > .ce-bodytext{ border-color:#1E2323; }
			.color_buerger-stadt-verkehr	details > .ce-bodytext{ border-color:#649ADD; }
			.color_tourismus				details > .ce-bodytext{ border-color:#E5B14F; }
			.color_oeffentliches-leben		details > .ce-bodytext{ border-color:#E66535; }
			.color_kultur-sehenswertes		details > .ce-bodytext{ border-color:#903751; }
			.color_genuss-regionalitaet		details > .ce-bodytext{ border-color:#DA4E5D; }
			.color_natur-freizeit			details > .ce-bodytext{ border-color:#40A992; }

			html.contrast					details > .ce-bodytext{ border-color:#1E2323; }


/* ##################################################################### */
/* #### Akkordeon (Aufklapper mit Text + Datensatz) #################### */

	.frame-type-r2_accordion.main{
		margin-left:5%; margin-right:5%;
		padding:1px; background-color:red; margin-bottom:1px;
	}
	/* Farben */
									.frame-type-r2_accordion.main{ background-color:#1E2323; }
	.color_buerger-stadt-verkehr	.frame-type-r2_accordion.main{ background-color:#649ADD; }
	.color_tourismus				.frame-type-r2_accordion.main{ background-color:#E5B14F; }
	.color_oeffentliches-leben		.frame-type-r2_accordion.main{ background-color:#E66535; }
	.color_kultur-sehenswertes		.frame-type-r2_accordion.main{ background-color:#903751; }
	.color_genuss-regionalitaet		.frame-type-r2_accordion.main{ background-color:#DA4E5D; }
	.color_natur-freizeit			.frame-type-r2_accordion.main{ background-color:#40A992; }
	html.contrast 					.frame-type-r2_accordion.main{ background-color:#1E2323; }
		
		.toggleAccordion{
			display:block; position:relative; width:100%; text-align:left;
			margin:0; padding:7px 30px 7px 20px; box-sizing:border-box;
			border:none; cursor:pointer; line-height:1.5em; font-weight:normal;
		}
		.accordion-header{ font-size:20px; text-transform:uppercase; color:#fff; background-color:transparent; }
		.accordion-subheader{ font-size:18px; color:#4A4A49; background-color:#fff; padding-left:40px; margin-top:1px; }
		.js .toggleAccordion::after{
			content:""; position:absolute; top:50%; margin-top:-5px; right:15px; display:block; box-sizing:border-box; width:0; height:0;
			border-style:solid; overflow:hidden; border-width:12.1px 7px 0 7px; border-color:#fff transparent transparent transparent; 
		}
		.js .accordion-subheader::after{ border-top-color:#4A4A49; }
		.toggleAccordion[aria-expanded="true"]::after{ transform:rotate(180deg); }
		
		.accordion-subheader:before{
			display:block; content:""; position:absolute; left:20px; top:50%; margin-top:-10px;
			width:12px; height:12px; box-sizing:border-box; border-left:1px solid #4A4A49; border-bottom:1px solid #4A4A49;
		}
		
		.js .toggleAccordion[aria-expanded="false"] ~ div{ display:none; }
			
			.accordion-content{
				background-color:#fff; margin-top:1px;
				display:grid;
				grid-template-columns:repeat(2, 1fr);
				grid-column-gap:20px;
				grid-row-gap:20px;
			}
		@media screen and (max-width:850px){
			.accordion-content{ display:block; }
		}
				.accordion-bodytext,
				.accordion-contact{ padding:20px 20px 5px 20px; }
					
					.accordion-contact > *{ margin-top:0; }


/* ##################################################################### */
/* #### Vollbild r2_fullsizeimage ###################################### */

	.frame-type-r2_fullsizeimage{ position:relative; height:0; overflow:hidden; padding-bottom:30%; /*aspect ratio*/ }
	@media screen and (max-width:834px){
		.frame-type-r2_fullsizeimage{ padding-bottom:250px; }
	}
		
		.frame-type-r2_fullsizeimage .imgwrap{ position:absolute; margin:auto auto; top:-5%; left:-5%; bottom:-5%; right:-5%; -webkit-transform:scale(1.15); transform:scale(1.15); }
		.frame-type-r2_fullsizeimage.in-viewport .imgwrap{ -webkit-transform:scale(1); transform:scale(1); transition:transform 5s; }
		
			.frame-type-r2_fullsizeimage img{
				object-fit:cover; position:absolute; width:100%; height:100%;
				/*
				img like backgound-size:cover
				https://stackoverflow.com/questions/11670874/is-there-an-equivalent-to-background-size-cover-and-contain-for-image-elements/28771894#28771894
				(erst mittels scale verkleinern, um es dann mittels min-width/-height auf die gewünschte Größe vergrößern zu können)
				
				position: absolute; margin:auto auto;
				left:-10000%; right:-10000%; top:-10000%; bottom:-10000%;
				min-width:1000%; min-height:1000%;
				-webkit-transform:scale(0.1); transform:scale(0.1);
				*/
			}
		
			.frame-type-r2_fullsizeimage img.bgpos_1{ /* center top */		object-position: 50% top; /*-webkit-transform-origin: 50%   0%; transform-origin: 50%   0%; top:0; bottom:auto;*/ }
			.frame-type-r2_fullsizeimage img.bgpos_2{ /* center bottom */	object-position: 50% bottom; }
			.frame-type-r2_fullsizeimage img.bgpos_3{ /* left center */		object-position: left 50%; }
			.frame-type-r2_fullsizeimage img.bgpos_4{ /* left top */		object-position: left top; }
			.frame-type-r2_fullsizeimage img.bgpos_5{ /* left bottom */		object-position: left bottom; }
			.frame-type-r2_fullsizeimage img.bgpos_6{ /* right center */	object-position: right 50%; }
			.frame-type-r2_fullsizeimage img.bgpos_7{ /* right top */		object-position: right top; }
			.frame-type-r2_fullsizeimage img.bgpos_8{ /* right bottom */	object-position: right bottom; }
			
		.frame-type-r2_fullsizeimage .content{ position:absolute; z-index:1; left:5%; right:5%; bottom:10%; color:#fff; }
			.frame-type-r2_fullsizeimage .header{ margin-left:auto; margin-right:auto; max-width:800px; }
				.frame-type-r2_fullsizeimage .header a{ color:#fff; text-decoration:none; }
	
	
/* ##################################################################### */
/* #### News (+ Shortcut "Datensatz einfügen) ########################## */

	/*###
	//# Paginator
	###*/
		.page-navigation,
		.f3-widget-paginator{ text-align:center; }
			.page-navigation > p{ margin:60px 0 40px 0; }
			
			ul.f3-widget-paginator{ margin:1em 0; padding:0; list-style:none; }
				ul.f3-widget-paginator li{ margin:0 15px 0 0; }
				ul.f3-widget-paginator li, ul.f3-widget-paginator a{ display:inline-block; min-width:2em; line-height:2em; text-align:center; }
				ul.f3-widget-paginator li:only-child{ display:none; }
				ul.f3-widget-paginator li.current{ background-color:#1E2323; color:#fff; padding:2px 4px; }
					ul.f3-widget-paginator a{ background-color:#ffffff; border:2px solid #000; text-decoration:none; padding:0 2px; }
					ul.f3-widget-paginator a:hover{ background-color:#1E2323; color:#fff !important; }
					ul.f3-widget-paginator .next a, ul.f3-widget-paginator .previous a{ background-color:transparent !important; color:#9F9F9F !important; border:none; }
					ul.f3-widget-paginator .next a:hover, ul.f3-widget-paginator .previous a:hover{ background-color:transparent; color:#1E2323 !important; }
				
				.color_buerger-stadt-verkehr	ul.f3-widget-paginator li.current{ background-color:#649ADD; }
				.color_buerger-stadt-verkehr	ul.f3-widget-paginator a{ border-color:#649ADD; color:#649ADD; }
				.color_buerger-stadt-verkehr	ul.f3-widget-paginator a:hover{ background-color:#649ADD; }
			
				.color_tourismus				ul.f3-widget-paginator li.current{ background-color:#E5B14F; }
				.color_tourismus				ul.f3-widget-paginator a{ border-color:#E5B14F; color:#E5B14F; }
				.color_tourismus				ul.f3-widget-paginator a:hover{ background-color:#E5B14F; }
			
				.color_oeffentliches-leben		ul.f3-widget-paginator li.current{ background-color:#E66535; }
				.color_oeffentliches-leben		ul.f3-widget-paginator a{ border-color:#E66535; color:#E66535; }
				.color_oeffentliches-leben		ul.f3-widget-paginator a:hover{ background-color:#E66535; }
			
				.color_kultur-sehenswertes		ul.f3-widget-paginator li.current{ background-color:#903751; }
				.color_kultur-sehenswertes		ul.f3-widget-paginator a{ border-color:#903751; color:#903751; }
				.color_kultur-sehenswertes		ul.f3-widget-paginator a:hover{ background-color:#903751; }
			
				.color_genuss-regionalitaet		ul.f3-widget-paginator li.current{ background-color:#DA4E5D; }
				.color_genuss-regionalitaet		ul.f3-widget-paginator a{ border-color:#DA4E5D; color:#DA4E5D; }
				.color_genuss-regionalitaet		ul.f3-widget-paginator a:hover{ background-color:#DA4E5D; }
			
				.color_natur-freizeit			ul.f3-widget-paginator li.current{ background-color:#40A992; }
				.color_natur-freizeit			ul.f3-widget-paginator a{ border-color:#40A992; color:#40A992; }
				.color_natur-freizeit			ul.f3-widget-paginator a:hover{ background-color:#40A992; }

				html.contrast					ul.f3-widget-paginator li.current{ background-color:#1E2323; }
				html.contrast					ul.f3-widget-paginator a{ border-color:#1E2323; color:#1E2323; }
				html.contrast					ul.f3-widget-paginator a:hover{ background-color:#1E2323; }

	/*###
	//# Kategorie-Filter + Suche
	###*/
	
	.news-category-filter,
	.news-search-form{ margin:0 10% 0 10%; }
	@media screen and (max-width: 500px){
		.news-category-filter,
		.news-search-form{ margin-left:0; margin-right:0; }
	}
	
		.news-category-filter{
			box-shadow:0px 0px 5px 0px #d6d6d6; margin-bottom:20px; height:50px; box-sizing:border-box; position:relative;
			padding:7px 0 0 20px; cursor:pointer; /* damit "Mouseover" auf iOS funktioniert */
		}
		.news-category-filter:after{
			content:""; display:block; width:0; height:0; border-style:solid; border-width:13.9px 8px 0 8px; border-color:#4a4a49 transparent transparent transparent;
			position:absolute; right:20px; top:50%; margin-top:-7px;
		}
			.news-category-filter .header{ text-transform:uppercase; font-size:14px; line-height:1.2; }
			.news-category-filter > .selected{ font-weight:bold; }

			.news-category-filter ul{ display:none; position:absolute; z-index:2; top:100%; left:0; width:100%; box-sizing:border-box; margin:0; padding:0 20px 0 20px; list-style:none; box-shadow:0px 0px 5px 0px #d6d6d6; background-color:#EFEFEF; }
			.touch .news-category-filter:hover ul{ display:none; }
			.touch .news-category-filter.expanded:hover ul,
			.touch .news-category-filter.expanded ul,
			.news-category-filter:hover ul{ display:block; }
				.news-category-filter li{ margin:0; padding:0; }
					.news-category-filter ul a{
						display:block; line-height:50px; border-bottom:1px solid #B2AFAC; cursor:pointer; color:#313131; text-decoration:none;
					}
					.news-category-filter ul li:last-child a{
						border:none;
					}
					.news-category-filter ul a:hover{ text-decoration:underline; }
		
		.news-search-form{ position:relative; box-shadow:0px 0px 5px 0px #d6d6d6; }
			.news-search-form input.form-control{
				display:block; box-sizing:border-box; width:100%; height:50px;
				font-size:1em; line-height:24px; border:none; padding:13px 50px 13px 20px;
			}
			.news-search-form button{
				position:absolute; right:0px; top:0px;
				display:block; box-sizing:border-box; padding:13px 10px 13px 10px; background-color:#fff; 
				font-size:24px; line-height:1; margin:0; text-decoration:none; cursor:pointer; border:none;
			}
				.news-search-form button img{ display:block; }
		.news-search-result .count-msg{ margin-top:20px; }
	
	
	/*###
	//# Detailansicht
	###*/
	
	.news-single .non-shortcut{ max-width:800px; margin:0 auto; }
		.news-single .non-shortcut p.news-list-date{ margin-bottom:0; }
		.news-single .non-shortcut h1{ margin-top:0; }
		.news-single .non-shortcut .news-img-wrap .outer{ margin-bottom:20px; }
			.news-single .non-shortcut .news-img-wrap img{ max-width:100%; height:auto; }
	
	
	/*###
	//# List + Shortcut (Datensatz einfügen)
	###*/
			.news-list-view,
			.frame-type-shortcut{ padding:0 5%; margin-left:auto; margin-right:auto; }
				.news-list-view .news-img-wrap,
				.news .shortcut .news-img-wrap{ overflow:hidden; }
					.news-list-view img,
					.news .shortcut img{ width:100%; height:auto; }
					.news-list-view a img:hover{ transform:scale(1.08); transition:transform .2s; }
				.news-list-view .article .text{ padding:20px 20px 90px 20px; }
				.news-list-view.layout_4 .article .text,
				.news-list-view.layout_6 .article .text{ padding-bottom:10px; } /* _4 und 6 haben keinen Link am Ende und brauchen weniger Platz */
				.news .shortcut .text{ padding:20px 20px 10px 20px; }
				
					p.news-list-category{ text-transform:uppercase; color:#4A4A49; }
					.news-list-view a,
					.news .shortcut a{ text-decoration:none; }
					.news-list-view a:hover,
					.news .shortcut a:hover{ text-decoration:underline; }
					.news-list-view div.more{ position:absolute; left:0; bottom:30px; width:100%; text-align:center; }
						/*.news-list-view .button-more{ display:block; } – volle Breite */
		
		/*###
		//# Kacheln für …
		//# _  List (default)
		//# _3 List ungekürzt, ohne Datum
		//# _4 List ungekürzt, ohne Datum, ohne Link
		//# _6 List ungekürzt, ohne Datum, mit  Link, ohne Button.
		###*/
			/*
			.news-list-view.layout_
			.news-list-view.layout_3
			.news-list-view.layout_4{ … }
			*/
			
				.news-list-view.layout_  .articles,
				.news-list-view.layout_3 .articles,
				.news-list-view.layout_4 .articles,
				.news-list-view.layout_6 .articles,
				.frame-type-shortcut{
					padding-top:20px; padding-bottom:20px; /* do not crop item-shadow */
					display:grid;
					grid-template-columns:repeat(3, 1fr);
					/*grid-auto-rows:1fr; alle Zeilen selbe Höhe*/
					grid-column-gap:20px;
					grid-row-gap:20px;
				}
				.frame-type-shortcut{ grid-template-columns:repeat(2, 1fr); }
				
					.news-list-view.layout_  .articles > .article,
					.news-list-view.layout_3 .articles > .article,
					.news-list-view.layout_4 .articles > .article,
					.news-list-view.layout_6 .articles > .article,
					.frame-type-shortcut > div{
						position:relative; background-color:#ffffff; box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);
					}
				
			@media screen and (max-width:850px){
				.news-list-view.layout_  .articles,
				.news-list-view.layout_3 .articles,
				.news-list-view.layout_4 .articles,
				.news-list-view.layout_6 .articles,
				.frame-type-shortcut{ /*grid-template-columns:repeat(1, 1fr);*/ display:block; }
				
					.news-list-view.layout_  .articles > .article,
					.news-list-view.layout_3 .articles > .article,
					.news-list-view.layout_4 .articles > .article,
					.news-list-view.layout_6 .articles > .article,
					.frame-type-shortcut > div{ margin-bottom:20px;}
			}
		
		
		/*###
		//# Latest-Slider
		###*/
			/* .news-list-view.layout_2, .news-list-view.layout_5{} */
				.news-list-view .swiper-slide{ color:#000; background-color:#ffffff; box-shadow:0px 0px 15px 0px rgba(0,0,0,0.1); }
		
		
		/*###
		//# Latest (Footer)
		###*/
			.news-list-view.layout_1{ padding:0; margin-left:0; margin-right:0; }
				.news-list-view.layout_1 > ul.articles{ margin:0; padding:0; list-style:none; }
				.news-list-view.layout_1 > ul.articles > li{ margin:0; padding:0; }
					.news-list-view.layout_1 a .news-list-date{ color:#9F9F9F; }


/* ##################################################################### */
/* #### Gestaltungsraster ############################################## */

	div.centered{ margin-right:5%; margin-left:5%; position:relative; }

									.theme-color{ background-color:#1E2323; color:#fff; }
	.color_buerger-stadt-verkehr	.theme-color{ background-color:#649ADD; }
	.color_tourismus				.theme-color{ background-color:#E5B14F; }
	.color_oeffentliches-leben		.theme-color{ background-color:#E66535; }
	.color_kultur-sehenswertes		.theme-color{ background-color:#903751; }
	.color_genuss-regionalitaet		.theme-color{ background-color:#DA4E5D; }
	.color_natur-freizeit			.theme-color{ background-color:#40A992; }
		.theme-color a{ color:#fff; }
		.theme-color .news a{ color:inherit; }

	html.contrast					.theme-color{ background-color:#1E2323; } 


	/*###
	//# header{}
	###*/
		#toggleMenu{
			position:fixed; z-index:2001; right:5%; top:53px; display:block; height:50px; line-height:50px; color:#fff;
			cursor:pointer; border:none; margin:0; padding:0 0 0 50px; text-indent:-9999px; background-color:#fff;
		}
		#toggleMenu:hover{ background-color:#000; }

			#toggleMenu .icon,
			#toggleMenu .icon:before,
			#toggleMenu .icon:after{ display:block; position:absolute; left:5px; width:40px; height:4px; background-color:#1E2323; }
			#toggleMenu .icon{ top:50%; margin-top:-2px; }

			#toggleMenu:hover .icon,
			#toggleMenu:hover .icon:before,
			#toggleMenu:hover .icon:after{ background-color:#ffffff; }

			#toggleMenu .icon:before,
			#toggleMenu .icon:after{ content:""; transition-delay: 0.12s, 0; transition-duration: 0.075s, 0.075s; transition-property: top, transform; }
			#toggleMenu .icon:before{ left:0; top:-10px; }
			#toggleMenu .icon:after { left:0; top:10px; }

			#toggleMenu[aria-expanded="true"] .icon{ background-color:transparent; box-shadow:none; }
			
			#toggleMenu[aria-expanded="true"] .icon:before,
			#toggleMenu[aria-expanded="true"] .icon:after{ top:0; transition-delay: 0s, 0.12s; transition-duration: 0.075s, 0.075s; transition-property: top, transform; box-shadow:none; }
			#toggleMenu[aria-expanded="true"] .icon:before{ transform:rotate(45deg);  }
			#toggleMenu[aria-expanded="true"] .icon:after { transform:rotate(-45deg); }
	

		/*###
		//# Overlay / Menü
		###*/
		
		body.overlay-open{ overflow:hidden; height:100%; /* prevent scroling */ }
		
			.overlay-open #overlay{ position:fixed; top:0; left:0; width:100%; height:100%; overflow:auto; z-index:2000; /* leaflet überdecken */ }
			
			
			/*###
			//# Quicksearch (Elemente nur sichtbar wenn Overlay geöffnet und Quicksearch aktiv)
			###*/
			
			div#quicksearch{
				display:none;
				padding-top:45vh; margin:0 auto 30px auto; width:80%; max-width:500px; position:relative;
			}
			.overlay-open .mode-search div#quicksearch{ display:block; }
			
				div#quicksearch form{ margin:0 auto; padding:0; position:relative; line-height:30px; }
					input#quicksearch-sword{
						border:none; font-size:16px; /* prevent ios zoomin via 16px font size */ height:30px; padding:0 28px 0 4px; border:2px solid #fff; box-sizing:border-box; width:calc(100% - 44px); /*border-radius:8px;*/ line-height:30px;
						background-color:#efefef !important;
						border-radius:0; -webkit-appearance:none; -moz-appearance:none; appearance:none;
					}
					input#txtsearch:focus{ outline:0; }
					div#quicksearch input.submitimg{ position:absolute; top:0; right:0; width:36px; height:36px; }
			
			
			/*###
			//# nav.primary (Elemente nur sichtbar wenn Overlay geöffnet und Quicksearch nicht aktiv)
			###*/

			nav.primary{ display:none; }
			.overlay-open nav.primary{ display:block; }
			.overlay-open .mode-search nav.primary{ display:none; }
			
				#mainNav{ margin:0; padding:135px 18px 0 0; list-style:none; }
				#mainNav ul{ margin:0; padding:20px 50px 20px 0; list-style:none; }
					#mainNav li{ margin:25px 0; padding:0; text-align:right; position:relative; }
					#mainNav li li{ margin:10px 0; }
						#mainNav > li > a{ display:inline-block; margin-right:40px; font-size:30px; line-height:1.2; }
						#mainNav li li a{ font-size:20px; line-height:1.2; }
						#mainNav a{ color:#fff; text-decoration:none; }
						#mainNav a:hover, #mainNav a.cur{ text-decoration:underline; }
						
						.toggleSubMenu{
							position:absolute; top:12px; right:0; color:#fff; background-color:transparent;
							display:block; padding:0; box-sizing:border-box; width:0; height:0; border-style:solid;
							border-width:12.1px 7px 0 7px;
							border-color:#ffffff transparent transparent transparent; overflow:hidden;
						}
						.toggleSubMenu[aria-expanded="true"]{ transform:rotate(180deg); }
						
						.toggleSubMenu[aria-expanded="false"] + ul{ display:none; }
						
					
				#metaNav{ margin:0; padding:40px 58px 20px 0; list-style:none; text-align:right; }
					#metaNav li{ margin:0; padding:0; }
						#metaNav a{ color:#fff; text-decoration:none; }
			
			/*###
			//# nav.secondary (Elemente auf Desktop immer sichtbar. Mobile nur im Overlay, aber nur wenn Quicksearch nicht aktiv)
			###*/
			
				#headerLinks{ position:absolute; z-index:2; top:53px; right:120px; }
					#headerLinks ul{ margin:0; padding:0; list-style:none; }
						#headerLinks li{
							margin:0 10px 10px 0; padding:0; display:block; float:left; font-size:18px; 
						}
						#headerLinks li:last-child{ margin-right:0; }

							#headerLinks a{
								display:block; text-transform:uppercase; color:#1E2323; background-color:#fff; text-decoration:none; 
								background-repeat:no-repeat; background-position:right 5px center; padding:0 10px; line-height:50px; height:50px;
							}
								#headerLinks a:hover > img{ filter:invert(1); }

								#headerLinks a.icon{ padding:0; }

							button#toggleContrast{
								display:block; height:50px; line-height:50px; color:#1E2323; background-color:#fff; cursor:pointer; border:none; margin:0; padding:0;
							}
							button#toggleContrast:hover img,
							button#toggleContrast[aria-pressed="true"] img{ filter:invert(1); }

								#headerLinks img{ vertical-align:initial; }

							a#importantnotes{ background-image:url(../Images/Icons/ImportantNotes.svg); padding-right:40px; background-color:#ff0000; color:#fff; }
							a#importantnotes:hover{ background-color:#000; }
							a#emergency{ background-image:url(../Images/Icons/Emergency_v2.svg); padding-right:40px; }
							a#emergency:hover{ color:#000; filter:invert(1); }
				
				#toggleSearch{
					position:absolute; z-index:2; top:53px; right:60px; display:block; height:50px; line-height:50px; color:#fff;
					cursor:pointer; border:none; margin:0; padding:0; /*background-color:transparent;*/ background-color:#fff;
				}
				#toggleSearch:hover{ filter:invert(1); }
					#toggleSearch img{ vertical-align:initial; }
					
				#langswitch{ margin:0; padding:5px 10px 5px 0; list-style:none; position:absolute; z-index:2; top:0; right:0; background-color:#fff; }
					#langswitch li{ margin:0 0 0 10px; padding:0; float:left; }
						#langswitch a{ color:#000; display:block; }
						#langswitch img{ display:block; }
					
				#socialmedia{ margin:0; padding:6px 0 6px 10px; list-style:none; position:absolute; z-index:3; top:53px; left:0; background-color:#fff; }
					#socialmedia li{ margin:0 10px 0 0; padding:0; float:left; }
						#socialmedia a{ color:#000; display:block; }
						#socialmedia img{ display:block; /*box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.16);*/ }
			@media screen and (max-height:319px){
				#socialmedia{ display:none; }
				.overlay-open #socialmedia{ display:block; }
				.overlay-open .mode-search #socialmedia{ display:none; }
			}
			@media screen and (max-width:910px){
				nav.secondary{ display:none; }
				.overlay-open nav.secondary{ display:block; }
				.overlay-open .mode-search nav.secondary{ display:none; }
			
				#headerLinks{ position:static; margin:30px 0; }
				#socialmedia{ position:static; display:inline-block; margin-bottom:20px; }
			}
			
			/*###
			//# Banner (Text + Logo + Hintergrundbild(er)
			###*/
			
			div#banner{ background-color:#efefef; color:#fff; position:relative; overflow:hidden; }
			
				#frontispiece,
				#frontispiece .item{ height:70vh; min-height:400px; }
				.level_0 #frontispiece,
				.level_0 #frontispiece .item,
				.level_1 #frontispiece,
				.level_1 #frontispiece .item,
				#page_212 /* muster/start (test, bald raus) */ #frontispiece,
				#page_212 /* muster/start (test, bald raus) */ #frontispiece .item{
					height:100vh;
				}
				.touch.level_0 #frontispiece,
				.touch.level_0 #frontispiece .item,
				.touch.level_1 #frontispiece,
				.touch.level_1 #frontispiece .item{
					height:100vh; /* Fallback for browsers that do not support Custom Properties */
					height: calc(var(--vh, 1vh) * 100); /* Variable – wir per JS generiert, css-tricks.com/the-trick-to-viewport-units-on-mobile/ */
				}
				#frontispiece .item{ background-position:center; background-size:cover; background-repeat:no-repeat; }
				#frontispiece .item.bgpos_1{ background-position:center top; }
				#frontispiece .item.bgpos_2{ background-position:center bottom; }
				#frontispiece .item.bgpos_3{ background-position:left center; }
				#frontispiece .item.bgpos_4{ background-position:left top; }
				#frontispiece .item.bgpos_5{ background-position:left bottom; }
				#frontispiece .item.bgpos_6{ background-position:right center; }
				#frontispiece .item.bgpos_7{ background-position:right top; }
				#frontispiece .item.bgpos_8{ background-position:right bottom; }

				#frontispiece button.swiperPause{
					position:absolute; left:5%; bottom:30px; z-index:1; color:#fff;
					height:34px; line-height:34px; cursor:pointer; border:none; margin:0; padding:0 0 0 34px; background-color:#ffffff;
				}
					#frontispiece button.swiperPause[aria-pressed="false"]::before{ content:""; position:absolute; background-color:#1E2323; width:3px; height:18px; top:8px; left:11px; border-radius:1.5px; }
					#frontispiece button.swiperPause[aria-pressed="false"]::after{	content:""; position:absolute; background-color:#1E2323; width:3px; height:18px; top:8px; right:11px; border-radius:1.5px; }
					#frontispiece button.swiperPause[aria-pressed="true"]::after{
						content:""; position:absolute; background-color:transparent; width:0; height:0; top:11px; left:10px; border-style:solid;
						border-width: 0 7px 12.1px 7px; border-color:transparent transparent #1E2323 transparent; transform: rotate(90deg);
					}
				
				.on-load #frontispiece.single .item{ animation: kenburnsreverse 15s ease alternate forwards; }
				
				#banner .text{ position:absolute; left:5%; top:25vh; z-index:2; max-width:60%; }
				#banner .logo{ display:block; position:absolute; z-index:2; right:5%; bottom:60px; max-width:30vw; height:auto; }
					
				a#bannerdown{
					display:block; width:0px; height:0px; position:absolute; z-index:2; left:50%; margin-left:-13px; bottom:100vh; /* starting point for animation */ border-style:solid;
					border-width:22.5px 13px 0 13px; border-color:#fff transparent transparent transparent;
				}
				.on-load a#bannerdown{ bottom:30px; transition:all 0.5s; }
				
				#banner h1,
				#banner .pseudo-h1 /*( für News-Detailansicht)*/{ font-size:7vw; line-height:1.2; font-weight:bold; margin:0; overflow-wrap:break-word; word-wrap:break-word; /* word-wrap is legacy name of overflow-wrap */ text-shadow: 2px 2px 20px rgba(0,0,0,0.3); }
					#banner .pseudo-h1 a{ text-decoration:none; }

				html.contrast #banner h1,
				html.contrast #banner .pseudo-h1{
					display:inline; color:#1E2323; background-color:#fff; text-shadow:none; box-shadow: -10px 0px 0 7px #fff, 10px 0px 0 7px #fff, 0 0 0 7px #fff;
					box-decoration-break:clone; -webkit-box-decoration-break:clone;
				}
				/* https://stackoverflow.com/questions/14310154/how-do-i-set-a-background-color-for-the-width-of-text-not-the-width-of-the-enti#answer-59161880 */
				
			@media screen and (min-width:1200px) and (min-height:700px){
				#banner h1,
				#banner .pseudo-h1{ font-size:100px; }
			}
			@media screen and (max-height:700px){
				#banner h1,
				#banner .pseudo-h1{ font-size:10vw; }
			}
			@media screen and (min-width:1200px) and (max-height:700px){
				#banner h1,
				#banner .pseudo-h1{ font-size:5vw; }
			}
			@media screen and (max-width:600px){
				#banner .text{ top:170px; max-width:90%; }
				#banner .logo{ display:block; position:absolute; z-index:2; right:auto; left:5%; bottom:auto; top:20px; width:185px; max-width:none; }
			}


	/*###
	//# Stage
	###*/
	
	#stage{ overflow:hidden; /* zu lange Worte abschneiden */ }
		
		.section-0{ padding:60px 0 45px 0; }
		.section-2{ padding:45px 0 45px 0; }
		
		/*###
		//# frame_class groups
		###*/
		.frame_class-group:after{ content:"";display:table;clear:both; }
		.frame_class-group-half .frame{ width:50%; box-sizing:border-box; }
		.frame_class-group-half .frame:nth-child(odd){ float:left; clear:both; /*background-color:#ddd;*/ }
		.frame_class-group-half .frame:nth-child(even){ float:right; /*background-color:#efefef;*/ }
		
			/*###
			//# Ausrichtung der Text-Elemente
			###*/
				.frame_class-group-default .frame-type-text{ padding:0 5%; margin-left:auto; margin-right:auto; max-width:800px; }
				.frame_class-group-default .frame-type-text.frame-layout-4{ max-width:none; }
			
				.frame_class-group-half .frame:nth-child(odd).frame-type-text{ padding-left:5%; padding-right:10px; }
				.frame_class-group-half .frame:nth-child(even).frame-type-text{ padding-right:5%; padding-left:10px; }
			@media screen and (max-width:500px){
				/* bei Änderung des Wertes auch media-query beim News-Filter anpassen */
				
				.frame_class-group-half .frame:nth-child(odd),
				.frame_class-group-half .frame:nth-child(even){ float:none; width:auto; }
				.frame_class-group-half .frame:nth-child(odd).frame-type-text,
				.frame_class-group-half .frame:nth-child(even).frame-type-text{ padding:0 5%; }
			}
			
		/*###
		//# Zweispalter im RTE
		###*/
		.r2columns:after{ content:""; display:table; clear:both; }
			.r2col-1{ box-sizing:border-box; width:calc(50% - 10px); float:left; }
			.r2col-2{ box-sizing:border-box; width:calc(50% - 10px); float:right; }
		@media screen and (max-width:500px){
			.r2col-1, .r2col-2{ width:auto; float:none; }
		}
	
	
	/*###
	//# Footer
	###*/

	#footer{ color:#fff; background-color:#1E2323; clear:both; }

		#toTop{
			display:none; position:fixed; z-index:3; bottom:20px; right:5%; background-color:#fff; /*opacity:.4;*/
			text-indent:-9999px; overflow:hidden;
			width:48px; height:48px; box-shadow:0px 3px 10px rgba(0,0,0,0.16);
		}
		.after-scroll #toTop{ display:block; }
			#toTop:after{
				display:block; content:""; width:0px; height:0px; position:absolute; z-index:2; left:18px; top:18px;
				border-style:solid; border-width: 0 6px 10.4px 6px; border-color:transparent transparent #1E2323 transparent;
			}

		#footerColumns{ padding:30px 0; }
			#footerColumns .col{ float:left; width:calc((100% - 40px) / 3); margin-right:20px; }
			#footerColumns .col:nth-child(3){ margin-right:0; }
			
				#footer .logo{ margin-bottom:1.5em; max-width:100%; height:auto; }
				#footer a{ color:#fff; text-decoration:none; }
				#footer a:hover{ text-decoration:underline; }
				
				#footer .frame-type-menu_subpages ul{ margin:0; padding:0; list-style:none; }
					#footer .frame-type-menu_subpages li{ margin:0 0 0.9em 0; padding:0; }
						#footer .frame-type-menu_subpages li a{ display:inline-block; padding-left:15px; position:relative; }
						#footer .frame-type-menu_subpages li a:before{
							content:""; display:block; position:absolute; left:0px; top:8px; box-sizing:border-box;
							width:0; height:0; border-style:solid; border-width: 4px 0 4px 6.9px;
							border-color:transparent transparent transparent #fff;
							
						}
				
		@media screen and (max-width:800px){
			#footerColumns .col{ float:none; margin:20px 0; width:auto; }
		}
		
		#footer .copyright{ text-align:center; padding:30px 5%; font-size:14px; line-height:1.2; border-top:1px solid #333; }


/* ##################################################################### */
/* #### Print styles (Inlined to avoid the additional HTTP request) #### */
	
	@media print {
		*,
		*:before,
		*:after,
		*:first-letter,
		*:first-line {
			background:transparent !important;
			color:#000 !important; /* Black prints faster */
			box-shadow:none !important;
			text-shadow:none !important;
		}

		pre, blockquote{ border:1px solid #999; page-break-inside:avoid; }
		thead{ display:table-header-group; }
		tr, img{ page-break-inside:avoid; }
		img{ max-width:100% !important; }
		p, h2, h3{ orphans:3; widows:3; }
		h2, h3{ page-break-after:avoid; }
		
		
		/*###
		//# custom styles
		###*/
		html{ font-size:16px; }

		h1{ font-size:35px !important; }
		h2{ font-size:30px !important; }
		h3{ font-size:26px !important; }
		h4{ font-size:23px !important; }
		h5{ font-size:20px !important; }

		#toggleMenu,
		#overlay,
		#footerColumns,
		#toTop{ display:none !important; }
		
		.centered{ width:auto; }
		
		#banner{ margin:0 5%; }
			#banner .text{ position:static; left:5%; top:25vh; z-index:2; max-width:60%; min-height:250px; padding-right:350px; }
			#banner .logo{ right:0; bottom:auto; top:0; max-width:30vw; filter: invert(100%); }

			#frontispiece,
			#frontispiece .item,
			.level_0 #frontispiece,
			.level_0 #frontispiece .item,
			.level_1 #frontispiece,
			.level_1 #frontispiece .item{ height:auto; min-height:0; }
		
		.frame-type-r2_fullsizeimage .content{ position:static; }
		.frame-type-r2_fullsizeimage img,
		.frame-type-r2_fullsizeimage.in-viewport img{
			position: static; left:auto; right:auto; top:auto; bottom:auto;
			min-width:0; min-height:0; -webkit-transform: scale(1); transform: scale(1);
		}
		
		
		.button-download,
		.button-download_default,
		.button-download_buerger-stadt-verkehr,
		.button-download_tourismus,
		.button-download_oeffentliches-leben,
		.button-download_kultur-sehenswertes,
		.button-download_genuss-regionalitaet,
		.button-download_natur-freizeit,
		.button-more,
		.button-more_default,
		.button-more_buerger-stadt-verkehr,
		.button-more_tourismus,
		.button-more_oeffentliches-leben,
		.button-more_kultur-sehenswertes,
		.button-more_genuss-regionalitaet,
		.button-more_natur-freizeit,
		.form-navigation .btn-primary{
			border-color:#000 !important;
		}
		
		.frame_type-group-r2_tile{ grid-template-columns:repeat(1, 1fr); }
		
		.news-list-view.layout_  .articles,
		.news-list-view.layout_3 .articles,
		.news-list-view.layout_4 .articles,
		.news-list-view.layout_6 .articles,
		.frame-type-shortcut{ grid-template-columns:repeat(2, 1fr); }
		
		.swiper-wrapper{ transform:none !important; flex-wrap:wrap; }
		
		
		/* Flexslider */
		/* ul.slides, ul.slides > li, .flex-viewport{ position:static !important; width:100% !important; float:none !important; transform:none !important; height:auto !important; } */
	}