.count {
    font-size: 5em;
    text-align: center;
    color: #fff;
}

h5 {
    color: #fff!important;
}

.modal h5 {
    color: #000!important;
}

.ct-chart, .ct-chart svg  {
    min-height: 300px;
}


@media (min-width: 577px) {

    .count {
        font-size: 3em;

    }

    .ly-128.counterelement {
        padding: 0.3rem;

    }



    .ly-128 .count {
        font-size: 1.7em;

    }

    .ly-128 .kachelheaderzahl {
        font-size: 1em;

    }

    .frame-type-mmcustomce_chart.counterelement,
    .frame-type-mmcustomce_piechart.counterelement {
        padding: 0;
        background-color: transparent;
        margin-bottom: 0.5rem;
    }

    .frame-type-mmcustomce_chart .button,
    .frame-type-mmcustomce_piechart .button {
        background-color: transparent;
        width: 100%;
        margin-bottom: 0.3rem;
    }
    .frame-type-mmcustomce_chart .btn,
    .frame-type-mmcustomce_piechart .btn {
        width: 70%;
        font-size: 0.8rem;
        text-align: left;
    }

    .frame-type-mmcustomce_chart .ct-label,
    .frame-type-mmcustomce_piechart .ct-label {
        fill: rgba(255, 255, 255, 1);
        color: rgba(255, 255, 255, 1);
        font-size: 1.75rem;
        line-height: 1;
    }
    frame-type-mmcustomce_chart,
    .frame-type-mmcustomce_piechart {
        margin-bottom: 0.5rem;
    }

}


@media (max-width: 576px) {

    .count {
        font-size: 1.3em;

    }

    .kachelheaderzahl, .kachelheader {
        font-size: 0.7em !important;
        line-height:  1em !important;
    }
    .teaserimage img {
        object-fit: cover;
        max-height: 13vH;
    }



}