@charset "utf-8";
/* CSS Document */
@imporft url("https://use.typekit.net/gje3vju.css");

body,html{
	font-weight:200px;
}

.Mobile {display:none !important;}

a:link,a:visited,a:hover,a:active,a:focus { 
	color:inherit;
	text-decoration:none;
	-webkit-text-decoration:underline transparent;
	font-family: forma-djr-micro,sans-serif;
}

/* Formatierung der Placeholders in input-Feldern */
::placeholder {
  color: #333;
  font-size:20px;
  /*font-weight:400;*/
  text-align:center;
}

/* End-Div eines Bereiches */
.end{
  clear:both;
  height:0px;
  background-color:transparent;	
  z-index:-1;
}



 
p {margin:0}
.displNone { display:none;}
.Mobile {display:none !important;}
.underline{text-decoration:underline}
/*.disabled{color:#C5C5C5;background-color:transparent}*/
/*input[type="submit"],input[type="button"],input[type="reset"]{height:70px;border:1px solid black;padding:0;}*/
.radius3 {
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	border:1px solid #b6b6b6;
}


/*	Platzierung Bildnachweis	*/
.fotograf{
	float:right;
	font-size:12px;
	line-height:18px;
	margin-right:2px;
}

.pfeil{height:25px;}

/* Buttons */
input{height:70px;font-size:30px;border:1px solid;black}
input[type="text"],input[type="email"],input[type="tel"],input[type="num"],input[type="password"]{
	font-weight:300;
	padding-left:20px;
	width:100%;
	}
input[type="submit"],input[type="reset"]{padding:0;font-weight:500;}
input[type="submit"],input[type="button"],input[type="reset"]{box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;}
input[type="submit"]:active,input[type="button"]:active{
	/*box-shadow: -1px -1px 1px #a29d7b;*/
	/*box-shadow: none;*/
	/*box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px inset, rgba(0, 0, 0, 0.23) 0px 6px 6px inset;*/
	box-shadow: rgba(0, 0, 0, 0.19) 0px 5px 10px, rgba(0, 0, 0, 0.23) 0px 3px 3px;
}


.button_tickets{
	height:48px;
	width:138px;
	font-size:30px;
	font-weight:500;
	line-height:48px;
	padding-left:12px;
	background-image:url(../img/common/ticket.svg);
	background-repeat:no-repeat;
}
.button_tickets:hover{background-image:url(../img/common/ticket-hover.svg);}

.button_allg{
	font-size:30px;
	font-weight:500;
	border:3px solid #CDC598;
	width:auto;
	padding:15px;
	padding-left:20px;
	height:30px;
	cursor:pointer;
}
.button_allg:hover{background-color: #CDC598;}

/* erzeugt in CMS-Feldern einen optischen Button */
.button_virt{
	font-size:24px;
	line-height:40px;
	font-weight:500;
	background-color: #CDC598;
	border:3px solid #CDC598;
	padding:10px;
	height:25px;
	cursor:pointer;
}
.button_virt:hover{
	background-image:url(../img/common/ticket-hover.svg);
}




/* Vorhang (ganzer Bildschirm unter leicht transparentem DIV	*/
/*.vorhang{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:101%;
	background-color:white;
	opacity:0.8;
	z-index:1000000;
}*/

/* Formulare */
.frml-titel{margin-top:25px;}	/*	Titel Formular */
.frml-label-input{margin-bottom:5px;margin-top:25px}
.frml-input{height:70px;width:100%;margin:0;} /* Input-Felder: sind global definiert */
.frml-input-checkbox{height:40px;width:40px;margin:0;} /* Input-Felder: sind global definiert */
.frml-plz {float:left; width:32%;}
.frml-ort {float:right; width:66%;}
.frml-fussnote {text-align:right;margin-top:6px;font-size:18px}
.frml-buttons{margin-top:20px}
.frml-submit,.frml-submit2{min-width:200px;padding-left:10px;padding-right:10px;background-color:#CDC598;color:black;border-color:#CDC598;}
.frml-reset,.frml-reset2{width:200px;background-color:#D0D0D0;border-color:#D0D0D0}

#formular-select{width:100%;height:70px;}
#formular-select .select-field{width:100%;position:relative;margin-left:0px;}
#formular-select .sf-titel{height:70px;padding-left:20px;line-height:70px;border:1px solid black;}
#formular-select .sf-liste li{font-size:24px;font-weight:200;padding-left:10px;}


/* 'unechtes' Select-Feld */
.select-field{
	width:100%;
	background-color:white;
	z-index:3;
	/* 	relative/absolute Positionierung => Aufklappliste geht über den Inhalt 
		Löschen, wenn der Inhalt nach unten verschoben werden soll*/
	/*position:absolute;*/
}
/*.select-field{width:calc(100% + 30px);margin-left:-10px;}*/

.select-field li {height:40px;line-height:40px;padding-left:10px;}
.sf-titel {height:100%;background-color:white;border-top:0;border-bottom:1px solid #666;}
.sf-titel {
	background-image:url(../images/icons/pfeil_akk_runter.svg); /*	dunkler Pfeil  */
	background-position:calc(100% - 20px) center;
	background-repeat:no-repeat;
}
.sf-liste>li{padding:5 0 5 0;}
.item2 .sf-titel{
	background-image:url(../img/common/pfeil_down_bg.svg);	/*	weisser Pfeil in schwarzem Feld */
	background-position:right center;
	background-size:contain;
}
[sf-value]{display:none;}
[sf-value]{background-color:#E2E2E2;border-bottom:2px solid white;}
.sf-archiv{font-weight:200 !important;color:red}

 
.lightgray { background-color:#F4F4F4;}
.space17 {height:17px;width:100%;}
.space80 {height:80px;width:100%;}
.space40 {height:40px;width:100%;}
.space100 {height:100px;width:100%;}
.space110 {height:110px;width:100%;}
.space200 {height:200px;width:100%;}
.pT70 {padding-top:70px}
.h114 {height:114px;}
.hrT {border-top:1px solid #CCC;}
.hrB {border-bottom:1px solid #CCC;}
.hrL {border-left:1px solid #CCC; }
.hrR {border-right:1px solid #CCC;}
.DINregular {font-weight:normal;}
.DINbold {font-weight:bold;}
.DINlight {font-weight:100;}
.DINmedium {font-weight:300;}
ul {list-style-type:none;margin:0;padding:0;}
input,select{margin-bottom:20px;}
.label-input{margin-bottom:5px;}	/*	Beschriftung über Input-box */
.ckeFeld ul{list-style:circle;margin-left:20px}
.ckeFeld li{margin-left:0px}

/*	SCHRIFTFORMATIERUNG	*/
.textColor{color:#CDC598;}
[class*="titel24"]{font-size:24px;}
[class*="titel30"]{font-size:30px;}
[class*="titel40"]{font-size:40px;}
[class*="titel55"]{font-size:55px;}

.titel24Bgray{font-weight:500;color:#B9B5B5;}
.titel24B{font-weight:500;}
.titel30LI{font-weight:200;font-style:italic;}
.titel30B{font-weight:500;line-height:34px;}
.titel30BI{font-weight:500;font-style:italic;line-height:1em;}
.titel30L{font-weight:200;font-style:normal;line-height:30px;}
.titel40BI{font-weight:500;font-style:italic;line-height:1em;}
.titel40L{font-weight:200;font-style:normal;line-height:1em;}
.titel55L{font-weight:200;font-style:normal;line-height:1.3em;}

.textI,.titelI{font-style:italic;}
.textN,titelN{font-style:normal;}

[class*="text20"]{font-size:20px;line-height:1.4em}
[class*="text24"]{font-size:24px;line-height:1.3em}
[class*="text30"]{font-size:30px;line-height:1.25em}

.text20L{font-weight:200;}
.text20M{font-weight:300;}
.text20B{font-weight:500;}
.text20XB{font-weight:700;}
.text24L{font-weight:200;}
.text24M{font-weight:300;}
.text24B{font-weight:500;}
.text24XB{font-weight:500;}
.text24L34{font-weight:200;line-height:34px;}
.text24B34{font-weight:500;line-height:34px;}
.text30L{font-weight:200;}
.text30M{font-weight:300;}
.text30B{font-weight:500;}
.text30XB{font-weight:500;}



.cms-605 {width:605px;min-height:10px;border:1px solid transparent}	 /* border nötig für Safari, Seiten kontakt.php,kontodaten.php,login.php*/

/* INHALT		****************/
/* Inhalt Standard (Aufruf in /includes/_ckeditor.php)   *************/
#inhalt{width:100%;min-height:10px;font-size:24px;font-weight:normal;border:1px solid transparent }
#inhaltTitel{font-size:55px;font-weight:200;line-height:65px}
.hauptTitel{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;}


.2sp_zeile{width:100%;min-height:10px;border:1px solid transparent;}
.cms-L{width:450px;min-height:10px;}
.2sp-R{width:470px;min-height:10px;}
.2sp-R img{width:100%;min-height:10px;}

/* NAVIGATION 		*************/
/* Navigation links (Standard)	*************/
#navi-L{
	width:300px;
	margin-left:0px;
	min-height:10px;
	border-right: 1px solid gray;
  	margin-right: 40px;
  	color:#036;
	padding-right:20px;
	
}
#navi-L [naviHover]:hover{font-style: italic;font-weight:300}
#navi-L li{margin-top:15px;line-height:1.1em;} 
.navi-text{font-size:24px;font-weight:500;line-height:36px;}
/* Navigation links (Spielplan)	*************/
#cms-naviL {
	width:170px;
	height:auto;
	max-height:440px;
	margin:0px;
	margin-top:130px;
	font-weight:normal;
	z-index:4;
}
#cms-naviL-box {
	position:inherit;
	display:inherit;
	margin-left:30px;
	padding-bottom:40px;
	z-index:4;
}
#cms-naviL-box li{margin-top:5px;}
#cms-naviL-box li:hover{font-style: italic;font-weight:300}
/* Navigation/Menü oben */


/*****		HEADER  	*************/
.text_header{overflow:visible; border:2px solid white}
.text_header span:hover{font-style:italic;font-weight:300;}
[pos]{height:40px;}
/* Header (ohne Spielplan) */
#headerTop {
	width:100%;
	height:250px;
	/*max-width:1205px;
	min-width:700px;
	height:506px;*/
	z-index:5;
	
	background-color:white;
}
#logoImg {
	float:left;
	margin-top:28;
	margin-left:10px;
	width:520px;
}
#logoImg img {width:100%;}

.loginPict{background-image:url(../img/common/loginPict.svg);}
.loginPict_leer{background-image:url(../img/common/loginPict_leer.svg);padding-left:5px;box-sizing:border-box}
.loginPict,.loginPict_leer{
	display:inline-block;
	background-repeat: no-repeat;
	font-size:18px;
	height:32px;
	width:32px;
	cursor:pointer;
}
/*.loginPict:hover,.loginPict_leer:hover{font-style:normal;font-weight:500;opacity:0.5}*/

.naviTop {
	position:absolute;
	margin-top:22px;
	margin-left:650px;
	width:740px;
	padding-left:10px;
	/*background-image:linear-gradient(0deg, #eee , white 70%);*/
	/*background-image:url(../img/common/bg_lightgray.png);
	background-repeat:no-repeat;
	background-position:0px 55px;*/
	/*background-color:rgba(255,255,255,0);*/
	/*-moz-opacity: 70;
	filter:alpha(opacity: 70);
	opacity:0.7;*/
	/*height:22px;*/
	z-index:1000;
}
.naviTop>div{
	float:left;
	margin-right:26px;
	
}
.uMenuTop{
	display:inherit;
	white-space: nowrap;
	z-index:6;
}


.uMenuTop:hover{font-weight:300;font-style:italic;}
.uMenuTopParent{
	position:absolute;
	padding: 4px 10px 4px 10px;
	margin-top:40px;
	background-color:white;
	border-radius:2px;
	display:none;
}
div .uMenuTopParent{padding-top:15px;}
.uMenulogin{
	right:10px;
	text-align:right;
}
.uMenuTopLogin{
	float:right !important;
	padding:4px;
	margin-top:5px;
	width:160px;
	text-align:right;
	background-color:#ddd;
	opacity:0;
}
/*.headerImg{height:360px;}
.headerImg img{margin-top:24px;}*/


/* HEADER Spielplan */
#logoImg_sp {
	/*margin-top:38;*/
	margin-left:48px;
	width:500px;
	height:125x;
}
#logoImg_sp img{width:100%;}
/*.headerImg_sp{
	height:444px;
	z-index:1;
}
.headerImg_sp img{
	margin-top:25px;
}*/



.icon-menu {
	float:right;
	margin-right:0px;
	width:90px;
	height:90px;
	cursor:pointer;
	background-repeat:no-repeat; 
	background-position: center,center;
	background-size: 25px,25px;
}
/* Menu Admin - Newsletter */
.icon-menu-nl {
	height:40px;
	width:40px;
	margin-top:-30px;
	margin-bottom:20px;
	cursor:pointer;
	background-image:url(../images/icons/menu_dt.svg);
	background-repeat:no-repeat; 
	background-position: center,center;
	background-size: 25px,25px;
}



/*****		Spieldaten (Quadratbox und Textfeld)		*************/
/*	Äussere Box bei 2-Spalten. Masse können an die einzelnen Seiten auf 2019sites.Format.css angepasst werden */
.spielplText {
	float:left;
	max-width:494px;
	margin-top:2px;
	margin-left:19px;
}
body[name=Details] .spielplText{width:390px;}
.sppl-text:nth-child(1) {line-height:normal;padding-top:2px;}		/*	Vorstellungstyp	*/
.sppl-text:nth-child(2) {line-height:normal;padding-top:2px;}		/*	Titel	*/
.sppl-text:nth-child(3) {line-height:normal;margin-top:20px;}		/* 	Buchen	*/
.sppl-text .buchenImg {
	position:relative;
	width:30px;
	margin-top:0;
	margin-bottom:-3px;
	margin-right:20px;
	padding-top:0;
	}

/*****		INHALT		*************/
.inhalt {
	margin-left:90px;
}

/***********	FOOTER		**************/
#Footer {
	height:300px;
	width:100%;
	background-color:#E0C73B;
	padding-left:calc(50% - 700px);
}
#Footer div{font-family:forma-djr-micro,sans-serif;}

.footerLogo {
	clear:both;
	float:left;
	height:90px;
	width:280px;
	margin-left:44px;
	margin-top:110px;
}
.footerRight {
	float:left;
	max-width:800px;
	margin-left:50px;
	margin-top:65px;
}
.footerNews{
	clear:both;
	font-size:30px;
	font-weight:bold;
}
.footerNews input{
	width:380px;
	height:45px;
	margin-top:10px;
	margin-right:27px;
}
.footerAdr{
	font-size:24px;
	line-height:29px;
}