@charset "UTF-8";
/* CSS Document */

.flexgallery_grid {
    float:left;
    position: relative;
    width: 50%;
    margin: 50px 25%;
    overflow: hidden;
}

.flexgallery_line {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.flexgallery_col1 {
    position: relative;
    float:left;
    width: 31.25%;
    margin: 15.3% 3.125% 1% 6.8%;
}

.flexgallery_col2 {
    position: relative;
    float:left;
    width: 23.4375%;
    margin: 1% 0px 1% 0px;
}

.flexgallery_col3 {
    position: relative;
    float:left;
    width: 20.125%;
    margin: 8.85% 0px 1% 3.125%;
}

.flexgallery_col4 {
    position: relative;
    float:left;
    width: 35.125%;
    margin: 1% 3.125% 1% 0px;
}

.flexgallery_col5 {
    position: relative;
    float:left;
    width: 23.4375%;
    margin: 1% 0px 1% 0px;
}

.flexgallery_col6 {
    position: relative;
    float:left;
    width: 35.125%;
    margin: 1% 0px 1% 3.125%;
    padding:-50% 0px -10% 0px;
}

.flexgallery_col7 {
    position: relative;
    float:left;
    width: 40%;
    margin: 1% 0px 1% 17.9%;

}

.flexgallery_col8 {
    position: relative;
    float:left;
    width: 25%;
    margin: 1% 0px 1% 3.125%;
}

.flexgallery_col9 {
    position: relative;
    float:left;
    width: 23.4375%;
    margin: 1% 0px 1% 14.6%;
}

.flexgallery_col10 {
    position: relative;
    float:left;
    width: 23.4375%;
    margin: 1% 0px 1% 3.125%;
}

.flexgallery_col11 {
    position: relative;
    float:left;
    width: 23.4375%;
    margin: 1% 0px 1% 3.125%;
}

.imgflexgallery {
    width: 100%;
    margin:0px;
}

.imgflexgallery1 {
    width: 100%;
    margin:-30px;
    height: 230px;
    width: 100% !important;
    object-fit: cover;
    object-position: top center;
}

/* =============================================================================================================
   ANPASSUNG SCREEN SIZE ANPASSUNG SCREEN SIZE ANPASSUNG SCREEN SIZE ANPASSUNG SCREEN SIZE ANPASSUNG SCREEN SIZE
   ========================================================================================================== */


@media screen and (max-width: 1280px) {

.flexgallery_grid {
    width: 90%;
    margin: 0px 5%;

}    
}

@media screen and (max-width: 1024px) {

.flexgallery_grid {
    width: 94%;
    margin: 0px 3%;

}   
}

@media screen and (max-width: 800px) {

.flexgallery_col1 {
    width: 96%;
    margin: 2% ;
}

.flexgallery_col2 {
    width: 96%;
    margin: 2% ;
}

.flexgallery_col3 {
    width: 96%;
    margin: 2% ;
}

.flexgallery_col4 {
    width: 96%;
    margin: 2% ;
}

.flexgallery_col5 {
    width: 96%;
    margin: 2% ;
}

.flexgallery_col6 {
    width: 96%;
    margin: 2% ;
}

.flexgallery_col7 {
    width: 96%;
    margin: 2% ;
}

.flexgallery_col8 {
    width: 96%;
    margin: 2% ;
}
.flexgallery_col9 {
    width: 96%;
    margin: 2% ;
}

.flexgallery_col10 {
    width: 96%;
    margin: 2% ;
}

.flexgallery_col11 {
    width: 96%;
    margin: 2% ;
}
}

 
