@import url('iconfont/icon.css');

/* abel-regular - latin */
@font-face {
  font-family: 'Abel';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/abel-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('./fonts/abel-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/abel-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/abel-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('./fonts/abel-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/abel-v18-latin-regular.svg#Abel') format('svg'); /* Legacy iOS */
}


@-webkit-keyframes fadeIn{
	0% {-webkit-opacity:0;}
	100% {-webkit-opacity:1;}
}
@-moz-keyframes fadeIn{
	0% {-moz-opacity:0;}
	100% {-moz-opacity:1;}
}
@keyframes fadeIn{
	0% {opacity:0;}
	100% {opacity:1;}
}

a, a:hover, a:active {
	text-decoration:none;
}


html {
	height:100%;
	margin:0px;
	overflow-y:scroll;
	-webkit-text-size-adjust: none;
}
body {
	margin:0px;
	background-color:white;

	height:100%;
	-webkit-text-size-adjust: none;
	-webkit-font-variant-ligatures: none;
}



/* Layoutbereich und Fuss */

body div#Layoutrahmen {
	height: 100%;
	width: 100%;
	min-width:320px;
	-webkit-font-variant-ligatures: none;
}
body div#Layoutbereich {
	margin:0px auto;
	min-height:100%; 

	background-color:white;
	padding:0 35px;
}
body > div#Layoutbereich { /*sticky footer */
	/*min-height:100%;**/
}
	body div#Layoutbereich_Innen {
		position:relative;
		xxpadding-bottom:10px;
		box-sizing:border-box;
	}
/*
body div#Seitenfuss {
	z-index:1;
	position:fixed;
	bottom:0px;
	left:0;
	right:0;
}
body div#Seitenfuss_Innen {
	overflow:hidden;
	min-height:30px;
	max-width:1000px;
	margin:0px auto;

	background:white;
	padding:0 20px;
}
*/

@media only screen and (max-width: 899px) {
	body div.output .text-scale {
		font-size:87.5%;
	}
	body div.output .text-scale .text-scale {
		font-size:inherit;
	}
	body div.output .text-scale h1 { /* 200% */
		font-size:170%;
	}
	body div.output .text-scale h2 { /* 150% */
		font-size:140%;
	}
	body div.output .text-scale h3,
	body div.output .text-scale h4 { /* 125% */
		font-size:120%;
	}
}


/* Kopf: Logo, Menue */

body div.output div#Kopf {
	padding-top:10px;
}
body div.output div#Logo {
	float:left;
	margin-left:0%;
}
	body div.output div#Logo a {
		text-decoration:none;
		line-height:30px;
		display:block;
	}
	body div.output div#Logo a:hover {
		text-decoration:underline;
	}

	body div.output div#Ausgabe {
		position:absolute;
		right:10px;
		bottom:10px;
	}

body div.output div#Menuebereich {
	float:right;
}
	body div.output div#Hauptmenue {
		position:relative;
		margin:0px;
	}

body div.output div.fblang {
	line-height:30px; float:right; margin-right:50px; overflow:hidden;
}
body div.output div.fblang a {
	text-decoration:none;
}
body div.output div.fblang a.lang {
	display:block;float:left;padding-right:9px;
}
body div.output div.fblang a.lang:hover {
	text-decoration:underline;
}
body div.output div.fblang a.fb {
	display:block;float:left;
}
body div.output div.fblang a.fb img {
	width:14px; height:14px; display:block; padding:8px 9px;
}
@media only screen and (max-width: 899px) {
	body div.output div.fblang {
		float:none;
		margin-right:0;
		position:absolute;
		top:10px;
		right:-9px;
	}
}

/* Kopf2: Keyvisual */

body div.output div#Kopf2,
body div.output div#Kopf2_Reportage {
	position:relative;
	margin:0px -35px;
}
body div.output div#Kopf {
	position:relative;
	z-index:1;
}
@media screen and (min-width:900px) {
	body div.output div.HeaderStartseite {
		position:relative;
		margin:-40px -35px 0 -35px;
		height:100vh;
	}
}
body div.output div#Kopf2.Startseite {
	position:absolute;
	top:40px;
	left:0;
	right:0;
	bottom:80px;
	margin:0;
}

	body div.output div#Kopf2 div#Keyvisual {
		position:relative;
		padding-bottom:39.1%; /* 508/1300 */
		background-repeat:no-repeat;
		overflow:hidden;
	}
		body div.output div#Kopf2.Kuenstler div#Keyvisual {
			padding-bottom:25%;
		}
		body div.output div#Kopf2.Startseite div#Keyvisual {
			position:absolute;
			top:0;
			left:0;
			right:0;
			bottom:0;
			padding:0;
		}
	body div.output div#Kopf2 a {
		display:block;
		position:absolute;
		text-decoration:none ! important;
		width:100%;
		height:100%;
	}
	body div.output div#Kopf2 div#Keyvisual img {
		display:block;
		position:absolute;
		top:50%;
		left:0;
		transform:translateY(-50%);
	}
		body div.output div#Kopf2.Startseite div#Keyvisual img {
			width:100%;
			max-width:10000px;
		}
	body div.output div#Kopf2 div#Keyvisual div.Text {
		position:absolute;
		left:0;
		right:0;
		bottom:0;
		text-align:center;
	}
	body div.output div#Kopf2 div#Keyvisual div.Text h2 {
		font-size:85px;
		padding:0 10px;
		background:white;
		background:rgba(255,255,255,0.35);
		text-align:center;
	}
	body div.output div#Kopf2.Startseite div#Keyvisual div.Text h2 {
		margin-bottom:150px; /* 210px */
	}
	body div.output div#Kopf2.Kuenstler div#Keyvisual div.Text {
		top:0;
	}
	body div.output div#Kopf2.Kuenstler div#Keyvisual div.Text h2 {
		position:absolute;
		left:0;
		right:0;
		bottom:50%;
		transform:translateY(50%);
	}
	body div.output div#Kopf2.Startseite div.Text,
	body div.output div#Kopf2 div.Text2 {
		position:absolute;
		bottom:0;
		margin-bottom:65px;
		left:0;
		right:0;
		text-align:center;
	}
		body div.output div#Kopf2 div.Text h3,
		body div.output div#Kopf2 div.Text2 h3 {
			font-size:30px;
			margin-bottom:24px;
			padding:0 10px;
			background:white;
			background:rgba(255,255,255,0.35);
		}
		body div.output div#Kopf2 div.Text div,
		body div.output div#Kopf2 div.Text2 div {
			font-size:21px;
			padding:0 10px;
			background:white;
			background:rgba(255,255,255,0.35);
		}
body div.output div#Kopf2.FG_white div#Keyvisual div.Text,
body div.output div#Kopf2.FG_white div.Text2 {
	color:white;
}
body div.output div#Kopf2.BG_dark div#Keyvisual div.Text *,
body div.output div#Kopf2.BG_dark div.Text2 * {
	background:black;
	background:rgba(0,0,0,0.35);
}
body div.output div#Kopf2 a.lnk2 {
	display:none;
}
@media only screen and (max-width: 1400px) {
	body div.output div#Kopf2 div#Keyvisual div.Text h2 {
		font-size:46px;
		font-size:6vw;
		zzfont-size:calc(21.25px + 4.5vw);
	}
	body div.output div#Kopf2.Startseite div#Keyvisual div.Text h2 {
		margin-bottom:75px;
		margin-bottom:calc(75px + 5vw);
	}
	body div.output div#Kopf2.Startseite div.Text,
	body div.output div#Kopf2 div.Text2 {
		margin-bottom:20px;
		margin-bottom:calc(20px + 3.5vw);
	}
	body div.output div#Kopf2 div.Text h3,
	body div.output div#Kopf2 div.Text2 h3 {
		font-size:20px;
		font-size:2.2vw;
		zzfont-size:calc(15px + 1.1vw);
		font-size:calc(7.5px + 1.65vw);
		margin-bottom:12px;
		margin-bottom:calc(12px + 1vw);
	}
	body div.output div#Kopf2 div.Text div,
	body div.output div#Kopf2 div.Text2 div {
		font-size:16px;
		font-size:1.5vw;
		font-size:calc(10.5px + 0.75vw);
	}
}
@media only screen and (max-width: 1200px) { /* footer switch */
	body div.output div#Kopf2.Startseite {
		bottom:135px;
	}
}
@media only screen and (max-width: 899px) {
	body div.output div#Kopf2,
	body div.output div#Kopf2_Reportage {
		margin:0px -10px;
	}
	body div.output div#Kopf2.Startseite {
		position:relative;
		top:0;
		left:0;
		right:0;
		bottom:auto ! important;
		margin:0px -10px;
	}
	body div.output div#Kopf2.Startseite div#Keyvisual {
		position:relative;
		top:0;
		left:0;
		right:0;
		bottom:auto;
		height:80vh;
		height:calc(85vh - 60px);
	}
	body div.output div#Kopf2.Startseite div#Keyvisual div.Text h2,
	body div.output div#Kopf2.Kuenstler div#Keyvisual div.Text h2 {
		font-size:32px;
		zzfont-size:calc(23px + 3vw); /* 46 @ turn */
	}
	body div.output div#Kopf2.Startseite div#Keyvisual div.Text h2 {
		bottom:25%;
	}
	body div.output div#Kopf2.Startseite div#Keyvisual div.Text h3,
	body div.output div#Kopf2.Startseite div#Keyvisual div.Text div {
		display:none;
	}
	body div.output div#Kopf2 a.lnk2 {
		display:block;
		position:relative;
		margin-top:10px;
	}
	body div.output div#Kopf2 div.Text2 {
		position:relative;
		margin-bottom:20px;
	}
	body div.output div#Kopf2 div.Text2 * {
		background:transparent ! important;
		color:black ! important;
	}
	body div.output div#Kopf2 div.Text2 h3 {
		font-size:16px;
		zzfont-size:calc(20px + 0.45vw); /* scale: 20 @ turn */
		margin-bottom:5px;
	}
	body div.output div#Kopf2 div.Text2 div {
		font-size:14px; 
	}
}


/* Fuss Startseite */

div.Fuss_Startseite { /* evtl. replace by sticky footer */
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	background:#003;
	color:white;
	overflow:hidden;
}
	div.Beitraege_Startseite {
		width:60%;
		float:left;
	}
		div.Beitraege_Startseite div.Kachel {
			float:left;
			width:33.33%;
			color:inherit;
			padding:15px 15px 30px 15px;
			border-left:1px solid;
			box-sizing:border-box;
		}
		div.Beitraege_Startseite div.Kachel.first {
			border-left:0px none;
			padding-left:35px;
		}
	div.Impressum_Startseite {
		margin-left:61%;
		padding-top:7px;
		padding-left:20px;
		padding-right:35px;
	}
@media only screen and (max-width: 1200px) {
	div.Beitraege_Startseite {
		float:none;
		width:auto;
	}
	div.Beitraege_Startseite div.Kachel {
		padding-bottom:5px;
	}
	div.Impressum_Startseite {
		margin-left:0;
		padding-left:35px;
	}
}
@media only screen and (max-width: 899px) {
	div.Fuss_Startseite {
		position:relative;
		margin:0 -10px;
		margin-bottom:-15px;
	}
	div.Beitraege_Startseite div.Kachel.first {
		padding-left:10px;
	}
	div.Impressum_Startseite {
		padding-left:10px;
		padding-right:10px;
	}
}
@media only screen and (max-width: 479px) {
	div.Beitraege_Startseite div.Kachel {
		float:none;
		width:auto;
		padding:10px;
		border-left:0px none;
		border-bottom:1px solid;
	}
	div.Beitraege_Startseite div.Kachel div.Content {
		height:auto ! important;
	}
}

	
/* Inhaltsbereich */

body div.output div#Inhaltsbereich {
	padding:0;
	padding-bottom:0px;
}
body div.output div#Inhaltsbereich_Innen {
	position:relative;
	padding: 0px;

	transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
}
body.isAdmin div.output div#Inhaltsbereich_Innen {
	/* 2013_0930  */
	transform: none;
	-moz-transform: none;
	-webkit-transform: none;
}



/* Ausgabebereiche, Spalten */

body div.output div#Ausgabe_Links_Mitte {
	margin-top:10px;
	padding-bottom:0px;
	max-width:1000px; /* schaetzung */
}
	body div.output div#Ausgabe_Mitte {
		xxfloat:left;
		box-sizing:border-box;
		width:60%;
		width:560px;
		
		-webkit-animation: fadeIn 1.7s ease-in-out 0.5s both;
		-moz-animation: fadeIn 1.7s ease-in-out 0.5s both;
		animation: fadeIn 1.7s ease-in-out 0.5s both;
	}
	body.isAdmin1 div.output div#Ausgabe_Mitte {
		-webkit-animation: none;
		-moz-animation: none;
		animation: none;
	}


@media only screen and (max-width: 899px) { /*  */
	body div#Layoutbereich {
		width:auto;
		padding:0px 10px;
	}
	body div.output div.Menu2 {
		padding:10px 0;
	}
	body div.output div#Inhaltsbereich {
		padding-bottom:0px ! important;
	}
	
	body div.output div#Ausgabe_Links_Mitte {
		width:100%;
		float:none;
	}
	body div.output div#Logo {
		float:left;
		width:50%;
	}
	body div.output div#Menuebereich {
		margin-left:0;
		padding-left:0;
		/*border-bottom:10px solid transparent;*/
	}
	body div.output div#Keyvisual {
		float:none;
		width:auto;
	}

	body div.output div#Ausgabe_Mitte,
	body div.output div#Ausgabe_Links {
		float:none;
		width:100%;
		overflow:visible;
		margin:0px;
		padding:0px;
	}
	body div.output div#Ausgabe_Mitte_Innen {
		padding-right:0;
	}
	body div.output div#Untermenue {
		display:none;
	}

}
@media only screen and (max-width: 479px) { /*  */
	body div#Layoutbereich {
		width:auto;	
		min-width:240px;
	}
	body div#Seitenfuss_Innen {
		width:100%;
	}
	body div.output div#Claim div#Phone {
		position:absolute;
		top:15px;
		right:0px;
	}
	body div.output h1.H1-Kopf {
		position:relative;
		bottom:auto;
		left:auto;
		max-width:1000px;
	}
	body div.output div#Ausgabe_Mitte {
		width:auto;
	}	
	body div#Seitenfuss {
		display:block;
		width:100%;
	}
	body div.output div#Keyvisual {
		/*display:none;*/
	}
}
@media only screen and (max-width: 600px) { /*  */
	body div#Layoutrahmen {
		display:block;
		/*height:auto;*/
	}
}

/* Prev / Next */
/*
	.output span.PrevNextIcon {
		font-family: 'outputIcons', Arial;
		font-style: normal;
		font-weight: normal;
		
		display: block;
		width: 80px;
		height: 80px;
		font-size: 80px;
		line-height: 80px;
		text-align:center;
		
		-webkit-font-smoothing: antialiased;
		color:#FFFFFF;
		opacity:0.6;
	}
	.output span.PrevNextIcon {
		display:block;
		position: absolute;
		margin-top:-40px;
		top:144px;
		-webkit-transition:opacity 1s;
		transition:opacity 1s;
	}
	.output a.PrevNextLink {
		display:none;
		position: absolute;
		top:0;
		width:80px;
		height:100%;
		text-decoration:none;
	}
	.output a.PrevNextLink:hover span.PrevNextIcon {
		opacity:1;
	}
	.output span.PrevNextContainer {
		position:fixed;
		height:100%;
		width:1400px;
		display:block;
	}
	@media only screen and (max-width: 1559px) {
		.output span.PrevNextContainer {
			display:none;
		}
	}
	.output a.PrevNextLink.Vorherige {
		left:-80px;
	}
	.output a.PrevNextLink.Naechste {
		right:-80px;
	}
*/

.output img {
	max-width: 100%;
	height:auto ! important; /* important wegen inline-Angaben */
}

.output .clear {
	clear:both;
}
.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}
.clearfix {
	display: block; /* inline-block */
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}

/* http://nicolasgallagher.com/micro-clearfix-hack/ */
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}



















/*
.Hinterlegung
.Eintrag_Trennlinie
.Verweis
.AudioPlayer
.Standarduebersicht
*/


div.Veranstaltungen {
	overflow:hidden;
}
	div.Veranstaltungsuebersicht {
		width:45%;
		float:left;
		padding-right:20px;
	}
	div.Plakate {
		float:right;
		width:50%;
	}
@media only screen and (max-width: 899px) {
	div.Veranstaltungsuebersicht {
		width:auto;
		float:none;
		padding:0;
	}
	div.Plakate {
		float:none;
		width:auto;
		margin:0;
		margin-top:15px;
	}
}
div.Personen {
	overflow:hidden;
}
	div.Personenuebersicht {
		width:68%;
		float:left;
		padding-right:20px;
	}
	.output div.Personenuebersicht h2 {
		font-size:85px;
		margin:0;
		padding:0;
	}
	.output div.Personenuebersicht h2 a {
		text-decoration:none;
		display:block;
		position:relative;
	}
	.output div.Personenuebersicht h2 div.KuenstlerImage {
		display:none;
		
		position:fixed;
		left:71%;
		top:200px;
		width:23vw;
		xxmax-height:50vh;
		xxtransform:translateX(50%);
	}
	.output div.Personenuebersicht h2 a:hover div.KuenstlerImage {
		display:block;
	}
	.output div.Personenuebersicht h2 img {
		display:block;
		box-sizing:border-box;
		width:100%
	}
@media only screen and (max-width: 1400px) {
	.output div.Personenuebersicht h2 {
		font-size:6vw;
	}
}

@media only screen and (max-width: 899px) {
	.output div.Personenuebersicht h2 {
		font-size:32px ! important;
		zzfont-size:calc(3vw + 23px) ! important;
	}
	div.Personenuebersicht {
		float:none;
		width:auto;
		padding-right:0;
	}
	.output div.Personenuebersicht h2 div.KuenstlerImage {
		display:none ! important;
	}
}


div.Bildgalerie_Kuenstler {
	overflow:hidden;
}
	div.Bildgalerie_Kuenstler div.miniatur {
		float:left;
		height:267px;
		height:18vw;
		max-width:1335px;
		max-width:90vw;
		padding-right:30px;
		padding-top:30px;
	}
	div.Bildgalerie_Kuenstler div.miniatur2 {
		position:relative;
		xxwidth:100%;
		height:100%;
	}
	div.Bildgalerie_Kuenstler div.miniatur img {
		display:block;
		max-width:10000px;
		max-height:100%;
	}
	div.Bildgalerie_Kuenstler div.miniatur div.Info {
		display:block;
		position:absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;
		opacity:0;
		transition:opacity 1s;
		background:#333;
		padding:20px;
		color:white;
		text-decoration:underline;
	}
	div.Bildgalerie_Kuenstler div.miniatur.hover div.Info,
	div.Bildgalerie_Kuenstler div.miniatur:hover div.Info {
		opacity:1;
	}
@media only screen and (max-width: 1200px) {
	div.Bildgalerie_Kuenstler div.miniatur div.Info {
		padding:15px;
	}
}
@media only screen and (max-width: 1000px) {
	div.Bildgalerie_Kuenstler div.miniatur div.Info {
		font-size:13px; /* reasonable min */
	}
}
@media only screen and (max-width: 899px) {
	div.Bildgalerie_Kuenstler div.miniatur {
		height:18vw;
		max-width:90vw;
		padding-right:20px;
		padding-top:20px;
	}
	div.Bildgalerie_Kuenstler div.miniatur div.Info {
		font-size:13px;
		padding:10px;
	}
}
@media only screen and (max-width: 479px) {
	div.Bildgalerie_Kuenstler div.miniatur {
		height:24vw;
		max-width:36vw;
		padding-right:10px;
		padding-top:10px;
		overflow:hidden;
	}
}


div.Beitragsuebersicht {
}
	div.Beitragsuebersicht div.Eintrag {
		position:relative;
		display:none;
		opacity:0;
		margin-bottom:30px;
	}
	div.Beitragsuebersicht div.Eintrag p.Headline {
		color:inherit;
		font-size:140%;
	}

	div.Beitragsuebersicht div.Eintrag {
		padding:22px 30px;
		background:#f0f0f0;
	}
	div.Beitragsuebersicht div.Eintrag.preload.visible {
		display:block;
	}
	div.Beitragsuebersicht div.Eintrag.preload.loaded.in {
		opacity:1;
		transition:all 1s;
	}
/*
div.Beitragsuebersicht div.Text {
	float:left;
	width:530px;
}
*/
div.Beitragsuebersicht div.Beschreibung_Lang {
	padding-top:8px;
	display:none;
}

div.Beitragsuebersicht div.Abbildungen {
	clear:left;
	float:none;
	max-width:400px;
	margin-right:70px;
}
div.Beitragsuebersicht div.Abbildungen .BoxPadding {
	padding:0;
	padding-top:15px;
}
div.Beitragsuebersicht div.Abbildungen .cont {
	position:relative;
	padding-bottom:5px;
}
div.Beitragsuebersicht a.bnMore {
	border-radius:100px;
	padding:10px 10px;
	min-width:30px;
	line-height:30px;
	background:#ccc;
	display:inline-block;
	text-align:center;
	font-size:130%;
	color:white;
}
div.Beitragsuebersicht a.bnMore {
	display:block ! important;
	text-decoration:none ! important;
	position:absolute;
	right:-70px;
	bottom:-20px;
}

	div.Beitragsuebersicht div.Abbildungen div.miniaturBildgalerie.columns_2 {
		width:100%;
		overflow:visible;
	}
/*
	div.Beitragsuebersicht {
		margin-right:0;
	}
	div.Beitragsuebersicht div.Text {
		float:none;
		width:auto;
		max-width:560px;
	}
	div.Beitragsuebersicht div.Abbildungen {
		float:none;
		width:auto;
		max-width:560px;
	}
	div.Beitragsuebersicht div.Abbildungen div.miniaturBildgalerie.columns_2 {
		width:50%;
	}
}
*/
@media only screen and (max-width: 479px) {
	div.Beitragsuebersicht div.Eintrag {
		padding:12px 20px;
	}
}

.output div.fontsmall {
	font-size:13px; /*81.25%;*/ /* 13 is reasonable min */
}













/* Formular */
form {
	margin:0px;
}
div.Steuerelement {
	padding:3px 0px;
}
.output .Feldbezeichnung  {
	margin:5px 0px;
	padding:2px 0px;
}
.output .Erforderlich .SteuerelementBezeichnung  {
	font-weight:bold
}
.output .Fehlerbereich .SteuerelementBezeichnung  {
	color:#f4b36b;
}
.output input, .output select, .output textarea {
	font-family: Abel, Arial, 'sans-serif';
	font-size:inherit;
	margin:1px 0px;
	padding:4px 5px;
	width:auto;
	border: 1px solid transparent; /*1px solid rgba(0, 0, 0, 0.15);*/
	/*border-radius:3px;*/
	background-color:#f0f0f0; /* 30% */
	box-sizing:border-box;
}
.output .Fehlerbereich input, .output .Fehlerbereich select, .output .Fehlerbereich textarea {
	background-color:#fcecda;
}
	.output input:hover,
	.output select:hover,
	.output textarea:hover {
		background-color:#e0e0e0; /* 50% */
		/*box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1) inset;*/
	}
	.output input:focus,
	.output select:focus,
	.output textarea:focus {
		background-color:#e0e0e0;
		outline:none;
		/*box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1) inset;*/
	}
	.output .Fehlerbereich input:focus, .output .Fehlerbereich input:hover,
	.output .Fehlerbereich select:focus, .output .Fehlerbereich select:hover,
	.output .Fehlerbereich textarea:focus, .output .Fehlerbereich textarea:hover {
		background-color:#fadfc1;
	}
.output div.Steuerelement input.Optionsfeld, /* recheck */
.output .Optionsfeld  {
	float:left;
	width:13px;
	height:13px;
	border:0px;
	padding:0px;
	margin:10px 5px 0px 0px;
	box-sizing: content-box;
	background-color:transparent;
}
.output .Datenfeld  {
	margin:1px 0px;
	padding:5px 3px;
}
.output input:disabled {
	background-color:#f6f6f6 ! important;
	opacity:0.5;
}
.output .Fehlermeldung  {
	/*border:1px solid #b77d7d;*/
	margin-bottom:10px;
	padding:5px 0;
}
.output .Fehlermeldung h5  {
	margin-top:0px
}
.output .Zwischenueberschrift  { /* inact */
	font-size:120%;
	font-weight:lighter;
	padding:5px 0px 15px 0px;
}
.output form p.Hinweis {
	margin: 5px 0 10px;
	padding: 0px;
	font-size:13px;  /* inact */
	min-height:1px;
}

.output div.Steuerelement input, div.Steuerelement textarea, div.Steuerelement select {
	width:100%;
}
.output div.Steuerelement.text_wide textarea {
	width:100%;
}
.output div.Spalte1 {
	float:left;
	width:153px;
}
.output div.Spalte2 {
	margin-left:158px;
}

.output div#LoginForm_Klein div.Spalte1 {
	float:none;
	width:auto;
}
.output div#LoginForm_Klein div.Spalte2 {
	float:none;
	width:auto;
	margin-left:0;
}
.output div.Steuerelement { 
	overflow:hidden;
}
.output div.Steuerelement.checkbox_confirm div.Feldbezeichnung div.Feldbezeichnung { 
	float:none ! important;
	margin-left:15px;
}

@media only screen and (max-width: 899px) {
	div.Steuerelement input, div.Steuerelement textarea, div.Steuerelement select {
		width:100%;
	}
	div.Steuerelement.text_wide textarea {
		width:100%;
	}
}
@media only screen and (max-width: 550px) {
	.output div.Spalte1 {
		float:none;
		width:auto;
		padding:1px 0px;
	}
	.output div.Spalte2, .output div#LoginForm_Klein div.Spalte2 {
		margin-left:0px;
	}
	div.Steuerelement input, div.Steuerelement textarea, div.Steuerelement.text_wide textarea, div.Steuerelement select {
		xxwidth:382px;
	}

}
@media only screen and (max-width: 479px) {
	div.Steuerelement input, div.Steuerelement textarea, div.Steuerelement.text_wide textarea, div.Steuerelement select {
		width:97%;
	}
}


/* Icons, Schalter */
.output div.Menu2 {
	padding:65px 0 23px 0;
	overflow:hidden;
}
.output div.MenueBeschriftung {
	display:block;
	float:left;
	line-height:20px;
	padding-top:5px;
	margin-right:16px;
}
.output a.MenueSchalter {
	display:block;
	float:left;
	line-height:20px;
	padding:4px 16px;
	margin-right:12px;
	border:1px solid black;
	text-decoration:none;
	margin-bottom:12px;
}
.output a.MenueSchalter.selektiert {
	color:#aaa;
}



.output span.Icon,
.output span.Icon32,
.output span.Icon64 {
	font-family: 'outputIcons', Arial;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 20px;
	vertical-align: text-top;
	text-align:center;
	-webkit-font-smoothing: antialiased;

	display: inline-block;
	background: transparent center center;
	width: 20px;
	height: 20px;
}
.output span.Icon {
	color: #b7b5b2;
}
.output span.Icon32 {
	font-size: 32px;
	line-height: 40px;
	width: 40px;
	height: 40px;
	color:#b7b5b2;
}
.output span.Icon64 {
	font-size: 64px;
	line-height: 80px;
	width: 80px;
	height: 80px;
	color:#b7b5b2;
}
.output a.Schalter {
	display:block;
	position:relative;
	line-height:20px;
	padding:7px 38px 7px 13px;
	margin:5px 0px 5px 0px; 
	text-align:right;
	text-decoration:none;
	color:#4B463F ! important;
	border:1px solid #edeceb;
	border-radius:4px;
	transition: border-color 0.3s ease;
	-webkit-transition: border-color 0.3s ease;
}
	.output a.Schalter span.Icon {
		display: block;
		margin-top: -10px;
		position: absolute;
		right: 8px;
		top: 50%;
		-webkit-transition: color 0.5s ease;
		transition: color 0.5s ease;
	}
	.output a.Schalter {
		-webkit-tap-highlight-color: rgba(0,0,0,0);
		-webkit-user-select: none;
		-webkit-touch-callout: none;
	}
	.no-touch .output a.Schalter:hover,
	.output a.Schalter.hover {
		border-color: #b7b5b2;
	}
	.no-touch .output a.Schalter:hover span.Icon,
	.output a.Schalter.hover span.Icon {
		color:#4B463F;
	}
	.no-touch .output a.Schalter:active span.Icon,
	.output a.Schalter.active span.Icon {
		/*color:red;*/
	}

.output a.Schalter.Links {
	padding:7px 7px 7px 38px;
	text-align:left;
}
.output a.Schalter.Links span.Icon {
    left: 8px;
}





/* Bildgalerie */

.Bildgalerie {
	margin:-2% -2% -2% -2%;
	margin:-5px;
}
.Bildgalerie .col_2 {
	display:block;
}
.miniaturBildgalerie {
	float:left;
	overflow:hidden; 
	box-sizing:border-box;
	padding:5px 5px 0 5px;
}
.miniaturBildgalerie.columns_1{
	width:100%;
}
.miniaturBildgalerie.columns_2 {
	width:50%;
}
.miniaturBildgalerie.columns_4 {
	width:25%;
}
@media only screen and (max-width: 1200px) {
	.Veranstaltungen .miniaturBildgalerie.columns_4 {
		width:33.33%;
	}
}

@media only screen and (max-width: 899px) {
	.Bildgalerie .col_2 {
		display:none;
	}
	.miniaturBildgalerie.columns_2 {
		width:25%;
	}
}
@media only screen and (max-width: 479px) {
	.Bildgalerie .col_2 {
		display:block;
	}
	.miniaturBildgalerie.columns_2 {
		width:50%;
	}
}
/*
@media only screen and (max-width: 479px) {
	.Bildgalerie {
		margin:0px;
	}
	.miniaturBildgalerie {
		width:100% !important; 
		padding:0px;
	}
}
*/

/* Sonstiges */

.output img.Rahmen { /* download */
    border: 1px solid #a5a3a5;
}

.output div#map img { /* Google map */
	max-width: none;
}
.output div.zoomarea img { /* Abbildung Zoom */
	max-width: none;
}

span.Geschwindigkeit_s {font-weight:bold; color:black;}


.placeholder,
.output div#Suche input.placeholder {
	color:#666666;
}


/* Kommentare */
.Zitat_Container {
	background-color:#FFFFFF;
	padding:1px 15px;
	margin:1em 0;
}
.Zitat_Container  .Zitat_Kopf {
	margin:0.5em 0;
	padding-left:20px;
	line-height:18px;
	cursor:pointer;
	position:relative;
}
.output .Zitat_Container .Zitat_Kopf span.Icon {
    display: block;
    margin-top: -10px;
    position: absolute;
    left: -8px;
    top: 50%;	
}
.Zitat_Container .Zitat_Kopf span.Icon:before {
	content: "\e60f";
}
.Zitat_Container.reduziert .Zitat_Kopf span.Icon:before {
	content: "\e627";
}
.no-touch .Zitat_Container .Zitat_Kopf:hover span.Icon,
.Zitat_Container .Zitat_Kopf.hover span.Icon {
	color:#4B463F;
}
.Zitat_Container.reduziert .Zitat_Beschreibung,.Zitat_Container.reduziert .Zitat_Titel {
	display:none;
}

#FormZitatContent #FormZitatHead {
	margin:1em 80px 1em 0;
}


.output div.RichText {
    xxmax-width: 500px;
}
.isAdmin1 .output div.RichText {
/*
	border-right: 1px dashed #e5edf1;
	margin-right:-1px;
*/
}

/* Table Richtext */
.output div.RichText table {
	border-spacing: 0px;
	margin:25px 0;
	width:100%;
	background-color:#f6f6f5;
}
.output div.RichText table th, .output div.RichText table td {
	vertical-align:top;
	text-align:left;
	font-weight:normal;
	padding: 9px 10px 10px 10px;
	border-bottom:1px solid white;
}
.output div.RichText table th, .output div.RichText table tr:last-child td {
	border-bottom:0px none;
}
.output div.RichText table tr:nth-child(2n+1) {
}
.output div.RichText table th {
	background-color: #dbdad9;
}
.output div.RichText table tr > th:first-child,
.output div.RichText table tr > td:first-child {
	/*padding-left:0px;*/
}
.output div.RichText table th > *:first-child,
.output div.RichText table td > *:first-child {
	margin-top:0px;
}
.output div.RichText table th > *:last-child,
.output div.RichText table td > *:last-child {
	margin-bottom:0px;
}




.output div.BoxPadding {
	padding:0.5em 0;
}
.output div.BoxGap {
	margin-bottom:20px;
}


.output div.AbbildungContainer {
    line-height: 0;
    xxmargin-bottom: 5px;
}

/* Lightbox in Bildgalerien, Swipebox */
#swipebox-caption {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
}

.flex-direction-nav a {
	width: 20%;
}
.MediaList_Flexslider_klein .flex-direction-nav a {
	width: 20px;
}
.flex-direction-nav .flex-next {
	background-image:url('/ib/site/elements/layout/Schalter_Rechts.png');
}
.flex-direction-nav .flex-prev {
	background-image:url('/ib/site/elements/layout/Schalter_Links.png');
}
.MediaList_Flexslider_klein .flex-direction-nav .flex-next {
	background-image:url('/ib/site/elements/layout/Schalter_Rechts_s.png');
}
.MediaList_Flexslider_klein .flex-direction-nav .flex-prev {
	background-image:url('/ib/site/elements/layout/Schalter_Links_s.png');
}

.ColSplit_2 {
	float:left;
	overflow-x:hidden;
	width:48.0769230769%;
}
.ColSplit_2_2 {
	margin-left:3.84615384615%;
}
/* 2015_0713 */
/*
	.output .boxFrame.columnSplit .RichText {
		margin-top:-14px;
	}
	.output .boxFrame.columnSplit .boxInFrame {
		margin-bottom:-14px;
	}
	.output .boxFrame.columnSplit {
		margin-bottom:14px;
	}
	*/
@media only screen and (max-width: 899px) {
	.ColSplit_2, .columnSplit {
		float:none ! important;
		width:auto ! important;
	}
	.ColSplit_2_1, .columnSplit1 {
		margin-right:0 ! important;
		margin-left:0 ! important;
	}
	.ColSplit_2_2, .columnSplit2 {
		margin-left:0 ! important;
		margin-left:0 ! important;
	}
	.output .boxFrame.columnSplit .RichText {
		margin-top:0px;
	}
	.output .boxFrame.columnSplit .boxInFrame {
		margin-bottom:0px;
	}
	.output .boxFrame.columnSplit {
		margin-bottom:0px;
	}
}



.Abbildung_Text_links {
	float:left;
	width:48.0769%;
}
.Abbildung_Text_rechts {
	float:right;
	width:48.0769%
}
@media only screen and (max-width: 899px) {
	.Abbildung_Text_links,
	.Abbildung_Text_rechts {
		float:none;
		width:auto;
		margin-top:0 ! important;
	}
}



	



/* Kacheln / Beitraege */
.output p.Headline {
		color:#888;
}
/*
.output div.Kacheluebersicht {
	margin:0 0 0 -20px;
}
	.output div.Kachel {
		float:left;
		box-sizing:border-box;
		width:33.33333%;
		padding-left:20px;
		margin-bottom:20px;
	}
	.output div.Kachel:nth-child(4) {
		clear:left;
	}
	.output div.Headline,
	.output div.Kachel div.Headline {
		background:#666;
		padding:5px 15px;
		line-height:24px;
		margin-bottom:10px;

		font-size:15px;
		color:white;
		font-weight:500;
	}
	.output div.Kachel div.Headline {
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis; 
	}
		.output div.Headline.Color_0,
		.output div.Kachel div.Headline.Color_0 {
			background-color:#9fb892;
		}
		.output div.Headline.Color_1,
		.output div.Kachel div.Headline.Color_1 {
			background-color:#97b7cf;
		}
		.output div.Headline.Color_2,
		.output div.Kachel div.Headline.Color_2 {
			background-color:#97bbbf;
		}
	.output div.Kachel div.Content {
		background:#f0f0f0;
	}
	.output div.Kachel div.Content img {
		display:block;
	}
	.output div.Kachel div.Content div.Text {
		padding:15px;
		font-size:12px;
	}
	.output div.Kachel div.Content div.Text div.TextInnen {
		overflow:hidden;
	}
	.output div.Kachel div.Content div.Text a.ReadOn {
		display:block;
		float:right;
		margin-left:12px;
		color:#cb302a;
	}
@media only screen and (max-width: 479px) {
	.output div.Kachel {
		width:100%;
	}
}
*/


.output .pswp img {
	max-width:10000px ! important;
}




.AbbildungContainer img {
	box-sizing:border-box;
}
.BoxEndClear {
	xxmargin-top:30px;
}