.gedenken_2d_scene {
    max-width: 1024px;
    position: relative;
    height: 34.5vw;

}

.gedenken_2d_scene .loading-overlay {
    position: absolute;
    top: 0px;
    left: 0px;
    background: url(../images/serveimage.gif) rgba(255,255,255,.8) no-repeat center center;
    background-size: 50px 50px;
    z-index: 50;
    width: 100%;
    height: 100%;
    display: none;
}
.gedenken_2d_scene .loading-overlay.loading {
    display: block;
}


.gedenken_2d_scene .loading-progress {
	position: absolute;
	z-index: 51;
	top: 60%;
	width: 30%;
	height: 10px;
	left: 50%;
	transform: translate(-50%, 0);
	border: 1px grey solid;
}

.gedenken_2d_scene .loading-progress .bar {
	background: grey;
	height: 100%;
		
}



@media only screen  and (max-width: 1167px) {
    .gedenken_2d_scene {
        height: 46.7vw;
    }
}

@media only screen  and (max-width: 767px) {
    .gedenken_2d_scene {
        height: 64vw;
    }
}

.gedenken_2d_scene ul,.gedenken_2d_scene li {
    padding: 0px;
    margin: 0px;
    list-style: none;
}

.gedenken_2d_scene li.options_list  {

}

.gedenken_2d_scene ul.scene_options {
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 30;
}

.gedenken_2d_scene .handle {
    display: block;
    clear: both;
    font-size: 14px;
    padding: 0px 10px;
    cursor: pointer;
}

.gedenken_2d_scene .options_list_wrapper {
    display: none;
}

.gedenken_2d_scene .options_list:hover .options_list_wrapper {
    display: block;
}

.gedenken_2d_scene li.options_list {
    background: rgba(255,255,255,.8);

    margin-bottom: 10px;
}


.gedenken_2d_scene ul.options:after {
    display: block;
    content: ' ';
    clear: both;
}

.gedenken_2d_scene li.options_list ul.options li {
    float: left;
    margin: 10px;
    cursor: pointer;
}

.gedenken_2d_scene li.options_list ul.options li.active,.gedenken_2d_scene li.options_list ul.options li.active:hover {
    border: black 1px solid;
}

.gedenken_2d_scene li.options_list ul.options li img {
    width: 60px;
}

.gedenken_2d_scene ul.view-slides > li {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    display: none;
}

.gedenken_2d_scene ul.view-slides > li.active {
    display: block;
}

.gedenken_2d_scene .view-controls {
    position: absolute;
    z-index: 50;
    bottom: 0px;
    left: 10px;
}

.gedenken_2d_scene .view-controls:after {
    display: block;
    content: ' ';
    clear: both;
}

.gedenken_2d_scene .view-controls > li {
    float: left;
    margin: 0px 10px 10px 0px;
}

.gedenken_2d_scene .view-controls .view-button {
    cursor: pointer;
    border: #336 1px solid;
    border-radius: 4px;
    padding: 5px 15px;
    background: white;
}

.gedenken_2d_scene .view-controls .view-button:hover, .gedenken_2d_scene .view-controls .view-button.active {
    background: #ccc;
}