/* No-Touch devices regie */

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

.no-touch #regie {
position: absolute;
z-index: 1;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
-webkit-transform-origin: right top;
-moz-transform-origin: right top;
-ms-transform-origin: right top;
-o-transform-origin: right top;
transform-origin: right top;
-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.4s;
-moz-transition-duration: 0.4s;
transition-duration: 0.4s;
background-color:rgba(0, 0, 0, 0.5);
color: rgba(255, 255, 255, 0.9);
}

.no-touch #regie a {
display: block;
border-bottom: 0px solid rgba(0, 0, 0, 0.5);
text-align:left;
}

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

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

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

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


/* Touch devices regie */

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

.touch #regie {
position: absolute;
z-index: 1;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
-webkit-transform-origin: right top;
-moz-transform-origin: right top;
-ms-transform-origin: right top;
-o-transform-origin: right top;
transform-origin: right top;
-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.4s;
-moz-transition-duration: 0.4s;
transition-duration: 0.4s;
background-color:rgba(0, 0, 0, 0.5);
color: rgba(255, 255, 255, 0.9);
}

.touch #regie a {
display: block;
border-bottom: 0px solid rgba(0, 0, 0, 0.5);
text-align:left;
}

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

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

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

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