.mainContentTop {
    background-blend-mode: multiply;
    margin: 0 auto;
}


.Slider {
    display: none;
    visibility: hidden;
}

.CitatBox {
    display: none;
    visibility: hidden;
}



a.BoxLink, :visited {
    color: #5a5a5a;
    text-decoration: none;
}

    a.BoxLink:hover {
        text-decoration: none;
    }

.Content {
    margin: 0 auto;
    display: flex;
    flex-direction: column;
}





.Content {
    margin: 0 auto;
    display: flex;
    flex-direction: column;
}


BoxContentLeft {
    padding: 0;
    min-width: 300px;
    max-width: 325px;
    margin: 10px auto auto 5px;
    font-size: 0.75rem;
}


BoxContentRight {
    padding: 0;
    min-width: 300px;
    max-width: 325px;
    margin: 10px auto auto 5px;
    font-size: 0.75rem;
}


.HeaderBoxBlue {
    padding: 0 1em 1em;
    background-color: var(--backgroundBlue);
    font-size: 1.15rem; /*0.85rem;*/
    height: 50px;
    line-height: 50px;
    color: #ffffff; 
    font-weight: bold;
    border-top: 4px;
    border-top-style: solid;
    border-top-color: #041998;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
}

.ContentBoxBlue {
    padding: 0 1.5em 1em;
    background-color: var(--backgroundBlue);
    font-size: 0.85rem; /*0.60rem;*/
    color: #ffffff;
    min-height: 175px;
    max-height: 175px;
    border-bottom: 4px;
    border-bottom-style: solid;
    border-bottom-color: #041998;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}

.HeaderBoxGray {
    padding: 0 1em 1em;
    background-color: var(--backgroundGray);
    font-size: 1.15rem; /*0.85rem;*/
    height: 50px;
    line-height: 50px;
    color: #ffffff;
    font-weight: bold;
    border-top: 4px;
    border-top-style: solid;
    border-top-color: #333440;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
}

.ContentBoxGray {
    padding: 0 1.5em 1em;
    background-color: var(--backgroundGray);
    font-size: 0.85rem; /*0.60rem;*/
    color: #ffffff;
    min-height: 175px;
    max-height: 175px;
    border-bottom: 4px;
    border-bottom-style: solid;
    border-bottom-color: #333440;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}



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

    .mainContentTop {
        background-blend-mode: multiply;
        max-width: 1024px;
        margin: 0 auto;
    }

    .Slider {
        display: block;
        visibility: visible;
        overflow: hidden;
        height: 500px;
       /* box-shadow: 0px 0px 10px;*/
        /*background-color: white;*/
        margin: 0px;
        /*opacity: 0.3;*/
    }

    .CitatBox {
        margin: 0 auto;
        margin-top: 20px;
        display: flex;
        max-width: 1024px;
        visibility: visible;
        background-color: #677aef; /*var(--backgroundBlue);*/
    }


    .BoxContentLeft {
        display: inline-block;
        float: left;
        padding: 0;
        min-width: 507px;
        max-width: 507px;
        margin: 20px 5px auto 0;
        font-size: 0.75rem;
    }

    .BoxContentRight {
        display: inline-block;
        float: left;
        padding: 0;
        min-width: 507px;
        max-width: 507px;
        margin: 20px 0 auto 5px;
        font-size: 0.75rem;
    }








    .BoxContentBottomLeft {
        padding: 0;
        min-width: 334px;
        max-width: 334px;
        margin: 20px 5px auto 0;
    }

    .BoxContentBottomMiddle {
        padding: 0;
        min-width: 334px;
        max-width: 334px;
        margin: 20px 5px auto 5px;
    }

    .BoxContentBottomRight {
        padding: 0;
        min-width: 334px;
        max-width: 334px;
        margin: 20px 0 auto 5px;
    }

    .HeaderBoxBottomGray{
        padding: 0 1em 1em;
        font-size: 1.15rem; 
        height: 50px;
        line-height: 50px;
        background-color: var(--backgroundGray);
        color: #ffffff;
        font-weight: bold;
        border-top: 4px;
        border-top-style: solid;
        border-top-color: var(--backgroundGray);
        border-top-right-radius: 8px;
        border-top-left-radius: 8px;
    }

    .ContentBoxBottomGray {
        padding: 0 1.5em 1em;
        font-size: 0.85rem;
        background-color: var(--backgroundGray);
        color: #ffffff;
        min-height: 175px;
        max-height: 175px;
        border-bottom: 4px;
        border-bottom-style: solid;
        border-bottom-color: var(--backgroundGray);
        border-bottom-right-radius: 8px;
        border-bottom-left-radius: 8px;
    }


    .HeaderBoxBottomBlue {
        padding: 0 1em 1em;
        font-size: 1.15rem; 
        height: 50px;
        line-height: 50px;
        background-color: var(--backgroundBlue);
        color: #ffffff; 
        font-weight: bold;
        border-top: 4px;
        border-top-style: solid;
        border-top-color: var(--backgroundBlue);
        border-top-right-radius: 8px;
        border-top-left-radius: 8px;
    }

    .ContentBoxBottomBlue {
        padding: 0 1.5em 1em;
        font-size: 0.85rem; 
        background-color: var(--backgroundBlue);
        color: #ffffff;
        min-height: 175px;
        max-height: 175px;
        border-bottom: 4px;
        border-bottom-style: solid;
        border-bottom-color: var(--backgroundBlue);
        border-bottom-right-radius: 8px;
        border-bottom-left-radius: 8px;
    }

}