@import 'settings';


/* allgemeine Einstellungen / Resets */
.output :focus {
	outline:none;
}
.output input:focus, .output textarea:focus, .output keygen:focus, .output select:focus {
	outline:none;
}

* {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-user-select: none;
	-webkit-touch-callout: 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;}
}
.output{
	a, a:hover, a:active {
		text-decoration:none;
	}
}

.output img {
	max-width: 100%;
	height:auto ! important; /* important wegen inline-Angaben */
	xxxfilter: drop-shadow(0px 1px 8px rgba(0, 0, 0, 0.5)) ! important;
	xxxbackface-visibility: hidden;
	image-rendering: -webkit-optimize-contrast;
}

.output .clear {
	clear:both;
}
.clearfix:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}
.clearfix {
	display: block; /* inline-block */
}


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


/* ========================================= */
/* Applikations-Einstellungen */
/* ========================================= */

html.Layout {
	height:100%;
	margin:0px;
	overflow:hidden;
	-webkit-text-size-adjust: none;
	
	font-size:@fontSizeBase;
}
html.Layout.isAdmin1 {
	overflow:auto ! important;
}
@media screen and (max-width:@breakpointNoLarge) {
	html.Layout {
		font-size: 1.42857142857vw;
	}
}
@media screen and (max-width:@breakpointNoDesktop) {
	html.Layout {
		font-size: 16px;
		font-size: calc(12px + 0.5vw);
		font-size: 14px;
	}
}
html.Layout body {
	opacity:1;
	margin:0px;
	background-color:@colorBackground;
	height:100%;
	-webkit-text-size-adjust: none;
	-webkit-font-variant-ligatures: no-common-ligatures;
}
.output {
	font-family: Changa, Arial, Helvetica, 'sans-serif';
	font-size: 1rem;
	line-height:@lineHeightText;
	color:@colorText;
	font-weight:200;
}


.output *::-moz-selection {
	background-color:@colorText ;
	color:white;
}
.output *::selection {
	background-color:@colorText ;
	color:white;
}


/* Basis-Schriftstile */

/* Ueberschriften */
.output h1 {
  font-size: 1.75rem; /* fsfrn zuvor abweichende Angaben */
	XXline-height:@lineHeightHeadline;
	font-weight:800;
	margin:-0.2em 0 0 0;
	padding: 0 0 0.075em 0;
}


/*@media screen and (max-width:@breakpointNoDesktop) {
	.output h1 {
		font-size:1.75rem;
	}
}*/

/*.output h1 span.Text {
	display:inline-block;
}*/

html:not(.backgroundcliptext) .output h1 span.Text.Background {
	background-image:none ! important;
}
html.backgroundcliptext .output h1 span.Text.Background {
	background-color:#FFF;
    -webkit-background-clip: text;
    -ms-background-clip: text;
    -moz-background-clip: text;
    -o-background-clip: text;
    background-clip: text;
    color: transparent;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
}
	
.output h2 {
  font-size: 1.75rem;
  xxxline-height: 1.4;
  font-weight: 800;
  margin:-0.2em 0 0 0;
  padding: 1em 0 0.075em 0;
}
.output h3 {
  font-size: 1rem;
  xxline-height: 1.4;
  font-weight: 800;
  margin: 0;
  padding: 0.5em 0 0.5em 0;
}
.output h4 {
  font-size: 1rem;
  xxline-height: 1.4;
  font-weight: 800;
  margin: 0;
  padding: 0.5em 0 0.5em 0;
}
.output h5 {
  font-size: 1rem;
  xxline-height: 1.4;
  font-weight: 800;
  margin: 0;
  padding: 0.5em 0 0.5em 0;
}
/* Text */
.output p {
  margin: 0;
  padding: 0.5em 0 0.5em 0;
}
.output blockquote  {
	margin:0;
	padding: 0.5em 1em;
	font-style:italic;
}
.output pre  {
	margin:0;
	padding: 0.5em 1em;
	font-family: Courier New,Courier;
}

/* Aufzaehlungen */
.output ul  {
	margin:auto 0px auto 0px;
	padding-left:1em;
	/*
	list-style-image:url('/ib/site/elements/Aufzaehlung.png');
	list-style-position:outside
	*/
	list-style:none;
	list-style-type:none;
}
.output ol  {
	margin:auto 0px auto 0px;
	padding-left:1em;
	list-style-position:outside;
}
.output li  {
	position:relative;
	margin:0;
	padding: 0.5em 0;
}
.output ul > li:before {
	content:"\2022";
	content:"\25AA";
	position:absolute;
	left:-1em;
	top:0.5em;
	width:1em;
}
.output li li  {
	padding-bottom:0;
}

/* sonstige Blockformate */
.output hr  {
	height:1px;
	overflow:hidden;
	border-top: 1px solid @colorHighlight;
	border-left: 0px none;
	border-right: 0px none;
	border-bottom: 0px none;
	margin: 0;
	padding: 0.5em 0 0.5em 0;
}

/* Tabellen */
.output table  {
	font:inherit;
}
.output thead  {
	font-size:inherit;
	color:#FFF;
	background-color: mix(@colorBase, #FFF, 80%);
}
.output caption  {
	font-size:1em;
	margin:0;
	padding: 1em 0;
}


	/* Table Richtext */
	.output div.RichText {
		table {
			border-spacing: 0px;
			margin:1em 0;
			width:100%;
			height:auto ! important;
			border-style: hidden;
			border:0px none;
		}
		table, tr, td, th {
			height: auto ! important;
		}
		table th,
		table td {
			vertical-align:top;
			text-align:left;
			font-weight:inherit;
			padding: 0.5em;
			border-top:0px none;
			border-left:0px none;
			border-right:0px none;
			border-bottom:1px solid mix(@colorBase, #FFF, 80%);
		}
		table td:first-child {
			border-left:0px none;
		}
		table td:last-child {
			border-right:0px none;
		}
		table th,
		table tr:last-child td {
			border-bottom:0px none;
		}
		table tr > th:first-child,
		table tr > td:first-child {
		}
		table th > *:first-child,
		table td > *:first-child {
			margin-top:0px;
			padding-top:0px;
		}
		table th > *:last-child,
		table td > *:last-child {
			margin-bottom:0px;
			padding-bottom:0px;
		}
	}



/* Zeichenformate */
.output  a {
	color: @colorHighlight;
	text-decoration:none;
}
.output  a:hover {
}

/* Fall 1: <h2><a href="…">Titel</a></h2> */
.output h2 a,
.output h2 a:visited {
  color: inherit !important; 
  text-decoration: none !important;
  font: inherit !important;
}

.output h2 a:hover, 
.output h2 a:focus {
  color: #ffffff80 !important; 
  text-decoration: none !important;
}

/* Fall 2: <a href="…"><h2>Titel</h2></a> */
.output a h2 {
  color: inherit !important; 
  text-decoration: none !important;
}

.output span.Leuchtstift  {
	background-color:#ffff00;
}
.output strong,
.output b  {
	font-weight:800;
}


.output .Caption {
	margin:0.25em 0;
}



@media only screen and (max-width: @breakpointNoDesktop) { /* alternative Schriftgroessen / Abstaende / etc. in mobiler Darstellung */
	.output h1 {
		/* font-size:22px; */
	}
	.output h2 {
		/* font-size:18px; */
	}
	.output li {
		/* padding-left:20px; */
	}
}

#Layoutbereich.output .RichText a,
#Layoutbereich.output .Standarduebersicht a .ReadOn span {
	text-decoration:underline;
	font-weight:400;
	color:#ffffff80;
	transition: all 0.3s;
}
#Layoutbereich.output .RichText a.hover,
#Layoutbereich.output .Standarduebersicht a:hover .ReadOn span {
	color:#ffffffff;
}
.RichText a {
  &[target=_blank]::after {
    content: '\00A0\29C9';
    font-size: 0.65em;
    position: relative;
    top: -0.3em;
    display: inline-block; 
  }
}

/* END Basis-Schriftstile */


/* Layoutbereich und Fuss */

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

	background-color:@colorBackground;
	-webkit-font-variant-ligatures: none;
}

	body div#Layoutbereich_Innen {
		position:relative;
		height:100%;
	}
body div#Seitenfuss {
	position:relative;
	display:table-row;
	height:1px;

	background-color:@colorFooter;
	background-repeat:no-repeat;
}
body div#Seitenfuss_Innen {
	overflow:hidden;
	min-height:30px;
	
	max-width:@layoutWidthWidthPadding;
	margin-left:auto;
	margin-right:auto;
    padding-left: @layoutPadding;
    padding-right: @layoutPadding;
    position: relative;
	
	box-sizing:border-box;
	@media only screen and (max-width: @breakpointNoDesktop) {
		padding-left: @layoutPaddingDevice;
		padding-right: @layoutPaddingDevice;
	}
}


/* Kopf */

body div.output div#Kopf,
body div.output div#Kopf_Placeholder {
	position:relative;
	transition:all 0.5s;
	xxtransition-delay:0.5s;
}
body div.output .HeaderRow {
    xxdisplay: flex;
    xxjustify-content: space-between;
	xxpointer-events:initial;
	padding:0 @layoutPadding;
	padding:24px 106px 24px 56px;
	@media only screen and (max-width: 1023px) {
		padding:0px 0px 24px 56px;
		padding:0px 0px 24px 0;
	}
}
body div.output div#Kopf {
	position:fixed;
	position:absolute;
	top:0;
	left:0;
	right:0;
	z-index:2;
	opacity:0;
	//background:@colorBackground;
	//pointer-events:none;
	transition:opacity 0.3s linear 0.3s, background 0.3s linear 0.3s, z-index 0.3s linear 0.3s;
}
body div.output div#Kopf #Hauptmenue_Alternative_Menue {
	pointer-events:initial;
}
body div.output div#Kopf.in {
	opacity:1;
}
body.hasMenu div.output div#Kopf {
	background:@colorBackground;
	transition:background 0.3s;
}
body.hasSelected div.output div#Kopf {
	opacity:0;
	z-index:-3;
	transition:opacity 0.3s, z-index 0.3s;
	* {
		pointer-events:none ! important;
	}
}
	
/*
body div.output div#Kopf:after,
body div.output div#Kopf_Placeholder:after {
	content:'';
	display:block;
	clear:both;
}
*/
body div.output div#Logo,
body div.output div#Logo_Placeholder {
	xxfloat:left;
	margin-left:0%;
	width:26.041666666%;
	width:500px;
	transition:width 0.5s;
	display:none ! important;
}
body div.output div#Kopf_Placeholder {
	height:3em;
	display:block;
}
	body div.output div#Logo a,
	body div.output div#Logo_Placeholder 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);
		transition:all 0.5s;
	}
	body div.output div#Logo img.white {
		opacity:0;
	}


/*
html.scrolled body div.output #Kopf {
	background:@colorBackground;
	transition-delay:0s;
	padding-bottom:0;;
	#Logo {
		width:300px;
		margin:-10px -20px -10px -10px;
		transition-delay:0s;
	}	
}
*/
/* Keyvisual */

body.Homepage .Keyvisual {
	width:100%;
	height:100%;
	height:100vh;
	overflow:hidden;
	
	background-size:cover;
	background-position:0% 50%;
	
	margin-bottom:4rem;
	
	/*
	img {
		display:block;
		min-width:100%;
		min-height:100%;
		
		max-width:none;
		
		position:absolute;
		top:50%;
		left:50%;
		transform:translateX(-50%) translateY(-50%);
	}
	*/
}

/* Menue */

body div.output div#Ausgabe {
	position:absolute;
	right:10px;
	bottom:10px;
}
body div.output div#Menuebereich {
	/*
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	*/
	
	display:flex;
    flex-direction: column;
    justify-content: space-around;
}
body div.output div#Hauptmenue {
	position:relative;
	margin:0px;
}
/*
body div.output div.MenuMain:after {
	visibility:hidden;
	display:block;
	font-size:0;
	content: " ";
	clear:both;
	height:0;
}
*/

/* Inhaltsbereich */

body div.output div#Inhaltsbereich {
	xxpadding:0 2% 0 2%;
	/*overflow:hidden;*/
	min-height:400px;
	
	xxpadding:0;
}
body div.output div#Inhaltsbereich_Innen {
	position:relative;
	zzzz-index:0;
	/*padding: 10px 170px 10px 0;*/ /* Platz fuer rechte Spalte */
	xxpadding: 10px 0px 10px 0;
	
	xxpadding: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;
}


/* Ausgabebereiche, Spalten */

body div.output div#Ausgabebereich {
	padding-bottom:0px;
}
	body div.output div#Ausgabe_Ueberschrift {
		margin:0 auto;
	}
	/*
	body div.output div#Ausgabe_Rechts {
		float:right;
		width:22%;
	}
	*/
	body div.output div#Ausgabe_Mitte {
		animation: fadeIn 1.7s ease-in-out 0s;
		max-width:100vw;
	}
	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.0769230769%;
		}
		body div.output div.Spalte_Rechts {
			float:right;
			width:48.0769230769%;
		}



@media only screen and (max-width: @breakpointNoDesktop) {
	xxbody div#Layoutbereich {
		padding:0px;
	}
	xxbody div#Seitenfuss_Innen {
	}
	xxbody div.output div#Ausgabebereich {
		width:100%;
		float:none;
	}
	xxbody div.output div#Ausgabe_Mitte {
		width:100%;
	}
}
@media only screen and (max-width: @breakpointNoDesktop) {
	xxbody div#Layoutbereich {
	}
	xxbody div#Seitenfuss_Innen {
	}
	body div.output div#Logo_Placeholder,
	body div.output div#Logo {
		float:none;
		width:200px;
		width:calc(25% + 160px);
		margin:-10px -20px -10px -10px;
	}
	html.scrolled body div.output #Kopf div#Logo {
		float:none;
		width:150px;
		width:calc(15% + 110px);
		margin:-10px 0px -10px 0px;
	}
	body.hasMenu div.output div#Kopf {
		bottom:0;
		//background:fade(@colorFooter, 90%);
		display: flex;
		flex-direction: column;
	}
	body.hasMenu div.output div#Kopf img.white {
		opacity:1;
	}
	body.hasMenu div.output div#Kopf img.vector {
		opacity:0;
	}
	xxbody div.output div#Inhaltsbereich_Innen {
		padding-right:0px;
	}

	xxbody div.output div#Ausgabe_Mitte {
	}
	xxbody div.output div#Ausgabe_Ueberschrift {
	}
	xxbody div.output div.Spalte_Links, body div.output div.Spalte_Rechts {
		width:100%;
		float:left;
	}
}



/* Baustein-Einzuege */
/*
.Timeline .boxFrame:not(.Box_Meilenstein):not(.Box_Projektstart):not(.Box_Projektende) .boxInFrame,
.Timeline .BoxGap:not(.Box_Meilenstein):not(.Box_Projektstart):not(.Box_Projektende),
*/

body div.output div#Ausgabe_Ueberschrift {
	max-width:@headlineWidth;
	margin-left:auto;
	margin-right:auto;
    padding-left: @layoutPadding;
    padding-right: @layoutPadding;
    position: relative;
	
	box-sizing:content-box;
	@media only screen and (max-width: @breakpointNoDesktop) {
		padding-left: @layoutPaddingDevice;
		padding-right: @layoutPaddingDevice;
	}
}

#Layoutbereich {
	#Inhaltsbereich_Innen {
		padding-bottom:2rem;
	}

	.boxFrame_System:not(.ui-sortable-helper):not(.Box_Video):not(.Display_wide),
	.boxFrame:not(.ui-sortable-helper):not(.Box_Video):not(.Display_wide),
	xx.boxFrame:not(.ui-sortable-helper):not(.Box_Video):not(.Display_wide) .boxInFrame,
	.BoxGap:not(.Box_Video):not(.Display_wide) {
		max-width:@layoutWidthWidthPadding;
		margin-left:auto;
		margin-right:auto;
		padding-left: @layoutPadding;
		padding-right: @layoutPadding;
		position: relative;
		
		box-sizing:border-box;
		
		@media only screen and (max-width: @breakpointNoDesktop) {
			padding-left: @layoutPaddingDevice;
			padding-right: @layoutPaddingDevice;
		}
	}
	.boxFrame:not(.ui-sortable-helper):not(.Box_Video):not(.Display_wide):before {
		left:@layoutPadding;
		right:@layoutPadding;
		
		@media only screen and (max-width: @breakpointNoDesktop) {
			padding-left: @layoutPaddingDevice;
			padding-right: @layoutPaddingDevice;
		}
	}
	.boxFrame_System.Box_Text .boxInFrame .RichText,
	.boxFrame.Box_Text .boxInFrame .RichText,
	.BoxGap.Box_Text .RichText,
	
	.boxFrame_System.Box_AudioInclude .boxInFrame .BoxAudio,
	.boxFrame.Box_AudioInclude .boxInFrame .BoxAudio,
	.BoxGap.Box_AudioInclude .BoxAudio,
		
	.boxFrame_System.Box_ContactForm .boxInFrame .BoxContact,
	.boxFrame.Box_ContactForm .boxInFrame .BoxContact,
	.BoxGap.Box_ContactForm .BoxContact,
	.boxFrame_System .boxInFrame .BoxNarrow,
	.boxFrame .boxInFrame .BoxNarrow,
	.BoxGap .BoxNarrow,
		
	.boxFrame_System.Box_PostingList_Blog .boxInFrame #PostingFormContainer,
	.boxFrame.Box_PostingList_Blog .boxInFrame #PostingFormContainer,
	.BoxGap.Box_PostingList_Blog #PostingFormContainer,
		
	.boxFrame_System.Box_PageList .boxInFrame .Standarduebersicht,
	.boxFrame.Box_PageList .boxInFrame .Standarduebersicht,
	.BoxGap.Box_PageList .Standarduebersicht {
		width:@textWidth;
		margin:0 auto;
	}
	
.Text_Zitat {
	position:relative;
	float:none;
	padding-right:3em;
	padding-left:3em;
	box-sizing:border-box; 
	color:@colorBase;
	font-size:150%;
	font-style:italic;
	line-height:@lineHeightHeadline;
}

@media only screen and (max-width: @breakpointNoDesktop) {
	.Text_Zitat {
		padding-left:10%;
		padding-right:0;
	}
}
	/*
	.boxFrame_System.Box_PostingList_Blog .boxInFrame .RichText,
	.boxFrame.Box_PostingList_Blog .boxInFrame .RichText,
	.BoxGap.Box_PostingList_Blog .RichText {
		width:auto;
		margin:0 auto;
	}
	*/
	.boxFrame_System.Box_Text .boxInFrame .RichText.Alignment_left,
	.boxFrame.Box_Text .boxInFrame .RichText.Alignment_left,
	.BoxGap.Box_Text .RichText.Alignment_left {
		margin-left:0;
	}
	.boxFrame_System.Box_Text_Zitat .boxInFrame .BoxNarrow,
	.boxFrame.Box_Text_Zitat .boxInFrame .BoxNarrow,
	.BoxGap.Box_Text_Zitat .BoxNarrow {
		margin-right:0;
	}
	.boxFrame_System, .boxFrame, .BoxGap {
		.boxFrame_System, .boxFrame, .BoxGap {
			padding:0 ! important;
		}
		.boxFrame:not(.ui-sortable-helper):not(.Box_Video):not(.Display_wide):before {
			left: 0;
			right: 0;
		}
	}
	/*
	div.BoxPadding {
		padding:0 0 0.5em 0;
	}
	*/
	div.boxFrame,
	div.BoxGap {
		margin-bottom:2rem;
	}
	div.boxFrame:last-child,
	div.BoxGap:last-child {
		margin-bottom:4rem;
		margin-bottom:10rem;
		margin-bottom:0rem;
	}

	div.boxFrame.inView,
	div.BoxGap.inView {
		animation-name: bounce, bounce2;
		animation-duration: 300ms, 300ms;
		animation-delay: 0ms, 600ms;
		animation-timing-function: ease-out, ease-out;
		animation-iteration-count: 2, 2;
		animation-direction: alternate, alternate;
		animation-fill-mode:none;
	}
}
@keyframes bounce {
	0% { transform:translateY(0); }
	100% { transform:translateY(-2rem); }
}
@keyframes bounce2 {
	0% { transform:translateY(0); }
	100% { transform:translateY(-1rem); }
}

body.Exhibitions:not(.isAdmin1) #Ausgabe_Mitte {
	.BoxGap {
		margin-bottom:10px;
	}
}
			
@media only screen and (min-width: @breakpointDesktop) {
	body.Exhibitions:not(.isAdmin1) #Ausgabe_Mitte {
		max-width:@layoutWidthWidthPadding;
		margin-left:auto;
		margin-right:auto;
		padding-left: (@gutterWidth - 10px);
		padding-right: @gutterWidth;
		position: relative;
		
		box-sizing:border-box;
	}
	body.Exhibitions:not(.isAdmin1) #Ausgabe_Mitte {
		.BoxGap {
			width:33.3333333%;
			padding:0;
			padding-left:10px;
			float:left;
			box-sizing:border-box;
		}
		.Bildgalerie .miniaturBildgalerie.columns_2,
		.Bildgalerie .miniaturBildgalerie.columns_3 {
			width:100%;
			float:none;
		}
	}
}

@media only screen and (max-width: @breakpointNoDesktop) {
	#Layoutbereich {
		.boxFrame_System.Box_Text .boxInFrame .RichText,
		.boxFrame.Box_Text .boxInFrame .RichText,
		.BoxGap.Box_Text .RichText,
		
		.boxFrame_System.Box_AudioInclude .boxInFrame .BoxAudio,
		.boxFrame.Box_AudioInclude .boxInFrame .BoxAudio,
		.BoxGap.Box_AudioInclude .BoxAudio,
			
	.boxFrame_System .boxInFrame .BoxNarrow,
	.boxFrame .boxInFrame .BoxNarrow,
	.BoxGap .BoxNarrow,
	
		.boxFrame_System.Box_ContactForm .boxInFrame .BoxContact,
		.boxFrame.Box_ContactForm .boxInFrame .BoxContact,
		.BoxGap.Box_ContactForm .BoxContact,
			
		.boxFrame_System.Box_PostingList_Blog .boxInFrame #PostingFormContainer,
		.boxFrame.Box_PostingList_Blog .boxInFrame #PostingFormContainer,
		.BoxGap.Box_PostingList_Blog #PostingFormContainer,
			
		.boxFrame_System.Box_PageList .boxInFrame .Standarduebersicht,
		.boxFrame.Box_PageList .boxInFrame .Standarduebersicht,
		.BoxGap.Box_PageList .Standarduebersicht {
			width:auto;
		}
	}
}

	
.output div.Footer {
	padding-top:2rem;
	padding-bottom:2rem;
	color:fade(@colorTextAlt, 100%);
	line-height:2;
	
	width:@textWidth;
	margin:0 auto;
	
	display:flex;
	justify-content:space-between;
	

	@media screen and (max-width:@breakpointTmp) {
		display:block;
		width:auto;
		margin:0;
	}

	div.Text_Seitenfuss {
		width:30%;
		color:fade(@colorTextAlt, 100%);
		
		font-size:0.75rem;
		@media screen and (max-width:@breakpointNoDesktop) {
			font-size:1rem;
		}
		
		@media screen and (max-width:@breakpointTmp) {
			width:100%;
		}
		
		h5 {
			font-size:1.11111111111em ! important;
			line-height:@lineHeightText;
			margin-top:0;
			padding-top:0;
			color:@colorTextAlt;
		}
		div.RichText {
			max-width:100000px;
		}
	}
	
	a {
		color:@colorTextAlt;
		transition:all 0.3s;
	}
	a.hover {
		color:@colorTextAlt;
		text-decoration:none;
		transition-delay:0s;
	}
	
	&.hovered .hasHover:not(.hover) {
		opacity:0.3;
		transition-delay:0s ! important;
	}
	
	span.Icon {
		color:inherit;
		font-size:32px;
	}
	div.Tools {
		clear:both;
		/*
		width:@textWidth2;
		float:right;
		margin-right:@textIndent2;
		*/
		color:fade(@colorTextAlt, 60%);
		
		p.Socialmedia {
			padding-top:2em;
			
			a {
				margin-right:10px;
				margin-left:10px;
			}
		}
	}
	
	.Map {
		width:65%;
		display:flex;
		justify-content:space-between;
		padding-top:0.5em;
		
		font-size:0.8333333333333rem;
		@media screen and (max-width:@breakpointNoDesktop) {
			font-size:1.25rem;
		}
		
		@media screen and (max-width:@breakpointTmp) {
			padding-top:2.5em;
		}
		@media screen and (max-width:@breakpointTmp) {
			display:block;
			width:100%;
		}
		ul {
			list-style-type:none;
			list-style-image:none;
			margin:0px;
			padding:0;
			
			width:46.153846153%;
			@media screen and (max-width:@breakpointTmp) {
				width:100%;
			}

			li {
				padding:0;
				
				&:before {
					display:none;
				}
			}
		}


		/* Ebene 2 */
		ul.Ebene_2 li {
			margin:0px;
			padding:0px;
		}
		/* Ebene 3 */
		ul.Ebene_3 {
			padding-left:30px; /* Einrueckung der 3. Ebene */
		}

		/* Formate für alle Eintraege der Sitemap, Verweise*/
		span.Eintrag,
		a.Eintrag {
			display:block;
			color:fade(@colorTextAlt, 80%);
			margin-bottom:1.125em;
			text-decoration:none;
			text-align:left;
		}

		a.Eintrag.hover {
		}
		
		/* gesondertes Format für Kapitel */
		a.Kapitel,
		span.Kapitel {
			display:block;
			position:relative;
			xxpadding:12px 25px 8px 10px;
			margin-bottom:0.9em;
			line-height:1.6;
			text-decoration:none;
			font-weight:800;
			xxtext-transform:uppercase;
		}
		a.Kapitel.hover {
		}
	}
}

@media only screen and (max-width: @breakpointNoDesktop) {
	.output div.Footer {
		div.Tools,
		div.Text_Seitenfuss {
			width:auto;
			float:none;
			margin: 0;
		}
	}
}







/*.output div.Sheet, .output .rounded {*/
.output div.Hinterlegung { /* analog: Absatz-Format p.Hinweis */
	background-color:mix(@colorHighlight, #FFF, 20%);
	padding: @gutterWidth @gutterWidth;
	box-sizing:border-box;
	
	&.RichText > *:first-child,
	.rRichEditArea > *:first-child {
		margin-top:0px;
		padding-top:0px;
	}
	&.RichText > *:last-child,
	.rRichEditArea > *:last-child {
		margin-bottom:0px;
		padding-bottom:0px;
	}
}
.output div.Eintrag_Trennlinie {
	border-bottom:1px solid mix(@colorHighlight, #FFF, 20%);
	margin: 0px;
	padding: 15px 12px 15px 0px;
}

/* 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:#000;
		padding:10px 42px 10px 12px;
	}
	.output div.Verweis span.Icon32 {
		position:absolute;
		top:50%;
		right:0px;
		margin-top:-20px;
		color:mix(@colorBase, #FFF, 60%);
		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:@colorText;
	}

	@media only screen and (max-width: @breakpointNoDesktop) {
		.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: @breakpointNoDesktop) {
		.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 { 
	position:relative;
}
.output div.Standarduebersicht div.Eintrag { 
	/*padding:10px 0px;*/
	margin-top:2.5rem;
	margin-bottom:2.5rem;
}
.output div.Standarduebersicht div.Eintrag > a { 
	display:block;
	color:@colorText;
}
.output div.Standarduebersicht div.Eintrag > a h2,
.output div.Standarduebersicht div.Eintrag > a .ReadOn { 
	transition:color 0.3s;
}
.output div.Standarduebersicht div.Eintrag > a .ReadOn { 
	text-align:right;
}
.output div.Standarduebersicht div.Eintrag > a.hover h2,
.output div.Standarduebersicht div.Eintrag > a.hover .ReadOn { 
	color:@colorHighlight;
}

.output div.Split div.Row,
.output div.Standarduebersicht div.Row {
	display:flex;
	
	&.Bottom {
		align-items:flex-end;
		
		.Text {
			display:flex;
			align-items:flex-end;
			max-width:100000px;
		}
	}
	
	div.Left {
		xxmax-width:460px;
		width:37.0967742%;
		width:calc(@columnWidth * 8 + @gutterWidth * 8);
		padding-right:40px !important;
		padding-right:@gutterWidth !important;
		box-sizing: border-box;
		margin-right:calc(@columnWidth + @gutterWidth);
		
	}
	&.Narrow div.Left {
		width:calc(@columnWidth * 6 + @gutterWidth * 6);
		margin-right:calc(@columnWidth * 3 + @gutterWidth * 3);
	}
	&.LogoRow div.Left {
		padding-right:0 ! important;
	}
	div.Left img {
		display:block;
		xmargin:0 auto;
		margin-bottom:1em;

	}

	div.Text {
		xxmax-width:@textWidth;
		width:62.903225806%;
		width:calc(@columnWidth * 3 + @gutterWidth * 2);
		
		h2 {
			padding-top:0;
		}
	}
	
	
	div.Metainformation {
		font-size:75%;
	}
	
	@media screen and (max-width:@breakpointTmp) {
		display:block;
		div.Left {
			width:50%;
			padding:0;
			padding-right:0 ! important;
		}
		div.Text {
			width:100%;
		}
	}
}
/*
.output div.Standarduebersicht div.Eintrag.mit_Miniatur div.Text {
	width:75%;
	width:calc(75% - 40px);
	min-width:200px;
	max-width:100%;
	display:inline-block;
}
**/
.output div.Standarduebersicht div.Eintrag div.Text > *:first-child {
	padding-top:0;
}
.output div.Standarduebersicht div.Eintrag div.Text div.RichText > *:first-child {
	padding-top:0;
}
.output div.Standarduebersicht div.Eintrag div.Text > *:last-child {
}
/*
.output div.Standarduebersicht div.Eintrag div.Text div.Zusammenfassung.Zusammenfassung_schmal {
	xxfloat:left;
	width:500px;
	min-width:200px;
	max-width:100%;
	xxpadding-bottom:13px;
}
.output div.Standarduebersicht div.Eintrag.mit_Miniatur div.Text div.Zusammenfassung.Zusammenfassung_schmal {
	width:360px;
	xxwidth:-webkit-calc(100% - 150px);
	xxwidth:calc(100% - 150px);
}
.output div.Standarduebersicht div.Eintrag div.SchalterContainer {
	margin-right:-12px;
	width:150px;
}
.output div.SchalterContainer {
	float:right;
	margin-top:-webkit-calc(-13px); 
	margin-top:calc(-13px); 
	padding-left:10px;
}

@media only screen and (max-width: @breakpointNoDesktop) {
	.output div.Standarduebersicht div.Eintrag div.Text div.Zusammenfassung.Zusammenfassung_schmal,
	.output div.Standarduebersicht div.Eintrag.mit_Miniatur div.Text div.Zusammenfassung.Zusammenfassung_schmal {
		float:none;
		width:100%;
		margin-bottom:0px;
	}
	.output div.Standarduebersicht div.Eintrag div.SchalterContainer {
		margin-top:10px;
	}
}
@media only screen and (max-width: @breakpointNoDesktop) {
	.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 */
/*
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-text-fill-color: green;
  -webkit-box-shadow: 0 0 0px 1000px #000 inset;
}
*/
.output form {
	margin:0px;
}
.output div.Steuerelement {
	margin:1rem 0 1rem 0;
}
.output .Feldbezeichnung a {
	color:inherit;
}
.output .Gruppenbezeichnung,
.output .Feldbezeichnung {
	margin:0.5rem 0 0.25rem 0;
	font-size:14px;
}
.output .Erforderlich .SteuerelementBezeichnung {
	font-weight:bold
}
.output .Fehlerbereich .SteuerelementBezeichnung {
	color:@colorError;
}
.output input, .output select, .output textarea, div.UploadArea {
	font: inherit;
	line-height:@buttonSizeBase/2;
	padding:@buttonSizeBase/4;
	width:auto;
	border: 0px none;
	border-radius:0;
	
	box-sizing:border-box;
	display:block;
	transition:background 0.3s;
}
.output div.UploadArea {
	position:relative;
	min-height:48px;
	padding:0;
	background-color:mix(@colorForm, #FFF, 20%);
	transition:background 0.3s;
	cursor:pointer;
	
	&:hover {
		background-color:mix(@colorForm, #FFF, 40%);
	}
	input {
		margin:0;
		opacity:0;position:absolute;top:0;left:0;right:0;bottom:0;
		cursor:pointer;
	}
	
	a.Button {
		float:left;
		margin-right:12px;
	}
	a.Clear {
		display:block;
		position:absolute;
		right:0;
		top:0;
		padding:12px;
		
		&:before {
			content: '';
			position: absolute;
			left: 12px;
			top: 12px;
			right: 12px;
			bottom: 12px;
			border-radius:1000px;
			box-sizing:border-box;
			pointer-events:none;
			transition:all 0.3s;
			transform:scale(0);
			background:fade(@colorForm, 20%);
		}
		&:hover:before {
			transform:scale(2.5);
		}
		&.pointerdown:before {
			transform:scale(3.5);
		}
	}
	.Datenfeld {
		pointer-events:none;
		&.Value {
			padding-right:48px;
		}
	}
	&:not(.empty) .Datenfeld.Hint,
	&.empty .Datenfeld.Value,
	&.empty a.Clear {
		display:none;
	}
}
.output input, .output select, .output textarea {
	background-color:mix(@colorForm, #FFF, 20%);
}
.output input, .output span.select, .output textarea {
	margin:0.25rem 0 0.5rem 0;
}
.output .Fehlerbereich input, .output .Fehlerbereich select, .output .Fehlerbereich textarea {
	background-color:mix(@colorError, #FFF, 20%);
}
.output select {
    -moz-appearance: none;
    -webkit-appearance: none;
	padding-right:48px;
	
	option {
		background:white;
	}
	option:disabled {
		color:mix(@colorText, #FFF, 30%);
	}
}
.output span.select {
	position:relative;
	display:block;
}
.output span.select:after {
	content: "\e603";
	display:block;
    font-family: 'rcOutput';
    z-index: 0;
    position: absolute;
    right: 12px;
    top: 50%;
	font-size:24px;
	line-height:1;
	width:1em;
	height:1em;
	text-align:center;
    margin-top: -12px;
    color: @colorForm;
	pointer-events:none;
}
	.output input:hover,
	.output select:hover,
	.output textarea:hover {
		background-color:mix(@colorForm, #FFF, 40%);
		box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1) inset;
	}
	.output input:focus,
	.output select:focus,
	.output textarea:focus {
		background-color:mix(@colorForm, #FFF, 40%);
		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:mix(@colorError, #FFF, 40%);
	}
	
.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  {
	line-height:@buttonSizeBase/2;
	padding:@buttonSizeBase/4;
}
.output input:disabled {
	background-color:mix(@colorForm, #FFF, 20%) ! important;
	opacity:0.5;
}
.output .Steuerelement.captcha  {
	.Feldbezeichnung {
		font-size:1rem;
	}
	img {
		float:left;
	}
}

.output .Steuerelement.radio,
.output .Steuerelement.switch,
.output .Steuerelement.checkbox_confirm,
.output .Steuerelement.checkbox,
.output .Steuerelement.checkboxgroup,
.output .Steuerelement.category_list,
.output .Steuerelement.category_list_3c,
.output .Steuerelement.checkbox_confirm {
	& > .Feldbezeichnung {
		margin:0;
		
	}
	input {
		display:none;
	}
	input + div.Feldbezeichnung {
		position:relative;
		margin:0;
	}
	input + div.Feldbezeichnung label {
		font-size:1rem;
		padding:calc(24px - 0.5rem * @lineHeightText) 0 calc(24px - 0.5rem * @lineHeightText) 36px;
		margin:0;
		display: block;
		cursor:pointer;
		position:relative;
	}
}
.output .Steuerelement.switch {
	input + div.Feldbezeichnung label {
		padding-left:calc(48px + 12px);
	}
	input + div.Feldbezeichnung label span.Effect,
	input + div.Feldbezeichnung:before {
		content: '';
		position: absolute;
		left: 2px;
		top: 18px;
		width: 44px;
		height: 12px;
		z-index: 0;
		border-radius:1000px;
		box-sizing:border-box;
		background:transparent;
		transition: .4s;
	}
	input + div.Feldbezeichnung:before {
		xxborder:2px solid mix(@colorForm, #FFF, 20%);
		background: mix(@colorForm, #FFF, 20%);
	}
	input + div.Feldbezeichnung label span.Effect {
		left:0;
		top:12px;
		width:24px;
		height:24px;
	}
	input + div.Feldbezeichnung label span.Effect:after {
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		background: mix(@colorForm, #FFF, 100%);
		background: white;
		border:2px solid @colorForm;
		box-shadow:0 0.1em 0.2em rgba(0, 0, 0, 0.15);
		box-shadow:0px 2px 1px -1px rgba(0,0,0,0.2), 0px 1px 1px 0px rgba(0,0,0,0.14), 0px 1px 3px 0px rgba(0,0,0,0.12);
		transition:all 0.3s;
		border-radius:1000px;
	}
	input:checked + div.Feldbezeichnung  label span.Effect {
		transform: translateX(24px);
		
		&:after {
			border-width:12px;
		}
	}
	input + div.Feldbezeichnung label span.Effect:before {
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		border-radius:1000px;
		box-sizing:border-box;
		pointer-events:none;
		transition:all 0.3s;
		background:fade(@colorForm, 20%);
	}
	input + div.Feldbezeichnung label span.Effect:hover:before {
		transform:scale(2.5);
	}
	input + div.Feldbezeichnung label span.Effect.pointerdown:before {
		transform:scale(3.5);
	}
	
	input:checked + div.Feldbezeichnung:before {
		pointer-events:none;
	}
}
.output .Steuerelement.checkbox_confirm,
.output .Steuerelement.checkbox,
.output .Steuerelement.checkboxgroup,
.output .Steuerelement.category_list,
.output .Steuerelement.category_list_3c,
.output .Steuerelement.checkbox_confirm {	
	input + div.Feldbezeichnung label span.Effect,
	input + div.Feldbezeichnung:after {
		content: '';
		position: absolute;
		left: 0;
		top: 12px;
		width: 24px;
		height: 24px;
		z-index: 0;
		border-radius:0;
		box-sizing:border-box;
	}
	input + div.Feldbezeichnung label span.Effect:after {
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		border:2px solid mix(@colorForm, #FFF, 40%);
		transition:all 0.3s;
		border-radius:2px;
		background:white;
	}
	input:checked + div.Feldbezeichnung  label span.Effect:after {
		border-color:mix(@colorForm, #FFF, 100%);
		background:mix(@colorForm, #FFF, 100%);
	}
	input + div.Feldbezeichnung label span.Effect:before {
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		border-radius:1000px;
		box-sizing:border-box;
		pointer-events:none;
		transition:all 0.3s;
		background:fade(@colorForm, 20%);
	}
	input + div.Feldbezeichnung label span.Effect:hover:before {
		transform:scale(2.5);
	}
	input + div.Feldbezeichnung label span.Effect.pointerdown:before {
		transform:scale(3.5);
	}
	
	@keyframes checkout {
	  0% {clip-path: inset(0 0 0 0);}
	  60% {opacity:1;}
	  100% {clip-path: inset(0 0 0 1rem);opacity:0}
	}
	@keyframes checkin {
	  0% {clip-path: inset(0 1rem 0 0);}
	  100% {clip-path: inset(0 0 0 0);}
	}
	input + div.Feldbezeichnung:after {
		font-family: rcOutput; 
		font-size:24px;
		line-height:24px;
		content:'\e657';
		color:white;
		font-feature-settings:'liga';
		animation:checkout 0.2s linear forwards;
		pointer-events:none;
	}
	input:checked + div.Feldbezeichnung:after {
		animation:checkin 0.2s linear forwards; /* slower */
	}
}
.output .Steuerelement.radio {
	input + div.Feldbezeichnung label span.Effect,
	input + div.Feldbezeichnung:after {
		content: '';
		position: absolute;
		left: 0;
		top: 12px;
		width: 24px;
		height: 24px;
		z-index: 0;
		border-radius:1000px;
		box-sizing:border-box;
	}
	input + div.Feldbezeichnung label span.Effect:after {
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		border:2px solid mix(@colorForm, #FFF, 40%);
		transition:all 0.3s;
		border-radius:1000px;
		background:white;
	}
	input:checked + div.Feldbezeichnung  label span.Effect:after {
		border-color:mix(@colorForm, #FFF, 100%);
		
	}
	input + div.Feldbezeichnung label span.Effect:before {
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		border-radius:1000px;
		box-sizing:border-box;
		pointer-events:none;
		transition:all 0.3s;
		background:fade(@colorForm, 20%);
	}
	input + div.Feldbezeichnung label span.Effect:hover:before {
		transform:scale(2.5);
	}
	input + div.Feldbezeichnung label span.Effect.pointerdown:before {
		transform:scale(3.5);
	}
	
	@keyframes radioout {
	  0% {transform:scale(0.58333333333);opacity:1;}
	  60% {}
	  100% {transform:scale(1); opacity:0}
	}
	@keyframes radioin {
	  0% {transform:scale(0); opacity:0;}
	  100% {transform:scale(0.58333333333); opacity:1;}
	}
	input + div.Feldbezeichnung:after {
		pointer-events:none;
		background:@colorForm;
		animation:radioout 0.1s linear forwards;
		animation-timing-function:cubic-bezier(0.4, 0.0, 0.2, 1);
	}
	input:checked + div.Feldbezeichnung:after {
		opacity:1;
		animation:radioin 0.1s linear forwards;
		animation-timing-function:cubic-bezier(0.4, 0.0, 0.2, 1);
	}
}

.noUi-base {
	cursor:pointer;
}
.output .Steuerelement.slider {
	.noUi-tooltip,
	.noUi-pips {
		display:none ! important;
	}
	.Spalte2 {
		position:relative;
		.Value {
			position:absolute;
			top:12px;
			line-height:24px;
			right:0;
			width:3rem;
			text-align:right;
		}
	}
	.sliderControl {
		height:48px;
		background:none;
		margin:0.25rem 0 0.5rem 0;
		margin-left:12px;
		margin-right:calc(12px + 4rem);
		position:relative;
		

		&:before {
			content:'';
			display:block;
			position:absolute;
			left:-12px;
			right:-12px;
			top:23px;
			height:2px;
			background:fade(@colorForm, 20%);
			border:0px none;
		}
		
		.noUi-base {
			/*overflow:hidden;*/
			border-radius:100px;
		}
		.noUi-connect {
			/*margin-left:-20px;*/
			min-width:1px;
			margin-right:0px;
			left:-12px ! important;
			top:22px;
			height:4px;
			background-color:@colorForm;
		}
		&.noUi-horizontal .noUi-handle {
			border-color:@colorForm;
			width:24px;
			height:24px;
			left:-12px;
			top:12px;
			box-shadow:0 0.1em 0.2em rgba(0, 0, 0, 0.15);
			box-shadow:0px 2px 1px -1px rgba(0,0,0,0.2), 0px 1px 1px 0px rgba(0,0,0,0.14), 0px 1px 3px 0px rgba(0,0,0,0.12);
			border:0px none;
			background:mix(@colorForm, white, 100%);
			transition:background 0.3s;
			cursor:pointer;
			
			&:before {
				content: '';
				position: absolute;
				left: 0;
				top: 0;
				right: 0;
				bottom: 0;
				border-radius:1000px;
				box-sizing:border-box;
				pointer-events:none;
				transition:all 0.3s;
				background:fade(@colorForm, 20%);
			}
			&:hover:before {
				transform:scale(2.5);
			}
			&.pointerdown:before {
				transform:scale(3.5);
			}
			&:after {
				content: '';
				position: absolute;
				left: -12px;
				top: -12px;
				width: 48px;
				height: 48px;
				cursor:pointer;
			}
		}
		.noUi-pips-horizontal {
			display:none;
		}
	}
}


.output .Fehlermeldung  {
	border:1px solid @colorError;
	margin-bottom:1rem;
	padding:0.5rem;
}
.output .Fehlermeldung h5  {
	margin-top:0px
}
.output .Zwischenueberschrift  {
	font-size:120%;
	font-weight:lighter;
	margin:0.5rem 0;
}
.output form p.Hinweis {
	margin:0.5rem 0;
	font-size:0.8rem;
	min-height:1px;
}

.output  {
	div.Steuerelement input,
	div.Steuerelement textarea,
	div.Steuerelement select {
		width:100%;
	}
}





/* Icons, Schalter */
.output span.Icon,
.output span.Icon32,
.output span.Icon64 {
	font-family: 'rcOutput', Arial;
	font-style: normal;
	font-weight: normal;
	font-size: 24px;
	line-height: 1;
	vertical-align: text-top;
	text-align:center;
	-webkit-font-smoothing: antialiased;

	display: inline-block;
	background: transparent center center;
	width: 1em;
	height: 1em;
}
.output span.Icon {
	color: @colorText;
}
.output span.Icon32 {
	font-size: 32px;
	line-height: 1em;
	width: 1em;
	height: 1em;
	color: @colorText;
}
.output span.Icon64 {
	font-size: 64px;
	line-height: 1em;
	width: 1em;
	height: 1em;
	color: @colorText;
}

/*
.output a.Schalter {
	display:block;
	position:relative;
	line-height:20px;
	padding:12px 50px 12px 13px;
	margin:5px 0px 5px 0px; 
	text-align:right;
	text-decoration:none;
	color:mix(@colorButton, #FFF, 100%) ! important;
	border:1px solid mix(@colorButton, #FFF, 20%);
	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: -12px;
		position: absolute;
		right: 13px;
		top: 50%;
		color:inherit;
		-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: mix(@colorButton, #FFF, 60%);
	}
	.no-touch .output a.Schalter:hover span.Icon,
	.output a.Schalter.hover span.Icon {
	}


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

*/


/* BUTTON */

.output a.Button {
	.Text{
		font-size:1rem;
		font-weight:500;
		line-height:@buttonSizeBase/2;
		display: block;
		pointer-events:none;
		user-select: none;
		transform:rotateZ(0deg);
		
		vertical-align:middle;
		
		xxbackface-visibility: hidden;
	}
}
a.Button {
	
	line-height:1.0;
	position:relative;
	padding:@buttonSizeBase/4;
	padding-right:@buttonSizeBase/4 + @iconSizeBase + @buttonSizeBase/4;
	padding-left:@buttonSizeBase/2;
	display:inline-block;
	color:@colorTextAlt;
	background-color:@colorButton;
	box-sizing:border-box;
	border-radius:1000px;
	text-decoration:none ! important;
	-webkit-font-smoothing:antialiased;
	text-rendering: optimizeLegibility;
	vertical-align:top;
	will-change:transform;
	.button-effect();

	&.disabled {
		opacity:0.5;
		pointer-events:none;
	}
	&.hover:not(.disabled) {
		background-color:@colorButtonPressed;
		.button-effect-hover();
	}
	&.iconRight .Text {
		padding-right:0.25rem;
	}
	&.iconLeft .Text {
		padding-left:0.25rem;
	}
	span.Icon {
		display:block;
		position:absolute;
		top:@buttonSizeBase/4;
		right:@buttonSizeBase/4;
		
		pointer-events:none;
		vertical-align:middle;
		color:inherit;
	}
	/*
	&[data-style=Positive] {
		background:#4FAB30;
	}
		&.hover[data-style=Positive] {
			background:shade(#4FAB30, 15%);
		}
	&[data-style=Neutral] {
		background:#757575;
	}
		&.hover[data-style=Neutral] {
			background:shade(#757575, 15%);
		}
	&[data-style=Negative] {
		background:#E84511;
	}
		&.hover[data-style=Negative] {
			background:shade(#E84511, 15%);
		}
	*/
	
	/* PASSIVE / INVERSE BUTTON */

	&.passive {
		background:none;
		color:@colorButton;
		padding-left:0;
		padding-right:0;
		border-radius:0;
		box-shadow:none;

		.Text {
			font-size:1rem;
		}
		&.hover:not(.disabled) {
			color:@colorButton;
			box-shadow:none;
			transform:none;
			background-color:transparent;
		}
	}

	&.inverse {
		color:@colorButton;
		background-color:white;
	
		&.hover:not(.disabled) {
			background:white;
			color:@colorButtonPressed;
		}
		&.passive {
			background:none;
			color:white;
		}
		&.passive.hover {
			background:none;
			color:white;
		}
	}
}

/* END BUTTON */




/* Bildgalerie */

body:not(.isAdmin1) .AbbildungContainer a {
	xxoverflow:hidden
}
/*
body:not(.isAdmin1) .AbbildungContainer a:hover img {
	transform:scale(1.1);
}
body:not(.isAdmin1) .AbbildungContainer img {
	transition:all 0.8s;
}
*/
.Bildgalerie {
	xxmargin:0px -1.5%;

	.col_2 {
		display:none;
	}
	.miniaturBildgalerie {
		position:relative;
		float:left;
		xxoverflow:visible; 
		xxpadding:0% 1.5%;
		xxmargin-bottom:1.5%;
	}
	.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:66.666667%;
		overflow:hidden;
	}
	.miniaturBildgalerie img {
		transition:all 0.8s;
	}
	.miniaturBildgalerie img {
		display:block;
		position:absolute;
		width:100%;
		height:100%;
		transform:scale(1.005);
		/*
		max-height:98%;
		max-height:calc(100% - 15px);
		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%);
		*/
	}
	.miniaturBildgalerie a:hover img {
		transform:scale(1.1);
	}

	.miniaturBildgalerie.hidden {
		display:none;
	}
	.miniaturBildgalerie.small {
		width:10%;
		
		.Caption {
			display:none;
		}
	}
}
.output .Bildunterschrift {
	position:absolute;
	bottom:0;
	margin:15px 20px;
	color:#FFF;

	text-shadow:0 0 2px rgba(0,0,0,0.6), 0 0 3px rgba(0,0,0,0.6), 0 0 5px rgba(0,0,0,0.5), 0 0 10px rgba(0,0,0,0.5);
}

.Bildgalerie_variable {
	display:flex;
	flex-wrap:wrap;
	max-width:100vw;
	justify-content:space-between;
	xxalign-content:space-between;
	opacity:0;
	transition:all 0.1s;
}
.Bildgalerie_variable.initialized {
	opacity:1;
}
html.isIE .Bildgalerie_variable {
	max-width:calc(100vw - 20px);
}
.Bildgalerie_variable .miniaturBildgalerie {
	margin-bottom:10px;
}
.Bildgalerie_variable, .Bildgalerie {
	.miniaturBildgalerie {
		position:relative;
		
		a {
			display:block;
			overflow:hidden;

			-webkit-tap-highlight-color: rgba(0,0,0,0);
			-webkit-touch-callout: none;
			-webkit-user-select: none;
		}
		a:focus {
			outline:none;
		}
		img {
			display:block;
			transition:all 0.8s;
			width:100%;
		}
		a.hover img {
			transform:scale(1.1);
		}
		
		a .Overlay {
			position:absolute;
			top:0;
			left:0;
			right:0;
			bottom:0;
			padding:20px;
			pointer-events:none;
			background:@colorText;
			opacity:0;
			transition:all 0.3s;
			transition-delay:0.3s;
			
			.Text {
				position:absolute;
				left:0;
				right:0;
				bottom:0;
				padding:20px;

				color:@colorTextAlt;
				opacity:0;
				transition:all 0.3s;
			}
		}
		a.hover .Overlay {
			opacity:0.8;
			transition-delay:0s;
		}
		a.hover .Overlay .Text {
			opacity:1;
			transition-delay:0.3s;
			color:@colorTextAlt;
		}
	}
	.ImageContainer {
		position:relative;
	}
}



@media only screen and (max-width: @breakpointNoDesktop) {
	.Bildgalerie {
		.col_2 {
			display:block;
		}
		.miniaturBildgalerie.columns_2,
		.miniaturBildgalerie.columns_3 {
			width:100%;
		}
		.miniaturBildgalerie.columns_4 {
			width:50%;
		}
	}
}



/* 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:mix(@colorText, #FFF, 40%);
}


/* Kommentare */
.Zitat_Container {
	background-color:#FFF;
	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 {
}
.Zitat_Container.reduziert .Zitat_Beschreibung,.Zitat_Container.reduziert .Zitat_Titel {
	display:none;
}

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



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





.output div.AbbildungContainer {
    line-height: 0;
    xxmargin-bottom: 1em;
}
.output .Box_PageList,
.output .Box_ImageInclude,
.output .Box_Abbildung_Text {
	.Caption {
		transition:all 0.2s;
		margin-top:1em; /* fsfrn - zuvor 2em */
		max-width:75%;
		font-size:70%; /* fsfrn - zuvor 80% */
	}
}

/* Lightbox in Bildgalerien, Swipebox */
#swipebox-caption {
	font-family: Changa, 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: @breakpointNoDesktop) {
	.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;
	}
}


.output .Image_Text_left {
	float:left; width:30%;
}
.output .Image_Text_right {
	float:right; width:67%;
}

.output .Image_Text_right .RichText-limited {
        width: 70%; 
}
	.output .Image_Text_left .Image-limited {
		max-width: 80%; max-height: 80cqw; width: auto; height: auto; display: block; margin-left: auto;
	}

@media only screen and (max-width: @breakpointNoDesktop) {
	.output .Image_Text_left {
		float:left;
		width:35%; 
	}
	.output .Image_Text_right {
		float:right;
		width:60%;
	}
    .output .Image_Text_right .RichText-limited {
        width: 100%; 
    }
	.output .Image_Text_left .Image-limited {
		max-width: 100%; max-height: 100cqw; width: auto; height: auto; display: block; margin-left: auto;
	}
	.output div.RichText table {
		width:100% ! important;
		height:auto ! important;
	}
	.output div.RichText table th,
	.output div.RichText table td {
		width:auto ! important;
		height:auto ! important;
	}
}	








/* Cookie */
	
.Cookie {
	position:fixed;
	bottom:0;
	left:0;
	right:0;
	background:#FFF;
	z-index:100;
	box-shadow:0 0 3px rgba(0,0,0,0.5);
	border-top:1px solid mix(@colorText, #FFF, 40%);
}


	.Cookie2 {
		max-width:1600px;
		padding:10px 5.5vw;
		box-sizing:border-box;
		margin:0 auto;
	}
	.Cookie3 {
		position:relative;
		min-height:30px;
	}
	@media screen and (min-width:@breakpointDesktop) {
		.Cookie2 {
			padding-left:4vw;
			padding-right:4vw;
		}
		.Cookie3 {
			width:50%;
			padding:0 7.5px;
			margin:0 auto;
		}

	}
	.Cookie-Right {
		position:absolute;
		right:0;
		bottom:-5px;
	}
	.Cookie-Left {
		float:left;
		max-width:480px;
		max-width:calc(100% - 125px);
	}



	@media only screen and (max-width: @breakpointNoDesktop) {
		.Cookie-Left,
		.Cookie-Right {
			float:none;
			max-width:10000px;
		}
		.Cookie-Right {
			position:static;
			bottom:auto;
			right:auto;
			margin-top:10px;
			text-align:right;
			padding-left:0;
		}
	}
	
	
.AbbildungContainer img {
	box-sizing:border-box;

}








.mediaplayer {
	xxfont-size:24px;
}



.mediaplayer {
	.audioplayer-playpause.hover {
		background-color:fade(#FFF, 40%);
	}
}



#fsFrame {
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:98;
	background:#000;
}
body.fullscreen #fsFrame {
    display: block;
}

body.fullscreen #fsFrame2 {
	max-width:100%;
	height:100%;
	margin:0 auto;
	
    display: flex;
    justify-content: center;
    flex-direction: column;
}




.output .Standarduebersicht h2 .CardLink {
	top:-25px;
	left:-25px;
}
h1 .CardLink .admin {
	left:-20px ! important;
}




.isAdmin1 .Box_Text_Zitat  {
	overflow:hidden;
}
.output .MiniSchalter {
	display:none ! important;
}











.ConditionalText {
	display:none;
}
.adminArea {
    background: #005073;
    padding: 28px 0 28px 0;
    margin: 28px 0;
	border-radius:20px;
}

.adminStyle {
    color: white ! important;
	font: 14px/1.5 'FiraGO', sans-serif ! important;
}	
	h2.adminStyle,
	h5.adminStyle,
	p.adminStyle {
		padding:0 ! important;
		margin:1em 0 ! important;
	}
	p.adminStyle {
		margin:0 ! important;
	}
	h5.adminStyle {
		margin:2em 0 0 0 ! important;
	}
	h2.adminStyle {
		margin:2em 0 1em 0 ! important;
	}
	h5.adminStyle {
		font-weight:700 ! important;
	}
	h2.adminStyle {
		font-size:20px ! important;
	}
	h2.adminStyle:first-child,
	h5.adminStyle:first-child,
	p.adminStyle:first-child {
		margin-top:0 ! important;
	}
	h2.adminStyle:last-child,
	h5.adminStyle:last-child,
	p.adminStyle:last-child {
		margin-bottom:0 ! important;
	}

	.adminInstruction, .adminStyle.adminInstruction {
		font-style: italic ! important;
	}


.adminArea .rRichEditArea_Poor_Outer,
.adminArea .r-AusgabebereichNoBox {
    background: white;
	position:relative;
}
.adminArea .r-AusgabebereichNoBox {
    padding:9px 0;
	margin-bottom:28px ! important;
	margin-top:14px ! important;
}
.adminArea .rRichEditArea_Poor_Outer:before,
.adminArea .r-AusgabebereichNoBox:before {
    outline: 0px none ! important;
    background: white;
    top: 0;
    bottom: 0;
    left: -9px;
    right: -9px;
    position: absolute;
    content: '';
    z-index: 0;
}
.adminArea .rRichEditArea_Outer label, .adminArea .rRichEditArea_Poor_Outer label {
    position: relative;
}

body {
	overflow-wrap:break-word;
	word-wrap:break-word;
}







.debug {
	position:fixed;
	top:0;
	left:0;
	z-index:100000000;
	display:none;
}
#Kopf_Placeholder {
	display:none ! important;
}
body div.output div#Inhaltsbereich_Innen  {
	xxz-index:1;
	margin-bottom:-2rem;
	padding-bottom:0 ! important;
}
#screen-inner {
    width: 100vw;
    height: 100vh;
    height: calc(var(--vh, 1vh)* 100);
    position: fixed;
    position: relative;
	xxtop:0;
	xxleft:0;
	zzzz-index:0;
    xxbackground-color: #fff;
}
#screen-game {
    opacity: 1;
    transition: z-index 0s, background 1s, transform 1s, opacity 0.4s;
    width: 100%;
    height: calc(100% + 20px);
    height: 100%; /* 2024_1128 reactivated */
    position: absolute;
    top: 0;
    left: 0;
    zzzz-index: 0;
	overflow-x:scroll;
	overflow-y:hidden;
	xxoverflow:hidden;
}
html.Layout.isAdmin1 #screen-game {
	overflow:initial;
}
::-webkit-scrollbar {
    width: 10px;
	height:10px;
    //background: red;
	background-color: #666;
	border-radius:20px;
	margin:3px; /* no effect */
	padding:3px; /* no effect */
}
::-webkit-scrollbar-track {
	padding:5px; /* no effect */
}

::-webkit-scrollbar-thumb {
    background: #bbb;
	border-radius:20px;
}
::-webkit-scrollbar-thumb:hover {
    background: #fff;
}
#sheet {
    position: absolute;
    top: 320px;
    top: 16.666666vw;
    top: ~"min(16.666666vw, 320px)";
    top: ~"min(16.666666vw, 25vh, 320px)";
    right: 105px;
	right: 5.46875vw;
    left: 105px;
    left: 5.46875vw;
    bottom:160px;
    bottom:8.333333vw;
	//height:600px;
	//background:red;
}
/*
EDITABLE IMAGE
*/
body.result0 #sheet {
	transition:all 0.5s linear 1.5s;
}
#editor {
	position:absolute;
	top:50px;
	right:0;
	left:0;
	bottom:-80px;
	bottom:-4vw;
	border:7px solid #ddd;
	border:0px none;
	transition:all 0.5s;
}
body.result2 #editor {
	background:white;
	overflow:hidden;
	box-shadow:0 0.2em 0.4em rgba(0,0,0,0.25);
	transition-delay:1s;
}
.editImg {
	position:absolute;
	width:194.4px;
	width:180px;
	top:0;
	left:0;
	transform:translateX(-50%) translateY(-50%);
	xxopacity:0;
	
	z-index:1;
	
	transition:opacity 1s, box-shadow 1s, z-index 1.5s;
	
	xxmix-blend-mode:multiply;
	-webkit-user-select: none;
	-webkit-touch-callout: none;
	touch-action:none;
	user-select:none;
	
	cursor:grab;
}
.editImg.selected {
	z-index:10;
	transition:opacity 1s, box-shadow 1s, z-index 0s;
}
.ImageCaption {
	position:absolute;
	opacity:0;
	transition:all 0.5s, transform 0.1s;
	z-index:11;
	pointer-events:none;
}
.ImageCaption .Text {
	position:absolute;
	top:0;
	left:-50px; /* fsfrn */
	transform-origin:0 0;
	transition:all 0.5s;
	width:500px;
	line-height: 1.25;
}
.Text .small {
	font-size:75%;
}
.ImageCaption.selected {
	opacity:1;
}
.editImg.in {
	opacity:1;
}
.AbbildungContainer img,
.editImg img {
	display:block;
	transition:opacity 1s, box-shadow 1s;
	filter:drop-shadow(0px 1px 8px rgba(0,0,0,0.5));
}
.editImg img {
	box-shadow: 0px 1px 12px #00000080;
}
.AbbildungContainer.Shadow img {
	filter:drop-shadow(0px 1px 8px rgba(0,0,0,0.5));
}
.editImg.selected img {
	box-shadow:0px 1px 12px #000000a0, 0px 0px 50px #FFFFFF80;
}

.BigYear {
	font-size:3.5em;
	width:450px;
	text-align:center;
	position:absolute;
	font-weight:800;
	bottom:-50px;
	bottom:-2.5vw;
	//bottom:100px;
	opacity:0.2;
}

#Endmark {
	position:absolute;
	top:-150px;
	width:1800px;
	left:0;
	height:10px;
	xxbackground:white;
}


.gameMain .Backdrop {
	position:absolute;
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	backdrop-filter:blur(0px);
	background:rgba(0,0,0,0.0);
	transition:all 1s;
	z-index:2;
	pointer-events:none;
}
.gameMain.hasSelected .Backdrop {
	backdrop-filter:blur(6px);
	background:rgba(0,0,0,0.4);
	pointer-events:initial;
}

.gameMain span.Icon.Close {
	position:absolute;
	font-size:24px;
	@media screen and (min-width:1024px) {
		font-size:48px;
	}
	top:0;
	right:0;
	padding:13px;
	opacity:0;
	transition:all 0.3s linear;
	pointer-events:none;
	z-index:12;
	cursor:pointer;
}
.gameMain.hasSelected span.Icon.Close {
	opacity:1;
	transition-delay:1s;
	pointer-events:initial;
}


#sheet.productsheet {
	/*
	padding-top:120px;
	padding-top:6.25vw;
	padding-top: ~"min(6.25vw, 9vh)";
	*/
}
.BoxAudio .Caption {
	margin-top:1em;
}
#sheet.videosheet {
	display:flex;
	xxflex-wrap:wrap;
	
	//padding-top:120px;
}

	.ListItem,
	.Video.Eintrag {
		margin-right:6.97916667vw ! important;
		margin-right:5.46875vw ! important;
	}
	.Box_VideoInclude .Video.Eintrag {
		margin-right:0 ! important;
	}
		
	.Video {
		//flex:0 0 600px;
		//padding:0 2em 2em 2em;
		//box-sizing:border-box;
		
		
		&:last-child {
			padding-right:105px;
			padding-right:5.46875vw;
			padding-right:0;
		}
		
		.mediaplayer {
			transition:all 0.2s;
			filter: blur(20px);
			opacity: 0;	
			xx-webkit-mask-image: linear-gradient(#FFF, transparent);
			backface-visibility:hidden;
			
			&:before {
				content:'';
				position:absolute;
				top:0;
				left:0;
				right:1px;
				bottom:1px;
				background:white;
			}
		}
		video {
			opacity: 0;
			transition: opacity 0.1s linear 0.3s;
			margin-right:-1px;
			position:relative;
			cursor:pointer;
		}
		.Text {
			opacity:0;
			transition:all 0.2s;
			margin-top:2em;
			max-width:75%;
		}
	}
	.Video.in {
		.mediaplayer {
			opacity:1;
			filter:blur(3px);
			transition:opacity 0.5s linear 0.3s, filter 0.1s linear 0.6s;
		}
		video {
			opacity: 1;
			transition:opacity 0.5s linear 0.8s;
		}
		.Text {
			opacity: 1;
			transition:opacity 0.5s linear 1.2s;
		}
	}
	.Video.in.in2 {
		.mediaplayer {
			filter:blur(8px);
			transition:opacity 0.5s linear 0.3s, filter 0.2s linear 0.0s;
		}
	}
	.Video.in.in3 {
		.mediaplayer {
			filter:blur(0px);
			transition:opacity 0.5s linear 0.3s, filter 0.2s linear 0.0s;
		}
	}
	.Video.in.in2.in3.inX .mediaplayer {
		transition:opacity 0.5s linear 0.3s, filter 0.2s linear 0.0s;
	}
	.Video.in.in2.in3.inX.tease .mediaplayer {
		filter:blur(12px);
		transition:opacity 0.5s, filter 0.6s;
	}
	.Video.in.in2.in3.inX.tease.tease2 .mediaplayer {
		filter:blur(3px);
		transition:opacity 0.5s linear 0.3s, filter 0.2s linear 0.0s;
	}
	.Video.in.in2.in3.inX.tease.tease2.tease3 .mediaplayer {
		filter:blur(8px);
		transition:opacity 0.5s linear 0.3s, filter 0.2s linear 0.0s;
	}
	/*
	.mediaplayer:after {
		  display: block;
		  content: '';
		  position: absolute;
		  top: -1px;
		  left: -1px;
		  right: -1px;
		  bottom: -1px;
		  box-shadow: 0 0 2px @colorBackground inset, 0 0 3px @colorBackground inset, 0 0 3px @colorBackground inset,
							0 0 4px @colorBackground inset, 0 0 4px @colorBackground inset, 0 0 5px @colorBackground inset, 0 0 5px @colorBackground inset;
		pointer-events:none;
	}
	*/
	.Video .Text {
		font-size:80%;
	}




#sheetlist {
	display:flex;
	position:relative;
    xxpadding: 250px 105px 105px 105px;
	xxpadding-top:120px;
	
	@media screen and (max-width:1023px) {
		flex-direction:column;
		justify-content:space-between;
		height:100%;
	}
	.sheets {
		display:flex;
		min-width:90vw;
	}
	.sheets:empty {
		display:none;
	}
}
.Page_Horizontal.isAdmin1 #sheetlist {
	display:block;
}
@media screen and (max-width:1023px) {
	.Homepage #sheetlist {
		flex-direction:column;
		justify-content:space-between;
		min-height:calc(95vh - 120px);
		/*
		.Box_Text:nth-child(2) {
			display:flex;
			.RichText{
				margin-left:auto;
				margin-right:0;
			}
		}
		*/
	}
}
.isAdmin1 .sheets {
	flex-wrap:wrap;
}
.isAdmin1 .sheets > div:first-child {
	width:100%;
	min-width:10em;
}
#sheetlist .ListItem,
#sheetlist .Eintrag {
	width:576px;
	width:30vw;
	width:calc(15vw + 238px);
	width:~"min(calc(15vw + 238px), 60vh)";
	max-width:500px;
	flex-shrink:0;
	margin-right:-134px;
	margin-right:-6.979166666vw;

	img {
		display:block;

	}
}
#sheetlist .Eintrag:not(.Video):last-child {
	padding-right:calc(50vw - 200px);
}
#sheetlist .Eintrag a {
	box-shadow:6px 6px 24px #00000073;
	display:block;
	position:relative;
	overflow:hidden;
}
#sheetlist .Eintrag a:before {
	content:'';
	position:absolute;
	display:block;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:rgba(0,0,0,0.4);
	transition:0.5s;
}
#sheetlist .Eintrag.selected {
	z-index:1;
}
#sheetlist .Eintrag.selected a:before {
	opacity:0;
}



.RTBlock {
	//height:600px;
	display:flex;
	flex-direction:column;
	//justify-content:flex-end;
	width:500px;
	width:26.041666666vw;
	width:calc(15vw + 238px);
	max-width:500px;
	padding-right:105px;
	padding-right:5.46875vw;
	padding-left:50px;
	padding-left:2.604166666vw;
	padding-left:0;
	flex-shrink:0;
}
.RTBreak {
	display:none;
}
@media screen and (max-width: 1023px) {
	.RTBlock {
		width:calc(45vw + 138px);
	}
	.RTBreak {
		display:block;
		width:100%;
	}
}
.FixedRT {
	
}
#sheet .Video {
	align-self:center;
}
body:not(.isAdmin1) .Box_PageList {
	height:100%;
	.ListItem {
		align-self:center;
	}
}
body.Page_Horizontal:not(.isAdmin1) #sheetlist {
	//align-items:flex-end;
	//height:600px;
	
	//padding-top:120px;
	
	.Box_VideoInclude,
	.Box_AudioInclude,
	.Box_ImageInclude {
		align-self:center;
	}
	.BoxGap {
		width:500px;
		width:calc(15vw + 238px);
		&:not(.Box_Text) {
			width:~"min(calc(15vw + 238px), 60vh)";
		}
		max-width:500px;
		max-width:~"calc(min(500px, 100%))";
		padding-right:105px ! important;
		padding-right:5.46875vw ! important;
		padding-left:0 ! important;
		box-sizing:content-box ! important;
		flex-shrink:0;
		padding-bottom:0px ! important;
		//margin-bottom:0px ! important;
		@media screen and (min-width:1024px) {
			&.Width_2 {
				width:1000px;
				width:calc(30vw + 576px);
				max-width:1000px;
				&:not(.Box_Text) {
					width:~"min(calc(30vw + 576px), 120vh)";
				}
			}
		}
		
		.BoxAudio,
		.RichText {
			width:auto ! important;
		}
	}
	.BoxGap:first-child {
		//padding-left:50px ! important;
	}
}

.Pages {
	text-align:center;
	position:absolute;
	top:90px; /* fsfrn - zuvor 140px */
	left:0;
	right:0;
	z-index:1;
	z-index:2;
	transition:z-index 0.3s linear 0.3s;
	&:not(.YearPages) {
		max-width:90%;
		top:auto;
		bottom:40px;
	}
	margin:0 auto;
	@media screen and (max-width: 1023px) {
		top:74px;
	}
	/*
	&:not(.YearPages) {
		display:none ! important;
	}
	*/
}
body.hasMenu .Pages {
	z-index:1;
	transition:z-index 0.1s;
}
.Page_fe7dd21e-4b2e-1bca-f04d-ec0a8caa763e .Pages {
	//max-width:73%;
}
.Pages .Year,
.Pages .Page {
	display:inline-block;
	width:36px;
	height:48px;
	height:36px;
	height:24px;
	position:relative;
	cursor:pointer;
}
.Pages .Year {
	width:auto;
	margin:0 12px;
	line-height:36px;
	
	line-height:1;
	height:auto;
	
	font-size:75%;
	transition:all 0.3s;
	span.Icon {
		//font-size:36px;
		//margin-top:-2px;
		vertical-align:middle;
	}
}

.Pages .Year.hover,
.Pages .Year.selected {
	font-weight:800;
}

.Pages .Page {
	display:inline-block;
	width:8px;
	height:8px;
	margin:1px;
	position:relative;
	//cursor:pointer;
	pointer-events:none;
}
.Pages .Page:before {
	display:block;
	content:'';
	position:absolute;
	top:2px;
	left:2px;
	right:2px;
	bottom:2px;
	background:#333;
	transition:all 0.3s;
	box-sizing:border-box;
	border-radius:1000px;
	box-shadow:0 0 4px rgba(0,0,0,0.5);
}
.Pages .Page.hover:before,
.Pages .Page.selected:before {
	background:#fff;
}




.mediaplayer-control-fullscreen .rcOutput-FullscreenOn {
	display:none ! important;
}
#Inhaltsbereich .mediaplayer .controls {
	display:none ! important;
}



#pdf .scrollbar {
	position:absolute;
	right:1.5rem;
	width:1rem;
	top:4rem;
	bottom:4rem;
	xxbackground:rgba(255,255,255,0.15);
	z-index:2;
	opacity:0;
	transition:opacity 0.5s linear 1.5s;
	transition:opacity 0.3s linear;

/*
.dialoguedetail.touched .scrollbar,
body.overlay #overlaydetail.touched .scrollbar {
	opacity:1;
}
.dialoguedetail.noscroll .scrollbar,
#overlaydetail.noscroll .scrollbar {
	display:none;
}
*/
	.scrollbar_slider {
		position:absolute;
		left:0;
		top:0rem;
		width:100%;
		height:50%;
	}
	.scrollbar_handle {
		position:absolute;
		right:0.375rem;
		left:0.375rem;
		top:0;
		bottom:0;
		background:#fff;
		border-radius:2rem;
		box-shadow:0 0.1em 0.2em rgba(0,0,0,0.15);
		xxbox-shadow:0 0 0.4em rgba(0,0,0,0.5);
	}
}
#pdf.in .scrollbar {
	opacity:1;
}
#pdf.noscroll .scrollbar {
	display:none;
}

#screen-inner .scrollbar {
	position:fixed;
	display:none ! important;
	bottom:0.5rem;
	height:1rem;
	left:4rem;
	right:4rem;
	xxbackground:rgba(255,255,255,0.15);
	z-index:2;
	opacity:0;
	transition:opacity 0.5s linear 1.5s;
	transition:opacity 0.3s linear 0.5s;

/*
.dialoguedetail.touched .scrollbar,
body.overlay #overlaydetail.touched .scrollbar {
	opacity:1;
}
.dialoguedetail.noscroll .scrollbar,
#overlaydetail.noscroll .scrollbar {
	display:none;
}
*/
	.scrollbar_slider {
		position:absolute;
		left:0;
		top:0rem;
		width:50%;
		height:100%;
	}
	.scrollbar_handle {
		position:absolute;
		top:0.375rem;
		bottom:0.375rem;
		left:0;
		right:0;
		background:#fff;
		border-radius:2rem;
		box-shadow:0 0.1em 0.2em rgba(0,0,0,0.15);
		xxbox-shadow:0 0 0.4em rgba(0,0,0,0.5);
	}
}
#screen-inner .scrollbar {
	opacity:1;
}
#screen-inner.noscroll .scrollbar {
	display:none;
}
body.hasSelected #screen-inner .scrollbar {
	transition:opacity 0.1s;
	opacity:0 ! important;
	pointer-events:none;
}





#pdf {
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:-1;
	background:fade(@colorBackground, 80%);
	opacity:0;
	will-change: opacity;
    transition: all 0.5s; 
	transition-delay:0.6s;
	backdrop-filter:blur(6px);
}
#pdf.in {
	z-index: 1500;
	opacity:1;
	transition-delay:0s;
}
#pdfBG {
	position:absolute;
	width:100%;
	height:100%;
}
#pdfContainerTop {
	position:absolute;
	top:0;
	left:0;
	right:0;
	height:50px;
		@media screen and (min-width:1024px) {
			height: 74px;
		}
	background:fade(@colorBackground, 80%);
	background:transparent;
	background:linear-gradient(to bottom, rgba(0,0,0,255) 0%, rgba(0, 0, 0, 0.2) 70%, rgba(0, 0, 0, 0.05) 90%, rgba(0,0,0,0) 100%) ! important;
}
#pdfContainerBottom {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	background:fade(@colorBackground, 80%);
	background:transparent;
	/*
	display:flex;
	flex-direction:column;
	justify-content:flex-end;
	*/
	background:linear-gradient(to top, rgba(0,0,0,255) 0%, rgba(0, 0, 0, 0.2) 70%, rgba(0, 0, 0, 0.05) 90%, rgba(0,0,0,0) 100%) ! important;
}
#pdfContainerBottom .inner {
	max-width: 1280px;
    margin-left: auto;
    margin-right: auto;

	padding:1rem 0;
    padding-left: 2.43902439%;
    padding-right: 2.43902439%;
	
	display:block;
	text-align: left;
/*
	color:white;
	max-width:1600px;
	text-align:center;
	font-size:18px;
	line-height:30px;
*/
	font-weight:200;
}
#pdfContainerBottom .inner .inner1 {
	display:block;
	
	width:@textWidth;
	margin:0 auto;
	color:@colorText;
	font-size:1rem;
	line-height:@lineHeightText;
	
	max-width:none;
	font-weight:800;
}
#pdfContainerBottom .inner .inner2 {
	display:block;
	
	width:@textWidth;
	margin:0 auto;
	color:@colorText;
	font-size:0.75rem;
}

@media only screen and (max-width: @breakpointNoDesktop) {
	#pdfContainerBottom .inner .inner1,
	#pdfContainerBottom .inner .inner2 {
		width:auto;
	}
}
#pdfContainer {
	position:absolute;
	top:0;
	left:0;
	right:-2rem;
	bottom:0;
	bottom:-2rem;
	overflow:auto;
	opacity:0;
    transition: opacity 0.5s;
}
#pdfContainer2 {
	width:1920px;
	width:1300px;
	width:100vw;
}
#pdf.in #pdfContainer {
	opacity:1;
	transition-delay:0.6s;
}
#pdfClose {
	position:absolute;
	top:0px;
	right:0px;
	color:white;
}
	#pdfClose a.close {
		width: 50px;
		height: 50px;
		display: block;
		font-size: 24px;
		@media screen and (min-width:1024px) {
			font-size:48px;
			width: 74px;
			height: 74px;
		}
		transition: all 0.3s;
	}
		#pdfClose a.close span.Icon {
			width:50px;
			height:50px;
			font-size:24px;
			@media screen and (min-width:1024px) {
				font-size:48px;
				width: 74px;
				height: 74px;
			}
			padding:13px;
			transition:all 0.2s;
			pointer-events:none;
			box-sizing:border-box;
		}
		#pdfClose a.close.hover span.Icon {
			xxtransform:scale(1.1);
			color:#fff;
		}
.page canvas {
	box-shadow:0 0 5px rgba(0,0,0,0.5);
	box-shadow:6px 6px 24px #00000073;
	margin:20px auto 20px auto;
	max-width:100%;
	display:block;
}
#pdfContainer.double .page canvas {
	max-width:200%;
}
.page:first-child canvas {
	margin-top:74px;
}
.page:last-child canvas {
	margin-bottom:74px;
}


#timeout {
	position:fixed;
	top:0;
	left:0;
	color:white;
	z-index:10000000000;
}

a.Home {
	display:block;
	position:fixed;
	bottom:48px;
	left:48px;
	pointer-events:initial;
	z-index:100000;
	z-index:10;
	text-shadow:0 0 2px rgba(0,0,0,1), 0 0 3px rgba(0,0,0,1), 0 0 5px rgba(0,0,0,1), 0 0 10px rgba(0,0,0,1);
	
	.Icon {
		font-size:48px;
	}
	@media screen and (max-width: 1023px) {
		top:0;
		left:0;
		bottom:auto;
		width:50px;
		height:50px;
		.Icon {
			position: absolute;
			display: block;
			left: 13px;
			top: 13px;
			font-size:24px;
		}
	}
}
#Hauptmenue .Legal {
	position:fixed;
	display:flex;
	font-size:1.1vw;
	bottom:48px;
	right:48px;
	
	z-index:2;
	text-shadow:0 0 2px rgba(0,0,0,1), 0 0 3px rgba(0,0,0,1), 0 0 5px rgba(0,0,0,1), 0 0 10px rgba(0,0,0,1);
	
	a {
		display:block;
		padding:1px 0;
		margin-left:1em;
		transition: all 0.3s;
		border-bottom: 0.2em solid transparent;
		pointer-events:initial;
	
	}
	
	a.selected {
		font-weight:800;
		border-bottom-color:white;
	}
	a.hover {
		border-bottom-color:white;
	}
}




#fsFrame2 {
	max-width:100% ! important;
	
	& > div {
		padding-bottom:0 ! important;
		height:100%;
	}
}
#fsFrame2 video {
	height:100%;
}



.output .pswp {
	.pswp__button.pswp__button--fs {
		display:none ! important;
	}
	span.Icon {
	}
	.pswp__top-bar, .pswp__caption, .pswp__ui--fit .pswp__top-bar, .pswp__ui--fit .pswp__caption {
		background:transparent;
	}
	.pswp__top-bar {
		background:linear-gradient(to bottom, rgba(0,0,0,255) 0%, rgba(0, 0, 0, 0.2) 70%, rgba(0, 0, 0, 0.05) 90%, rgba(0,0,0,0) 100%) ! important;
	}
	.pswp__caption {
		opacity:0;
		transition: all 0.3s;
		background:linear-gradient(to top, rgba(0,0,0,255) 0%, rgba(0, 0, 0, 0.2) 70%, rgba(0, 0, 0, 0.05) 90%, rgba(0,0,0,0) 100%) ! important;
	}
}
.output .pswp.pswp--animated-in {
	.pswp__caption {
		opacity:1;
		transition: all 0.5s linear 0.4s;
	}
}
.output .pswp__bg {
	background:fade(@colorBackground, 80%);
	opacity:0;
	will-change: opacity;
    transition: all 0.5s; 
	transition-delay:0.6s;
	backdrop-filter:blur(6px);
}


.isAdmin1 .output .r-Ausgabebereich {
	min-width:100%;
}

.productsheet {
	#sheetlist {
		min-height:100%;
	}
	.sheets {
		//align-self:flex-end;
		margin-top:auto;
		margin-bottom:-9.333333vw;
	}
}