/* No-Touch devices theater */


.no-touch .regie-f-trigger {
display: block;
z-index: 2;
position: absolute;
background: url("../bilder/icon/theater.png") no-repeat center center;
background-size:80%;
background-color: rgba(255, 255, 255, 0.3);
}

.no-touch #regie-f {
position: absolute;
z-index: 1;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
-webkit-transform-origin: right;
-moz-transform-origin: right;
-ms-transform-origin: right;
-o-transform-origin: right;
transform-origin: right;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
transition-property: transform;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
transition-duration: 0.2s;
border-radius: 0.25em;
background-color: rgba(0, 0, 0, 0);
}

.no-touch #regie-f a {
display: block;
color: rgba(255, 255, 255, 0.9);
}

.no-touch #regie-f a span:first-child {
display: none;
}

.no-touch #regie-f a.is-selected span:last-child {
color: rgba(255, 255, 255, 1.0);
font-weight:bold;
}

.no-touch #regie-f.open {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}

.no-touch #regie-f.open + .theater-trigger {
background-color: transparent;
}

.no-touch #regie-f li:last-child a {
border-bottom: none;
}





/* Touch devices theater */

.regie-f-trigger,
.touch .regie-f-trigger {
display: block;
z-index: 2;
position: absolute;
background: url("../bilder/icon/theater.png") no-repeat center center;
background-size:80%;
background-color: rgba(255, 255, 255, 0.3);
}

.touch #regie-f {
position: absolute;
z-index: 1;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
-webkit-transform-origin: right;
-moz-transform-origin: right;
-ms-transform-origin: right;
-o-transform-origin: right;
transform-origin: right;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
transition-property: transform;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
transition-duration: 0.2s;
border-radius: 0.25em;
background-color: rgba(0, 0, 0, 0);
}

.touch #regie-f a {
display: block;
color: rgba(255, 255, 255, 0.9);
}

.touch #regie-f a span:first-child {
display: none;
}

.touch #regie-f a.is-selected span:last-child {
color: rgba(255, 255, 255, 1.0);
font-weight:bold;
}

.touch #regie-f.open {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}

.touch #regie-f.open + .theater-trigger {
background-color: transparent;
}

.touch #regie-f li:last-child a {
border-bottom: none;
}