.legend ul{padding-left:0px;}

span.cube{
display:inline-block;
height:18px;
width:18px;
border-radius: 4px;
margin-right: 8px;
vertical-align: middle;
border: 1px solid rgba(205, 164, 94, 0.5);
}
span.plan_{background:none repeat scroll 0 0;border:1px solid grey;}
span.plan_red{background:none repeat scroll 0 0 #fa9c9f;border:1px solid grey;}
span.plan_blue{background:none repeat scroll 0 0 #c0ffff;border:1px solid grey;}
span.plan_green{background:none no-repeat scroll 0 0 #80ff80;border:1px solid grey;}
span.plan_fuchsia{background:none repeat scroll 0 0 #ffc0ff;border:1px solid grey;}
span.plan_yellow{background:none repeat scroll 0 0 #ffffc0;border:1px solid grey;}
span.plan_salmon{background:none repeat scroll 0 0 #FA8072;border:1px solid grey;}
span.plan_skyblue{background:none repeat scroll 0 0 #686efc;border:1px solid grey;}
span.plan_teal{background:none repeat scroll 0 0 #04aca9;border:1px solid grey;}
span.plan_thistle{background:none repeat scroll 0 0 #D8BFD8;border:1px solid grey;}
span.plan_palegreen{background:none repeat scroll 0 0 #98FB98;border:1px solid grey;}
span.plan_orange{background:none repeat scroll 0 0 #FFA500;border:1px solid grey;}
span.plan_incart{background:none repeat scroll 0 0 #FF00FF;border:1px solid #808080;}
span.plan_reserved{background:none repeat scroll 0 0 #808080;border:1px solid #808080;}
span.plan_locked{background:none repeat scroll 0 0 #8080C0;border:1px solid #808080;}
span.plan_own{background:none repeat scroll 0 0 #FFFFFF;border:1px solid #808080;}
/*fix opera outline*/
body.opera ul.r li { outline:0px; }
body.opera ul.r li.ltr { outline:0px; }
/*eof fix opera outline  background-image:url(../../images/disabled.png)*/
ul.r li.bl, ul#ajax_cart li.bl{background-color:#C0FFFF;}
ul.r li.rd, ul#ajax_cart li.rd{background-color:#FFC0C0;}
/*
ul.r li.gr:before{padding:0;background-color:#80FF80;position:relative;top:-10px;left:0;font-family: 'FontAwesome';content: "\f193";font-size:32px;width:36px;}
.gre:before{padding:0;background-color:#80FF80;position:relative;top:-10px;left:0;font-family: 'FontAwesome';content: "\f193";font-size:32px;width:36px;}
*/

ul.r li.gr{background:#80FF80 url('../../images/wheelchair.svg') no-repeat center top;}

ul.r li.or, ul#ajax_cart li.or{background-color:#FFA500;}
ul.r li.fu, ul#ajax_cart li.fu{background-color:#FFC0FF;}
ul.r li.ye, ul#ajax_cart li.ye{background-color:#FFFFC0;}
ul.r li.sa, ul#ajax_cart li.sa{background-color:#FA8072;}
ul.r li.sb, ul#ajax_cart li.sb{background-color:#87CEEB;}
ul.r li.te, ul#ajax_cart li.te{background-color:#008080;}
ul.r li.th, ul#ajax_cart li.th{background-color:#D8BFD8;}
ul.r li.pg, ul#ajax_cart li.pg{background-color:#98FB98;}
ul.r li.o{color:#000000;background-color:#FFFFFF;cursor:default;}
ul.r li.x{color:#FFFFFF;background-color:#808080;cursor:default;}
ul.r li.y{color:#FFFFFF;background-color:#FF00FF;cursor:pointer;}
ul.r li.z{color:#FFFFFF;background-color:#8080C0;cursor:default;}
ul.r li.s:hover{background-color:#000;color:#FFFFFF;}
div#stage_label{width:625px;margin: auto;margin-top:5px;text-align:center;padding-top:40px;font-family:Arial,Verdana,Helvetica, sans-serif;font-size:26px;height:125px;color:#808080;font-weight:bold;outline:0px solid #C0C0C0;}

div.seatplan{width:625px;margin-top:10px;padding-top:25px;outline:0px solid #C0C0C0;margin-left:auto;margin-right:auto;-khtml-user-select:none;user-select:none;background:url('../xbg.png') no-repeat center top;}
/* background:url('../bg.png') no-repeat center bottom; */
ul.hidden{display:none !important;}
ul.r{padding:0px;margin:0px;list-style-type:none;height:24px;}
ul.r li{float:left;width:25px;height:20px;font-family:Verdana;font-size:11px;padding:0;margin-left:2px;margin-right:2px;text-align:center;/*outline:1px solid #C0C0C0;*/border:1px solid #808080;-webkit-border-radius:5px;border-radius:5px;-webkit-box-shadow:0 2px 2px rgba(0, 0, 0, 0.2);box-shadow:0 2px 2px rgba(0, 0, 0, 0.2);color:#000000;cursor:pointer;}
ul.r li.ltr{font-weight:bold;color:#ff0000;outline:0px solid #c0c0c0;background-color:none;cursor:default;border:0px solid #808080;-webkit-box-shadow:none;box-shadow:none ;margin: 0 4px}
ul.r li.ltr2{font-weight:bold;color:#ff0000;outline:0px solid #c0c0c0;background-color:none;cursor:default;border:0px solid #808080;-webkit-box-shadow:none;box-shadow:none ;margin: 0 4px}
ul.r li.b{background:none repeat scroll 0 0 transparent;cursor:default;outline:0px solid transparent;border:0px solid #808080;-webkit-box-shadow:none;box-shadow:none ;}
ul.r li.c{background:none repeat scroll 0 0 transparent;cursor:default;outline:0px solid transparent;border:0px solid #808080;-webkit-box-shadow:none ;box-shadow:none ;}
ul.r li.h{width:11px;background:none repeat scroll 0 0 transparent;outline:0px solid transparent;cursor:default;border:0px solid #808080;-webkit-box-shadow:none ;box-shadow:none ;}
ul.r li.sd{background:#ccc;cursor:default;outline:0px solid transparent;border:0px solid #808080;-webkit-box-shadow:none;box-shadow:none ;}
#gap{height:50px;}
div.sp_text{margin:auto;font-size:20px;text-align:center;padding: 0}

#s2,#s268,#s534,#s800,#s1066,#s1332,#s1598,#s1864,#s2130,#s2396,#s2886,#s3152,#s3418,#s3684,#s3950,#s4216,#s4482,#s4748,#s5014,#s5280{width:80px;height:22px;position:relative;left:0px;top:-5px;-webkit-transform:rotate(20deg); -moz-transform:rotate(20deg); -ms-transform:rotate(20deg); -o-transform:rotate(20deg); transform:rotate(20deg); filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0);}
#s5,#s271,#s537,#s803,#s1069,#s1335,#s1601,#s1867,#s2133,#s2399,#s2889,#s3155,#s3421,#s3687,#s3953,#s4219,#s4485,#s4751,#s5017,#s5283{width:80px;height:22px;position:relative;left:0px;top:-5px;-webkit-transform:rotate(20deg); -moz-transform:rotate(20deg); -ms-transform:rotate(20deg); -o-transform:rotate(20deg); transform:rotate(20deg); filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0);}
#s9,#s275,#s541,#s807,#s1073,#s1339,#s1605,#s1871,#s2137,#s2403,#s2893,#s3159,#s3425,#s3691,#s3957,#s4223,#s4489,#s4755,#s5021,#s5287{width:80px;height:22px;position:relative;left:24px;top:-5px;-webkit-transform:rotate(20deg); -moz-transform:rotate(-20deg); -ms-transform:rotate(-20deg); -o-transform:rotate(-20deg); transform:rotate(-20deg); filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0);}
#s12,#s278,#s544,#s810,#s1076,#s1342,#s1608,#s1874,#s2140,#s2406,#s2896,#s3162,#s3428,#s3694,#s3960,#s4226,#s4492,#s4758,#s5024,#s5290{width:80px;height:22px;position:relative;left:24px;top:-5px;-webkit-transform:rotate(-20deg); -moz-transform:rotate(-20deg); -ms-transform:rotate(-20deg); -o-transform:rotate(-20deg); transform:rotate(-20deg); filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0);}


/* ================================================ */
/* START: HINZUGEFÜGTER CODE FÜR ZOOM              */
/* ================================================ */

/* Wendet Zoom auf alles an, was BREITER als 480px ist (Tablet & Desktop) */
@media (min-width: 481px) {
    div.seatplan {
        /* 1.5 = 150% Vergrößerung. 
           Ändere diesen Wert, wie du ihn brauchst (z.B. 2.0 für 200%).
        */
        zoom: 1.5;
    }
}

/* ================================================ */
/* ENDE: HINZUGEFÜGTER CODE FÜR ZOOM               */
/* ================================================ */

@media (max-width: 992px) {
div#stage_label{width:444px;height:85px;padding-top:30px;}
div.seatplan{width:444px;outline:0px solid green;}
ul.r{height:22px;}
ul.r li{width:18px;font-size:8px;height:16px;margin-left:1px;margin-right:1px;}
ul.r li.ltr{margin: 0 4px}
ul.r li.ltr2{margin: 0 4px}
#s2,#s268,#s534,#s800,#s1066,#s1332,#s1598,#s1864,#s2130,#s2396,#s2886,#s3152,#s3418,#s3684,#s3950,#s4216,#s4482,#s4748,#s5014,#s5280{width:58px;height:16px;font-size:9px;}
#s5,#s271,#s537,#s803,#s1069,#s1335,#s1601,#s1867,#s2133,#s2399,#s2889,#s3155,#s3421,#s3687,#s3953,#s4219,#s4485,#s4751,#s5017,#s5283{width:58px;height:16px;font-size:9px;}
#s9,#s275,#s541,#s807,#s1073,#s1339,#s1605,#s1871,#s2137,#s2403,#s2893,#s3159,#s3425,#s3691,#s3957,#s4223,#s4489,#s4755,#s5021,#s5287{width:58px;height:16px;font-size:9px;}
#s12,#s278,#s544,#s810,#s1076,#s1342,#s1608,#s1874,#s2140,#s2406,#s2896,#s3162,#s3428,#s3694,#s3960,#s4226,#s4492,#s4758,#s5024,#s5290{width:58px;height:16px;font-size:9px;}

}

@media (max-width: 767px) {
div#stage_label{width:380px;outline:0px solid red;height:65px;padding-top:20px;}
div.seatplan{width:360px;outline:0px solid red;}
ul.r{height:22px;}
ul.r li{width:14px;font-size:8px;height:14px;margin-left:1px;margin-right:1px;}
ul.r li.ltr{margin: 0 4px}
ul.r li.ltr2{margin: 0 4px}
#s2,#s268,#s534,#s800,#s1066,#s1332,#s1598,#s1864,#s2130,#s2396,#s2886,#s3152,#s3418,#s3684,#s3950,#s4216,#s4482,#s4748,#s5014,#s5280{width:46px;height:16px;font-size:9px;}
#s5,#s271,#s537,#s803,#s1069,#s1335,#s1601,#s1867,#s2133,#s2399,#s2889,#s3155,#s3421,#s3687,#s3953,#s4219,#s4485,#s4751,#s5017,#s5283{width:46px;height:16px;font-size:9px;}
#s9,#s275,#s541,#s807,#s1073,#s1339,#s1605,#s1871,#s2137,#s2403,#s2893,#s3159,#s3425,#s3691,#s3957,#s4223,#s4489,#s4755,#s5021,#s5287{width:46px;height:16px;font-size:9px;}
#s12,#s278,#s544,#s810,#s1076,#s1342,#s1608,#s1874,#s2140,#s2406,#s2896,#s3162,#s3428,#s3694,#s3960,#s4226,#s4492,#s4758,#s5024,#s5290{width:46px;height:16px;font-size:9px;}

}
@media (max-width: 480px) {

div#stage_label{width:280px;height:55px;}
div.seatplan{width:280px;padding-top:30px;outline:0px solid orange;padding-top:15px;}
ul.r{height:20px;}
ul.r li{width:14px;font-size:7px;height:13px;margin-left:0px;margin-right:0px;}
ul.r li.ltr{margin: 0px}
ul.r li.ltr2{margin: 0px}
ul.r li.c{width:0px;}
#s2,#s268,#s534,#s800,#s1066,#s1332,#s1598,#s1864,#s2130,#s2396,#s2886,#s3152,#s3418,#s3684,#s3950,#s4216,#s4482,#s4748,#s5014,#s5280{width:40px;height:16px;font-size:7px;}
#s5,#s271,#s537,#s803,#s1069,#s1335,#s1601,#s1867,#s2133,#s2399,#s2889,#s3155,#s3421,#s3687,#s3953,#s4219,#s4485,#s4751,#s5017,#s5283{width:40px;height:16px;font-size:7px;}
#s9,#s275,#s541,#s807,#s1073,#s1339,#s1605,#s1871,#s2137,#s2403,#s2893,#s3159,#s3425,#s3691,#s3957,#s4223,#s4489,#s4755,#s5021,#s5287{width:40px;height:16px;font-size:7px;position:relative;left:5px;}
#s12,#s278,#s544,#s810,#s1076,#s1342,#s1608,#s1874,#s2140,#s2406,#s2896,#s3162,#s3428,#s3694,#s3960,#s4226,#s4492,#s4758,#s5024,#s5290{width:40px;height:16px;font-size:7px;position:relative;left:5px;}


}

/* @media (max-width: 767px) {
	.clear {overflow-x: scroll;-webkit-overflow-scrolling: touch;}
}
@media (max-width: 480px) {
	.clear {overflow-x: scroll;-webkit-overflow-scrolling: touch;}
} */
