/* ==========================================================================
       News-Link Overrides (Primary Button Design)
       ========================================================================== */

    /* 1. Ausrichtung für Card-Footer (explizit linksbündig) */
    .news-list-view .card .card-footer,
    .card-menu-item .card .card-footer {
        display: flex !important;
        justify-content: flex-start !important;
        text-align: left !important;
    }

    /* 2. Gemeinsames Button-Styling für alle News-Button-Varianten */
    .news-list-view .card .card-footer a,
    .card-menu-item .card .card-footer a,
    .topnews a.btn-read-more,
    .topnews a.btn-default {
        --bs-btn-color: #ffffff;
        --bs-btn-bg: #333333;
        --bs-btn-border-color: #333333;
        --bs-btn-hover-color: #ffffff;
        --bs-btn-hover-bg: #2b2b2b;
        --bs-btn-hover-border-color: #292929;
        --bs-btn-focus-shadow-rgb: 82, 82, 82;
        --bs-btn-active-color: #ffffff;
        --bs-btn-active-bg: #292929;
        --bs-btn-active-border-color: #262626;
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        --bs-btn-disabled-color: #ffffff;
        --bs-btn-disabled-bg: #333333;
        --bs-btn-disabled-border-color: #333333;

        position: relative;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background-color: #fff !important;
        color: var(--bs-primary) !important;
        border: 0.04rem solid var(--bs-secondary) !important;
        border-radius: 10em !important;
        padding: 0.7em 2.2em 0.7em 2.8em !important;
        text-transform: uppercase;
        font-weight: 400;
        font-family: 'Roboto Mono', monospace;
        font-size: 0.75rem;
        letter-spacing: 0.00375rem;
        transition: var(--kiwo-transition, all 0.3s ease);
        overflow: hidden;
        white-space: nowrap;
        text-decoration: none !important;
        cursor: pointer;
        margin-top: 0.5rem;
    }

    /* 3. Hover- & Focus-Zustände */
    .news-list-view .card .card-footer a:hover,
    .news-list-view .card .card-footer a:focus,
    .card-menu-item .card .card-footer a:hover,
    .card-menu-item .card .card-footer a:focus,
    .topnews a.btn-read-more:hover,
    .topnews a.btn-read-more:focus,
    .topnews a.btn-default:hover,
    .topnews a.btn-default:focus {
        background-color: var(--bs-btn-hover-bg, #2b2b2b) !important;
        color: var(--bs-btn-hover-color, #ffffff) !important;
        border-color: var(--bs-btn-hover-border-color, #292929) !important;
    }

    /* 4. Active-Zustand */
    .news-list-view .card .card-footer a:active,
    .card-menu-item .card .card-footer a:active,
    .topnews a.btn-read-more:active,
    .topnews a.btn-default:active {
        background-color: var(--bs-btn-active-bg, #292929) !important;
        color: var(--bs-btn-active-color, #ffffff) !important;
        border-color: var(--bs-btn-active-border-color, #262626) !important;
        box-shadow: var(--bs-btn-active-shadow, inset 0 3px 5px rgba(0, 0, 0, 0.125));
    }        .{$plugin.slick.carousel.css.class}{
          margin:{$plugin.slick.carousel.css.margins.item};
        }
        .slick-header {
          bottom: {$plugin.slick.carousel.css.header.bottom};
          top: {$plugin.slick.carousel.css.header.top};
        }
        .slick-text {
          bottom: {$plugin.slick.carousel.css.text.bottom};
          top: {$plugin.slick.carousel.css.text.top};
        }
        .slick-header .span  {
          background-color: {$plugin.slick.carousel.css.header.background-color};
          color: {$plugin.slick.carousel.css.header.color};
          font-size: {$plugin.slick.carousel.css.header.font-size};
          font-weight: {$plugin.slick.carousel.css.header.font-weight};
        }
        /* color */
        .slick-slider .slick-next:before,
				.slick-slider .slick-prev:before {
          color: {$plugin.slick.carousel.css.colors.arrows};
        }
        .slick-slider  .slick-dots li button:before {
          color: {$plugin.slick.carousel.css.colors.dots.default};
        }
        .slick-slider .slick-dots li.slick-active button:before {
          color: {$plugin.slick.carousel.css.colors.dots.active};
        }
        .slick-slider .slick-next:before,
				.slick-slider .slick-prev:before {
          color: {$plugin.slick.carousel.css.colors.arrows};
        }
        .slick-slider .slick-dots li button:before {
          color: {$plugin.slick.carousel.css.colors.dots.default};
        }
        .slick-slider .slick-dots li.slick-active button:before {
          color: {$plugin.slick.carousel.css.colors.dots.active};
        }
        /* position */
        .slick-dots {
          bottom: {$plugin.slick.carousel.css.position.dots.bottom};
          margin-left:0;
          margin-right:0;
        }