/* No-Touch devices kontakt */


.no-touch .kontakt-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 #kontakt {
padding-left: 15vh;
padding-top: 2.5%;
padding-right: 2.5vh;
padding-bottom: 1%;
border-radius: 0.25em;
position: absolute;
z-index: 2;
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 #kontakt a {
display: block;
border-bottom: 0px solid rgba(0, 0, 0, 0.5);
text-align:left;
}

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

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

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

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


/* Touch devices kontakt */

.kontakt-trigger,
.touch .kontakt-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 #kontakt {
padding-left: 15vh;
padding-top: 2.5%;
padding-right: 2.5vh;
padding-bottom: 1%;
border-radius: 0.25em;
position: absolute;
z-index: 2;
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 #kontakt a {
display: block;
}

.touch #kontakt a img{
width:50%;
margin-left:25%;
heiht:50%;
margin-top:12.5%;
}



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

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

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

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