@media (min-width: 768px) {
    
    .section.section-default > .container {
        width: 100%;
        /*border: 1px solid red;*/
    }
    
    .section.section-default > .container .container-padding .row {
       
    }
    
    .container-padding {
        /*border: 1px solid green;*/
        padding-left: calc((100vw - 1140px)/2);
        padding-right: calc((100vw - 1140px)/2);
        height: 100%;
        
        padding-top: 3.5rem;
       padding-bottom: 3.5rem;
       
    }
    
    .container-padding-left {
        /*border: 1px solid green;*/
        padding-left: calc((100vw - 1140px)/2);
         
        height: 100%;
    }
    .container-padding-right {
        /*border: 1px solid green;*/
        padding-right: calc((100vw - 1140px)/2);
         
        height: 100%;
    }
    
    
    

    .bg-kreuder-bau-verlauf {
/*        background-color: #009cde;
        background-image: radial-gradient(circle farthest-side at center bottom,#009cde,#003087 125%);*/
        background: linear-gradient(180deg, #489cdb, #2656ad);
    }
    .bg-kreuder-bau-verlauf p, 
    .bg-kreuder-bau-verlauf h1, 
    .bg-kreuder-bau-verlauf h2, 
    .bg-kreuder-bau-verlauf h3, 
    .bg-kreuder-bau-verlauf h4,
    .bg-kreuder-bau-verlauf a {
    color: white;
    }
    .bg-kreuder-bau-verlauf li { color: white; }
    
    .bg-kreuder-bau-verlauf figure { margin: 0px; padding: 0px }
    .bg-kreuder-bau-verlauf .gallery-item { padding: 0px;}
    
    .align-items-center {
         display: flex;
         
    }
    .align-items-center>.col {
        display: flex;
        /*border: 4px solid yellow;*/
        display: flex;
        flex-direction: row;
        align-items: center;
        /* height: 100%; */
    }
    
    
    /* 3 Spalten, das dritte Element oben bündig statt vertical center */
    .align-items-center :nth-child(3) {
        /*display: flex;*/
        /*border: 4px solid yellow;*/
        /*display: flex;*/
        /*flex-direction: row;*/
        align-items: start;
    }

    
}


@media (min-width: 992px) {

    .container2-padding-left {
        /*border: 1px solid green;*/
        padding-left: calc((100vw - 992px)/2);
        width: calc((100vw - 992px)/2 + 680px);
        height: 100%;
    }
    
}

@media (min-width: 1200px) {

    .container2-padding-left {
        /*border: 1px solid green;*/
        padding-left: calc((100vw - 1100px)/2);
        width: calc((100vw - 1140px)/2 + 680px);
        height: 100%;
    }



.container-text-mittig  {
    border: 1px solid red;
    height: 100%;
    
}
.container-text-mittig  {
    border: 0px solid red;
    display: flex;
    flex-direction: row;
    align-items: center;
    min-height: 100%;

}
.container-text-mittig  .frame {
    border: 0px solid red;
     
    
    align-items: center;
    min-height: 100%;
    vertical-align: 

}
}