@media(max-width:768px) { 

     #c628  { display: flex; flex: 0 0 100%; }   
     #c628   .gallery-item img, 
        #c628 .gallery-item picture { 
     
         width: calc(100vw - 40px);
         padding-left: 20px;
     }
}




/* #c628 Container der Galerie */
@media(min-width:768px) and (max-width: 992px) {
    #c628 {/* border: 0px solid orange; */margin-left: 80px;}
    #c628 {/* width: 980px; *//* margin: 0px; */}
    #c628 .e1 {width: 460px;border: 0px solid yellow;}
    #c628 .e2 {border: 0px solid green; margin-left: 310px;}
    
    
}


@media(min-width:992px) and (max-width: 1200px) {
    #c628 { border: 0px solid orange;}
    #c628 {width: 920px;margin-left: 20px;}
    #c628 .e1 {width: 460px;border: 0px solid yellow;}
    #c628 .e2 {border: 0px solid green; margin-left: 310px;}
    
    
}





@media(min-width:1200px) {
    #c628 { border: 0px solid red;}
    #c628 {/* width: 1380px; */margin: auto;}
    #c628 .e1 {width: 790px;border: 0px solid blue;}
    #c628 .e2 {border: 0px solid green;/* margin-left: 40px; */}
}

/* Ab 1400px  row 1280px */
@media(min-width:1400px) {
    #c628 {/* border: 1px solid red; */}
    
    #c628 { transform: scale(calc( .025 + 1)); }
    
    #c628 {
            width: 1280px;margin: auto;
           
           padding-left: 20px;
           align-items: center;
    }
    #c628 .e1 {width: 790px;border: 0px solid red;}
    #c628 .e2 {width: 480px;overflow-x: hidden;}
}

@media(min-width:1400px) {
    
}

@media(min-width:1200px) and (max-width:1400px) {
    
    #c628 {width: 1100px;transform: scale( calc( 1240 / 1400));margin-left: 60px;}
    #c628 {/* border: 1px solid red; */}
}
@media(min-width:992px) and (max-width:1200px) {
    
    #c628 {transform: scale( calc( 992 / 1280));}
    #c628 {border: 0px solid red;}
}
@media(min-width:768px) and (max-width:992px) {
    
    #c628 {transform: scale( calc( 768 / 1400));margin-left: -140px;}
    #c628 {/* border: 0px solid red; */}
}



#c628 .frame-container {
    --bs-gutter-x:  0px;
}
#c628 .e1 .row>* ,
#c628 .e2 .row>* 
{
    border: 0px solid black;
    flex-shrink: 0;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
    /* padding-right:calc(var(--bs-gutter-x) * .5); */
    /* padding-left:calc(var(--bs-gutter-x) * .5); */
    /* margin-top:var(--bs-gutter-y); */
}

/* divider abstand */
#c628 .frame-default .frame-type-div {
    /* background: rgba(100,100,0,.4); */
    /* padding-top: 5px; */
    /* padding-bottom: 5px; */
}

#c628 .e1 .frame-default {
    border: 0px solid red;
    padding-top: 0px;
    padding-bottom: 0px;
    /* padding-left:0px; */
    /* padding-right: 0px; */
    margin: 0px;
}
#c628 .e1 {/* border: 0px solid green; */}


/* e2 */
#c628 .e2 .frame-default {
    border: 0px solid red;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left:0px;
    padding-right: 0px;
    margin: 0px;
}


/* FIX ME  */

@media(min-width: 768px) {

#c628 .row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
}

#c628 .row {}

/* Bild 1*/

#c614 .frame { max-width: 290px; max-height: 460px; border: 0px solid green;}
#c614 img { max-width: 290px; max-height: 460px; border: 0px solid green;}

/* Bild 1a */

#c615 .frame { ; max-height: 220px; border: 0px solid green;}
#c615 img {  max-height: 220px; border: 0px solid green;}

/* Bild 1b */

#c616 .frame {  max-height: 220px; border: 0px solid green;}
#c616 img { max-height: 220px; border: 0px solid green;}


/* Rheihe 2 Bild 1 */

#c618 .frame {  max-height: 220px; border: 0px solid green;}
#c618 img {width: 445px;max-height: 225px;height: 219px;border: 0px solid green;}

#c619 .frame {  max-height: 220px; border: 0px solid green;}
#c619 img { max-height: 220px; border: 0px solid green;}

/* Rechte Spalte */

#c622 .frame {  max-height: 220px; border: 0px solid green;}
#c622 img {max-height: 220px;border: 0px solid green;}

#c623 img {max-height: 220px;width: 300px;border: 0px solid green;}


/* Rechte Spalte Reihe 2 */

#c625 img {  max-height: 459px; border: 0px solid green;}

/* rechte Spalte 2 Bilder untereinander 626 627*/

#c627 img { max-width: 138px;  border: 0px solid green; margin-bottom: 20px}
#c626 img { max-width: 138px; border: 0px solid green;}
    
}


@media only screen and (min-width: 768px) and (max-width: 1024px) {
  /* iPad-Styles */
/*   #c628 {
        border: 1px solid blue;
    }
    #c628 {
        width: 920px;
        margin-left: -80px;
    }
    #c628 .e1 {
        width: 460px;
        border: 0px solid yellow;
    }
    #c628 .e2 {
        border: 10px solid green;
        margin-left: 310px;
    }*/
    
}

/* Portrait */
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
   
}

/* Landscape */
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
   
    
 
    
    
}

/* iPad 2019 Styles */
@media only screen and (min-device-width: 834px) and (max-device-width: 1112px) {
 
}


/* iPad Styles */

@media only screen and (min-width: 768px) and (max-width: 1112px) {
    #c628 { margin-left: -40px;}
    
    #c618 img {
        width: 445px;
        max-width: 445px;
        max-height: 225px;
        height: 219px;
        border: 0px solid green;
    }
    
    #c619 img {
        margin-left: 10px;
        width: 280px;max-width: 280px;
        height: 225px;
        border: 0px solid green;
    }
    
    #c622 img {
        border: 0px solid orange;
        width: auto; height: 220px;  
        
    }
    
    #c625 img {  
        border: 0px solid green;
        width: 230px;
        height: 355px;
        width: 290px;
        height: 455px;
        
        
    }
}