/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 24.04.2018, 16:23:07
    Author     : Scharte
*/

.saalplan {

}

.kategorie_uebersicht,
.saalplan .description
{
	padding: 1em;
}

.saalplan .saal_wrapper {
	padding: 1em;
	padding: 1em;


}

.saalplan .saal {
	position: relative;


}

.saalplan .saal .buehne_inner{

	border:2px solid #000;
	text-align: center;

	margin-bottom: 1em;
	margin-top: 1em;
	display: inline-block;
	padding: 1em;
}
.saalplan .saal .buehne{
	text-align: center;

}
.saalplan .saal .plaetze_wrapper{
	overflow: hidden;
}
.saalplan .saal .plaetze{
	position: relative;



}

.saalplan .saal .plaetze .saalplan_platz 
{
	position: absolute;
	width: 0.8em;
	height: 0.8em;
	cursor: pointer;
	border-radius: 0.2em 0.2em 50% 50%;
	box-sizing: border-box;
	border-bottom: 0.1em solid #2d2d2d;


}
.saalplan .saal .plaetze .scroll_hint_overlay 
{
	position: absolute;
	z-index: 2;
	background-color: rgba(155,155,155,0.8);
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;


}
.saalplan .saal .plaetze .saalplan_platz[data-frei="0"]{
	opacity: 0.4;
	cursor: not-allowed;
}
.saalplan .saal .plaetze .saalplan_platz.unselected{
	opacity: 0.1;
	cursor: auto;
} 

.saalplan .saal .plaetze .saalplan_platz[data-kategorie="1"]
{
	/*background-color: #757C19;*/
        background-color: #E8322F;
}

.saalplan .saal .plaetze .saalplan_platz[data-kategorie="2"]
{
	/*background-color: #E8322F;*/
        background-color: #757C19;
}


.saalplan .saal .plaetze .saalplan_platz[data-kategorie="3"]
{
	/*background-color: #00A2A6;*/
        background-color: #A62CBF;
}


.saalplan .saal .plaetze .saalplan_platz[data-kategorie="4"]
{
	background-color: #E7D302;
}


.saalplan .saal .plaetze .saalplan_platz[data-kategorie="5"]
{
	/*background-color: #F49F12;*/
        background-color: #0000ff;
}


.saalplan .saal .plaetze .saalplan_platz[data-kategorie="6"]
{
	background-color: #00A2A6;
}


.saalplan .saal .plaetze .saalplan_platz[data-kategorie="7"]
{
	background-color: #8A5629;
}


.saalplan .saal .plaetze .saalplan_platz[data-kategorie="8"]
{
	background-color: #2d2d2d;
}

.saalplan .saal .zoom_buttons
{
	position: absolute;
	top:3em;
	right: 1em;

	z-index: 1;

}
.saalplan .saal .zoom_buttons .zoom_in,
.saalplan .saal .zoom_buttons .zoom_out,
.saalplan .saal .zoom_buttons .zoom_reset
{
	padding: 0.5em;
	background-color: #17469E;
	color: #ffffff;
	text-align: center;
	cursor: pointer;
}
.saalplan .saal .zoom_buttons .zoom_in {
	border-radius: 3px 3px 0 0;
	margin-bottom: 1px;
}
.saalplan .saal .zoom_buttons .zoom_out {
	border-radius:  0 0 3px 3px;
	margin-bottom: 5px;
}

.saalplan .saal .zoom_buttons .zoom_reset {
	border-radius:  3px 3px 3px 3px;
	
}


.kategorie_uebersicht .kategorie {
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	padding: 4px 6px;
	border-radius: 3px;
	cursor: pointer;
	margin-right: 0.4em;
	margin-top: 0.4em;
}

.kategorie_uebersicht .kategorie .name{
	text-align: center;
}

.kategorie_uebersicht .kategorie .preis
{
	display: inline-block;
	text-align: center;
	padding-right: 0.5em;
	font-size: 0.8em;
}

.kategorie_uebersicht .kategorie[data-kategorie="1"]
{
/*	color: #757C19;
	border:2px solid #757C19;*/
        
        color: #E8322F;
	border:2px solid #E8322F; 
}
.kategorie_uebersicht .kategorie[data-kategorie="2"]
{
/*	color: #E8322F;
	border:2px solid #E8322F;*/
        color: #757C19;
        border:2px solid #757C19;
}

.kategorie_uebersicht .kategorie[data-kategorie="3"]
{
/*	color: #00A2A6;
	border:2px solid  #00A2A6;*/
        color: #A62CBF;
        border:2px solid #A62CBF;
}

.kategorie_uebersicht .kategorie[data-kategorie="4"]
{
	color: #E7D302;
	border:2px solid  #E7D302;
}

.kategorie_uebersicht .kategorie[data-kategorie="5"]
{
/*	color: #F49F12;
	border:2px solid  #F49F12; */
        color: #0000ff;
	border:2px solid  #0000ff;
}

.kategorie_uebersicht .kategorie[data-kategorie="6"]
{
	color: #00A2A6;
	border:2px solid  #00A2A6;
}

.kategorie_uebersicht .kategorie[data-kategorie="7"]
{
	color: #8A5629;
	border:2px solid  #8A5629;
}

.kategorie_uebersicht .kategorie[data-kategorie="8"]
{
	color: #2d2d2d;
	border:2px solid  #2d2d2d;
}
.kategorie_uebersicht .kategorie.selected[data-kategorie="1"]
{
	color: #fff;
/*	background-color: #757C19;
	border:2px solid #757C19; */
        background-color: #E8322F;
	border:2px solid #E8322F;
}
.kategorie_uebersicht .kategorie.selected[data-kategorie="2"]
{
	color: #fff;
/*	background-color: #E8322F;
	border:2px solid #E8322F;*/
        background-color: #757C19;
	border:2px solid #757C19;
}

.kategorie_uebersicht .kategorie.selected[data-kategorie="3"]
{
	color: #fff;
/*	background-color: #00A2A6;
	border:2px solid  #00A2A6;*/
        background-color: #A62CBF;
	border:2px solid  #A62CBF;
}

.kategorie_uebersicht .kategorie.selected[data-kategorie="4"]
{
	color: #fff;
	background-color: #E7D302;
	border:2px solid  #E7D302;
}

.kategorie_uebersicht .kategorie.selected[data-kategorie="5"]
{
	color: #fff;
/*	background-color: #F49F12;
	border:2px solid  #F49F12;*/
	background-color: #0000ff;
	border:2px solid  #0000ff;
}

.kategorie_uebersicht .kategorie.selected[data-kategorie="6"]
{
	color: #fff;
	background-color: #00A2A6; /* #A62CBF;*/
	border:2px solid  #00A2A6;
}

.kategorie_uebersicht .kategorie.selected[data-kategorie="7"]
{
	color: #fff;
	background-color: #8A5629;
	border:2px solid  #8A5629;
}

.kategorie_uebersicht .kategorie.selected[data-kategorie="8"]
{
	color: #fff;
	background-color: #2d2d2d;
	border:2px solid  #2d2d2d;
}

.kategorie_uebersicht .kategorie.hidden[data-kategorie="1"],
.kategorie_uebersicht .kategorie.hidden[data-kategorie="2"],
.kategorie_uebersicht .kategorie.hidden[data-kategorie="3"],
.kategorie_uebersicht .kategorie.hidden[data-kategorie="4"],
.kategorie_uebersicht .kategorie.hidden[data-kategorie="5"],
.kategorie_uebersicht .kategorie.hidden[data-kategorie="6"],
.kategorie_uebersicht .kategorie.hidden[data-kategorie="7"],
.kategorie_uebersicht .kategorie.hidden[data-kategorie="8"]{
	display: none !important;
}

.saalplan .saal .plaetze .saalplan_platz[data-rollstuhl="1"]:before{
	font-family:'Font Awesome 5 Pro';
	content: "\f193";

	font-size: 0.7em;
	color:#ffffff;
	font-weight: 400;
	padding-left: 0.1em;
	padding-top: 0.1em;
	vertical-align: top;
}


.saalplan .saal .plaetze .saalplan_platz.selected{
	border:0.2em solid rgba(255,255,255,0.8);
	animation: rotate_seat  ease-in-out 2s infinite;


}

.saalplan .selected_seats {
padding: 1em;
}
.saalplan .selected_seats .row {
	display: block;

	padding: 4px 0px;
	font-size: 0.8em;
}



.saalplan .selected_seats .row[data-kategorie="1"] {
	border-left:4px solid  #E8322F;
}

.saalplan .selected_seats .row[data-kategorie="2"] {
	border-left:4px solid  #757C19;
}
.saalplan .selected_seats .row[data-kategorie="3"] {
	border-left:4px solid  #A62CBF;
}
.saalplan .selected_seats .row[data-kategorie="4"] {
	border-left:4px solid  #E7D302;
}
.saalplan .selected_seats .row[data-kategorie="5"] {
	border-left:4px solid  #0000ff;
}
.saalplan .selected_seats .row[data-kategorie="6"] {
	border-left:4px solid  #00A2A6;
}
.saalplan .selected_seats .row[data-kategorie="7"] {
	border-left:4px solid  #8A5629;
}
.saalplan .selected_seats .row[data-kategorie="8"] {
	border-left:4px solid  #2d2d2d;
}

.saalplan .selected_seats .row.sum,
.saalplan .selected_seats .row.prefab
{
	display: none;
}

.saalplan .selected_seats .row:not(.prefab):not(.head) + .row.sum{
	display: block;
}
.saalplan .selected_seats .row[data-gruppe="1"] .preis:after{
	content: 'M';
	vertical-align: 0.6em;
	font-size: 0.6em;
}
.saalplan .selected_seats .row[data-gruppe="3"] .preis:after{
	content: 'O';
	vertical-align: 0.6em;
	font-size: 0.6em;
}

.saalplan .selected_seats .row:nth-child(odd){

}

.saalplan .selected_seats .row .name_bezeichnung,
.saalplan .selected_seats .row .reihe,
.saalplan .selected_seats .row .platz,
.saalplan .selected_seats .row .preis, 
.saalplan .selected_seats .row .ermaessigt,
.saalplan .selected_seats .row .delete
{
	display: inline-block;
	vertical-align: middle;
	box-sizing: border-box;
	width: 10%;
}

.saalplan .selected_seats .row .name_bezeichnung
{

	width:40%;
}
.saalplan .selected_seats .row .preis{
	width: 15%;
}

.saalplan .selected_seats .row .ermaessigt{
	width: 10%;
}

.saalplan .selected_seats .row .delete{
	width: 15%;
	text-align: right;
}


.saalplan .selected_seats .row.sum .ermaessigt{
	display: none;
}

.saalplan .selected_seats .row.sum .delete{
	width: 25%;
}


.saalplan .selected_seats:not(.ermaessigt) .row .ermaessigt
{
	display: none;
}

.saalplan .selected_seats:not(.ermaessigt) .row .preis,
.saalplan .selected_seats:not(.ermaessigt) .row .delete
{
	width: 20%;
}

.saalplan .selected_seats .row.head .ermaessigt{
	width: 25%;
}


@keyframes rotate_seat {
	from{
		transform:	 rotateY(360deg);
	}
	to{
		transform:	 rotateY(0deg);;
	}
}

@media  screen and (max-width: 980px) {
	.saalplan .content_row .content_container.w_66,
	.saalplan .content_row .content_container.w_33
	{
		margin-left: 0;
		margin-right: 0;
		width: 100%;
	}
	.kategorie_uebersicht .kategorie .preis
	{

		text-align: left;


	}
}
@media  screen and (max-width: 520px) {

	.kategorie_uebersicht .kategorie {
		display: inline-block;
		width:47.5%;
		margin:0;
		margin-right:2.5%;
		margin-top: 0.5em;
	}
	.kategorie_uebersicht .kategorie:nth-child(even) {

		margin-right:0%;
		margin-left:2.5%;
	}

	.saalplan .selected_seats,
	.saalplan .saal_wrapper{
		padding: 0;
	}

}