/* ************************************************************ */
/* Saalplan - allgemeine Abgaben*/
/* ************************************************************ */
#seating-plan a.blocked {
	background-color: black;
	background-image: repeating-linear-gradient(45deg, transparent, transparent 1px, rgba(255,255,255, 1) 1px, rgba(255,255,255, 0.8) 3px);
}
#seating-plan a.occupied {
	background-color: rgb(255,70,0);
}
#seating-plan a.allocation {
	background-color: rgb(0,0,0);
	color: rgb(255,255,255);
}
#seating-plan a.ownReservation {
	background-color: rgb(0,165,60);
	background-image: linear-gradient(90deg, transparent 60%, rgba(255, 255, 255, 0.9) 50%);
	background-size: 5px 5px;
}
#seating-plan a.latestSelection {
	background-color: darkblue;
	background-image: repeating-linear-gradient(135deg, transparent, transparent 1px, rgba(255,255,255, 1) 1px, rgba(255,255,255, 0.8) 4px);
}
#seating-plan a.currentSelection {
	background-color: rgb(45,125,250);
	color: rgb(255,255,255);
}

/* ************************************************************ */
/* Saalplan - Legende allgemein*/
/* ************************************************************ */
#signs-and-symbols {
	margin-top: 20px;
}
#signs-and-symbols p {
	margin: 0 0 0.5em 0;
	font-style: italic;
}

#seating-plan .legend-item #seat-blocked,
#seating-plan .legend-item #seat-occupied,
#seating-plan .legend-item #seat-ownReservation,
#seating-plan .legend-item #seat-allocation,
#seating-plan .legend-item #seat-latestSelection,
#seating-plan .legend-item #seat-currentSelection {
	display: inline-block;
	width: 12px;
	height: 12px;
	border: 1px solid black;
}
#seating-plan .legend-item #seat-blocked {
	background-color: black;
	background-image: repeating-linear-gradient(45deg, transparent, transparent 1px, rgba(255,255,255, 1) 1px, rgba(255,255,255, 0.8) 3px);
}
#seating-plan .legend-item #seat-occupied {
	background-color: rgb(255,70,0);
}
#seating-plan .legend-item #seat-ownReservation {
	background-color: rgb(0,165,60);
	background-image: linear-gradient(90deg, transparent 60%, rgba(255, 255, 255, 0.9) 50%);
	background-size: 5px 5px;
}
#seating-plan .legend-item #seat-allocation {
	background-color: rgb(0,0,0);
}
#seating-plan .legend-item #seat-latestSelection {
	background-color: darkblue;
	background-image: repeating-linear-gradient(135deg, transparent, transparent 1px, rgba(255,255,255, 1) 1px, rgba(255,255,255, 0.8) 4px);
}
#seating-plan .legend-item #seat-currentSelection {
	background-color: rgb(45,125,250);
}




/* ************************************************************ */
/* Standardplan - Sitze in Reihen */
/* ************************************************************ */
#seating-plan.seating-plan-base {
	max-width: 1180px;
	width: 1180px;
}
#seating-plan.seating-plan-base #dialog-timer {
	position: absolute;
}
#seating-plan.seating-plan-base .legend-item {
	font-size: 0.7em;
	float: left;
	margin-right: 20px;
}

#seating-plan.seating-plan-base #stage {
	width: 480px;
	height: 100px;
	border: 1px solid black;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	line-height: 100px;
}
#seating-plan.seating-plan-base .block-union {
	width: 573px;
	margin-top: 10px;
	display: inline-block;
	vertical-align: top;
}
#seating-plan.seating-plan-base .block-union:first-child {
	margin-right: 5px;
}
#seating-plan.seating-plan-base .block-union:nth-child(2) {
	margin-left: 5px;
}

#seating-plan.seating-plan-base .block {
	display: inline-block;
	overflow: hidden;
}
#seating-plan.seating-plan-base .medium-size {
	width: 230px;
}
#seating-plan.seating-plan-base .large-size {
	width: 276px;
}
#seating-plan.seating-plan-base .block-titel {
	text-align: center;
	height: 25px;
}
#seating-plan.seating-plan-base .reihe,
#seating-plan.seating-plan-base .enumeration {
	height: 20px;
}
#seating-plan.seating-plan-base .reihe a {
	width: 12px;
	height: 12px;
	border: 1px solid black;
	margin-right: 2px;
	font-size: 8px;
	text-align: center;
}
#seating-plan.seating-plan-base .block.right > .reihe a {
	float: right;
}
#seating-plan.seating-plan-base .block.left > .reihe a {
	float: left;
}
#seating-plan.seating-plan-base .reihentitel {
	width: 42px;
	display: inline-block;
	vertical-align: top;
	text-align: center;
}
#seating-plan.seating-plan-base .enumeration {
	font-size: 8px;
}
#seating-plan.seating-plan-base .reihe:after {
	content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}


/** das ist für base - nicht für z.B. nockherberg (s.u.) */
#seating-plan.seating-plan-base #block4,
#seating-plan.seating-plan-base #block8,
#seating-plan.seating-plan-base #block12 {background-color: rgb(255,190,190);}

#seating-plan.seating-plan-base #block3,
#seating-plan.seating-plan-base #block7,
#seating-plan.seating-plan-base #block11 {background-color: rgb(58,156,0);}

#seating-plan.seating-plan-base #block2,
#seating-plan.seating-plan-base #block6, 
#seating-plan.seating-plan-base #block10 {background-color: rgb(0,106,175);}

#seating-plan.seating-plan-base #block1, 
#seating-plan.seating-plan-base #block5,
#seating-plan.seating-plan-base #block9  {background-color: rgb(255,113,0);}





/* ************************************************************ */
/* Saalplan mit Tischen*/
/* ************************************************************ */
#seating-plan.seating-plan-table {
	width: 1400px;
	height: 900px;
	background-color: #fff;
}

.seating-plan-table #signs-and-symbols{
	
	background-color: #fff !important;
}

#seating-plan.seating-plan-table .legend-item {
	font-size: 0.7em;
	float: left;
	margin-right: 20px;
	background-color: #fff !important;
}


#seating-plan.seating-plan-table #stage-header{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	width: 100%;
}
#seating-plan.seating-plan-table #stage-header div{
	display:  inline-block;
	
}

#seating-plan.seating-plan-table .block-union {
	width: 100%;
	margin-top: 10px;
	vertical-align: top;
}


#seating-plan.seating-plan-table .block {	
	overflow: hidden;
	display:block;
	width : 100%;
	margin-top: 15px;
}


#seating-plan.seating-plan-table .reihe {	
	display: inline-block;
	margin-left : 10px;
	
}

#seating-plan.seating-plan-table #block4 .reihe {	
	vertical-align: bottom;
	
}


#seating-plan.seating-plan-table .reihecontent{
	display : flex;	
}

#seating-plan.seating-plan-table .reihe .table{
	border: solid;
	border-width: 1px;
	width :  30px;
	font-size: 9px;		
}

#seating-plan.seating-plan-table .reihe .table , 
#seating-plan.seating-plan-table .reihe .table-left , 
#seating-plan.seating-plan-table .reihe .table-right{
	display: inline-block;
	
}

#seating-plan.seating-plan-table .reihe .table-left ,
#seating-plan.seating-plan-table .reihe .table-right{
	padding-top: 5px;
	margin-left: 3px;
	margin-right: 3px;
}

#seating-plan.seating-plan-table .reihe .table-left a,
#seating-plan.seating-plan-table .reihe .table-right a,
#seating-plan.seating-plan-table .spalte .table-left a,
#seating-plan.seating-plan-table .spalte .table-right a{
	display:block;
	width: 12px;
	height: 12px;
	border: 1px solid black;
	margin-bottom: 2px;
	font-size: 8px;
	text-align: center;
}


#seating-plan.seating-plan-table .icon-table {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle  cx='16' cy='16' r='15' stroke='black' stroke-width='1' fill='white'  /%3E%3C/svg%3E");
	background-repeat:no-repeat;
  background-size:20px 20px;
	background-position: center;
	margin: 0px;
	display : flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	
  
}


#seating-plan.seating-plan-table .reihe .table ,
#seating-plan.seating-plan-table .reihe .table-left , 
#seating-plan.seating-plan-table .reihe table-right, 
{

	height:	100px;

}

#seating-plan.seating-plan-table .reihe.large-size .table ,
#seating-plan.seating-plan-table .reihe.large-size .table-left , 
#seating-plan.seating-plan-table .reihe.large-size table-right {

	height:	149px;

}

#seating-plan.seating-plan-table #block4 .reihe-blocked .table {background-color: rgb(255,255,255);}
#seating-plan.seating-plan-table #block4 .table {background-color: rgb(255,190,190);}
#seating-plan.seating-plan-table #block3 .table {background-color: rgb(58,156,0);}
#seating-plan.seating-plan-table #block2 .table {background-color: rgb(0,106,175);}
#seating-plan.seating-plan-table #block1 .table {background-color: rgb(255,113,0);}


/* ************************************************************ */
/* Saalplan Nockherberg*/
/* ************************************************************ */
#seating-plan.seating-plan-nhb #block1 .table {background-color: rgb(255,113,0);}
#seating-plan.seating-plan-nhb #block2 .table {background-color: rgb(0,106,175);}
#seating-plan.seating-plan-nhb #block3 .table{background-color:  rgb(93,158,77);}
#seating-plan.seating-plan-nhb #block4 .table{background-color: rgb(240,242,63);}
#seating-plan.seating-plan-nhb #block5 .table{background-color: rgb(142,85,157);}


#seating-plan.seating-plan-nhb {
	width: 1700px;
	height: 930px;
	background-color: #fff;
}

.seating-plan-nhb #signs-and-symbols{
	background-color: #fff !important;
	clear: left;
	margin-left: 50px;
}


#seating-plan.seating-plan-nhb .legend-item {
	font-size: 0.9em;	
	margin-left: 15px;
	background-color: #fff !important;
}

#seating-plan.seating-plan-nhb #stage-header{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	width: 100%;
}
#seating-plan.seating-plan-nhb #stage-header div{
	display:  inline-block;	
	position: absolute;
	top: 10px;
	left: 5px;
}
#dialog-timer{
	left: 80% !important;
}

#seating-plan.seating-plan-nhb .block-union {
	width: 100%;
	margin-top: 10px;
	vertical-align: top;
}


#seating-plan.seating-plan-nhb .block {	
	overflow: hidden;
	display:block;
	margin-top: 15px;
	margin-right: 20px;
	float: left;	
}

#seating-plan.seating-plan-nhb #block1 {		
	
}

#seating-plan.seating-plan-nhb #block4 {	
	
}


#seating-plan.seating-plan-nhb #block5 {	
	
	float: left;
	display: flex;
	clear: both;
	margin-left: 40px;
	padding-top: 30px;
	margin-bottom: 30px;
}

#seating-plan.seating-plan-nhb #wallbottom {	
	
	float: right;
	width: 1060px;
	height: 55px;
	border-left: solid;
	border-top: solid;
	border-width: 10px;
	border-color: #aaaaaa;
	margin-top: 50px;
	
}

#seating-plan.seating-plan-nhb .reihe {	
	
	margin-left : 10px;
	
}

#seating-plan.seating-plan-nhb #block4 .reihe {	
	vertical-align: bottom;
	
}


#seating-plan.seating-plan-nhb .reihecontent{
	display : flex;	
	flex-direction: column;
}

#seating-plan.seating-plan-nhb .spaltecontent{
	display : flex;	
	flex-direction: row;
}

#seating-plan.seating-plan-nhb .content-right{
	margin-left: 112px;
	
}

#seating-plan.seating-plan-nhb .gang{
	height: 90px;
}

#seating-plan.seating-plan-nhb .reihe .table,
#seating-plan.seating-plan-nhb .spalte .table{
	border: solid;
	border-width: 1px;
	height :  30px;
	font-size: 9px;		
}

#seating-plan.seating-plan-nhb .no-table{
	height: 38px;
}

#seating-plan.seating-plan-nhb .reihe .table , 
#seating-plan.seating-plan-nhb .reihe .table-left , 
#seating-plan.seating-plan-nhb .reihe .table-right {
	display: inline-block;
	
}

#seating-plan.seating-plan-nhb .reihe .table-left ,
#seating-plan.seating-plan-nhb .reihe .table-right {	
	margin-left: 7px;
	margin-right: 3px;
}

#seating-plan.seating-plan-nhb .reihe .table-left{
	padding-top: 5px;
	margin-bottom: 2px;
}

#seating-plan.seating-plan-nhb .reihe .table-right{
	padding-top: 0px;
	margin-bottom: 6px;
}

#seating-plan.seating-plan-nhb .reihe .table-left a,
#seating-plan.seating-plan-nhb .reihe .table-right a
{	
	display: inline-block;	
	width: 13px;
	height: 13px;
	border: 1px solid black;
	margin-bottom: 2px;
	font-size: 9px;
	text-align: center;
}

#seating-plan.seating-plan-nhb .spalte .table-left{
	margin-left: 20px;
	padding-top: 5px;
}
#seating-plan.seating-plan-nhb .spalte .table-right{
	margin-left: 5px;
	padding-top: 5px;
}

#seating-plan.seating-plan-nhb .spalte .table-left a,
#seating-plan.seating-plan-nhb .spalte .table-right a{	
	display: inline-block;	
	width: 13px;
	height: 13px;
	border: 1px solid black;
	margin-bottom: 4px;
	font-size: 9px;
	text-align: center;
}

#seating-plan.seating-plan-nhb .icon-table {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle  cx='16' cy='16' r='15' stroke='black' stroke-width='1' fill='white'  /%3E%3C/svg%3E");
	background-repeat:no-repeat;
  background-size:20px 20px;
	background-position: center;
	margin: 0px;
	display : flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	
  
}

/**size 30 Plätze*/ 

#seating-plan.seating-plan-nhb .reihe .table , 
#seating-plan.seating-plan-nhb .reihe .table-left , 
#seating-plan.seating-plan-nhb .reihe .table-right {

	width:	295px;

}

#seating-plan.seating-plan-nhb .reihe.size-12 .table ,
#seating-plan.seating-plan-nhb .reihe.size-12 .table-left , 
#seating-plan.seating-plan-nhb .reihe.size-12 .table-right {

	width:	125px;

}


#seating-plan.seating-plan-nhb .reihe.size-18 .table ,
#seating-plan.seating-plan-nhb .reihe.size-18 .table-left , 
#seating-plan.seating-plan-nhb .reihe.size-18 .table-right {

	width:	180px;

}

#seating-plan.seating-plan-nhb .reihe.size-24 .table ,
#seating-plan.seating-plan-nhb .reihe.size-24 .table-left , 
#seating-plan.seating-plan-nhb .reihe.size-24 .table-right {

	width:	240px;

}

#seating-plan.seating-plan-nhb .reihe.size-30 .table ,
#seating-plan.seating-plan-nhb .reihe.size-30 .table-left , 
#seating-plan.seating-plan-nhb .reihe.size-30 .table-right {

	width:	300px;

}

#seating-plan.seating-plan-nhb .reihe.size-36 .table ,
#seating-plan.seating-plan-nhb .reihe.size-36 .table-left , 
#seating-plan.seating-plan-nhb .reihe.size-36 .table-right {

	width:	330px;

}


#seating-plan.seating-plan-nhb .spalte .table 
 {

	height:	285px;
	width:  25px;

}

#seating-plan.seating-plan-nhb .spalte .table-left , 
#seating-plan.seating-plan-nhb .spalte .table-right {

	height:	276px;
	width:  20px;

}

#seating-plan.seating-plan-nhb #block-stage{
	margin-right: 15px;
}
#seating-plan.seating-plan-nhb #stage-compound{
	width: 130px;
	height: 450px;
	margin-left: 80px;	
	
	display: flex;
	padding-top: 80px;
}

#seating-plan.seating-plan-nhb .stage{
	background-color: grey;
	display: inline-block;

}

#seating-plan.seating-plan-nhb #stage {
	# background-image: url('../Icons/circle.svg');
	# background-repeat:no-repeat;	
	width: 130px;
	height: 300px;
	border: none;
	margin-top: 160px;
	text-align: center;
	line-height: 95px;
}
#seating-plan.seating-plan-nhb #stairs {
	margin-top: 250px;	
	width: 30px;
	height: 130px;
	border: none;
	
}
#seating-plan.seating-plan-nhb .stage-title{
	color: white;
	margin-top: 110px;
}

#seating-plan.seating-plan-nhb #stage span{
	padding-left: 70px;
}

#seating-plan.seating-plan-nhb .zentrum .reihe .table-left, #seating-plan.seating-plan-nhb .zentrum .reihe .table-right {
    width: 120px;
}

#seating-plan.seating-plan-nhb .zentrum .reihe .table {
	width: 130px;
}

.zentrum {
  display: flex;         /* nebeneinander */
  align-items: stretch;  /* gleiche Höhe, wenn möglich */
  gap: 0;     
}


.zlinks {
	width: 50%;
}

.zrechts {
	display:grid;
	width: 50%;
	place-items: center;
	
}