.news-single {
    .content-elements {
        .teaser-image {
            .mediaelement-image {
                img {
                    width: 100%;
                }
            }
        }

        .img-100 {

            .ce-gallery,
            .image,
            .image-embed-item,
            .col-lg {
                width: 100%;
            }

            .ce-outer,
            .ce-inner {
                float: none;
                width: 100%;
            }
        }

        table tbody tr {
            border-color: #dee2e6 !important;
        }
    }

    .article {
        .header {
            padding-bottom: 0;
        }
    }

    .case-studies-template {
        #masthead {
            .image-text-box {
                background: var(--bg-gradiant-petrol-invert);

                .image-text-box-Content {
                    padding-top: 180px;
                    padding-bottom: 30px;

                    * {
                        color: #fff;
                    }

                    .subline * {
                        font-size: 20px;
                        font-family: var(--italic-font);
                    }
                }

                .image-text-box-Image {

                    .news-img-wrap,
                    .outer,
                    .mediaelement-image,
                    img {
                        height: 100% !important;
                    }

                    img {
                        object-fit: cover;
                        width: 100%;
                    }
                }
            }
        }

        .page-breadcrumb {
            .breadcrumb {
                padding-left: 0;
            }

            .breadcrumb-item {
                &.active {
                    color: var(--nm-primary-300);
                    font-size: var(--font-size-xs);
                    font-family: var(--semibold-font);
                }
            }
        }

        .frame-type-table,
        .frame-type-mask_table_overview {
            @media screen and (max-width: 1200px) {
                padding: 2rem;
            }

            h4 {
                text-transform: uppercase;
                font-size: 24px;
                margin-bottom: var(--margin-m);
            }

            .ce-table td {
                vertical-align: baseline;
                border-top: 1px solid #dadada;

                &:first-child {
                    padding-right: 2em;
                    padding-left: 0px;
                }

                &:last-child {
                    padding-left: 2em;
                }
            }
        }

        .frame-type-mask_table_overview {
            a {
                color: var(--petrol-light);
                font-family: var(--semibold-font);
                line-height: 137.5%;
            }
        }
    }

    .news-events-template {
        .frame-type-text {
            a {
                color: var(--petrol-light);
                font-family: var(--bold-font);

                &.btn-primary {
                    color: #fff;
                }
            }
        }

        .content-elements {
            .contact_section {
                .tx-ttaddress {
                    padding-left: 0px !important;
                    padding-right: 0px !important;

                    .contact-person {
                        img {
                            border-radius: 0;
                        }
                    }
                }
            }

            #presse-kit {
                position: relative;
                padding-top: 205px;
                padding-bottom: 100px;

                &::before {
                    position: absolute;
                    top: 0;
                    left: 50%;
                    transform: translate(-50%, 100px);
                    content: '';
                    width: 63px;
                    height: 74px;
                    background-image: url('../Icons/presse-zip.svg');
                    background-repeat: no-repeat;
                    background-size: cover;
                }

                .btn-default {
                    position: relative;
                    /*padding-left: 55px;*/
                    /*&::before {*/
                    /*    position: absolute;*/
                    /*    content: '';*/
                    /*    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 16' fill='none'%3E%3Cpath d='M13.0736 15L17 15L17 0.999999L13.0736 0.999999M1 8.05344L11.2086 8.05343M11.2086 8.05343L6.88957 3.35114M11.2086 8.05343L6.88957 12.7557' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");*/
                    /*    background-repeat: no-repeat;*/
                    /*    background-size: cover;*/
                    /*    width: 20px;*/
                    /*    height: 18px;*/
                    /*    left: 20px;*/
                    /*    top: 50%;*/
                    /*    transform: translate( 0, -50%);*/
                    /*}*/
                }
            }

            .content_box_news {
                .frame-type-text {
                    padding: 2.5em 3em;

                    p:last-child {
                        margin-bottom: 0;
                    }
                }

                .ce-accordion,
                .ce-gallery {
                    padding: 3em;
                }

                .frame-type-text,
                .frame-type-image,
                .tx-ttaddress,
                .ce-accordion {
                    margin-left: 3em;
                    margin-right: 3em;
                }

                .ce-accordion .frame-type-text {
                    margin: 0;
                    padding: 0;
                }

                form {

                    .frame-type-text,
                    .frame-type-image,
                    .tx-ttaddress {
                        margin-left: 0;
                        margin-right: 0;
                        padding: 0;
                    }
                }

                .teaser-image {
                    /*padding-left: 3em;*/
                    /*padding-right: 3em;*/
                    /*padding-top: 3em;*/
                }

                .ce-swiper-slider {
                    padding-top: 0 !important;
                    margin-top: 0 !important;
                }
            }

            .tx-ttaddress {
                padding-left: 3em;
                padding-right: 3em;

                .contact-person {
                    img {
                        border-radius: 100%;
                    }
                }
            }

            .presse-kit {
                .container {
                    max-width: 30%;
                }
            }

            .newsArticle {
                .imagekenwrapper {
                    position: relative;

                    &::before {
                        content: '';
                        position: absolute;
                        inset: 0;
                        background: rgba(0, 0, 0, .1);
                    }
                }
            }
        }
    }
}

.news {
    .newsArticle {
        background-color: #fff;
        color: var(--nm-surface-300);

        .news-body {
            padding: 25px;

            .category-box span {
                color: var(--petrol-light) !important;
                font-size: var(--font-size-xs);
                font-family: var(--extrabold-font);
                margin-bottom: 1rem;
                display: block;
            }

            .description-box {
                h4 {
                    margin-bottom: 0;
                    line-height: 22px;
                }

                .head {
                    margin-bottom: var(--margin-s);
                }

                a,
                span {
                    color: var(--nm-primary-300);
                    font-size: var(--font-size-h4);
                    font-family: var(--extrabold-font);
                }

                .icon {
                    display: flex;
                    justify-content: flex-end;
                }
            }
        }
    }

    .page-navigation {
        ul.f3-widget-paginator {
            display: flex;
            justify-content: center;

            li {
                background-color: transparent;
                border: none;
                color: #393D3D;
                padding: 10px;
                height: 40px;
                position: relative;
                background-repeat: no-repeat;
                text-align: center;

                /*&:nth-child(2) {*/
                /*    &::before {*/
                /*        content: '';*/
                /*        color: transparent;*/
                /*    }*/
                /*}*/
                &::before {
                    /*position: absolute;*/
                    /*content: '/';*/
                    /*height: 100%;*/
                    /*color: var(--body-color);*/
                    /*top: 10px;*/
                    /*left: -13px;*/
                    /*bottom: 0;*/
                    background-image: none;
                }

                &.next,
                &.previous {
                    padding: 0;
                }

                &:first-child,
                &.next,
                &.previous,
                &.current {
                    &::before {
                        content: inherit;
                        color: transparent;
                        width: 0;
                        height: 0;
                    }

                    a {
                        display: block;
                        width: 40px;
                        height: 40px;
                        color: transparent;
                    }
                }

                &.next {
                    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 41 41' fill='none'%3E%3Crect width='41' height='41' transform='matrix(-1 0 0 1 41 0)' fill='%23005159'/%3E%3Crect width='41' height='41' transform='matrix(-1 0 0 1 41 0)' fill='url(%23paint0_linear_7060_13)'/%3E%3Cpath d='M12 21.1429H28.6667L22 14' stroke='white' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M28.6667 21.1428L22 28.2857' stroke='white' stroke-width='1.75' stroke-linecap='round'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_7060_13' x1='0' y1='20.5' x2='41' y2='20.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%234BC284'/%3E%3Cstop offset='0.5' stop-color='%2331B9A0'/%3E%3Cstop offset='1' stop-color='%2322B0C0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
                }

                &.previous {
                    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 41 41' fill='none'%3E%3Crect width='41' height='41' transform='matrix(1 8.74228e-08 8.74228e-08 -1 0 41)' fill='%23005159'/%3E%3Crect width='41' height='41' transform='matrix(1 8.74228e-08 8.74228e-08 -1 0 41)' fill='url(%23paint0_linear_7060_23)'/%3E%3Cpath d='M29 19.8571L12.3333 19.8571L19 27' stroke='white' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.3333 19.8572L19 12.7143' stroke='white' stroke-width='1.75' stroke-linecap='round'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_7060_23' x1='0' y1='20.5' x2='41' y2='20.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%234BC284'/%3E%3Cstop offset='0.5' stop-color='%2331B9A0'/%3E%3Cstop offset='1' stop-color='%2322B0C0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
                }
            }
        }
    }

    .fachwissen-list {
        .row {
            row-gap: 35px;
        }
    }
}

/*Messen*/
#content .tx-productfilter-pi1 {
    &.list {

        article {
            padding-right: 0 !important;
            padding-left: 0 !important;
        }

        / / WICHTIG: flex-basierte Spaltenlogik deaktivieren . event-col {
            min-width: 0;
            / / nötig für ellipsis / line-clamp in grid / flex flex: initial;
        }

        .event-card {
            padding-right: 40px;

            / / Desktop: feste Spalten - > alles bündig display: grid;
            grid-template-columns: 140px minmax(240px, 1fr) 220px 260px 32px;
            gap: 16px;
            align-items: center;

            @media only screen and (max-width: 992px) {
                // Mobile: kompakter, untereinander in definierter Reihenfolge
                grid-template-columns: 72px 1fr 32px;
                grid-template-areas:
                    "logo title arrow"
                    "logo date  arrow"
                    "logo extra arrow";
                align-items: start;
            }

            &:hover .event-arrow {
                right: -10px;
            }
        }

        / / Grid-Areas für Mobile . event-col . logo {
            grid-area: logo;
        }

        .event-col.title {
            grid-area: title;
        }

        .event-col.date {
            grid-area: date;
        }

        .event-col.extra {
            grid-area: extra;
        }

        .event-col.action {
            grid-area: arrow;
        }

        / / Alignments (Desktop) . event-col . logo {
            justify-content: flex-start;
        }

        .event-col.title {
            justify-content: flex-start;
        }

        .event-col.date {
            justify-content: flex-start;
        }

        .event-col.extra {
            justify-content: flex-start;
        }

        .event-col.action {
            justify-content: flex-end;
        }

        .event-col {
            @media only screen and (max-width: 992px) {
                justify-content: flex-start !important;
            }
        }

        .event-col.logo {
            display: flex;
            align-items: center;
            height: 60px;
            max-width: 250px;

            .event-logo {
                max-width: 180px;
                object-position: left;
            }

            @media only screen and (max-width: 992px) {
                height: auto;
            }
        }

        .event-logo {
            max-height: inherit;
            max-width: 200px;
            width: 100%;
            aspect-ratio: 16 / 6;
            object-fit: contain;
            justify-content: flex-start;
        }

        / / Titel: max 2 Zeilen,
        damit Karten gleich wirken . event-title {
            font-size: var(--font-size-h4);
            font-family: var(--semibold-font);

            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden;
        }

        / / Datum: einzeilig+ellipsis (optional, aber sehr hilfreich) . event-date {
            font-size: var(--font-size-md);
            color: var(--body-color);

            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        / / Extra: max 2 Zeilen (damit nicht alles auseinanderzieht) . event-extra {
            font-size: var(--font-size-md);
            color: var(--body-color);

            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden;
        }

        .event-arrow {
            width: 17px;
            height: 15px;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19 17' fill='none'%3E%3Cpath d='M1 8.14286H17.6667L11 1' stroke='%2300B8CC' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.6667 8.14355L11 15.2864' stroke='%2300B8CC' stroke-width='1.75' stroke-linecap='round'/%3E%3C/svg%3E");
            background-repeat: no-repeat;
            background-size: contain;
            position: relative;
            right: 0;
            transition: right .5s;

            .fa {
                display: none;
            }
        }
        .pagination {
            .pagination-btn {
                width: 40px;
                height: 40px;
                font-size: 16px;
                background: linear-gradient(90deg, #4BC284, #31B9A0, #22B0C0, #47CA8F, #00B8CC);
                background-size: 220% 100%;
                background-position: left center;
                transition: var(--transition);
                &:disabled {
                    display: none;
                }
            }
        }
    }
}

.tx-productfilter-pi1.layout-cardView {

    .article-container {
        justify-content: center;

        article {
            margin-left: 15px;
            margin-right: 15px;

            .news-body {
                padding: 25px;
                background: white;

                .category-box span {
                    color: var(--petrol-light) !important;
                    font-size: var(--font-size-xs);
                    font-family: var(--extrabold-font);
                    margin-bottom: 1rem;
                    display: block;
                }

                .description-box {
                    display: block;

                    a,
                    span {
                        color: var(--nm-primary-300);
                        font-size: var(--font-size-h4);
                        font-family: var(--extrabold-font);
                    }

                    .icon {
                        display: flex;
                        justify-content: flex-end;

                    }
                }

            }

        }
    }
}

@media only screen and (max-width: 1200px) {
    .news-single {
        & .news-events-template {
            & .content-elements {
                & .content_box_news {

                    .frame-type-text,
                    .frame-type-image,
                    .tx-ttaddress,
                    .ce-accordion {
                        margin-left: 0px;
                        margin-right: 0px;
                    }
                }
            }
        }
    }
}

@media only screen and (max-width: 992px) {
    figcaption {
        margin-block: 1rem;
    }

    .ce-gallery .row+.row {
        margin-top: 0px;
    }
}

.content_box_news>div>div:last-of-type {
    &:not(.frame-type-form_formframework), &:not(.frame-type-html) {
        padding-block-end: 5rem !important;
    }
}

.fair-list {
    .imagekenwrapper {
        padding: 30px 25px;
    }
}