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

.output :focus {
	outline:none;
}
.output input:focus, .output textarea:focus, .output keygen:focus, .output select:focus {
	outline:none;
}


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

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

/* Basis-Schriftstile */

.output h1 {
	font-size:32px;
	font-weight:lighter;
	margin:0;
	padding: 24px 0 18px 0;
	color:black;
	font-family:'Droid Serif';
}
@media only screen and (max-width: 767px) { /* alternative Schriftgroessen / Abstaende / etc. in mobiler Darstellung */
	.output h1 {
		font-size:22px;
		padding: 1em 0 0.5em 0;
	}
	.output h2 {
		/* font-size:18px; */
	}
	.output li {
		/* padding-left:20px; */
	}
}

/* END Basis-Schriftstile */


/* Layoutbereich und Fuss */

body div#Slider {
	position:fixed;
	width:100%;
}

body div#Layoutrahmen {
	display:table;
	height: 100%;
	width: 100%;
}
body div#Layoutbereich {
	/*sticky footer */
	height:100%; 

	-webkit-font-variant-ligatures: none;
}
	body.Layout_Breit div#Layoutbereich {
		background-color:transparent;
	}
body > div#Layoutbereich { /*sticky footer */
	xxheight:auto;
	/*min-height:100%;**/
}
@media screen {
	body div#Layoutbereich_Innen {
		xxpadding-top:44.2708333333%;
		xxpadding-top:60vh;
	}
}
	body div#Layoutbereich_Innen2 {
		background:white;
		position:relative;
	}
	body div#Layoutbereich_Innen3 {
		margin:0px auto;
		max-width:1400px;
		padding-top:76px; /* Platz fuer Kopf */
		position:relative;
		padding-bottom:30px;
	}
body div#Seitenfuss {
	position:relative;
	display:table-row;
	height:1px;
}
body div#Seitenfuss_Innen {
	overflow:hidden;
	background:#434343;
	position:relative;
}
body div#Seitenfuss_Innen2 {
	overflow:hidden;
	min-height:30px;
	max-width:1400px;
	margin:0px auto;
	position:relative;
}



/* Kopf */

body div.output div#Kopf {
	position:absolute;
	top:0;
	left:0;
	/* background-color:#fff;*/
	background: linear-gradient(to bottom, #fff 50%, rgba(255,255,255,0) 100%); /* Verlauf stattdessen */
	padding:15px 0 20px 0;
	width:100%;
	z-index:1;
}
body.scrolled div.output div#Kopf {
	position:fixed;
	top:0;
	left:0;
	z-index:2;
	/* box-shadow:0 0 6px rgba(0,0,0,0.25);  Schatten ausgeblendet*/
}
body div.output div#Kopf2 {
	position:relative;
	margin:0 auto;
	max-width:1400px;
}
body div.output div#Logo {
	float:left;
	margin-left:4%;
	width:25%;
	width:calc(15% + 160px);
	max-width: 336px; /* 115px;*/
}
	body div.output div#Logo a {
		width:100%;
		/* padding-bottom:40%; */
		display:block;
		position:relative;
	}
	body div.output div#Logo img {
		display:block;
		position:absolute;
		width:100%;
		height:100%;
		-ms-interpolation-mode: bicubic;
		/* background:rgba(255,255,255,0.001);*/
	}
	body div.output div#Logo img.vector {
		display:none;
	}
	.svg body div.output div#Logo img.vector {
		display:block;
	}
	.svg body div.output div#Logo img.pixel {
		display:none;
	}



/* Keyvisual, Menue */

body div.output div#Keyvisual {
	position:relative; 
	width:100%; 
	height:230px;
	background-image: url('/ib/site/elements/layout/Keyvisual.png');
	background-repeat:no-repeat;
}
body div.output div#Ausgabe {
	position:absolute;
	right:10px;
	bottom:10px;
}
body div.output div#Menuebereich {
	float:right;
	z-index:1;
}
body div.output div#Hauptmenue {
	position:relative;
	margin:0px;
	margin-top:7px;
}
body div.output div#Hauptmenue_Alternative {
	margin-top:3px;
	visibility:hidden; /* Menü ausgeblendet - sind nur 2 Punkte*/
}
/*
body div.output div.MenuMain:after {
	visibility:hidden;
	display:block;
	font-size:0;
	content: " ";
	clear:both;
	height:0;
}
*/

/* Inhaltsbereich */

body div.output div#Inhaltsbereich {
	padding:0 4% 0 4%;
	/*overflow:hidden;*/
	min-height:400px;
}
body div.output div#Inhaltsbereich_Innen {
	position:relative;
	/*padding: 10px 170px 10px 0;*/ /* Platz fuer rechte Spalte */
	padding: 10px 0px 10px 0;

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

div#SliderControl {
	width:100%;
	height:0;
	position:absolute;
	top:0;
}
	div#SliderControl2 {
		width:100%;
		position:absolute;
		bottom:0;
		width:100%;
	}
	div#SliderPages {
		position:relative;
	}
	a#SlideDown,
	a#SlideUp {
		display:block;
		position:relative;
		width:60px;
		height:60px;
		background:red;
		margin:0 auto;
		text-align:center;
		font-size:40px;
	}
	a#SlideDown span.Icon32,
	a#SlideUp span.Icon32 {
		font-size:1em;
		width:1em;
		height:1em;
		line-height:1;
		position:absolute;
		display:block;
		left:50%;
		top:50%;
		margin-top:-0.5em;
		margin-left:-0.5em;
		color:white;
		/*opacity:0.7;*/
		transition:opacity 0.5s;
	}
	a#SlideDown.hover span.Icon32,
	a#SlideUp.hover span.Icon32 {
		opacity:1;
	}
		
@media screen and (max-width:768px) {
	a#SlideDown,
	a#SlideUp {
		width:40px;
		height:40px;
		font-size:26px;
	}
}
/* Ausgabebereiche, Spalten */

body div.output div#Ausgabe_Links_Mitte {
	margin:0 auto;
	max-width:720px;
	padding-bottom:0px;
}
body.Shows div.output div#Ausgabe_Links_Mitte {
	max-width:7200px;
}
	body div.output div#Ausgabe_Ueberschrift {
	}
	body div.output div#Ausgabe_Mitte {
		-webkit-animation: fadeIn 1.7s ease-in-out 0s both;
		-moz-animation: fadeIn 1.7s ease-in-out 0s both;
		animation: fadeIn 1.7s ease-in-out 0s both;
	}
	body.isAdmin1 div.output div#Ausgabe_Mitte {
		-webkit-animation: none;
		-moz-animation: none;
		animation: none;
	}
	
		body div.output div.Spalte_Links {
			float:left;
			width:48%;
		}
		body div.output div.Spalte_Rechts {
			float:right;
			width:48%;
		}
body div.output div#Ausgabe_Rechts { /* Platz durch padding Inhaltsbereich_Innen */
	float:right;
	padding-top:20px;
	margin-right:-170px;
	position:relative;
	width:170px;
}

@media only screen and (max-width: 767px) {
	body div.output div#Inhaltsbereich_Innen {
	}
	body div.output div#Ausgabe_Rechts {
	}
}

body div.output div#Untermenue {
	padding:0px 0px 10px 0px;
}

.output #MenuTools div{
	float:left; 
	padding-left:10px;
	padding-bottom:5px;
	line-height:19px;
}

@media only screen and (max-width: 767px) {
	body div#Layoutbereich {
		padding:0px;
	}
	body div#Seitenfuss_Innen {
	}
	body div.output div#Ausgabe_Links_Mitte {
		width:100%;
		float:none;
	}
	body div.output div#Ausgabe_Mitte {
		width:100%;
	}
	body div.output div#Ausgabe_Rechts {
		display:none;
		/*
		margin-left:0px;
		padding-top:0px;
		width:100%;
		float:left;
		*/
	}
}
@media only screen and (max-width: 767px) {
	body div#Layoutbereich {
	}
	body div#Seitenfuss_Innen {
	}
	body div.output div#Logo {
		float:none;
		position:absolute;
		top:0;
		left:0;
		width:calc(15% + 160px);
	}
	body div.output div#Inhaltsbereich_Innen {
		padding-right:0px;
	}

	body div.output div#Ausgabe_Mitte {
		float:none;
		margin-left:0px;
		width:100%;	
	}
	body div.output div#Ausgabe_Links {
		float:none;
		width:100%;
	}
	body div.output div#Untermenue {
		display:none;
	}
	body div.output div#Ausgabe_Ueberschrift {
		margin:0px
	}
	body div.output div.Spalte_Links, body div.output div.Spalte_Rechts {
		width:100%;
		float:left;
	}
}
@media only screen and (max-width: 479px) {
	body div#Layoutbereich {
		width:100%;	
		min-width:240px;
	}
	body div#Seitenfuss_Innen {
		width:100%;
	}
	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: 479px) {
	body div#Layoutrahmen {
		display:block;
		height:auto;
	}
	body div#Seitenfuss {
		display:block;
	}
}

/* Prev / Next */
	.output span.PrevNextIcon {
		font-family: 'rcOutput', 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:block;
		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:none; /* 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;
}


/*.output div.Sheet, .output .rounded {*/
.output div.Hinterlegung { /* analog: Absatz-Format p.Hinweis */
	xxpadding: 10px 12px;
}
.output div.Eintrag_Trennlinie {
	border-bottom:1px solid #ccc;
	margin: 0px;
	padding: 1em 0px;
}
.output div.Eintrag_Trennlinie:last-child {
	border-bottom:0px none;
}

/* Verweis */
	.output div.Verweis {
		position:relative;
		padding:0px;
	}
	.output div.Verweis a {
		-webkit-tap-highlight-color: rgba(0,0,0,0);
		-webkit-user-select: none;
		-webkit-touch-callout: none;
		transition: color 0.3s, border-color 0.3s;
		-webkit-transition: color 0.3s, border-color 0.3s;
	}
	.output div.Verweis.Hinterlegung {
		margin-left:10%;
		margin-right:10%;
	}
	.output div.Verweis div.Miniatur {
		padding-right:10px !important;
		text-align:center;
		width:25%;
		float:left;
	}
	.output div.Verweis div.Miniatur img {
		display:block;
	}
	.output div.Verweis.mit_Miniatur div.Text {
		margin-left: calc(25% + 10px);
		margin-left: -webkit-calc(25% + 10px);
	}

	.output div.Verweis.Hinterlegung div.Text > *:first-child {
		margin-top:0px;
	}
	.output div.Verweis.Hinterlegung div.Text > *:last-child {
		margin-bottom:0px;
	}
	.output div.Verweis a {
		position:relative;
		display:block;
		text-decoration:none;
		color:black;
		padding:10px 42px 10px 12px;
	}
	.output div.Verweis span.Icon32 {
		position:absolute;
		top:50%;
		right:0px;
		margin-top:-20px;
		color:#000;
		transition: color 0.3s, border-color 0.3s;
		-webkit-transition: color 0.3s, border-color 0.3s;
	}
	.no-touch .output div.Verweis a:hover span.Icon32,
	.output div.Verweis a.hover span.Icon32 {
		color:#666;
	}

	@media only screen and (max-width: 1024px) {
		.output .Spalte_Links div.Verweis div.Miniatur,
		.output .Spalte_Rechts div.Verweis div.Miniatur {
			float:none;
		}
		.output div.Verweis.mit_Miniatur div.Text {
			margin-left: 0;
		}
	}
	@media only screen and (max-width: 767px) {
		.output div.Verweis div.Miniatur {
			float:none;
		}
		.output div.Verweis.mit_Miniatur div.Text {
			margin-left: 0;
		}
	}


div.AudioPlayer.Hinterlegung {
		/*
		margin-left:10%;
		margin-right:10%;
		*/
}
	.output div.AudioPlayer.Hinterlegung div.Text div.RichText > *:first-child {
		margin-top:0px;
	}

/* Standarduebersicht (z.B. Seitenuebersicht, Miniaturen)

td.Miniatur
	img
td
	div.Datum
	h2 > a
	div.Zusammenfassung
	div.Beschreibung
	div.Autor

*/


.output div.Standarduebersicht div.Eintrag { 
	/*padding:10px 0px;*/
}
.output div.Standarduebersicht div.Eintrag.mit_Miniatur { 
}

.output div.Standarduebersicht div.Miniatur {
	width:35%;
	width:calc(35% + 40px);
	padding-right:20px !important;
	padding-top:10px;
	padding-bottom:10px;
	float:left;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.output div.Standarduebersicht div.Miniatur img {
	display:block;
}

.output div.Standarduebersicht div.Text {
	xxxpadding:6px 0px; /* oben: Ausgleich Miniatur; unten: nicht kleiner als oben */
}
.output div.Standarduebersicht div.Eintrag.mit_Miniatur div.Text {
 	/*margin-left: 25%;*/
	width:65%;
	width:calc(65% - 40px);
	max-width:100%;
	display:inline-block;
}

.output div.Standarduebersicht div.Eintrag div.Text div.Zusammenfassung.Zusammenfassung_schmal {
	width:500px;
	min-width:200px;
	max-width:100%;
}
@media only screen and (max-width: 479px) {
	.output div.Standarduebersicht div.Miniatur {
		width:auto;
		max-width:140px;
		float:none;
	}
	.output div.Standarduebersicht div.Eintrag.mit_Miniatur div.Text {
		margin-left:0px;
		width:100%;
		min-width:auto;
	}
}







/* Formular */
form {
	margin:0px;
}
div.Steuerelement {
	padding:3px 0px;
}
.output .Feldbezeichnung  {
	margin:1px 0px;
	padding:5px 0px;
}
.output .Erforderlich .SteuerelementBezeichnung  {
	font-weight:bold
}
.output .Fehlerbereich .SteuerelementBezeichnung  {
	color:#ff0c00;
}
.output input, .output select, .output textarea {
	font: 14px 'Droid Sans', Arial, 'sans-serif';
	margin:1px 0px;
	padding:4px 5px;
	width:auto;
	border: 1px solid rgba(0,0,0, 0.25);
	xxborder-radius:3px;
	background-color:#fff;
	box-sizing:border-box;
}
.output .Fehlerbereich input, .output .Fehlerbereich select, .output .Fehlerbereich textarea {
	background-color:rgba(255, 12, 0, 0.15);
}
	.output input:hover,
	.output select:hover,
	.output textarea:hover {
		background-color:#fff;
		border-color:rgba(255, 12, 0, 0.25);
	}
	.output input:focus,
	.output select:focus,
	.output textarea:focus {
		background-color:#fff;
		border-color:rgba(255, 120, 0, 0.5);
	}
	.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:white;
	}
.output .Optionsfeld  {
	float:left;
	width:13px;
	height:13px;
	border:0px;
	padding:0px;
	margin:7px 5px 0px 0px;
	box-sizing: content-box;
	background-color:transparent;
}
.output .Datenfeld  {
	margin:1px 0px;
	padding:5px 3px;
}
.output input:disabled {
	background-color:#f6f6f5 ! important;
	opacity:0.5;
}
.output .Fehlermeldung  {
	border:1px solid #ff0c00;
	margin-bottom:10px;
	padding:5px;
}
.output .Fehlermeldung h5  {
	margin-top:0px
}
.output .Zwischenueberschrift  {
	font-size:120%;
	font-weight:lighter;
	padding:5px 0px 15px 0px;
}
.output form p.Hinweis {
	margin: 5px 0 10px;
	padding: 0px;
	font-size:80%;
	min-height:1px;
}

div.Steuerelement input, div.Steuerelement textarea, div.Steuerelement select {
	width:100%;
}
div.Steuerelement.text_wide textarea {
	width:100%;
}
div.Steuerelement:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}
div.Spalte1 {
	float:left;
	width:103px;
}
div.Spalte2 {
	margin-left:108px;
}
/*
.output div#LoginForm_Klein div.Spalte1 {
	float:none;
	width:auto;
}
.output div#LoginForm_Klein div.Spalte2 {
	float:none;
	width:auto;
	margin-left:0;
}
*/

@media only screen and (max-width: 767px) {
	div.Steuerelement input, div.Steuerelement textarea, div.Steuerelement select {
		width:100%;
	}
	div.Steuerelement.text_wide textarea {
		width:100%;
	}
}
@media only screen and (max-width: 767px) {
	div.Spalte1 {
		float:none;
		width:auto;
		padding:1px 0px;
	}
	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 {
		width: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 span.Icon,
.output span.Icon32,
.output span.Icon64 {
	font-family: 'rcOutput', Arial;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 1;
	vertical-align: text-top;
	text-align:center;
	-webkit-font-smoothing: antialiased;

	display: inline-block;
	background: transparent center center;
	width: 1rem;
	height: 1rem;
}
.output span.Icon {
	color: #ff0c00;
}
.output span.Icon32 {
	font-size: 32px;
	line-height: 40px;
	width: 40px;
	height: 40px;
	color:#ff0c00;
}
.output span.Icon64 {
	font-size: 64px;
	line-height: 80px;
	width: 80px;
	height: 80px;
	color:#ff0c00;
}
.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:#ff0c00 ! important;
	border:1px solid transparent;
	border-radius:2px;
	transition: all 0.3s ease;
}
	.output a.Schalter span.Icon {
		display: block;
		margin-top: -10px;
		position: absolute;
		right: 8px;
		top: 50%;
		color:inherit;
	}
	.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,
	.no-touch .output a.Schalter:active,
	.output a.Schalter.active {
		background:#ff0c00;
		color:white ! important;
	}
	.no-touch .output a.Schalter:hover span.Icon,
	.output a.Schalter.hover span.Icon {
	}
	.no-touch .output a.Schalter:active span.Icon,
	.output a.Schalter.active span.Icon {
	}

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





/* Bildgalerie */

.Bildgalerie {
	margin:0px -2%;
}
.Bildgalerie .col_2 {
	display:none;
}
.miniaturBildgalerie {
	position:relative;
	float:left;
	overflow:visible; 
	padding:0% 1.92307692308%;
	margin-bottom:1.92307692308%;
	box-sizing:border-box;
}
.miniaturBildgalerie.columns_1{
	width:100%;
}
.miniaturBildgalerie.columns_2 {
	width:50%;
}
.miniaturBildgalerie.columns_3 {
	width:33.333%;
}
.miniaturBildgalerie.columns_4 {
	width:25%;
}
.miniaturBildgalerie a {
	display:block;
	position:relative;
	width:100%;
	padding-bottom:100%;
}
.miniaturBildgalerie img {
	display:block;
	position:absolute;
	max-height:98%;
	max-height:calc(100% - 15px);
	max-height:100%;
	box-sizing:border-box;
	top:50%;
	left:50%;
	transform:translateX(-50%) translateY(-50%);
	-moz-transform:translateX(-50%) translateY(-50%);
	-webkit-transform:translateX(-50%) translateY(-50%);
}
.output .Bildunterschrift {
	overflow:hidden;
}
.output .Bildunterschrift_Innen {
	padding:5px 0;
}

/*
@media only screen and (max-width: 767px) {
	.miniaturBildgalerie.columns_1 {
		width:445px;
	}
	.miniaturBildgalerie.columns_2 {
		width:216px;
	}
	.miniaturBildgalerie.columns_3 {
		width:140px;
	}
*/
@media only screen and (max-width: 767px) {
	.output .Bildunterschrift {
		font-size:11px;
	}
}
@media only screen and (max-width: 479px) {
	.Bildgalerie .col_2 {
		display:block;
	}
	.miniaturBildgalerie.columns_4 {
		width:47%;
	}
}
/*
@media only screen and (max-width: 319px) {
	.Bildgalerie {
		margin:0px;
	}
	.miniaturBildgalerie {
		width:100% !important; 
		padding:0px;
	}
}
*/


/* Sonstiges */


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



.placeholder,
.output div#Suche input.placeholder { /* placeholder plugin */
	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%;
	height:auto ! important;
}
.output div.RichText table th, .output div.RichText table td {
	vertical-align:top;
	text-align:left;
	font-weight:normal;
	padding: 9px 10px 10px 0px;
	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) {
	background-color:#f6f6f5;
}
.output div.RichText table th {
	background-color:#005073;
	color:white;
}
.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;
	padding-top:0px;
}
.output div.RichText table th > *:last-child,
.output div.RichText table td > *:last-child {
	margin-bottom:0px;
	padding-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: 'Droid Sans', Arial, Helvetica, sans-serif;
}

.flex-direction-nav a {
	width: 25%;
	height:auto;
	top:50px;
	bottom:50px;
}

.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: 767px) {
	.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;
	}
}


/* Sidebar */
	div#Sidebar-Block {
		position:fixed;
		top:0;
		left:0;
		right:0;
		bottom:0;
		background-color:rgba(0,0,0,0.2);
		z-index:1;
		display:none;
	}
	div#Sidebar-Handle {
		position:fixed;
		top:0;
		left:0;
		bottom:0;
		width:23px;
		z-index:1;
		xxbackground:red;
	}
	div#Sidebar {
		position:fixed;
		width:80%;
		max-width:300px;
		min-width:240px;
		
		background:#fff;
		top:0;
		left:0;
		bottom:0;
		margin-left:-310px;
		transition:margin-left 0.5s ease-out;

		padding:80px 10px 10px 10px;
		box-sizing:border-box;
		z-index:1;

		box-shadow:0px 0px 4px rgba(0,0,0,0.5);
		overflow-x:hidden;
		overflow-y:auto;
	}

	body.modeSidebar div#Sidebar-Block {
		display:block;
	}
	body.modeSidebar div#Sidebar {
		margin-left:0;
	}
	.Schalter_Sidebar {
		position:fixed;
		top:10px;
		left:10px;
		z-index:2;
	}
	.Schalter_Sidebar span.output-i-Vorherige {
		display:none ! important;
	}
	body.modeSidebar .Schalter_Sidebar span.output-i-Vorherige {
		display:block ! important;
	}
	body.modeSidebar .Schalter_Sidebar span.output-i-Navigation {
		display:none ! important;
	}
	
	
	
.output .pswp img {
	max-width:100000px;
}
.output span.pswp__caption1 {
	font-weight:400;
}
.output .pswp__bg {
	background-color:rgba(0,0,0,0.8);
}
.pswp__ui--fit .pswp__top-bar, .pswp__ui--fit .pswp__caption {
	background-color:rgba(0,0,0,0.65);
}
.pswp__top-bar, .pswp__caption,
.pswp__ui--fit .pswp__top-bar, .pswp__ui--fit .pswp__caption {
	background-color:transparent; /*rgba(0,0,0,0.65);*/
	background-color:rgba(0, 0, 0, 0.6)
}
.pswp__button--arrow--left:before, .pswp__button--arrow--right:before {
	background-color: transparent;
	width:44px;
	height:44px;
	top: 28px; /* (100-44)/2 */
}
.pswp__caption__center {
	color:white;
}
.pswp__counter {
	opacity:1;
}
.pswp__button {
	opacity:0.65;
}




.output .Text_Zitat {
	position:relative; float:left; width:40%; box-sizing:border-box; padding:20px 20px 20px 0px; margin-left:55px;
	color:#009cc4; font-size:140%;
}
.output .Text_Zitat span.Quote {
	display:block; position:absolute; left:-55px; top:20px; width:30px; height:50px;
	background:url('/ib/site/elements/pfeil_bi.png');
	background-size:contain;
}
@media only screen and (max-width: 767px) {
	.output .Text_Zitat {
		float:none; width:auto;
	}
}

.Kommentar_Meta {
	font-size:12px;
	padding:10px 0;
}
.Kommentar_Beschreibung {
	padding:3px 0;
}
@media all and (min-width:768px) {
	.Pagination {
		margin-left: 150px;
		margin-right: 150px;
		padding-top: 2px;text-align:center;
	}
}
.Pagination a,
.Pagination .selected {
	width:40px;
	height:40px;
	line-height:40px;
	display:inline-block;
	text-align:center;
	font-weight:bold;
}
.Pagination .selected {
	color:white;
	background:#ff0c00;
	border-radius:30px;
}


.Eintrag_Trennlinie {
	overflow:hidden;
}
@media all and (min-width:768px) {
	.Eintrag_50 {
		width:50%;
		box-sizing:border-box;
		float:left;
	}
	.Eintrag_50_1 {
		padding-right:2%;
	}
	.Eintrag_50_2 {
		padding-left:2%;
	}
}
@media all and (max-width:767px) {
	.Eintrag_50_1 {
		border-bottom:1px solid #ccc;
		margin-bottom:0.5em;
		padding-bottom:0.5em;
	}
}

.captcha img {
	vertical-align:middle;
}

	.output article table td {
		vertical-align:top;
		padding-bottom:7px;
		min-height:20px;
		width:auto ! important;
	}
	.output article table a {
		display:block;
		margin-top:-5px;
		
	}
@media screen and (max-width:520px) {
	.output article table {
		font-size:12px;
		font-size:calc(8px + 0.5vw);
	}
}


#boxTrash {
	z-index:2;
}