/* No-Touch devices mainwindow */


.no-touch #mainwindow2,
.no-touch #mainwindow {
position: fixed;
z-index: 10;
left: 0%;
top: 0%;
width: 100%;
height:100%;
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.2s;
-moz-transition-duration: 0.2s;
transition-duration: 0.2s;
border-radius: 0.25em;
background-color: rgba(0, 0, 0, 1);
}

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

.no-touch #mainwindow2.open + .triggerwindow2,
.no-touch #mainwindow.open + .triggerwindow {
background-color: transparent;
}

@media only screen and (min-width: 768px) {
.triggerwindow2, no-.touch #mainwindow2,
.triggerwindow, no-.touch #mainwindow {
bottom: 40px;
}
}

#foto-main2,
#foto-main {
position:absolute;
top:0px;
left:0px;
width:100%;
height:auto;
min-height:100%;
background: url("../bilder/icon/filmbg.png") repeat-y top center;
background-size:100%;
z-index: 11;
}

#foto-img
{
position:relative;
margin-left:15.5%;
margin-top:6vw;
width:68.5%;
height:auto;
border-radius: 0.25em;
}

img
{
width:100%;
}

.triggerclose{
position:fixed;
z-index: 12;
right:3%;
width:4%;
height:4vw;
background: url("../bilder/icon/close.png") no-repeat center center;
background-size:100%;
}

#close-1{
top:3vw;
}

#close-2{
top:100%;
}

#close-3{
top:200%;
}

#close-4{
top:300%;
}

#close-5{
top:400%;
}

#close-6{
top:500%;
}

#close-7{
top:600%;
}

#close-8{
top:700%;
}

#close-9{
top:800%;
}







/* Touch devices mainwindow */


.touch #mainwindow2,
.touch #mainwindow {
position: fixed;
z-index: 10;
left: 0%;
top: 0%;
width: 100%;
height:100%;
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.2s;
-moz-transition-duration: 0.2s;
transition-duration: 0.2s;
border-radius: 0.25em;
background-color: rgba(0, 0, 0, 1);
}

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

.touch #mainwindow2.open + .triggerwindow2,
.touch #mainwindow.open + .triggerwindow {
background-color: transparent;
}

@media only screen and (min-width: 768px) {
.triggerwindow2, .touch #mainwindow2,
.triggerwindow, .touch #mainwindow {
bottom: 40px;
}
}

#foto-main2,
#foto-main {
position:absolute;
top:0px;
left:0px;
width:100%;
height:auto;
min-height:100%;
background: url("../bilder/icon/filmbg.png") repeat-y top center;
background-size:100%;
z-index: 11;
}

#foto-img
{
position:relative;
margin-left:15.5%;
margin-top:6vw;
width:68.5%;
height:auto;
border-radius: 0.25em;
}

img
{
width:100%;
}

.triggerclose{
position:fixed;
z-index: 12;
right:3%;
width:4%;
height:4vw;
background: url("../bilder/icon/close.png") no-repeat center center;
background-size:100%;
}

#close-1{
top:3vw;
}

#close-2{
top:100%;
}

#close-3{
top:200%;
}

#close-4{
top:300%;
}

#close-5{
top:400%;
}

#close-6{
top:500%;
}

#close-7{
top:600%;
}

#close-8{
top:700%;
}

#close-9{
top:800%;
}