@charset "utf-8";
/* CSS Document */


@-ms-viewport{
    width: extend-to-zoom;
    zoom: 1.0;
}
/*@media (max-width: 800px) {*/
.Desktop{display:none !important;}
.Mobile {display:inherit !important;min-height:10px;}

/*******	mainContainer	*******/
/*div{border:1px solid red}*/
html,body {
	font-size:10px;
	background-color:white;
	} 
body{font-size:20px;line-height:28px;font-weight:200;}
#zentriert {
	display:block;
	width:100%;
	/*padding-left:10px;
	padding-right:10px;*/
	/*border:1px solid green;*/
	/*background-color:green;*/
	border:1px solid white;
	/*width:320px;*/
}
#headContainer,#inhaltContainer,#footContainer,#fixedContainer {
	/* genutzte Maximalbreite: 320px */ 
	/*width: 100%;*/
	padding:0;
	width:100%;
	height:auto;
	/*background-color:white;*/
}

#headContainer {
	position:fixed;
	min-height:60px;
	margin-top:-2px;
	width:100%;
	margin-left:0px
	/*border:1px solid blue;*/
}
#inhaltContainer {
	/*width:calc(100% - 20px);*/
	width:calc(100% - 20px);
	margin:0;
	padding:0px;
	margin-top:100px;
	margin-left:10px;
	margin-right:10px;
	
}
#footContainer div{
	/*border:1px solid red;	*/
}

/*	HEADER	*/
#Header{
	width:calc(100%);
	z-index:1;
	height:100px;
	padding:0;
	/*border:1px solid green;*/
}
#headerTop{
	position:fixed;
	width:100%; /*calc(100% + 20px);*/
	min-width:300px;
	height:100px;
}
/*#logoImg{
	width:95px;
	margin-top:12px;
}*/
#logoImg_sp{
	width:230px;
	margin-top:18px;
	margin-left:18px;
}
#menuIcon{
	position:absolute;
	margin-top:20px;
	margin-left:calc(100% - 80px);
	/*margin-top:27px;
	margin-right:10px;*/
}

#show_kauf{width:calc(100% - 20px);}

/*******	CMS-MODULE	*******/
	/*
		-	Header
		-	Footer
		- 	Navi links
	*/	
/*   Navi links, fix, scrollt mit, wenn Ende des Inhalts erreicht ist	*/
#cms-naviL {display:none;}


/*******	FLEX-BOXEN	*******/
/*.flex-container {
	display:fix;
}
.row {flex-direction: row;}
.row-reverse {flex-direction: row-reverse;}
.col {flex-direction: column;}
.col-reverse {flex-direction: column-reverse;}

.start {justify-content:flex-start;}
.end {justify-content:flex-end;}
.center {justify-content:center;}
.between {justify-content:space-between;}
.start2 {align-items:flex-start;}
.end2 {align-items:flex-end;}
.center2 {align-items:center;}
.between2 {justify-content:space-between;}
.center-center {justify-content:center;align-items:center;}

.flex-grow100 {flex-grow:100;} 
.flex-shrink100 {flex-shrink:100;} 
.wrap{flex-wrap:wrap;}
.nowrap{flex-wrap:no-wrap;}padding-left:10px;padding-right:10px;
*/
.flex-row2col {display:flex;flex-direction:column;}
.flex-row-between{flex-direction:column;}

.m-p10{padding:10px}
.m-pL10{padding-left:10px}

/* Flex-boxen	*/
/* Zellen horizontal, center bottom */
.flex-center-row-bottom{
	flex-wrap: wrap;
}
#Footer{ 
	width:100%;
	padding:0;
	/*border:1px solid blue;*/
}

#footerLogo {
	height:auto;
	width:calc(100% - 20px);
	line-height:normal;
	padding: 20px 0 20px 10px; /* top right bottom left */
}




.cms-2sp{width:100%;display:block;padding:27 0 40 0;}
.cms-605 {width:100%;margin:0;padding:0;min-width:300px;}
.cms-820{width:100%;}
.m-LR10{width:calc(100% - 20px);margin-left:10px;margin-right:10px;}
/*******	ENDE mainContainer	*******/

/*******	mainFormat	*******/
#inhalt {width:100%;margin-left:0px;margin-top:80px;}

.space17 {height:17px;width:100%;}
.space80 {height:40px;width:100%;}
.space200 {height:80px}
.pT70 {padding-top:35px}
.h114 {height:114px;}


/* Schriftformatierung	*/



/*	Schriften Inhalt 2022	*/
/* Inhalt Standard (Aufruf in /includes/_ckeditor.php)   *************/
/*#inhaltTitel{font-size:55px;font-weight:200;line-height:65px}*/
.cms-450L {width:460px;min-height:10px;margin-left:100px;}
.cms-450R {width:472px;min-height:10px;margin-left:112px;}

.kontoTitel{
	font-size:30px;
	line-height:42px;
	padding-left:10px;
	height:47px !important;
}



[class*="titel24"]{font-size:24px;}
[class*="titel30"]{font-size:30px;}
[class*="titel40"]{font-size:40px;line-height:1em}
[class*="titel55"]{font-size:55px;line-height:1.2em}
[class*="text20"]{font-size:20px;line-height:1.4em}
/*[class*="text24"]{font-size:28px;line-height:1.3em;font-weight:200}*/
[class*="text30"]{font-size:30px;line-height:1.25em}


input{height:70px;padding-left:20px;border:1px solid black;}
input[type="text"],input[type="password"]{width:100%;}




/* Select-Feld */
#select-wrapper {
	position:relative;
	background-color:white;
	color: black;
}
select { 
	-moz-appearance: none; 
	-webkit-appearance: none; 
	appearance: none; 
	
	background:url(../images/common/transparent_1px.png) repeat;
	border: 1px solid black;
	cursor: pointer; 
}
select:focus::-ms-value { 
	background-color: transparent;
	color:black;
	} 
#select-wrapper::before  {
	pointer-events: none; 
	content: url(../images/icons/pfeil_akk_runter.png); 
	position: absolute; 
	pointer-events: none; 
	background-color:white;
}
/* individuelle format zum Select-Feld */
/*
select {
	width: 100%;
	height:70px;
	padding-left:20px;
	color:black;
	border:1px solid black;
}
#select-wrapper::before  {
	height:68px;
	width:60px;
	right: 1px; 
	top: 3px; 
	color: black; 
}
*/
/*	Ende Select	*/



/*******	FORMATIERUNG DER SEITEN 	sitesFormat	*******/

/***********		NEWSLETTER (Neuigkeiten)			**************/

/*neu*/
.item2 .select-field{width:100%;margin-top:0px;position:static;font-size:20px} /* Seite Tickets_inc */
.sf-liste{
	width: 100%;
	margin-left:10px;
	z-index:10;
}
.sf-liste li{font-size:30px;font-weight:400;padding-left:10px;}
.sf-liste li:first-child{font-size:30px;height:55px;padding-top:10px !important;}
.item2 .sf-liste li:first-child{font-size:30px;padding-left:10px;padding-top:20px;}
.sf-liste li:hover{font-weight:200;font-style:italic;}
.sf-liste li:first-child:hover{font-weight:400;font-style:normal;}
[sf-value]{padding-top:10px;padding-bottom:10px;}

.select-field {
    position: fixed;
    top: 100px;
    left: 0;
    width: 100%;
    z-index: 1000;
}

.sf-liste {
    margin: 0;
    padding: 0;
    list-style: none;
    background: white;

    max-height: 100vh;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.sf-liste .sf-titel {
    position: sticky;
    top: 0;
    background: white;
    z-index: 2;
    padding: 12px 16px;
    border-bottom: 1px solid #ccc;
}

.sf-liste li {
    padding: 12px 16px;
    border-bottom: 1px solid #eee;
}



/*	Formulare -22-	*/
#formular-select .sf-liste li{font-size:24px;font-weight:200;padding-left:10px;}
.frml-input{width:calc(100% - 20px) !important;}
.frml-plz{width:calc(32%);}
.frml-ort{width:calc(68% - 20px);float:left;}

/***********		SPIELPLAN 	**************/


.sppl_L, .sppl_R {
	clear:both;
	width:100%;
	overflow:inherit;
	min-height:20px;
	margin-left:0;
}
.spielpl_img{
	width:100%;
	height:auto;
}
.spielpl_daten{
	margin-left:30px;
	margin-top:30px;
	margin-bottom:15px;
	font-weight:200;
}
.details_vorschau{
	border-bottom:1px solid #707070;
}
.details_vorschau:last-child{
	border-bottom:0;
	margin-bottom:30px;
}
#de_vorschau{
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
	-webkit-box-orient: vertical;  /* Safari	*/
	-webkit-flex-orient: vertical;  /* Safari	*/
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}

/*[spielplImg]{ width:320px; height:226px;}*/
#galerie{width:100%;}
.spielpl_text{
	margin-left:0px;
	margin-top:20px;
}
.imgNav{position:absolute;margin-top:75px;width:100%}

/* Detail */

/* Detail (Spielplan) */
#details_L,#details_R{
	width:100%;	/* Breite minus padding-left */
	padding:0 !important;
	margin:0;
}
/* Divs in 2. Zeile */
#galerie{
}
#galerie_img{ width:100%; min-height:auto;}
#video{
	margin-top:40px;
}
.detail_daten div{

}
.detail_text{
	border-bottom:1px solid #707070;
}
.detail_titelFett{
	font-size:30px;
	line-height:38px;
}
.detail_titelLight{
	font-size:30px;
	line-height:34px;
}
.posButton{margin-top:5px;margin-bottom:0;}
.details_fuss{
	margin-top:20px;
	margin-bottom:0px;
	margin-left:calc(50% - 120px);
}
.detail_tab{
	margin-top:30px;
}

/* End Detail	*/

/*	Tickets	*/
/*#sitzplCont{
	height:auto;
	width:calc(100%;
	min-width:300px;
}*/
.divPl{
	/*float:left;
	width:18px;
	height:26px;
	margin:3px;
	font-size:8px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	border:1px solid #999;*/
}
/*.mL_1{margin-left:27px;}
.mL_2{margin-left:54px;}
.mL_c{margin-left:26px;}*/





/*#spielpl-select1 {height:100px}
#spielpl-select1 .select-field{width:100%;}	/* Select-Feld (sf-xyz) */
#spielpl-select1 .sf-titel{height:100px;padding-left:10px;line-height:100px;border:none;font-size:40px}
#spielpl-select1 [sf-value]{font-weight:normal;font-size:16px}
/*.item2 .sf-titel{font-size:20px !important;}*/
#formular{width:100%;}
input#login{float:none;width:100%}

/***********		DETAILS			**************/
/* 1.Zeile */
.bullets {margin-top:12px;font-size:26px;text-align:center;}
.bullets span {margin-left:8px;margin-right:8px;cursor:pointer}
/* 3.Zeile 
	margin-left:10px;
	margin-top:50px;
	width:100%;
}
	height:56px;
	line-height:56px;
	text-align:center;
}*/
/***********		Reservationen		**************/
[name="platz"]{float:left;margin-right:5px;font-size:10px;text-align:center;color:transparent;border:1px solid black}
[reihe="11"]{padding:0;}
[reihe="12"]{padding:0;}
/*[name="zeile"]{margin-left:0;width:320px;}
[name="zeile"]{font-size:10px}*/



/*.large [name="zeile"]{white-space:nowrap;clear:both;margin-bottom:5px;font-size:14px;height:30px; width:800px !important; outline:1px solid red}
.large [name="platz"]{float:left;width:30px;height:30px;margin-right:5px;font-size:14px;text-align:center;line-height:30px;border:1px solid black;}
.large{position:absolute;background:transparent;width:800px;min-height:10px;top:500px;left:680px;}
.large [name="zeile"]{margin-left:0;width:800px; outline:1px solid red}
#sitzpl_box {width:600px !important;height:400px;}*/
	
/***********		Weitere Angebote		**************/
[id*="ueber_"].cms-820{width:calc(100% - 20px);padding-left:10px;padding-right:10px}
/***********		HOME		**************/

#headerBottom {
	display:inherit;
	height:66px;	
	margin-bottom:20px;
	font-size:1em;
	background-color:transparent;
	z-index:4;
}
#headerBottom2{position:absolute;}

.headerTitle {
	width:255px;
	height:66px;
	padding-left:20px;
	display: table-cell;
	vertical-align:bottom;
}
/* Bildnavi Home-Mobile */
.home-pfeile-mobile {
	width:60px;
	height:60px;
	display:flex;
	flex-direction:row;
	align-content:space-between;
}
.pfeilL,.pfeilR {
	width:60px;
	height:60px;
	border:none;
}
.zw-pfeil{
	float:left;
	height:60px;
	width:calc(100% - 120px);
	font-size:1.2em;
	line-height:60px;
	font-weight:bold;
	text-align:center;
	border:none;
	/*border-top:1px solid white;
	border-bottom:1px solid white;*/
}


/*	Seite spielplan.php	*/
#inhTop {
	display:inherit;
	width:100%;
}
/*	Ende spielplan */
/******		FOOTER		**************/
#logo { 
	width:70px;
	margin-top:13.4px;
	margin-left:11px;
	border:1px solid red;
	}
.naviTop {
	display:none;
}



@media (min-width: 1281px) {
	#inhTop {
		display:none;
	}
	#inhLeft {
		display:inherit;
	}
	#inhalt {
		display:inherit;
	}

}
@media (max-width: 800px) {
	[class*="titel24"]{font-size:20px;}
	[class*="titel30"]{font-size:22px;}
	[class*="titel40"]{font-size:30px;}
	[class*="titel55"]{font-size:40px;}
	[class*="text20"]{font-size:18px;line-height:1.2em}
	[class*="text24"]{font-size:20px;line-height:1.2em}
	[class*="text30"]{font-size:22px;line-height:1.2em}

}