/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 28.08.2018, 13:25:32
    Author     : Herz
*/

.galerie .original_images{
    height:0px;
    overflow:hidden;
}
.spalte{
    display:inline-block;
    box-sizing: border-box;
    padding:5px;
    vertical-align: top;
}
.spalte img{
    padding-bottom:10px;
    display:block;
}
.spalte img.clone{ /* dies sind die bilder welche als galerie angezeigt werden, zuerst auf display none, damit sie eingefadet werden koennen */
    display:none;
    cursor:pointer;
    /*    opacity: 0.6;
        transition: opacity 0.5s;*/
}
.spalte img.clone:hover{
    opacity:0.8;
}
#team .spalte img.clone{ /* dies sind die bilder welche als galerie angezeigt werden, zuerst auf display none, damit sie eingefadet werden koennen */
    display:none;
    cursor:default;
    /*   opacity: 1;*/
}
#partner .spalte img.clone{ /* dies sind die bilder welche als galerie angezeigt werden, zuerst auf display none, damit sie eingefadet werden koennen */
    display:none;
    opacity: 1;
    /*   max-width:120px;*/
}
#partner .galerie_target{
    padding-left:25%;
    padding-right:25%;
}
.editable_images img{
    display:inline-block;
    height:100px;
}
.galerie_popup{
    z-index:500;
    position:fixed;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    background-color:rgba(255,255,255,0.95);
}

.galerie_popup .close_btn{
    text-align: right;
    padding:20px;
}
.galerie_popup .close_btn i{
    cursor:pointer;
    font-size:2em;
    color:gray;
}
.galerie_popup .picutre_view{
    position:absolute;
    left:40px;
    right:40px;
    top:50px;
    bottom:50px;

    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex !important;

    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;

    align-items: center;

}
.galerie_popup .picutre_view img{
    width:auto !important;
    max-height:95%;
    margin:0 auto;
    display:inline-block !important;

}
.switch_left,
.switch_right{
    position:absolute;
    top:calc(50% - 2em);
}
.switch_left{
    left:10px;
}
.switch_right{
    right:10px;
}
.switch_left i,
.switch_right i{
    cursor:pointer;
    color:gray;
    font-size:4em;
}
.pre_load_pictures{
    height:0px !important;
    overflow:hidden !important;
}
.galerie_black_bg{
    background-color:black;
    width:100%;
    box-sizing: border-box;
    margin-bottom:10px;
}
.galerie_black_bg img{
    display:block !important;
    width:100%;
    padding-bottom:0px;
    box-sizing: border-box;
}
.editable_images .slider img{
    display:inline-block !important;
}
.paralax .galerie{
    margin-top:40px;
}
.paralaxgalerie  .content_position{
    padding:0 !important;
    max-width:98% !important;
    margin:0 auto !important;
}
.paralaxgalerie .content_position article.text{
    max-width:100%;
    margin-top:50px;
}
.paralaxgalerie {
    background-color:#000000;
}
.galerie_popup.hide{
    display:none;
}

.editable_images{
	
}
.editable_images > div{
	
}
.editable_images > div .image_galerie{
	width: 100%;
	height: 147px;
	background-color: grey;
	white-space: nowrap;
	overflow-x: scroll;
	padding-top: 23px;
	box-sizing: border-box;
	background-image: url('../../files/images/layout/filmstreifen.png');
}
.editable_images > div .image_galerie img{
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	height: 88px;
	border-left: 2px solid black;
	border-right: 2px solid black;
}

@media screen and (max-width:800px){
    .spalte img.clone{
        cursor:default;
        opacity:1;
    }
    #partner .galerie_target{
        padding-left:5px;
        padding-right:5px;
    }
}
@media screen and (max-width:1024px){
    .paralaxgalerie    .content_position article.text{
        margin-top:0 !important;
        padding-bottom:0;
    }
    .paralax .galerie {
        margin-top: 0;
    }
}