.mask_informationen_fuer .maskElement {
    margin-top: 95px;
    margin-bottom: 130px;
}
.mask_informationen_fuer .overviewPoints {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 30px;
}
.mask_informationen_fuer .overviewPoints .overviewPoint {
    display: flex;
    position: relative;
    align-items: center;
    background-color: #EEF3F4;
    border-radius: 5px;
    border: 1px solid var(--color-sherpa-blue-80);
    color: var(--color-dark-grey-1);
    padding: 20px 52px 20px 20px;
    font-size: 20px;
    line-height: 28px;
    font-weight: 700;
    hyphens: auto;
}
.mask_informationen_fuer .overviewPoints .overviewPoint figure {
    width: 68px;
}
.mask_informationen_fuer .overviewPoints .overviewPoint svg {
    max-height: 39px;
    width: auto;
    fill: var(--color-sherpa-blue-90);
}
.mask_informationen_fuer .overviewPoints .overviewPoint figure svg {
    height: 100%;
}
.mask_informationen_fuer .overviewPoints .overviewPoint img {
    filter: invert(25%) sepia(15%) saturate(2734%) hue-rotate(144deg) brightness(102%) contrast(81%);
    max-height: 39px;
}
@media screen and (max-width: 1280px) {
    .mask_informationen_fuer .maskElement {
        margin-top: 50px;
        margin-bottom: 60px;
    }
}
@media screen and (max-width: 1200px) {
    .mask_informationen_fuer .overviewPoints {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 20px;
    }
}
@media screen and (max-width: 834px) {
    .mask_informationen_fuer .overviewPoints {
        grid-template-columns: repeat(1, 1fr);
    }
    .mask_informationen_fuer .maskElement {
        margin-top: 45px;
        margin-bottom: 65px;
    }
    .mask_informationen_fuer .overviewPoints .overviewPoint {
        background-color: #FFFFFF;
    }
}
@media screen and (max-width: 390px) {
    .mask_informationen_fuer .maskElement {
        margin-top: 30px;
        margin-bottom: 60px;
    }
}