/* NieuwsNed template 2 - isolated stylesheet. Keep template 1 untouched. */
body.template-2 {
    --nn2-paper: #f6f2eb;
    --nn2-paper-soft: #fbf8f2;
    --nn2-card: #fffdf8;
    --nn2-ink: #191716;
    --nn2-muted: #6d6760;
    --nn2-line: rgba(25, 23, 22, .13);
    --nn2-shadow: 0 18px 50px rgba(25, 23, 22, .10);
    margin: 0;
    color: var(--nn2-ink);
    background:
        radial-gradient(circle at 8% 0%, color-mix(in srgb, var(--main-color) 10%, transparent), transparent 34rem),
        linear-gradient(180deg, #fff 0%, var(--nn2-paper) 520px, #f7f4ee 100%);
    font-family: 'Roboto Condensed', Roboto, Arial, sans-serif;
    overflow-x: hidden;
}

body.template-2 *,
body.template-2 *::before,
body.template-2 *::after {
    box-sizing: border-box;
}

body.template-2 a {
    color: inherit;
    text-decoration: none;
}

body.template-2 img {
    display: block;
    max-width: 100%;
}

body.template-2 .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

body.template-2 .header-container,
body.template-2 .content-container,
body.template-2 .nn2-front-wrap {
    max-width: 1240px;
    margin-right: auto;
    margin-left: auto;
}

body.template-2 .header-container {
    position: relative;
    z-index: 2000;
    padding: 0 20px;
}

body.template-2 .logo-ad-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 26px;
    min-height: 92px;
}

body.template-2 .logo {
    width: auto !important;
    height: auto !important;
    max-width: 300px;
    max-height: 86px;
    margin-top: 4px;
    object-fit: contain;
}

body.template-2 .ad,
body.template-2 .lead-banner-slot,
body.template-2 .middle-banner-slot {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

body.template-2 .ad {
    max-width: 728px;
}

body.template-2 .adlead {
    width: 100%;
    color: var(--nn2-muted);
    font: 700 11px/1 Roboto, sans-serif;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: .08em;
}

body.template-2 .ad-space {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 100%;
    text-align: center;
}

body.template-2 .ad-space img {
    width: 100%;
    height: auto;
    object-fit: contain;
}

body.template-2 .ad.no-banner-placeholder,
body.template-2 .ad-space:empty,
body.template-2 .lead-banner-slot:has(.ad-space:empty),
body.template-2 .middle-banner-slot:has(.ad-space:empty) {
    display: none !important;
}

/* Header navigation copied functionally, restyled only for template 2. */
body.template-2 .navbarwrappper {
    height: auto !important;
}

body.template-2 .navbar.desktop {
    display: block;
}

body.template-2 .navbar.mobile {
    display: none;
}

body.template-2 .navbar-content {
    display: flex;
    align-items: stretch;
    min-height: 48px;
    overflow: visible;
    background: var(--main-color);
    border-radius: var(--nn2-radius-lg, var(--nn2-radius, 18px));
}

body.template-2 .navbar-content > a,
body.template-2 .dropdown > .dropbtn,
body.template-2 .subdown > .subbtn {
    display: flex;
    align-items: center;
    padding: 0 16px;
    color: #fff;
    background: transparent;
    border: 0;
    font: 400 16px/1.15 Roboto, sans-serif;
    white-space: nowrap;
    cursor: pointer;
}

body.template-2 .navbar-content > a:hover,
body.template-2 .dropdown:hover > .dropbtn {
    background: rgba(0, 0, 0, .14);
}

body.template-2 .dropdown,
body.template-2 .subdown {
    position: relative;
    display: flex;
}

body.template-2 .dropdown-content,
body.template-2 .subdown-content {
    position: absolute;
    z-index: 2500;
    top: 100%;
    left: 0;
    display: none;
    min-width: 230px;
    overflow: visible;
    background: #fff;
    border: 1px solid var(--nn2-line);
    border-radius: 0 0 var(--nn2-radius-lg, var(--nn2-radius, 18px)) var(--nn2-radius-lg, var(--nn2-radius, 18px));
    box-shadow: 0 18px 40px rgba(0, 0, 0, .14);
}

body.template-2 .dropdown:hover > .dropdown-content,
body.template-2 .subdown:hover > .subdown-content {
    display: block;
}

body.template-2 .subdown-content {
    top: 0;
    left: 100%;
}

body.template-2 .dropdown-content a,
body.template-2 .subdown-content a,
body.template-2 .dropdown-content .subbtn {
    display: block;
    min-width: 100%;
    padding: 12px 14px;
    color: var(--nn2-ink);
    background: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, .06);
    font: 400 16px/1.15 Roboto, sans-serif;
    text-align: left;
}

body.template-2 .dropdown-content a:hover,
body.template-2 .subdown-content a:hover,
body.template-2 .dropdown-content .subbtn:hover {
    background: #f6f2eb;
}

body.template-2 .search-form {
    display: flex;
    align-items: stretch;
    margin-left: auto;
}

body.template-2 .search-form input {
    min-width: 180px;
    padding: 0 14px;
    color: #fff;
    background: rgba(0, 0, 0, .18);
    border: 0;
    font: 800 14px/1 Roboto, sans-serif;
}

body.template-2 .search-form input::placeholder {
    color: rgba(255, 255, 255, .75);
}

body.template-2 .navbar-subcontent {
    display: flex;
    align-items: center;
    gap: 16px;
    min-height: 50px;
    padding: 10px 4px;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

body.template-2 .navbar-subcontent > div:first-child {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

body.template-2 .navbar-subcontent > div:last-child {
    display: flex;
    align-items: center;
    margin-top: 3px;
}

body.template-2 .subnavitem {
    display: inline-flex;
    align-items: center;
    padding: 7px 12px;
    color: var(--main-color);
    background: rgba(255, 255, 255, .62);
    border: 1px solid color-mix(in srgb, var(--main-color) 72%, #fff);
    border-radius: var(--nn2-radius-lg, var(--nn2-radius, 18px));
    font: 800 15px/1 'Roboto Condensed', Roboto, sans-serif;
}

body.template-2 .subnavitemactive,
body.template-2 .subnavitem:hover {
    color: #fff;
    background: var(--main-color);
    border-color: var(--main-color);
}

body.template-2 .subnavitemtext {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-left: 16px;
    color: var(--main-color);
    padding: 7px 12px;
    background: transparent;
    border: 0;
    border-radius: var(--nn2-radius-lg, var(--nn2-radius, 18px));
    font: 400 16px/1 'Roboto Condensed', Roboto, sans-serif;
}

body.template-2 .subnavitemtext i {
    color: var(--main-color) !important;
}

body.template-2 .subnavitem,
body.template-2 .subnavitemtext {
    border-radius: var(--nn2-radius-lg, var(--nn2-radius, 18px)) !important;
}

body.template-2 .navbar-subcontent > div:first-child .subnavitem {
    border-radius: var(--nn2-radius-lg, var(--nn2-radius, 18px)) !important;
}

body.template-2 .navbar-subcontent > div:last-child .subnavitemtext {
    border: 0 !important;
    background: transparent !important;
    border-radius: var(--nn2-radius-lg, var(--nn2-radius, 18px)) !important;
}

body.template-2 .navbar-subcontent > div:last-child .subnavitemtext:hover {
    background: transparent !important;
}


/* Template 2 menu variants */
@media (min-width: 1171px) {
    body.template-2 .navbarwrappper {
        position: relative;
        height: auto !important;
    }

    body.template-2 .navbar-content {
        min-height: 52px;
        box-shadow: 0 14px 34px rgba(25, 23, 22, .10);
    }

    body.template-2 .navbar-content > a,
    body.template-2 .dropdown > .dropbtn,
    body.template-2 .subdown > .subbtn {
        position: relative;
        min-height: 52px;
        transition: background .16s ease, color .16s ease;
    }

    body.template-2 .navbar-content > a::after,
    body.template-2 .dropdown > .dropbtn::after {
        position: absolute;
        right: 14px;
        bottom: 9px;
        left: 14px;
        height: 2px;
        content: '';
        background: rgba(255, 255, 255, .72);
        border-radius: 999px;
        opacity: 0;
        transform: scaleX(.35);
        transition: opacity .16s ease, transform .16s ease;
    }

    body.template-2 .navbar-content > a:hover::after,
    body.template-2 .dropdown:hover > .dropbtn::after {
        opacity: 1;
        transform: scaleX(1);
    }

    body.template-2 .search-form input {
        border-radius: 0 var(--nn2-radius-lg, var(--nn2-radius, 18px)) var(--nn2-radius-lg, var(--nn2-radius, 18px)) 0;
    }

    body.template-2.variant-1 .navbarwrappper {
        width: 100vw;
        margin-left: calc(50% - 50vw);
        background: var(--main-color);
        box-shadow: 0 12px 30px rgba(25, 23, 22, .10);
    }

    body.template-2.variant-1 .navbar.desktop {
        width: 100%;
    }

    body.template-2.variant-1 .navbar-content {
        width: 100%;
        max-width: none;
        padding-right: max(20px, calc((100vw - 1240px) / 2 + 20px));
        padding-left: max(20px, calc((100vw - 1240px) / 2 + 20px));
        background: linear-gradient(90deg, color-mix(in srgb, var(--main-color) 96%, #111), var(--main-color));
        border-radius: 0;
        box-shadow: none;
    }

    body.template-2.variant-1 .search-form input {
        border-radius: 0;
    }

    body.template-2.variant-1 .dropdown-content,
    body.template-2.variant-1 .subdown-content {
        border-radius: 0;
    }

    body.template-2.variant-1 .navbar-subcontent {
        max-width: 1240px;
        margin: 0 auto;
        padding-right: 20px;
        padding-left: 20px;
    }

    body.template-2.variant-2 .navbarwrappper {
        background: transparent;
    }

    body.template-2.variant-2 .navbar-content {
        width: 100%;
        max-width: 1240px;
        margin: 0 auto;
        background: linear-gradient(135deg, color-mix(in srgb, var(--main-color) 96%, #111), var(--main-color));
        border: 1px solid color-mix(in srgb, var(--main-color) 82%, #fff);
        border-radius: var(--nn2-radius-lg, var(--nn2-radius, 18px));
        overflow: visible;
    }

    body.template-2.variant-2 .navbar-content > a:first-of-type,
    body.template-2.variant-2 .logo-container:first-child + a {
        border-radius: var(--nn2-radius-lg, var(--nn2-radius, 18px)) 0 0 var(--nn2-radius-lg, var(--nn2-radius, 18px));
    }

    body.template-2.variant-2 .search-form input {
        border-radius: 0 var(--nn2-radius-lg, var(--nn2-radius, 18px)) var(--nn2-radius-lg, var(--nn2-radius, 18px)) 0;
    }

    body.template-2.variant-2 .dropdown-content,
    body.template-2.variant-2 .subdown-content {
        border-radius: 0 0 var(--nn2-radius-lg, var(--nn2-radius, 18px)) var(--nn2-radius-lg, var(--nn2-radius, 18px));
    }

    body.template-2.variant-2 .navbar-subcontent {
        max-width: 1240px;
        margin: 0 auto;
    }
}


/* Template 2 hero: always 1 large + 2 smaller cards below. */
body.template-2 .nn2-front-wrap {
    max-width: none;
    width: 100%;
    padding: 0 0 24px;
}

body.template-2 .nn2-hero {
    width: 100%;
    padding: 0;
}

body.template-2 .nn2-hero-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 18px;
}

body.template-2 .nn2-kicker {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
    color: var(--main-color);
    font: 900 11px/1 Roboto, sans-serif;
    text-transform: uppercase;
    letter-spacing: .13em;
}

body.template-2 .nn2-kicker::before {
    display: block;
    width: 22px;
    height: 3px;
    content: '';
    background: var(--main-color);
    border-radius: 99px;
}

body.template-2 .nn2-hero h1,
body.template-2 .nn2-section h2 {
    margin: 0;
    color: var(--nn2-ink);
    letter-spacing: -.025em;
}

body.template-2 .nn2-hero h1 {
    max-width: 780px;
    font-size: clamp(34px, 5vw, 66px);
    line-height: .95;
}

body.template-2 .nn2-hero-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
    color: var(--nn2-muted);
    font: 800 13px/1 Roboto, sans-serif;
}

body.template-2 .nn2-hero-meta span {
    padding: 8px 12px;
    background: rgba(255, 255, 255, .72);
    border: 1px solid var(--nn2-line);
    border-radius: 999px;
}

body.template-2 .nn2-hero .article,
body.template-2 .nn2-hero-main.article,
body.template-2 .nn2-side-card.article {
    flex: none !important;
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
    border-bottom: 0 !important;
}

body.template-2 .nn2-hero-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 18px;
    width: 100%;
}

body.template-2 .nn2-hero-main,
body.template-2 .nn2-side-card {
    position: relative;
    overflow: hidden;
    color: inherit;
    background: var(--nn2-card);
    border: 1px solid var(--nn2-line);
    box-shadow: var(--nn2-shadow);
}

body.template-2 .nn2-hero-main {
    display: block !important;
    height: auto;
    min-height: 0;
    border-radius: var(--nn2-radius, 18px);
    aspect-ratio: 16 / 9;
}

body.template-2 .nn2-hero-main img,
body.template-2 .nn2-side-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .45s ease;
}

body.template-2 .nn2-hero-main:hover img,
body.template-2 .nn2-side-card:hover img {
    transform: scale(1.035);
}

body.template-2 .nn2-hero-shade {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, .02) 20%, rgba(0, 0, 0, .40) 58%, rgba(0, 0, 0, .88) 100%);
}

body.template-2 .nn2-hero-copy {
    position: absolute;
    z-index: 2;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-width: 900px;
    padding: 42px;
    color: #fff;
}

body.template-2 .nn2-hero-copy strong {
    max-width: 760px;
    font-size: clamp(28px, 3.2vw, 48px);
    line-height: .96;
    letter-spacing: -.025em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}

body.template-2 .nn2-hero-copy span:not(.nn2-card-date) {
    max-width: 690px;
    color: rgba(255, 255, 255, .9);
    font: 700 17px/1.45 Roboto, sans-serif;
}

body.template-2 .nn2-card-date {
    color: rgba(255, 255, 255, .78);
    font: 900 12px/1 Roboto, sans-serif;
    text-transform: uppercase;
    letter-spacing: .09em;
}

body.template-2 .nn2-label,
body.template-2 .nn2-side-card em,
body.template-2 .news-article-label {
    color: #fff;
    background: var(--label-color, #d3182a);
    border-radius: 999px;
    font: 900 11px/1 Roboto, sans-serif;
    text-transform: uppercase;
    letter-spacing: .08em;
}

body.template-2 .nn2-label {
    position: absolute;
    z-index: 3;
    top: 18px;
    right: 18px;
    padding: 9px 12px;
}

body.template-2 .nn2-video-overlay {
    position: absolute;
    z-index: 2;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}

body.template-2 .nn2-video-overlay img {
    width: 170px;
    max-width: 38%;
    height: auto;
    opacity: .82;
}

body.template-2 .nn2-hero-side {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    min-width: 0;
}

body.template-2 .nn2-side-card {
    display: grid !important;
    grid-template-columns: 1fr;
    height: auto;
    border-radius: calc(var(--nn2-radius, 18px) + 4px);
}

body.template-2 .nn2-side-card span {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 9px;
    min-width: 0;
    padding: 18px 20px 20px;
    overflow: hidden;
}

body.template-2 .nn2-side-card em {
    align-self: flex-start;
    padding: 7px 9px;
    font-style: normal;
}

body.template-2 .nn2-side-card strong {
    display: -webkit-box;
    overflow: hidden;
    color: var(--nn2-ink);
    font-size: 24px;
    line-height: 1.04;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

body.template-2 .nn2-side-card > img {
    height: auto;
    aspect-ratio: 16 / 9;
}

body.template-2 .nn2-side-card small {
    color: var(--nn2-muted);
    font: 800 12px/1 Roboto, sans-serif;
}

body.template-2 .nn2-empty-hero {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 42px;
    background: rgba(255, 255, 255, .56);
    border: 1px dashed var(--nn2-line);
    border-radius: calc(var(--nn2-radius, 18px) + 6px);
}

/* Main + widgets: sidebar starts at the very top of the content row. */
body.template-2 .content-container {
    display: flex;
    align-items: flex-start;
    gap: 30px;
    margin-top: 18px;
    padding: 0 20px 60px;
}

body.template-2 .content,
body.template-2 .main {
    width: 100%;
    min-width: 0;
}

body.template-2 .content {
    flex: 1 1 auto;
}

body.template-2 .widgets {
    flex: 0 0 310px;
    width: 310px;
    max-width: 310px;
    min-width: 280px;
    padding-top: 0 !important;
    padding-left: 0;
    margin-top: 0 !important;
}

body.template-2 .widgets > * {
    margin-top: 0;
    margin-bottom: 22px;
}

body.template-2 .widgets .featured,
body.template-2 .widgets .player-wrapper,
body.template-2 .widgets .sidebar-content-block,
body.template-2 .widgets .widget-sidebar-ad,
body.template-2 .widgets .widget,
body.template-2 .widgets .block {
    overflow: hidden;
    background: #fff;
    border: 1px solid var(--nn2-line);
    border-radius: var(--nn2-radius, 18px);
    box-shadow: 0 14px 35px rgba(25, 23, 22, .08);
}

body.template-2 .nn2-home {
    display: flex;
    flex-direction: column;
    gap: 26px;
    max-width: 100%;
}

body.template-2 .lead-banner-slot,
body.template-2 .middle-banner-slot {
    width: 100%;
    max-width: 728px;
    margin: 0 auto 28px;
    clear: both;
}

body.template-2 .nn2-quickbar {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    width: 100%;
}

body.template-2 .nn2-quick-card {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 108px;
    padding: 18px;
    overflow: hidden;
    color: var(--nn2-ink);
    background: linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(255, 255, 255, .68));
    border: 1px solid var(--nn2-line);
    border-radius: calc(var(--nn2-radius, 18px) + 2px);
    box-shadow: 0 12px 30px rgba(25, 23, 22, .07);
}

body.template-2 .nn2-quick-card::after {
    position: absolute;
    right: -26px;
    bottom: -28px;
    width: 88px;
    height: 88px;
    content: '';
    background: color-mix(in srgb, var(--main-color) 16%, transparent);
    border-radius: 50%;
}

body.template-2 .nn2-quick-card span {
    color: var(--main-color);
    font: 900 11px/1 Roboto, sans-serif;
    text-transform: uppercase;
    letter-spacing: .12em;
}

body.template-2 .nn2-quick-card strong {
    max-width: 230px;
    font-size: 24px;
    line-height: 1.05;
    letter-spacing: -.015em;
}

body.template-2 .nn2-quick-card small {
    color: var(--nn2-muted);
    font: 700 12px/1.2 Roboto, sans-serif;
}

body.template-2 .nn2-quick-live {
    color: #fff;
    background: linear-gradient(135deg, var(--main-color), color-mix(in srgb, var(--main-color) 72%, #111));
}

body.template-2 .nn2-quick-live span,
body.template-2 .nn2-quick-live small {
    color: rgba(255, 255, 255, .82);
}

body.template-2 .nn2-section {
    width: 100%;
    padding: 18px;
    background: rgba(255, 255, 255, .34);
    border: 1px solid rgba(25, 23, 22, .10);
    border-radius: calc(var(--nn2-radius, 18px) + 4px);
    box-shadow: 0 10px 30px rgba(25, 23, 22, .045);
}

body.template-2 .nn2-section[hidden] {
    display: none !important;
}

body.template-2 .nn2-section-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 14px;
}

body.template-2 .nn2-section h2 {
    font-size: clamp(26px, 2.5vw, 36px);
    line-height: 1;
}

body.template-2 .nn2-section-link {
    color: var(--main-color);
    font-weight: 900;
    white-space: nowrap;
}

body.template-2 .nn2-section-link::after {
    content: ' →';
}

body.template-2 .nn2-shorts-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

body.template-2 .nn2-short-card {
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-width: 0;
}

body.template-2 .nn2-short-media {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 9 / 16;
    border-radius: var(--nn2-radius-md, 14px);
    overflow: hidden;
    background: #0f172a;
    box-shadow: 0 10px 28px rgba(15, 23, 42, .16);
}

body.template-2 .nn2-short-iframe {
    width: 100%;
    height: 100%;
    display: block;
}

body.template-2 .nn2-short-iframe {
    border: 0;
}

body.template-2 .nn2-short-copy h3 {
    margin: 0;
    color: var(--nn2-ink);
    font-size: 16px;
    line-height: 1.2;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

/* Article lists from the existing /load_articles endpoint. */
body.template-2 .articles {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: flex-start;
    min-width: 0;
}

body.template-2 .nn2-feed.articles {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    min-height: 0;
    padding: 0;
}

body.template-2 .nn2-feed .article:first-of-type {
    grid-column: span 2;
}

body.template-2 .nn2-feed .article:first-of-type div.article-image {
    aspect-ratio: 16 / 9;
}

body.template-2 .nn2-feed .article:not(:first-of-type) div.article-image {
    aspect-ratio: 16 / 10;
}

body.template-2 .nn2-feed .lead {
    display: none;
}

body.template-2 .nn2-feed .article {
    display: block !important;
    flex: none;
    width: 100%;
    max-width: none;
    min-width: 0;
    padding: 0;
    margin: 0;
    overflow: hidden;
    background: var(--nn2-card);
    border: 1px solid rgba(25, 23, 22, .11);
    border-radius: var(--nn2-radius, 18px);
    box-shadow: 0 10px 24px rgba(25, 23, 22, .055);
    transition: transform .18s ease, box-shadow .18s ease;
}

body.template-2 .nn2-feed .article:hover {
    box-shadow: 0 18px 38px rgba(25, 23, 22, .10);
    transform: translateY(-2px);
}

body.template-2 .nn2-feed div.article-image {
    height: auto;
    overflow: hidden;
    border-radius: 0;
    aspect-ratio: 16 / 9;
}

body.template-2 .nn2-feed img.article-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .35s ease;
}

body.template-2 .nn2-feed .article:hover img.article-image {
    transform: scale(1.035);
}

body.template-2 .nn2-feed .article-date,
body.template-2 .nn2-feed .article-title,
body.template-2 .nn2-feed .article-lead {
    display: block;
    min-width: 0;
    padding-right: 16px;
    padding-left: 16px;
}

body.template-2 .nn2-feed .article-date {
    padding-top: 15px;
    color: var(--main-color) !important;
    font: 900 11px/1.2 Roboto, sans-serif !important;
    text-transform: uppercase;
    letter-spacing: .1em;
}

body.template-2 .nn2-feed .article-title {
    padding-top: 4px;
    color: var(--nn2-ink);
    font-size: 21px !important;
    line-height: 1.06;
    letter-spacing: -.015em;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}

body.template-2 .nn2-feed .article-lead {
    padding-top: 7px;
    padding-bottom: 16px;
    color: var(--nn2-muted);
    font: 400 14px/1.45 Roboto, sans-serif !important;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}

body.template-2 .nn2-feed .article:not(:first-of-type) .article-lead {
    display: none;
}

body.template-2 .nn2-feed .article:first-of-type .article-title {
    font-size: 31px !important;
    -webkit-line-clamp: 3;
}

body.template-2 .nn2-feed .article:first-of-type .article-lead {
    display: -webkit-box;
    font-size: 15px !important;
    -webkit-line-clamp: 4;
}

body.template-2 .nn2-feed-category .article:first-of-type .article-title {
    font-size: 29px !important;
}

body.template-2 .nn2-feed.nn2-feed-count-2 .article:first-of-type .article-title {
    font-size: 28px !important;
    -webkit-line-clamp: 3;
}

body.template-2 .nn2-feed.nn2-feed-count-2 .article:nth-of-type(2) .article-title {
    font-size: 19px !important;
    -webkit-line-clamp: 4;
}

body.template-2 .nn2-feed.nn2-feed-count-2 .article-lead {
    -webkit-line-clamp: 4;
}

body.template-2 .nn2-feed.nn2-feed-count-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

body.template-2 .nn2-feed.nn2-feed-count-3 .article:first-of-type,
body.template-2 .nn2-feed.nn2-feed-count-3 .article:nth-of-type(2),
body.template-2 .nn2-feed.nn2-feed-count-3 .article:nth-of-type(3) {
    grid-column: auto;
}

body.template-2 .nn2-feed.nn2-feed-count-3 .article:first-of-type div.article-image,
body.template-2 .nn2-feed.nn2-feed-count-3 .article:not(:first-of-type) div.article-image {
    aspect-ratio: 16 / 9;
}

body.template-2 .nn2-feed.nn2-feed-count-3 .article:first-of-type .article-title,
body.template-2 .nn2-feed.nn2-feed-count-3 .article-title {
    font-size: 21px !important;
    -webkit-line-clamp: 4;
}

body.template-2 .nn2-feed.nn2-feed-count-3:not(.nn2-feed-show-leads) .article-lead {
    display: none !important;
}

body.template-2 .nn2-feed.nn2-feed-count-5 .article:first-of-type .article-title {
    font-size: 28px !important;
    -webkit-line-clamp: 3;
}

body.template-2 .nn2-feed.nn2-feed-count-5 .article:nth-of-type(2) .article-title,
body.template-2 .nn2-feed.nn2-feed-count-5 .article:nth-of-type(n+3) .article-title {
    font-size: 19px !important;
    -webkit-line-clamp: 4;
}

body.template-2 .nn2-feed.nn2-feed-count-5 .article:nth-of-type(n+3) .article-lead {
    -webkit-line-clamp: 3;
}

body.template-2 .nn2-feed-category .article:nth-of-type(2) .article-title,
body.template-2 .nn2-feed-category .article:nth-of-type(3) .article-title {
    -webkit-line-clamp: 4;
}

body.template-2 .nn2-feed-category.nn2-feed-count-5 .article:nth-of-type(2) .article-title,
body.template-2 .nn2-feed-category.nn2-feed-count-5 .article:nth-of-type(3) .article-title {
    min-height: calc(4 * 1.06em);
}

body.template-2 .nn2-feed-category.nn2-feed-count-2 .article:nth-of-type(2) .article-lead,
body.template-2 .nn2-feed-category.nn2-feed-count-5 .article:nth-of-type(2) .article-lead {
    display: -webkit-box !important;
    overflow: hidden !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}

body.template-2 .nn2-feed-category.nn2-feed-count-3.nn2-feed-show-leads .article-lead {
    -webkit-line-clamp: 4;
}

body.template-2 .nn2-load-row {
    display: flex;
    justify-content: center;
    margin-top: 16px;
}

body.template-2 .nn2-load-more {
    padding: 13px 22px;
    color: #fff;
    background: var(--main-color);
    border: 0;
    border-radius: 999px;
    box-shadow: 0 12px 26px color-mix(in srgb, var(--main-color) 26%, transparent);
    font: 900 14px/1 Roboto, sans-serif;
    letter-spacing: .04em;
    cursor: pointer;
}

body.template-2 div.article-image,
body.template-2 div.lead-image {
    position: relative;
    width: 100%;
    overflow: hidden;
    background: #eee;
}

body.template-2 .article-image img,
body.template-2 .lead-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

body.template-2 .news-article-label {
    position: absolute;
    z-index: 4;
    top: 10px;
    right: 10px;
    padding: 6px 10px;
}

body.template-2 .nn2-featured-overlay-title {
    display: -webkit-box;
    max-width: 100%;
    color: #fff;
    font-size: 15px;
    line-height: 1.25;
    letter-spacing: -.01em;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

@media (max-width: 1170px) {
    body.template-2 .header-container,
    body.template-2 .content-container,
    body.template-2 .nn2-front-wrap {
        max-width: 100vw;
    }

    body.template-2 .logo-ad-container {
        min-height: 0;
        padding: 12px 14px;
    }

    body.template-2 .logo {
        max-height: 64px;
    }

    body.template-2 .navbar.desktop {
        display: none;
    }

    body.template-2 .navbar.mobile {
        position: relative;
        z-index: 1100;
        display: block;
        background: var(--main-color);
    }

    body.template-2 .navbar.mobile .hamburger {
        padding: 11px 14px;
        color: #fff;
        background: transparent;
        border: 0;
        font-size: 26px;
    }

    body.template-2 .navbar.mobile .navbar-content {
        position: fixed;
        z-index: 1200;
        top: 0;
        left: 0;
        display: none;
        width: 82vw;
        max-width: 360px;
        height: 100vh;
        padding: 10px;
        overflow: auto;
        background: var(--main-color);
        border: 1px solid var(--main-color);
        border-radius: 0 var(--nn2-radius-lg, var(--nn2-radius, 18px)) var(--nn2-radius-lg, var(--nn2-radius, 18px)) 0;
        box-shadow: 0 8px 16px rgba(0, 0, 0, .08);
    }

    body.template-2 .navbar.mobile .navbar-content.open {
        display: block;
    }

    body.template-2 .navbar.mobile .mobile-quick {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 6px;
        margin-bottom: 8px;
    }

    body.template-2 .navbar.mobile .navbar-content a,
    body.template-2 .navbar.mobile .mobile-section summary {
        display: block;
        padding: 10px;
        margin-bottom: 6px;
        color: #1f1f1f;
        text-align: left;
        background: #fff;
        border: 1px solid #e5e5e5;
        border-radius: var(--nn2-radius-md, var(--nn2-radius, 18px));
        font-size: 16px;
        font-weight: 800;
    }

    body.template-2 .navbar.mobile details .section-items {
        padding-left: 8px;
    }

    body.template-2 .mobile-search-bottom {
        display: flex;
        flex-direction: column;
        gap: 6px;
        margin-top: 10px;
    }

    body.template-2 .mobile-search-bottom input,
    body.template-2 .mobile-search-bottom button {
        width: 100%;
        padding: 10px;
        color: #1f1f1f;
        background: #fff;
        border: 1px solid #e5e5e5;
        border-radius: var(--nn2-radius-md, var(--nn2-radius, 18px));
    }

    body.template-2 .content-container {
        flex-direction: column;
        padding: 0 14px 34px;
    }

    body.template-2 .content,
    body.template-2 .widgets {
        width: 100%;
    }

    body.template-2 .widgets {
        flex-basis: 100%;
        max-width: 100%;
        min-width: 0;
        padding: 0;
    }

    body.template-2 .nn2-front-wrap {
        padding-right: 0;
        padding-left: 0;
    }

    body.template-2 .nn2-hero-main {
        height: auto;
        min-height: 0;
        aspect-ratio: 16 / 9;
    }

    body.template-2 .nn2-hero-side {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.template-2 .nn2-side-card {
        grid-template-columns: 1fr;
        height: auto;
    }

    body.template-2 .nn2-side-card img {
        height: auto;
        aspect-ratio: 16 / 9;
    }

    body.template-2 .nn2-quickbar {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.template-2 .nn2-feed.articles {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.template-2 .nn2-feed .article:first-of-type {
        grid-column: span 2;
    }
}

@media (max-width: 720px) {
    body.template-2 .nn2-hero-head,
    body.template-2 .nn2-section-head {
        align-items: flex-start;
        flex-direction: column;
    }

    body.template-2 .nn2-hero-main {
        border-radius: calc(var(--nn2-radius, 18px) + 4px);
        aspect-ratio: 16 / 10;
    }

    body.template-2 .nn2-hero-copy {
        padding: 24px;
    }

    body.template-2 .nn2-hero-copy strong {
        font-size: 34px;
    }

    body.template-2 .nn2-hero-copy span:not(.nn2-card-date) {
        font-size: 15px;
    }

    body.template-2 .nn2-hero-side,
    body.template-2 .nn2-quickbar,
    body.template-2 .nn2-feed.articles {
        grid-template-columns: 1fr;
    }

    body.template-2 .nn2-section {
        padding: 16px;
        border-radius: calc(var(--nn2-radius, 18px) + 2px);
    }

    body.template-2 .nn2-feed .article:first-of-type {
        grid-column: auto;
    }

    body.template-2 .nn2-feed.nn2-feed-count-3 .article:first-of-type,
    body.template-2 .nn2-feed.nn2-feed-count-3 .article:nth-of-type(2),
    body.template-2 .nn2-feed.nn2-feed-count-3 .article:nth-of-type(3) {
        grid-column: auto;
    }

    body.template-2 .nn2-feed .article:first-of-type .article-title,
    body.template-2 .nn2-feed-category .article:first-of-type .article-title {
        font-size: 27px !important;
    }

    body.template-2 .footer-columns {
        grid-template-columns: 1fr;
        padding: 34px 18px 26px;
    }
}



/* Template 2 footer */
body.template-2 footer {
    margin-top: 24px;
    color: #fff;
    background:
        radial-gradient(circle at 18% 0%, rgba(255,255,255,.16), transparent 24rem),
        linear-gradient(135deg, color-mix(in srgb, var(--main-color) 92%, #111), color-mix(in srgb, var(--main-color) 60%, #050505));
}

body.template-2 .footer-columns {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 28px;
    max-width: 1240px;
    margin: 0 auto;
    padding: 44px 20px 34px;
}

body.template-2 .footer-column h3 {
    margin: 0 0 14px;
    color: #fff;
    font-size: 21px;
    line-height: 1.1;
    letter-spacing: -.01em;
}

body.template-2 .footer-column ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

body.template-2 .footer-column li + li {
    margin-top: 8px;
}

body.template-2 .footer-column a {
    color: rgba(255,255,255,.82);
    font: 700 15px/1.25 Roboto, sans-serif;
}

body.template-2 .footer-column a:hover {
    color: #fff;
    text-decoration: underline;
}

body.template-2 .footer-bottom {
    background: rgba(0,0,0,.18);
    border-top: 1px solid rgba(255,255,255,.14);
}

body.template-2 .navbar-color-bar {
    max-width: 1240px;
    margin: 0 auto;
    padding: 16px 20px;
    background: transparent !important;
}

body.template-2 .navbar-color-bar p {
    margin: 0;
    color: rgba(255,255,255,.82);
    font: 700 13px/1.45 Roboto, sans-serif;
}

body.template-2 .navbar-color-bar a {
    color: #fff !important;
    font-weight: 900;
}

body.template-2 #cookie_banner {
    box-shadow: 0 -16px 50px rgba(0,0,0,.22);
}


/* Final responsive footer correction */
@media (max-width: 720px) {
    body.template-2 .footer-columns {
        grid-template-columns: 1fr;
        padding: 34px 18px 26px;
    }
}


/* The featured image is the opening of template 2; no extra intro copy above it. */
body.template-2 .nn2-hero-head {
    display: none;
}

/* Template 2 shared content pages */
body.template-2 .content > .articles,
body.template-2 .content .main > .articles,
body.template-2 .content > .main,
body.template-2 .programma-page {
    width: 100%;
}

body.template-2 .content .articles:not(.nn2-feed) {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    gap: 20px;
}

body.template-2 .content .lead {
    width: 100%;
    max-width: 100%;
    margin: 0 0 22px;
    padding: 26px;
    background: rgba(255, 255, 255, .56);
    border: 1px solid rgba(25, 23, 22, .10);
    border-radius: calc(var(--nn2-radius, 18px) + 4px);
    box-shadow: 0 12px 34px rgba(25, 23, 22, .055);
    color: var(--nn2-ink);
    font-family: Roboto, sans-serif;
    font-size: 18px;
    line-height: 1.7;
}

body.template-2 .content .lead .lead {
    padding: 0;
    margin: 0;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

body.template-2 .content .lead h1,
body.template-2 .content .lead h2,
body.template-2 .programma-title {
    margin: 0 0 14px;
    color: var(--nn2-ink);
    font-family: 'Roboto Condensed', Roboto, sans-serif;
    font-size: clamp(34px, 4vw, 56px);
    line-height: .98;
    letter-spacing: -.025em;
}

body.template-2 .content .lead .news-title {
    font-size: 32px;
    line-height: normal;
    letter-spacing: 0;
}

body.template-2 .content .lead p,
body.template-2 .content .lead li {
    font-size: 18px;
    line-height: 1.7;
}

body.template-2 .content .lead a,
body.template-2 .programma-page a {
    color: var(--main-color);
    font-weight: 800;
}

body.template-2 .content .article-main-image,
body.template-2 .content .article-body-content,
body.template-2 .content .news-image-caption-figure,
body.template-2 .content .rounded-image-container,
body.template-2 .content .news-block figure {
    display: block;
    width: 100%;
    max-width: 100%;
}

body.template-2 .content .rounded-image-container,
body.template-2 .content .lead-image,
body.template-2 .content .article-image,
body.template-2 .programma-thumb,
body.template-2 .programma-series-thumb,
body.template-2 .programma-hero-media {
    overflow: hidden;
    border-radius: var(--nn2-radius, 18px);
}

body.template-2 .content .lead-image,
body.template-2 .content div.lead-image {
    width: 100%;
    aspect-ratio: 16 / 9;
    background: #e8e2d9;
}

body.template-2 .content img.lead-image,
body.template-2 .content img.article-image,
body.template-2 .content .lead-image img,
body.template-2 .content .article-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

body.template-2 .content .lead-image-overlay {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 36px 18px 14px;
    color: #fff;
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .72));
}

body.template-2 .content .news-image-caption-below {
    margin-top: 8px;
    color: var(--nn2-muted);
    font: 700 13px/1.45 Roboto, sans-serif;
}

body.template-2 .content .linkedtags,
body.template-2 .content .news-tags a {
    display: inline-flex;
    align-items: center;
    margin: 0 6px 8px 0;
    padding: 7px 11px;
    color: var(--main-color);
    background: rgba(255, 255, 255, .75);
    border: 1px solid rgba(25, 23, 22, .10);
    border-radius: 999px;
    font: 800 13px/1 Roboto, sans-serif;
}

body.template-2 .content .sharethis-inline-share-buttons,
body.template-2 .content .news-tags,
body.template-2 .content .article-tags {
    clear: both;
}

/* Generic article/RSS/Youtube card grids outside the homepage feed. */
body.template-2 .content .articles:not(.nn2-feed) > .article,
body.template-2 .youtube-card {
    flex: 0 0 calc(33.333% - 14px);
    max-width: calc(33.333% - 14px);
    padding: 0;
    overflow: hidden;
    background: var(--nn2-card);
    border: 1px solid rgba(25, 23, 22, .11);
    border-radius: var(--nn2-radius, 18px);
    box-shadow: 0 10px 24px rgba(25, 23, 22, .055);
}

body.template-2 .content .articles:not(.nn2-feed) > .article .rounded-image-container,
body.template-2 .youtube-card .rounded-image-container {
    border-radius: 0;
}

body.template-2 .content .articles:not(.nn2-feed) > .article div.article-image,
body.template-2 .youtube-card div.article-image {
    aspect-ratio: 16 / 9;
    border-radius: 0;
}

body.template-2 .content .articles:not(.nn2-feed) > .article .article-date,
body.template-2 .content .articles:not(.nn2-feed) > .article .article-title,
body.template-2 .content .articles:not(.nn2-feed) > .article .article-lead {
    display: block;
    padding-right: 16px;
    padding-left: 16px;
}

body.template-2 .content .articles:not(.nn2-feed) > .article .article-date {
    padding-top: 14px;
    color: var(--main-color) !important;
    font: 900 11px/1.2 Roboto, sans-serif !important;
    text-transform: uppercase;
    letter-spacing: .1em;
}

body.template-2 .content .articles:not(.nn2-feed) > .article .article-title {
    color: var(--nn2-ink);
    font-size: 21px !important;
    line-height: 1.08;
}

body.template-2 .content .articles:not(.nn2-feed) > .article .article-lead {
    padding-bottom: 18px;
    color: var(--nn2-muted);
    font: 400 14px/1.5 Roboto, sans-serif !important;
}

/* Agenda */
body.template-2 .agenda-page,
body.template-2 .agenda-item-page {
    width: 100%;
}

body.template-2 .agenda-row,
body.template-2 .agenda-card,
body.template-2 .agenda-item-card {
    background: var(--nn2-card);
    border: 1px solid rgba(25, 23, 22, .11);
    border-radius: var(--nn2-radius, 18px);
    box-shadow: 0 10px 24px rgba(25, 23, 22, .055);
}

/* Broadcast / programma pages */
body.template-2 .programma-page {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 24px;
    background: rgba(255, 255, 255, .48);
    border: 1px solid rgba(25, 23, 22, .10);
    border-radius: calc(var(--nn2-radius, 18px) + 4px);
    box-shadow: 0 12px 34px rgba(25, 23, 22, .055);
}

body.template-2 .programma-header,
body.template-2 .programma-hero {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
}

body.template-2 .programma-header--stacked,
body.template-2 .programma-hero {
    align-items: stretch;
}

body.template-2 .programma-subtitle,
body.template-2 .programma-section-subtitle,
body.template-2 .programma-item-desc,
body.template-2 .programma-episode-desc {
    color: var(--nn2-muted);
    font: 400 16px/1.55 Roboto, sans-serif;
}

body.template-2 .programma-channels,
body.template-2 .programma-day-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

body.template-2 .programma-channel,
body.template-2 .programma-day-tab {
    padding: 9px 12px;
    color: var(--main-color);
    background: rgba(255, 255, 255, .72);
    border: 1px solid color-mix(in srgb, var(--main-color) 38%, #fff);
    border-radius: 999px;
    font: 900 13px/1 Roboto, sans-serif;
}

body.template-2 .programma-channel.active,
body.template-2 .programma-day-tab.active {
    color: #fff;
    background: var(--main-color);
    border-color: var(--main-color);
}

body.template-2 .programma-series-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

body.template-2 .programma-series-card,
body.template-2 .programma-item,
body.template-2 .programma-episode,
body.template-2 .programma-empty {
    padding: 16px;
    background: var(--nn2-card);
    border: 1px solid rgba(25, 23, 22, .11);
    border-radius: var(--nn2-radius, 18px);
    box-shadow: 0 10px 24px rgba(25, 23, 22, .045);
}

body.template-2 .programma-series-thumb,
body.template-2 .programma-thumb {
    margin-bottom: 12px;
    aspect-ratio: 16 / 9;
    background: #e8e2d9;
}

body.template-2 .programma-series-thumb img,
body.template-2 .programma-thumb img,
body.template-2 .programma-hero-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

body.template-2 .programma-items,
body.template-2 .programma-episodes {
    display: grid;
    gap: 14px;
}

body.template-2 .programma-item,
body.template-2 .programma-episode {
    display: grid;
    grid-template-columns: 180px minmax(0, 1fr);
    gap: 16px;
}

body.template-2 .programma-episode {
    grid-template-columns: minmax(0, 1fr) 260px;
}

body.template-2 .programma-episode-player video,
body.template-2 .programma-episode-player audio {
    width: 100%;
}

body.template-2 .programma-day-panel:not(.active) {
    display: none;
}

/* Embeds */
body.template-2 .iframe-container,
body.template-2 iframe {
    max-width: 100%;
    border: 0;
    border-radius: var(--nn2-radius, 18px);
}

body.template-2 .iframe-container {
    width: 100%;
    aspect-ratio: 16 / 9;
    height: auto;
}

@media (max-width: 980px) {
    body.template-2 .content .articles:not(.nn2-feed) > .article,
    body.template-2 .youtube-card {
        flex-basis: calc(50% - 10px);
        max-width: calc(50% - 10px);
    }

    body.template-2 .programma-series-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.template-2 .programma-item,
    body.template-2 .programma-episode {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    body.template-2 .content .lead,
    body.template-2 .programma-page {
        padding: 18px;
        border-radius: var(--nn2-radius, 18px);
    }

    body.template-2 .content .articles:not(.nn2-feed) > .article,
    body.template-2 .youtube-card {
        flex-basis: 100%;
        max-width: 100%;
    }

    body.template-2 .programma-series-grid {
        grid-template-columns: 1fr;
    }

    body.template-2 .programma-header,
    body.template-2 .programma-hero {
        flex-direction: column;
        align-items: stretch;
    }
}

/* Template 2 filtered/search overview */
body.template-2 .nn2-listing-intro {
    width: 100%;
    padding: 26px;
    background: rgba(255, 255, 255, .46);
    border: 1px solid rgba(25, 23, 22, .10);
    border-radius: calc(var(--nn2-radius, 18px) + 4px);
    box-shadow: 0 10px 30px rgba(25, 23, 22, .045);
}

body.template-2 .nn2-listing-intro h1 {
    margin: 0;
    color: var(--nn2-ink);
    font-size: clamp(34px, 4vw, 58px);
    line-height: .98;
    letter-spacing: -.025em;
}

body.template-2 .nn2-listing-intro p {
    max-width: 620px;
    margin: 12px 0 0;
    color: var(--nn2-muted);
    font: 400 17px/1.55 Roboto, sans-serif;
}

body.template-2 .nn2-filter-results .nn2-feed .article:first-of-type {
    grid-column: span 2;
}

/* Template 2 mobile polish */
@media (max-width: 1170px) {
    body.template-2 {
        background:
            radial-gradient(circle at 0% 0%, color-mix(in srgb, var(--main-color) 9%, transparent), transparent 22rem),
            linear-gradient(180deg, #fff 0%, var(--nn2-paper) 420px, #f7f4ee 100%);
    }

    body.template-2 .header-container {
        padding: 0;
    }

    body.template-2 .logo-ad-container {
        padding: 14px 16px;
        gap: 12px;
    }

    body.template-2 .logo {
        max-width: min(62vw, 260px);
        max-height: 72px;
    }

    body.template-2 #ad_top,
    body.template-2 .logo-ad-container .ad.no-banner-placeholder {
        max-width: 42vw;
    }

    body.template-2 .navbar.mobile {
        box-shadow: 0 10px 28px rgba(25, 23, 22, .12);
    }

    body.template-2 .navbar.mobile .hamburger {
        min-height: 48px;
        font-size: 28px;
    }

    body.template-2 .navbar.mobile .navbar-content {
        width: min(88vw, 390px);
        border-radius: 0 18px 18px 0;
    }

    body.template-2 .content-container {
        gap: 22px;
        margin-top: 14px;
        padding-right: 14px;
        padding-left: 14px;
    }

    body.template-2 .nn2-front-wrap {
        padding-bottom: 18px;
    }

    body.template-2 .nn2-hero-main {
        border-radius: calc(var(--nn2-radius, 18px) + 4px);
    }

    body.template-2 .nn2-hero-copy {
        padding: 28px;
    }

    body.template-2 .nn2-hero-side {
        gap: 14px;
    }

    body.template-2 .nn2-home {
        gap: 22px;
    }

    body.template-2 .nn2-section,
    body.template-2 .nn2-listing-intro {
        padding: 16px;
        border-radius: calc(var(--nn2-radius, 18px) + 2px);
    }

    body.template-2 .nn2-feed.articles {
        gap: 14px;
    }

    body.template-2 .nn2-shorts-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.template-2 .widgets {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px;
    }

    body.template-2 .widgets > * {
        margin-bottom: 0;
    }
}

@media (max-width: 760px) {
    body.template-2 .logo-ad-container {
        align-items: center;
    }

    body.template-2 .logo-ad-container .ad {
        display: none;
    }

    body.template-2 .navbar.mobile .navbar-content {
        width: 92vw;
    }

    body.template-2 .content-container {
        margin-top: 12px;
        padding-right: 12px;
        padding-left: 12px;
    }

    body.template-2 .nn2-hero-main {
        aspect-ratio: 16 / 9;
    }

    body.template-2 .nn2-hero-copy {
        padding: 16px;
        gap: 8px;
    }

    body.template-2 .nn2-hero-copy strong {
        font-size: clamp(23px, 6vw, 30px);
        line-height: 1.02;
    }

    body.template-2 .nn2-hero-copy span:not(.nn2-card-date) {
        display: none;
    }

    body.template-2 .nn2-side-card strong {
        font-size: 16px;
        line-height: 1.15;
    }

    body.template-2 .nn2-side-card span {
        padding: 10px 12px 12px;
        gap: 6px;
    }

    body.template-2 .nn2-hero-side {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    body.template-2 .nn2-side-card {
        min-width: 0;
    }

    body.template-2 .nn2-side-card > img {
        aspect-ratio: 4 / 3;
    }

    body.template-2 .nn2-section-head,
    body.template-2 .nn2-hero-head {
        gap: 8px;
    }

    body.template-2 .nn2-section h2,
    body.template-2 .nn2-listing-intro h1,
    body.template-2 .content .lead h1,
    body.template-2 .content .lead h2,
    body.template-2 .programma-title {
        font-size: clamp(28px, 8vw, 38px);
        line-height: 1;
    }

    body.template-2 .nn2-listing-intro p,
    body.template-2 .content .lead,
    body.template-2 .content .lead p,
    body.template-2 .content .lead li {
        font-size: 16px;
        line-height: 1.65;
    }

    body.template-2 .nn2-quickbar {
        grid-template-columns: 1fr;
    }

    body.template-2 .nn2-quick-card {
        min-height: 92px;
    }

    body.template-2 .nn2-shorts-grid {
        grid-template-columns: 1fr 1fr;
        gap: 12px;
    }

    body.template-2 .nn2-feed.articles,
    body.template-2 .nn2-feed.nn2-feed-latest,
    body.template-2 .nn2-filter-results .nn2-feed,
    body.template-2 .nn2-category-section .nn2-feed.articles {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    body.template-2 .nn2-feed .article,
    body.template-2 .nn2-feed .article:first-of-type {
        min-width: 0;
    }

    body.template-2 .nn2-feed .article:first-of-type,
    body.template-2 .nn2-filter-results .nn2-feed .article:first-of-type,
    body.template-2 .nn2-category-section .nn2-feed .article:first-of-type {
        display: grid;
        grid-template-columns: 82px minmax(0, 1fr);
        gap: 10px;
        align-items: start;
        padding: 8px 0;
        background: transparent;
        border: 0;
        border-radius: 0;
        box-shadow: none;
        border-bottom: 1px solid rgba(25, 23, 22, .10);
    }

    body.template-2 .nn2-feed .article:first-of-type div.article-image,
    body.template-2 .nn2-filter-results .nn2-feed .article:first-of-type div.article-image,
    body.template-2 .nn2-category-section .nn2-feed .article:first-of-type div.article-image {
        aspect-ratio: 1 / 1;
        min-height: 82px;
        border-radius: calc(var(--nn2-radius, 18px) - 8px);
    }

    body.template-2 .nn2-feed .article:not(:first-of-type) {
        display: grid;
        grid-template-columns: 82px minmax(0, 1fr);
        gap: 10px;
        align-items: start;
        padding: 8px 0;
        background: transparent;
        border: 0;
        border-radius: 0;
        box-shadow: none;
        border-bottom: 1px solid rgba(25, 23, 22, .10);
    }

    body.template-2 .nn2-feed .article:not(:first-of-type) div.article-image {
        aspect-ratio: 1 / 1;
        min-height: 82px;
        border-radius: calc(var(--nn2-radius, 18px) - 8px);
    }

    body.template-2 .nn2-feed .article:not(:first-of-type) .article-date,
    body.template-2 .nn2-feed .article:not(:first-of-type) .article-title,
    body.template-2 .nn2-feed .article:not(:first-of-type) .article-lead {
        padding-right: 0;
        padding-left: 0;
    }

    body.template-2 .nn2-feed .article:first-of-type .article-date,
    body.template-2 .nn2-feed .article:first-of-type .article-title,
    body.template-2 .nn2-feed .article:first-of-type .article-lead {
        padding-right: 0;
        padding-left: 0;
    }

    body.template-2 .nn2-feed .article:not(:first-of-type) .article-date {
        padding-top: 2px;
        margin-bottom: 4px;
    }

    body.template-2 .nn2-feed .article:first-of-type .article-date {
        display: none;
    }

    body.template-2 .nn2-feed .article-title,
    body.template-2 .nn2-feed .article:first-of-type .article-title,
    body.template-2 .nn2-feed-category .article:first-of-type .article-title {
        font-size: 18px !important;
        line-height: 1.12;
        -webkit-line-clamp: 3;
    }

    body.template-2 .nn2-feed .article:not(:first-of-type) .article-title {
        font-size: 15px !important;
        line-height: 1.16;
        -webkit-line-clamp: 3;
    }

    body.template-2 .nn2-feed .article:first-of-type .article-title {
        font-size: 15px !important;
        line-height: 1.16;
        -webkit-line-clamp: 3;
    }

    body.template-2 .nn2-feed .article:not(:first-of-type):last-child,
    body.template-2 .nn2-feed .article:first-of-type:last-child {
        border-bottom: 0;
    }

    body.template-2 .nn2-feed .article-date {
        font-size: 10px !important;
        letter-spacing: .08em;
    }

    body.template-2 .nn2-feed .article-lead,
    body.template-2 .nn2-feed .article:first-of-type .article-lead,
    body.template-2 .nn2-feed .article:nth-of-type(2) .article-lead,
    body.template-2 .nn2-feed .article:nth-of-type(n+3) .article-lead {
        display: none !important;
    }

    body.template-2 .nn2-section-latest .nn2-feed .article,
    body.template-2 .nn2-filter-results .nn2-feed .article,
    body.template-2 .nn2-category-section .nn2-feed .article {
        display: grid !important;
        grid-template-columns: 82px minmax(0, 1fr);
        gap: 10px;
        align-items: start;
        padding: 8px 0 !important;
        background: transparent !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        border-bottom: 1px solid rgba(25, 23, 22, .10) !important;
        text-decoration: none !important;
        color: inherit !important;
    }

    body.template-2 .nn2-section-latest .nn2-feed .article > .rounded-image-container,
    body.template-2 .nn2-filter-results .nn2-feed .article > .rounded-image-container,
    body.template-2 .nn2-category-section .nn2-feed .article > .rounded-image-container {
        grid-column: 1;
        grid-row: 1 / span 3;
    }

    body.template-2 .nn2-section-latest .nn2-feed .article > .article-date,
    body.template-2 .nn2-filter-results .nn2-feed .article > .article-title,
    body.template-2 .nn2-filter-results .nn2-feed .article > .article-date,
    body.template-2 .nn2-section-latest .nn2-feed .article > .article-title,
    body.template-2 .nn2-section-latest .nn2-feed .article > .article-lead,
    body.template-2 .nn2-filter-results .nn2-feed .article > .article-lead,
    body.template-2 .nn2-category-section .nn2-feed .article > .article-date,
    body.template-2 .nn2-category-section .nn2-feed .article > .article-title,
    body.template-2 .nn2-category-section .nn2-feed .article > .article-lead {
        grid-column: 2;
        padding: 0 !important;
    }

    body.template-2 .nn2-section-latest .nn2-feed .article > br,
    body.template-2 .nn2-section-latest .nn2-feed .article > .article-date,
    body.template-2 .nn2-section-latest .nn2-feed .article > .article-lead,
    body.template-2 .nn2-filter-results .nn2-feed .article > br,
    body.template-2 .nn2-filter-results .nn2-feed .article > .article-date,
    body.template-2 .nn2-filter-results .nn2-feed .article > .article-lead,
    body.template-2 .nn2-category-section .nn2-feed .article > br,
    body.template-2 .nn2-category-section .nn2-feed .article > .article-date,
    body.template-2 .nn2-category-section .nn2-feed .article > .article-lead {
        display: none !important;
    }

    body.template-2 .nn2-section-latest .nn2-feed .article > .article-title,
    body.template-2 .nn2-filter-results .nn2-feed .article > .article-title,
    body.template-2 .nn2-category-section .nn2-feed .article > .article-title {
        height: auto !important;
        font-size: 16px !important;
        font-weight: 700 !important;
        line-height: 1.16 !important;
        -webkit-line-clamp: 3 !important;
    }

    body.template-2 .nn2-section-latest .nn2-feed .article:first-of-type > .article-title,
    body.template-2 .nn2-section-latest .nn2-feed .article:not(:first-of-type) > .article-title,
    body.template-2 .nn2-filter-results .nn2-feed .article:first-of-type > .article-title,
    body.template-2 .nn2-filter-results .nn2-feed .article:not(:first-of-type) > .article-title,
    body.template-2 .nn2-category-section .nn2-feed .article > .article-title {
        font-size: 16px !important;
        line-height: 1.16 !important;
        -webkit-line-clamp: 3 !important;
        height: auto !important;
    }

    body.template-2 .nn2-category-section .nn2-feed.nn2-feed-count-2 .article .article-title,
    body.template-2 .nn2-category-section .nn2-feed.nn2-feed-count-3 .article .article-title,
    body.template-2 .nn2-category-section .nn2-feed.nn2-feed-count-5 .article .article-title,
    body.template-2 .nn2-category-section .nn2-feed.nn2-feed-count-2 .article:first-of-type .article-title,
    body.template-2 .nn2-category-section .nn2-feed.nn2-feed-count-3 .article:first-of-type .article-title,
    body.template-2 .nn2-category-section .nn2-feed.nn2-feed-count-5 .article:first-of-type .article-title,
    body.template-2 .nn2-category-section .nn2-feed.nn2-feed-count-2 .article:nth-of-type(2) .article-title,
    body.template-2 .nn2-category-section .nn2-feed.nn2-feed-count-3 .article:nth-of-type(2) .article-title,
    body.template-2 .nn2-category-section .nn2-feed.nn2-feed-count-5 .article:nth-of-type(2) .article-title,
    body.template-2 .nn2-category-section .nn2-feed.nn2-feed-count-5 .article:nth-of-type(n+3) .article-title {
        font-size: 16px !important;
        line-height: 1.16 !important;
        -webkit-line-clamp: 3 !important;
        min-height: 0 !important;
        height: auto !important;
    }

    body.template-2 .nn2-section-latest .nn2-feed .article .article-lead,
    body.template-2 .nn2-filter-results .nn2-feed .article .article-lead,
    body.template-2 .nn2-category-section .nn2-feed .article .article-lead,
    body.template-2 .nn2-category-section .nn2-feed.nn2-feed-show-leads .article .article-lead,
    body.template-2 .nn2-category-section .nn2-feed.nn2-feed-hide-leads .article .article-lead {
        display: none !important;
    }

    body.template-2 .nn2-section-latest .nn2-feed .article:last-child,
    body.template-2 .nn2-filter-results .nn2-feed .article:last-child,
    body.template-2 .nn2-category-section .nn2-feed .article:last-child {
        border-bottom: 0 !important;
    }


    body.template-2 .widgets {
        grid-template-columns: 1fr;
    }

    body.template-2 .content .lead,
    body.template-2 .programma-page {
        padding: 16px;
    }

    body.template-2 .content .articles:not(.nn2-feed) {
        gap: 14px;
    }

    body.template-2 .content .articles:not(.nn2-feed) > .article,
    body.template-2 .youtube-card {
        flex-basis: 100%;
        max-width: 100%;
        border-radius: var(--nn2-radius, 18px);
    }

    body.template-2 .programma-page {
        gap: 16px;
    }

    body.template-2 .programma-series-grid,
    body.template-2 .programma-item,
    body.template-2 .programma-episode {
        grid-template-columns: 1fr;
    }

    body.template-2 .programma-header,
    body.template-2 .programma-hero {
        flex-direction: column;
        align-items: stretch;
    }

    body.template-2 .programma-channels,
    body.template-2 .programma-day-tabs {
        overflow-x: auto;
        flex-wrap: nowrap;
        padding-bottom: 4px;
        -webkit-overflow-scrolling: touch;
    }

    body.template-2 .programma-channel,
    body.template-2 .programma-day-tab {
        white-space: nowrap;
    }

    body.template-2 .footer-columns {
        grid-template-columns: 1fr;
        gap: 22px;
        padding: 34px 18px 28px;
    }
}

@media (max-width: 420px) {
    body.template-2 .logo {
        max-width: 72vw;
        max-height: 58px;
    }

    body.template-2 .content-container {
        padding-right: 10px;
        padding-left: 10px;
    }

    body.template-2 .nn2-hero-main {
        aspect-ratio: 4 / 3;
        border-radius: var(--nn2-radius, 18px);
    }

    body.template-2 .nn2-hero-copy {
        padding: 18px;
    }

    body.template-2 .nn2-hero-copy strong {
        font-size: 22px;
    }

    body.template-2 .nn2-shorts-grid {
        grid-template-columns: 1fr;
    }

    body.template-2 .nn2-section,
    body.template-2 .nn2-listing-intro,
    body.template-2 .content .lead,
    body.template-2 .programma-page {
        padding: 14px;
        border-radius: var(--nn2-radius, 18px);
    }

    body.template-2 .nn2-feed .article-title,
    body.template-2 .nn2-feed .article:first-of-type .article-title,
    body.template-2 .nn2-feed-category .article:first-of-type .article-title {
        font-size: 17px !important;
    }

}

/* Variant 1 keeps the submenu on the page background as well. */
@media (min-width: 1171px) {
    body.template-2.variant-1 .navbar-subcontent {
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        border-radius: 0 !important;
    }
}

/* Template 2 radius tuning: calmer, less bubbly. */
body.template-2 {
    --nn2-radius-lg: var(--nn2-radius, 18px);
    --nn2-radius-md: max(0px, calc(var(--nn2-radius, 18px) - 4px));
    --nn2-radius-sm: max(0px, calc(var(--nn2-radius, 18px) - 8px));
}

body.template-2.variant-1 {
    --nn2-radius-lg: 0px;
    --nn2-radius-md: 0px;
    --nn2-radius-sm: 0px;
}

body.template-2 .navbar-content,
body.template-2.variant-2 .navbar-content,
body.template-2 .dropdown-content,
body.template-2 .subdown-content,
body.template-2.variant-2 .dropdown-content,
body.template-2.variant-2 .subdown-content,
body.template-2 .nn2-hero-main,
body.template-2 .nn2-side-card,
body.template-2 .nn2-empty-hero,
body.template-2 .nn2-quick-card,
body.template-2 .nn2-section,
body.template-2 .nn2-listing-intro,
body.template-2 .nn2-feed .article,
body.template-2 .content .lead,
body.template-2 .content .rounded-image-container,
body.template-2 .content .lead-image,
body.template-2 .content .article-image,
body.template-2 .content .articles:not(.nn2-feed) > .article,
body.template-2 .youtube-card,
body.template-2 .agenda-row,
body.template-2 .agenda-card,
body.template-2 .agenda-item-card,
body.template-2 .programma-page,
body.template-2 .programma-series-card,
body.template-2 .programma-item,
body.template-2 .programma-episode,
body.template-2 .programma-empty,
body.template-2 .programma-thumb,
body.template-2 .programma-series-thumb,
body.template-2 .programma-hero-media,
body.template-2 .iframe-container,
body.template-2 iframe,
body.template-2 .widgets .featured,
body.template-2 .widgets .player-wrapper,
body.template-2 .widgets .sidebar-content-block,
body.template-2 .widgets .widget-sidebar-ad,
body.template-2 .widgets .widget,
body.template-2 .widgets .block {
    border-radius: var(--nn2-radius-lg) !important;
}

body.template-2 .navbar-content > a:first-of-type,
body.template-2.variant-2 .navbar-content > a:first-of-type,
body.template-2.variant-2 .logo-container:first-child + a {
    border-radius: var(--nn2-radius-lg) 0 0 var(--nn2-radius-lg) !important;
}

body.template-2 .search-form input,
body.template-2.variant-2 .search-form input {
    border-radius: 0 var(--nn2-radius-lg) var(--nn2-radius-lg) 0 !important;
}

body.template-2 .nn2-label,
body.template-2 .nn2-side-card em,
body.template-2 .news-article-label,
body.template-2 .nn2-load-more,
body.template-2 .linkedtags,
body.template-2 .news-tags a,
body.template-2 .programma-channel,
body.template-2 .programma-day-tab {
    border-radius: 999px !important;
}

body.template-2 .navbar-subcontent .subnavitem,
body.template-2 .navbar-subcontent .subnavitemtext {
    border-radius: var(--nn2-radius-lg, var(--nn2-radius, 18px)) !important;
}

body.template-2 .footer-columns {
    border-radius: var(--nn2-radius-lg) var(--nn2-radius-lg) 0 0 !important;
}

body.template-2 .footer-bottom,
body.template-2 .navbar-color-bar {
    border-radius: 0 !important;
}

/* Variant 1 is fully square. */
body.template-2.variant-1,
body.template-2.variant-1 * {
    --nn2-radius-lg: 0px;
    --nn2-radius-md: 0px;
    --nn2-radius-sm: 0px;
}

body.template-2.variant-1 .navbar-content,
body.template-2.variant-1 .navbar-content > a,
body.template-2.variant-1 .navbar-content > a:first-of-type,
body.template-2.variant-1 .dropdown > .dropbtn,
body.template-2.variant-1 .subdown > .subbtn,
body.template-2.variant-1 .dropdown-content,
body.template-2.variant-1 .subdown-content,
body.template-2.variant-1 .search-form input,
body.template-2.variant-1 .subnavitem,
body.template-2.variant-1 .subnavitemtext,
body.template-2.variant-1 .nn2-label,
body.template-2.variant-1 .nn2-side-card em,
body.template-2.variant-1 .news-article-label,
body.template-2.variant-1 .nn2-load-more,
body.template-2.variant-1 .linkedtags,
body.template-2.variant-1 .news-tags a,
body.template-2.variant-1 .programma-channel,
body.template-2.variant-1 .programma-day-tab,
body.template-2.variant-1 .nn2-hero-main,
body.template-2.variant-1 .nn2-side-card,
body.template-2.variant-1 .nn2-empty-hero,
body.template-2.variant-1 .nn2-quick-card,
body.template-2.variant-1 .nn2-section,
body.template-2.variant-1 .nn2-listing-intro,
body.template-2.variant-1 .nn2-feed .article,
body.template-2.variant-1 .content .lead,
body.template-2.variant-1 .content .rounded-image-container,
body.template-2.variant-1 .content .lead-image,
body.template-2.variant-1 .content .article-image,
body.template-2.variant-1 .content .articles:not(.nn2-feed) > .article,
body.template-2.variant-1 .youtube-card,
body.template-2.variant-1 .agenda-row,
body.template-2.variant-1 .agenda-card,
body.template-2.variant-1 .agenda-item-card,
body.template-2.variant-1 .programma-page,
body.template-2.variant-1 .programma-series-card,
body.template-2.variant-1 .programma-item,
body.template-2.variant-1 .programma-episode,
body.template-2.variant-1 .programma-empty,
body.template-2.variant-1 .programma-thumb,
body.template-2.variant-1 .programma-series-thumb,
body.template-2.variant-1 .programma-hero-media,
body.template-2.variant-1 .iframe-container,
body.template-2.variant-1 iframe,
body.template-2.variant-1 .widgets .featured,
body.template-2.variant-1 .widgets .player-wrapper,
body.template-2.variant-1 .widgets .sidebar-content-block,
body.template-2.variant-1 .widgets .widget-sidebar-ad,
body.template-2.variant-1 .widgets .widget,
body.template-2.variant-1 .widgets .block,
body.template-2.variant-1 .footer-columns,
body.template-2.variant-1 .footer-bottom,
body.template-2.variant-1 .navbar-color-bar {
    border-radius: 0 !important;
}

/* Section rhythm: first and second item show lead, rest compact. */
body.template-2 .nn2-feed .article:nth-of-type(2) .article-lead {
    display: block;
    padding-bottom: 16px;
}

body.template-2 .nn2-feed .article:nth-of-type(n+3) .article-lead {
    display: none;
}

body.template-2 .nn2-feed.nn2-feed-count-3 .article:nth-of-type(2) .article-lead,
body.template-2 .nn2-feed.nn2-feed-count-3 .article:nth-of-type(n+3) .article-lead {
    display: none;
}

body.template-2 .nn2-feed.nn2-feed-show-leads .article-lead {
    display: -webkit-box !important;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

body.template-2 .nn2-feed.nn2-feed-hide-leads .article-lead {
    display: none !important;
}

@media (max-width: 760px) {
    body.template-2 .nn2-feed .article:nth-of-type(n+3) .article-lead {
        display: block;
    }
}

body.template-2 .nn2-section-ad {
    margin-top: -6px;
    margin-bottom: -2px;
}

body.template-2 .nn2-widget-list-head {
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin-bottom: 10px;
}

body.template-2 .nn2-widget-list-head h3 {
    margin: 0;
    font-size: 1.05rem;
    line-height: 1.1;
    letter-spacing: -0.02em;
}

body.template-2 .nn2-widget-kicker {
    display: inline-flex;
    align-self: flex-start;
    padding: 4px 10px;
    border-radius: 999px;
    background: rgba(15, 23, 42, 0.06);
    color: var(--client-color, #244056);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

body.template-2 .nn2-widget-list {
    display: flex;
    flex-direction: column;
    gap: 0;
}

body.template-2 .nn2-widget-list-item {
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr);
    gap: 12px;
    align-items: flex-start;
    padding: 10px 0;
    text-decoration: none;
    color: inherit;
    border-top: 1px solid rgba(15, 23, 42, 0.08);
}

body.template-2 .nn2-widget-list-item:first-child {
    border-top: 0;
    padding-top: 0;
}

body.template-2 .nn2-widget-list-index {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: color-mix(in srgb, var(--client-color, #244056) 12%, white);
    color: var(--client-color, #244056);
    font-size: 0.95rem;
    font-weight: 800;
    line-height: 1;
}

body.template-2 .nn2-widget-list-copy {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

body.template-2 .nn2-widget-list-copy strong {
    display: block;
    color: #101828;
    font-size: 0.94rem;
    line-height: 1.28;
    font-weight: 800;
}

body.template-2 .nn2-widget-list-copy small {
    display: block;
    color: #667085;
    font-size: 0.8rem;
    line-height: 1.25;
}

body.template-2 .nn2-widget-article-date {
    display: inline-flex;
    align-items: center;
    padding: 2px 8px;
    border-radius: 999px;
    background: rgba(15, 23, 42, 0.06);
    color: var(--client-color, #244056);
    font-weight: 700;
}

body.template-2 .nn2-widget-list-item-agenda {
    grid-template-columns: 30px minmax(0, 1fr);
    gap: 12px;
}

body.template-2 .nn2-widget-list-item-agenda .nn2-widget-list-index {
    width: 30px;
    height: 30px;
    margin-top: 2px;
    font-size: 0.88rem;
}

body.template-2 .nn2-widget-agenda-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

body.template-2 .nn2-widget-agenda-date {
    display: inline-flex;
    align-items: center;
    padding: 2px 8px;
    border-radius: 999px;
    background: rgba(15, 23, 42, 0.06);
    color: var(--client-color, #244056);
    font-weight: 700;
}

body.template-2 .nn2-widget-agenda-meta > span:not(.nn2-widget-agenda-date) {
    display: inline-flex;
    align-items: center;
}

body.template-2 .widgets .sidebar-content-block {
    padding: 18px 18px 16px !important;
}

body.template-2 .widgets .sidebar-page-block {
    padding: 18px !important;
}

body.template-2 .widgets .sidebar-page-block > * {
    max-width: 100%;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box;
}

body.template-2 .widgets .sidebar-page-block figure,
body.template-2 .widgets .sidebar-page-block .news-block,
body.template-2 .widgets .sidebar-page-block .news-block-image,
body.template-2 .widgets .sidebar-page-block .news-block-html,
body.template-2 .widgets .sidebar-page-block .news-block-text,
body.template-2 .widgets .sidebar-page-block .wp-block-image,
body.template-2 .widgets .sidebar-page-block .wp-block-embed,
body.template-2 .widgets .sidebar-page-block .wp-block-video {
    width: 100%;
    max-width: 100%;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

body.template-2 .widgets .sidebar-page-block .news-block figure,
body.template-2 .widgets .sidebar-page-block .wp-block-embed__wrapper {
    width: 100%;
    max-width: 100%;
    margin: 0 0 12px;
}

body.template-2 .widgets .sidebar-page-block .alignleft,
body.template-2 .widgets .sidebar-page-block .alignright,
body.template-2 .widgets .sidebar-page-block .aligncenter,
body.template-2 .widgets .sidebar-page-block .alignwide,
body.template-2 .widgets .sidebar-page-block .alignfull {
    float: none !important;
    clear: both;
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100% !important;
}

body.template-2 .widgets .sidebar-page-block img,
body.template-2 .widgets .sidebar-page-block iframe,
body.template-2 .widgets .sidebar-page-block video,
body.template-2 .widgets .sidebar-page-block audio,
body.template-2 .widgets .sidebar-page-block picture {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
}

body.template-2 .widgets .sidebar-page-block iframe {
    border: 0;
}

body.template-2 .nn2-widget-list-item:hover .nn2-widget-list-copy strong {
    color: var(--client-color, #244056);
}

/* Slightly more breathing room between logo row and menu. */
body.template-2 .logo-ad-container {
    margin-bottom: 14px;
}

@media (max-width: 1170px) {
    body.template-2 .logo-ad-container {
        margin-bottom: 8px;
    }
}

/* Template 2 article after-item / mail-us block */
body.template-2 .afteritem {
    display: block;
    margin: 34px 0 26px !important;
    padding: 22px 24px;
    overflow: hidden;
    border: 1px solid rgba(25, 23, 22, .10);
    border-radius: var(--nn2-radius-lg, 16px) !important;
    box-shadow: 0 10px 26px rgba(25, 23, 22, .055);
    font: 400 16px/1.6 Roboto, sans-serif;
}

body.template-2 .afteritem p:first-child {
    margin-top: 0;
}

body.template-2 .afteritem p:last-child {
    margin-bottom: 0;
}

body.template-2 .afteritem a {
    color: var(--main-color);
    font-weight: 900;
}

body.template-2.variant-1 .afteritem {
    border-radius: 0 !important;
}

@media (max-width: 760px) {
    body.template-2 .afteritem {
        margin: 24px 0 20px !important;
        padding: 18px;
    }
}