.frame-type-fesnews_newslist,
.frame-type-fesnews_newsslider {
    --tx-subpackage-digitallearning-color-white: #FFFFFF;
    --tx-subpackage-digitallearning-color-blue: #005894;
    --tx-subpackage-digitallearning-border-radius: 0.5rem;
    --tx-subpackage-digitallearning-fs-s: 1rem;
}

/*
    Path: ./frontend/src/styles/digitalesLernenElements/_news_list.scss
*/
.frame-type-fesnews_newslist .white-box {
    background-color: var(--tx-subpackage-digitallearning-color-white) !important;
    overflow: hidden;
    border-radius: var(--tx-subpackage-digitallearning-border-radius);
    box-shadow: 0 0 4px rgba(0, 0, 0, .4);
}

.frame-type-fesnews_newslist .teaser-box.image-left .teaser-image {
    width: 52%;
}

.frame-type-fesnews_newslist .teaser-box.image-left .teaser-image img {
    width: 100%;
}

.frame-type-fesnews_newslist .teaser-box.image-left .teaser-text {
    width: 48%;
}

@media only screen and (max-width: 768px) {
    .frame-type-fesnews_newslist .teaser-box.image-left .teaser-image {
        width: 100% !important;
        float: none;
    }
    .frame-type-fesnews_newslist .teaser-box.image-left .teaser-text {
        width: 100% !important;
        float: none;
    }
    .frame-type-fesnews_newslist .teaser-image {
        width: 100% !important;
        float: none;
    }
    .frame-type-fesnews_newslist .teaser-text {
        width: 100% !important;
        float: none;
    }
}

/*
    Path: ./frontend/src/styles/digitalesLernenElements/_teaser.scss
*/

@media only screen and (max-width: 1024px) {
    .frame-type-fesnews_newslist .teaser-box.image-top img {
        max-height: 240px;
        object-fit: cover;
    }
    .frame-type-fesnews_newslist .teaser-box {
        min-width: 100%;
        max-width: inherit;
    }
}

/*
    Path: .frontend/src/styles/digitales_lernen.scss
*/
.frame-type-fesnews_newslist .white-box .teaser-box .teaser-rubrik {
    margin: 0 !important;
}

.frame-type-fesnews_newslist .overlay-blue {
    position: relative;
    overflow: hidden;
    border-radius: .375rem;
}

.frame-type-fesnews_newslist .overlay-blue-bg {
    width: 36%;
    height: 100%;
    padding: 1rem;
    background-color: rgba(5, 17, 53, .8);
    position: absolute;
    top: 0;
    right: 0;
}

.frame-type-fesnews_newslist .overlay-blue-bg-title {
    margin: 0;
    margin-top: .375rem;
    color: var(--tx-subpackage-digitallearning-color-white);
    text-transform: uppercase;
    font-size: var(--tx-subpackage-digitallearning-fs-s);
    font-weight: 700;
}

.frame-type-fesnews_newslist .overlay-blue img {
    width: 100%;
}

.frame-type-fesnews_newslist .overlay-blue-bg-icon {
    position: absolute;
    right: 0;
    bottom: 1rem;
}

.frame-type-fesnews_newslist .overlay-blue-bg-icon img {
    max-height: 60px;
}

.frame-type-fesnews_newsslider .page-navigation ul.f3-widget-paginator li.current {
    background-color: transparent !important;
    color: var(--tx-subpackage-digitallearning-color-blue) !important;
    font-weight: 700;
}

.frame-type-fesnews_newsslider .page-navigation ul.f3-widget-paginator li a {
    background-color: transparent;
    color: var(--tx-subpackage-digitallearning-color-blue);
}

.frame-type-fesnews_newsslider .page-navigation ul.f3-widget-paginator li a:hover {
    background-color: transparent;
    color: var(--tx-subpackage-digitallearning-color-blue);
}
