@charset "utf-8";
/* sitzplan_inc.php	*/
/*.mL_1{margin-left:38px;}
.mL_2{margin-left:76px;}
.mL_c{margin-left:36px;}*/
.bg_1{background-color:white;}
/*	weitere bg_x in css/dynamisch.php	*/


/*	Seite tickets_inc.php	*/
/* CSS Document */
		#spalte_1,#spalte_2,#spalte_3{
			float:left;
			width:50px;
			height:50px;
			margin-top:40px;
		}
		#spalte_1{
			height:auto;
			width:580px;
		}
		#spalte_2{
			width:260px;
			height:500px;
		}
		#spalte_3{
			height:auto;
			width:500px;
			margin-left:60px;
		}
		#sp2_oben{
			width:100%;
		}
		.sp1_titel{
			margin-right:20px;
		}
		.sitzpl_bogen{
			width:440px;
			height:220px;
			background-image:url(../img/common/sitzplan_bogen.svg);
			background-repeat:no-repeat;
			background-size:100%;
			font-size:30px;
			font-weight:500;
		}
		#sp2_unten input,[move="buttons"] input{
			height:56px;
			font-size:30px;
			font-weight:500;
			padding-left:15px;
			padding-right:15px;
			background-color:#CDC598;
			border-color:#CDC598;
		}
		[move="buttons"] input{width:calc(50% - 10px);}
		.ti_button{
			height:56px;
			padding-left:15px;
			padding-right:15px;
			background-color:#CDC598;
			border:none;
			cursor:pointer;
		}
		.ti_button:hover{background-color:#A39D7C;}
		.item7 .ti_button{padding:0 20px 0 20px;}
		.item8 .ti_button{padding:0 20px 0 20px;}
		
		#sp2_unten div{
			font-size:30px;
			font-weight:500;
			margin-bottom:0px;
			line-height:30px;
		}
		.kontoTitel{
			background-color:#CDC598;
			padding-left:24px;
			background-image:url(../img/common/pfeil_akk_runter.svg);
			background-position:calc(100% - 20px);
			background-repeat:no-repeat;
			height:70px;
			padding-top:10px;
		}
		.kontoTitel, .resTitel{
			width:calc(100% - 10px);
			height:60px;
			line-height:57px;
		}
		.resTitel{
			height:72px;
			line-height:70px;
			border-bottom:2px solid #707070;
		}
		.resTab{
			display:none;
			width:calc(100% - 5px);
			height:auto;
			background-color:#F4F2E7;
			padding-left:10px;
        	margin:0;
       	 	padding-right:10px;
        	background-image:
		}
		.resIns{
			min-height:100px;
			width:100%;
			min-width:300px;
			border-bottom:2px solid #707070;
		}
		.resIns>div{
			float:left;
			font-size:20px;
		}
		.resSp1{
			width:65px;
			font-weight:500;
			padding-top:33px;
		}
		.resSp2{
			width:320px;
			padding-top:10px;
			padding-right:10px;
			line-height:24px !important;
		}
		.resSp2 span:nth-child(1){font-weight:500;font-style:italic;}
		.resSp2 span:nth-child(3){font-weight:200;}
		.resSp2 span:nth-child(5){font-weight:500;}
		.resSp3{
			width:150px;
			height:76px;
		}
		.resSp3 img{margin-top:-2px;}
		.l{font-weight:200;}
		.n{font-weight:400;}
		.b{font-weight:500;}
		.eb{font-weight:700;}
		.i{font-style:italic;}
		.fColor{color:#CDC598;}
		
		.resSp4{
			width:180px;
			padding-top:25px;
			padding-right:10px;
			text-align:right;
			margin-top:10px;
		}
		

/******* Grid-Styles	******/
/*	Seiten-Container	*/
#ti-Container{
	display:grid;
	max-width:1400px;
  	grid-template-columns: 230px 280px 260px 150px 460px;
  	grid-auto-rows: minmax(10px, auto);
	font-weight:200;
}
#ti-Container>div{
	/*border:1px solid red;*/
}
.item1 {
  grid-column: 1 / 4;
  grid-row: 1;
}
.item2 {
  grid-column: 1 / 3;
  grid-row: 2;
  padding-right:20px;
  margin-top:60px;
}
.item3 {
  grid-column: 3 / 4;
  grid-row: 2;
  margin-top:88px;
}
.item4 {
  grid-column: 1 / 3;
  grid-row: 3;
  margin-top:50px
}
.item5 {
  grid-column: 1 / 2;
  grid-row: 4;
  margin-top:20px;
}
.item6 {
  grid-column: 2 / 4;
  grid-row: 4;
  margin-top:20px;
}
.item7 {
  grid-column: 1 / 2;
  grid-row: 5;
  margin-top:60px;
}
.item8 {
  grid-column: 2 / 4;
  grid-row: 5;
  margin-top:60px;
  margin-right:100px;
}
.item9 {
  grid-column: 4;
  grid-row: 1 / 8;
}
.item10 {
  grid-column: 5;
  grid-row: 1 / 8;
}
/*	Container Legende	*/
.ti_legende{
	display:grid;
	margin-top:32px;
	grid-template-columns: 29px 400px;
	grid-template-rows: 3;
	grid-Column-gap: 10px;
	
}
.ti_legende>div{
	height:25px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	}
/*.ti_legende>div:nth-child(1){background-color:#60B7C3;}	/*  eigene Plätze	*/
/*.ti_legende>div:nth-child(3){background-color:#FF7171;}	/*	rot, Plätze vergeben */
/*.ti_legende>div:nth-child(5){background-color:#E0DCC6;} /*	nicht verfügbar	*/


@media (max-width: 1200px) {
/*.grid_sitzpl{
	display:grid;
	width:550px !important;
	grid-template-columns: repeat(12,1fr);
	grid-gap: 6px;
	align-items: center;
	margin-top:6px;
}*/
/*.grid_sitzpl>div{width:30px;}
#sitzplCont{margin-left:25px;}*/

#ti-Container{
	display:grid;
	max-width:1200px;
  	grid-template-columns: 260px 450px 100px 550px;
  	grid-auto-rows: minmax(10px, auto);
	font-weight:200;
}
#ti-Container>div{
	/*border:1px solid red;*/
}
.item1 {				/* Offene Reservationen ...	*/
  grid-column: 1 / 3;
  grid-row: 1;
 
}
.item2 {				/* Titel, Datums	*/
  grid-column: 1 / 3;
  grid-row: 2;
  padding-right:64px;
  margin-top:60px;
}
.item3 {				/* Bild */
  display:none;
  grid-column: 3 / 4;
  grid-row: 2;
  margin-top:88px;
 
}
.item4 {				/* Gewählte Plätze */
  grid-column: 1 / 3;
  grid-row: 3;
  margin-top:50px
  
}
.item5 {				/* Plätze */
  grid-column: 1;
  grid-row: 4;
  margin-top:20px;
}
.item6 {				/* Preis */
  grid-column: 2;
  grid-row: 4;
  margin-top:20px;
}
.item7 {				/* Kaufen */
  grid-column: 1;
  grid-row: 5;
  margin-top:60px;
}
.item8 {				/* Reservieren */
  grid-column: 2;
  grid-row: 5;
  margin-top:60px;
  margin-right:0px;
}
.item9 {				/* Leere Spalte */
  grid-column: 3;
  grid-row: 1 / 8;
  
}
.item10 {				/* Sitzplan */
  grid-column: 4;
  grid-row: 1 / 8;
 }
 
.titel30B{font-size:34px;font-weight:500;line-height:38px;}
.titel30BI{font-size:34px;font-weight:500;font-style:italic;line-height:34px;}
.titel30L{font-size:34px;font-weight:200;font-style:normal;line-height:34px;}
.titel24Bgray{font-size:28px;font-weight:500;color:#B9B5B5;}
.text20L{font-size:24px;font-weight:300;line-height:28px}
.text24L{font-size:28px;font-weight:300;line-height:34px}
.text30L{font-size:34px;font-weight:300;line-height:38px;}
}

@media (max-width: 800px) {
/*#inhaltContainer div{border: 1px solid red}	*/
/*#footContainer{
	width:800px;
}*/
.grid_sitzpl{width:100% !important;}
.grid_sitzpl_c{width:100% !important;}

.resTab{margin-left:0px !important;}
/* Sitzplan */
#sitzplCont{width:100%;margin-left:0px;}
#sitzplCont{
}
/*.grid_sitzpl{
	display:grid;
	width:100% !important;
	grid-template-columns: repeat(12,1fr);
	grid-gap: 0px;
	align-items: center;
	margin:0;
	padding:0;
	margin-top:6px;
	
}
*/
.grid_sitzpl{
	/*border:1px solid red;*/
}
.divPl{border:1px solid black;}


/* Tickets.php */
#ti-Container{
	display:grid;
	width:100% !important;
	max-width:800px;
  	grid-template-columns: 100%;
  	grid-auto-rows: minmax(10px, auto);
	font-weight:300;
}
#ti-Container>div{
	/*border:1px solid blue;*/
}

/*.ti_button{width:calc(50% - 10px) !important;}*/

.item1 {				/* Offene Reservationen ...	*/
  grid-column: 1;
  grid-row: 1;
}
.item2 {				/* Titel, Datums	*/
  grid-column: 1;
  grid-row: 2;
  margin-top:60px;
  padding-right:0;
}
.item3 {				/* Bild */
  display:none;
  /*grid-column: 3 / 4;
  grid-row: 2;
  margin-top:88px;*/
 
}
.item4 {				/* Gewählte Plätze */
  grid-column: 1;
  grid-row: 4;
  margin-top:50px
  
}
.item5 {				/* Plätze */
  grid-column: 1;
  grid-row: 5;
  margin-top:20px;
}
.item6 {				/* Preis */
  display:none;
  /*grid-column: 1;
  grid-row: 4;
  margin-top:20px;*/
}
.item7 {				/* Kaufen */
  grid-column: 1;
  grid-row: 6;
  margin-top:20px;
}
.item8 {				/* Reservieren */
  grid-column: 1;
  grid-row: 7;
  margin-top:10px;
  margin-right:0px;
}
.item8 input, .item7 input{
  width:100%;
  max-width:340px;
}
.item9 {				/* Leere Spalte */
  grid-column: 3;
  grid-row: 1 / 8;
  
}
.item10 {				/* Sitzplan */
  grid-column: 1;
  grid-row: 3;
  margin-top:60px;
  /*display:grid;*/
 }
#sitzplCont, .sitzpl_bogen{
	max-width:500px;
}

/*	Container Daten (Mobile)	*/
.ti_daten{
	display:grid;
	width:100%;
	margin-top:0px;
	grid-template-columns: 54px minmax(70px,95px) 140px;
	grid-row-gap: 2px;
	grid-column-gap: 10px;
}

.titel30B{font-size:34px;font-weight:500;line-height:38px;}
.titel30BI{font-size:34px;font-weight:500;font-style:italic;line-height:34px;}
.titel30L{font-size:34px;font-weight:200;font-style:normal;line-height:34px;}
.titel24Bgray{font-size:28px;font-weight:500;color:#B9B5B5;}
.text20L{font-size:24px;font-weight:300;line-height:28px}
.text24L{font-size:28px;font-weight:300;line-height:34px}
.text30L{font-size:34px;font-weight:300;line-height:38px;}
}