@media (min-width: 200px) {

    #page-header {
        /*border: 5px solid red;*/
    }
    #c239 {
        background: linear-gradient(180deg, #489cdb, #2656ad);
        color: white;
        /*border: 10px solid red;*/
    }

    /* Erstes Bild ausblenden */
    #c240  .gallery-item>.image {
        opacity: 0;
    }


    /* zweites Bild 66% ausblenden*/
    #c253  .gallery-item>.image {
        opacity: 0;
    }

    /* 33 66 kein rand oben */
    #c251  {
        border: 0px solid red;
        margin-top: 0rem;
        margin-bottom: 0rem;
        padding-top: 0rem;
        padding-bottom: 0rem;
    }
    /* background bild ganz höhe */
    #c253  {
        height: 100%;
    }

   

    #c234, #c241, #c243, #c251 {
        background: linear-gradient(180deg, #489cdb, #2656ad);
        color: white;
    }


    .bg-primary {
        background: linear-gradient(180deg, #489cdb, #2656ad);
        color: white;
        border: 10px solid red;
    }

    .footer-section-meta {
        text-align: center;
        display: none;
    }
    
}

.element-header.text-center {
        font-style: italic;
        color: lightskyblue;
        font-weight: 600; 
        }

        
        /* Wheinachts kugel mitte kein rand */
        #c243.frame {
            margin-top: 0rem;
            margin-bottom: 0rem;
            padding-top: 0rem;
            padding-bottom: 0rem;
            
        }

@media ( min-width: 576px) {
    /* Kreuder Slogan hell blau */
    .element-header.text-center {
        font-style: italic;
        color: lightskyblue;
        font-weight: 600;
        font-size: calc( (500px) / 24 );
        /*border: 1px solid green;*/
    }
    
}
@media ( min-width: 768px) {
    /* Kreuder Slogan hell blau */
    .element-header.text-center {
        font-style: italic;
        color: lightskyblue;
        font-weight: 600;
        font-size: calc( (640px) / 24 );
        /*border: 1px solid green;*/
    }
    
}
@media ( min-width: 992px) {
    /* Kreuder Slogan hell blau */
    .element-header.text-center {
        font-style: italic;
        color: lightskyblue;
        font-weight: 600;
        font-size: calc( (920px) / 24 );
        /*border: 1px solid blue;*/
    }
    
}
@media ( min-width: 1200px) {
    /* Kreuder Slogan hell blau */
    .element-header.text-center {
        font-style: italic;
        color: lightskyblue;
        font-weight: 600;
        font-size: calc( (1040px) / 24 );
        /*border: 1px solid red;*/
    }
    
}



@media (min-width: 576px) {
    .row {
        --bs-gutter-x: 10px;
        /*--bs-gutter-y: 10px;*/
        display: flex;
        flex-wrap: wrap;
    }
}


/* grid elements cold sollen keine rand oben und unten haben */
@media (min-width: 576px) {

    
    .frame-space-before-extra-small {
    --frame-outer-spacing-before: var(--frame-outer-spacing-variant-extra-small);
        /*border: 1px solid red;*/
        padding-top: 0rem;
        
    }

    .frame-space-after-extra-small {
        --frame-outer-spacing-after: var(--frame-outer-spacing-variant-extra-small);
        /*border: 1px solid red;*/
        padding-bottom: 10px;
    }
    
    :root {
        --frame-outer-spacing-variant-extra-small: 20px;
    }
    
    /* cols mit Bildern enger. galler-item frame kein pading-top bottom
    */
    
    .frame-sticky-top .frame-type-image {
        padding-top: 0rem;
        padding-bottom: 0rem;
        
        padding-top: calc(var(--bs-gutter-x) * -.5);
        padding-bottom: calc(var(--bs-gutter-x) * -.5);
        /*
        margin-right: calc(var(--bs-gutter-x) * -.5);
        margin-left: calc(var(--bs-gutter-x) * -.5);
    */
    }
    
    
    .frame.frame-space-after-extra-small {
        /*border: 1px solid green;*/
        
    }

}


.footer-section-meta {
    text-align: center;
    display: none;
}


/* Über schreibe den gutter */

.row {
    --bs-gutter-x: 10px;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x) * -.5);
    margin-left: calc(var(--bs-gutter-x) * -.5);
}