.visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: auto;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}

*:focus-visible {
  outline: 2px solid magenta;
}

.skip-link {
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  color: currentColor;
  align-items: center;
  justify-content: center;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
  position: absolute;
  display: block;
  z-index: 100;
  background-color: white;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.skip-link:focus {
  opacity: 1;
  width: auto;
  height: auto;
  padding: 10px 20px;
  outline: 2px solid magenta;
}
.skip-link.top {
  top: -1px;
  left: -1px;
}
.skip-link.top:focus {
  top: 3px;
  left: 3px;
}
.skip-link.bottom {
  bottom: 1px;
  right: 1px;
}
.skip-link.bottom:focus {
  bottom: 3px;
  right: 3px;
}

/* 100% = 16px > 62.5% of 16px = 10px > 1rem = 10px */
/*
https: //www.sitepoint.com/understanding-and-using-rem-units-in-css/ 
https: //developer.mozilla.org/en-US/docs/Web/CSS/font-size#Possible_approaches
*/
/*
ABC url for font-files: /bundles/ntrportalpublicationbundle/fonts/NTRSpeciaal/
*/
@font-face {
  font-family: "NTR Speciaal";
  src: url("/bundles/ntrportalpublicationbundle/fonts/NTRSpeciaal/NTRSpeciaal.eot");
  src: url("/bundles/ntrportalpublicationbundle/fonts/NTRSpeciaal/NTRSpeciaal.woff2") format("woff2"), url("/bundles/ntrportalpublicationbundle/fonts/NTRSpeciaal/NTRSpeciaal.woff") format("woff"), url("/bundles/ntrportalpublicationbundle/fonts/NTRSpeciaal/NTRSpeciaal.ttf") format("truetype"), url("/bundles/ntrportalpublicationbundle/fonts/NTRSpeciaal/NTRSpeciaal.svg#NTRSpeciaal") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "NTR Speciaal Bold";
  src: url("/bundles/ntrportalpublicationbundle/fonts/NTRSpeciaal/NTRSpeciaal-Bold.eot");
  src: url("/bundles/ntrportalpublicationbundle/fonts/NTRSpeciaal/NTRSpeciaal-Bold.woff2") format("woff2"), url("/bundles/ntrportalpublicationbundle/fonts/NTRSpeciaal/NTRSpeciaal-Bold.woff") format("woff"), url("/bundles/ntrportalpublicationbundle/fonts/NTRSpeciaal/NTRSpeciaal-Bold.ttf") format("truetype"), url("/bundles/ntrportalpublicationbundle/fonts/NTRSpeciaal/NTRSpeciaal-Bold.svg#NTRSpeciaalBold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
/* Google Source Sans Pro - at the bottom */
html {
  font-family: "Source Sans Pro", sans-serif;
}

/* default fontsize = 16px */
body {
  font-size: clamp(1rem, calc(1rem + (1vw - 4.8px) * 0), 1rem);
}

h1 {
  font-size: clamp(1.8125rem, calc(1.8125rem + (1vw - 4.8px) * 5.3365384615), 8.75rem);
  font-family: "NTR Speciaal Bold";
}

h2 {
  font-size: clamp(1.25rem, calc(1.25rem + (1vw - 4.8px) * 3.2692307692), 5.5rem);
  font-family: "NTR Speciaal Bold";
}

h3 {
  font-size: clamp(1.25rem, calc(1.25rem + (1vw - 4.8px) * 4.2788461538), 6.8125rem);
  font-family: "NTR Speciaal Bold";
}

.article .content h2, .pip-detail .pip-content h2 {
  font-size: clamp(1.5rem, calc(1.5rem + (1vw - 4.8px) * 1.7307692308), 3.75rem);
  text-align: left;
}
.article .content hr, .pip-detail .pip-content hr {
  margin: 1vw 0;
}
.article .content p, .pip-detail .pip-content p {
  display: block;
}
.article .content.intro p, .pip-detail .pip-content.intro p {
  font-size: clamp(1.3125rem, calc(1.3125rem + (1vw - 4.8px) * 1.4423076923), 3.1875rem);
  font-family: "NTR Speciaal Bold";
}

.content-title h1, .content-title h2 {
  font-size: clamp(1.25rem, calc(1.25rem + (1vw - 4.8px) * 3.2692307692), 5.5rem);
  font-family: "NTR Speciaal Bold";
}

/* Google Source Sans Pro - https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;700&display=swap */
/* cyrillic-ext */
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Source Sans Pro Regular"), local("SourceSansPro-Regular"), url("/bundles/ntrportalpublicationbundle/fonts/sourcesanspro/v13/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNa7lqDY.woff2") format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Source Sans Pro Regular"), local("SourceSansPro-Regular"), url("/bundles/ntrportalpublicationbundle/fonts/sourcesanspro/v13/6xK3dSBYKcSV-LCoeQqfX1RYOo3qPK7lqDY.woff2") format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Source Sans Pro Regular"), local("SourceSansPro-Regular"), url("/bundles/ntrportalpublicationbundle/fonts/sourcesanspro/v13/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNK7lqDY.woff2") format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Source Sans Pro Regular"), local("SourceSansPro-Regular"), url("/bundles/ntrportalpublicationbundle/fonts/sourcesanspro/v13/6xK3dSBYKcSV-LCoeQqfX1RYOo3qO67lqDY.woff2") format("woff2");
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Source Sans Pro Regular"), local("SourceSansPro-Regular"), url("/bundles/ntrportalpublicationbundle/fonts/sourcesanspro/v13/6xK3dSBYKcSV-LCoeQqfX1RYOo3qN67lqDY.woff2") format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Source Sans Pro Regular"), local("SourceSansPro-Regular"), url("/bundles/ntrportalpublicationbundle/fonts/sourcesanspro/v13/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNq7lqDY.woff2") format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Source Sans Pro Regular"), local("SourceSansPro-Regular"), url("/bundles/ntrportalpublicationbundle/fonts/sourcesanspro/v13/6xK3dSBYKcSV-LCoeQqfX1RYOo3qOK7l.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Source Sans Pro Bold"), local("SourceSansPro-Bold"), url("/bundles/ntrportalpublicationbundle/fonts/sourcesanspro/v13/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwmhduz8A.woff2") format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Source Sans Pro Bold"), local("SourceSansPro-Bold"), url("/bundles/ntrportalpublicationbundle/fonts/sourcesanspro/v13/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwkxduz8A.woff2") format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Source Sans Pro Bold"), local("SourceSansPro-Bold"), url("/bundles/ntrportalpublicationbundle/fonts/sourcesanspro/v13/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwmxduz8A.woff2") format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Source Sans Pro Bold"), local("SourceSansPro-Bold"), url("/bundles/ntrportalpublicationbundle/fonts/sourcesanspro/v13/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwlBduz8A.woff2") format("woff2");
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Source Sans Pro Bold"), local("SourceSansPro-Bold"), url("/bundles/ntrportalpublicationbundle/fonts/sourcesanspro/v13/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwmBduz8A.woff2") format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Source Sans Pro Bold"), local("SourceSansPro-Bold"), url("/bundles/ntrportalpublicationbundle/fonts/sourcesanspro/v13/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwmRduz8A.woff2") format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Source Sans Pro Bold"), local("SourceSansPro-Bold"), url("/bundles/ntrportalpublicationbundle/fonts/sourcesanspro/v13/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwlxdu.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body.hide-overflow {
  overflow: hidden;
}

.using-mouse *:focus {
  outline: none;
}

.using-mouse .filter-block label:focus-within {
  outline: none;
}

.filter-block label:focus-within {
  outline: 2px solid magenta;
}

#container, .pip-container {
  position: absolute;
  width: 100%;
  margin: 0 auto;
  background-color: #303030;
  overflow: hidden;
}

header, main, footer {
  position: relative;
  z-index: 2;
}

header {
  z-index: 3;
}

main {
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
}

.divider {
  border-top-width: 1px;
  margin: 0 0 2.6vw 0;
}
@media (min-width: 1920px) {
  .divider {
    margin: 0 1.04vw 2.6vw;
  }
}

#pip .divider, #detail .divider {
  margin: 0 6.5vw 3.9vw;
}
@media (min-width: 1024px) {
  #pip .divider, #detail .divider {
    margin: 0 4rem 2.9vw;
  }
}
@media (min-width: 1920px) {
  #pip .divider, #detail .divider {
    margin: 0 4rem 2.6vw;
  }
}
#pip .divider.bzero, #detail .divider.bzero {
  margin-bottom: 0;
}

.bg {
  position: absolute;
  top: 50%;
  width: 100%;
  height: auto;
  z-index: 1;
}
@media (min-width: 1024px) {
  .bg {
    top: 50%;
  }
}
@media (min-width: 1920px) {
  .bg {
    top: 40%;
  }
}

.bg1,
.bg2 {
  position: absolute;
  z-index: 1;
  border-radius: 100%;
}

.bg1 {
  top: -18vw;
  left: -60vw;
  width: 120vw;
  height: 120vw;
  background-color: #4f4f4f;
}
@media (min-width: 1024px) {
  .bg1 {
    left: -14vw;
    width: 70vw;
    height: 70vw;
  }
}

.bg2 {
  top: 86vw;
  right: -3vw;
  width: 90vw;
  height: 90vw;
  background-color: #222220;
}
@media (min-width: 1024px) {
  .bg2 {
    top: 47vw;
    width: 56.4vw;
    height: 56.4vw;
  }
}

.call-to-action {
  text-align: center;
}
.call-to-action .link {
  display: inline-block;
  margin: 2.93vw 0 0 0;
  padding: 2.6vw 9.64vw;
  font-family: "NTR Speciaal Bold";
  font-size: clamp(1.75rem, calc(1.75rem + (1vw - 4.8px) * 1.7307692308), 4rem);
  line-height: 4.2vw;
}
@media (min-width: 1024px) {
  .call-to-action .link {
    padding: 1.2vw 2.93vw;
    line-height: 2.67vw;
  }
}

.ntr-blue .npostartbutton a {
  background-color: #46b4e7 !important;
}
.ntr-blue .topmenu .ntr-logo svg {
  fill: #46b4e7;
}
.ntr-blue .topmenu.active {
  background-color: #46b4e7;
}
@media (min-width: 1024px) {
  .ntr-blue .topmenu nav #menu-list li a:hover {
    color: #46b4e7;
  }
}
.ntr-blue .teaser .teaser-text {
  color: #ffffff;
}
.ntr-blue .teaser .teaser-text .teaser-subtitle a {
  color: #46b4e7;
}
.ntr-blue .teaser .bol {
  background-color: #46b4e7;
}
.ntr-blue .block-title, .ntr-blue .home-promotitle, .ntr-blue .promo-link {
  color: #46b4e7;
}
.ntr-blue .divider.colored {
  border-color: #46b4e7;
}
.ntr-blue .social a:link, .ntr-blue .social a:visited {
  color: #46b4e7;
}
.ntr-blue .social .icons .icon svg path.icon, .ntr-blue .social .icons .icon svg polygon.icon {
  fill: #ffffff;
}
.ntr-blue .metadata h3 {
  color: #46b4e7;
}
.ntr-blue #pip .social .icons .share, .ntr-blue #detail .social .icons .share {
  color: #46b4e7;
}
.ntr-blue #pip .more-episodes .more a, .ntr-blue #pip .tv-guide .more a, .ntr-blue #detail .more-episodes .more a, .ntr-blue #detail .tv-guide .more a {
  color: #46b4e7;
}
.ntr-blue #pip .archive .year, .ntr-blue #detail .archive .year {
  color: #46b4e7;
}
.ntr-blue .carousel-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ntr-blue .carousel-header .carousel-navigation {
  display: flex;
}
.ntr-blue .carousel-header .swiper-button-prev, .ntr-blue .carousel-header .swiper-button-next {
  position: static;
  margin-top: 0;
  color: #46b4e7;
}
.ntr-blue .swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #46b4e7;
}
.ntr-blue .composite-content.small .call-to-action .link, .ntr-blue .composite-content .call-to-action.button .link {
  color: #ffffff;
  background-color: #46b4e7;
}
.ntr-blue .composite-content.large .call-to-action .link {
  color: #46b4e7;
}
.ntr-blue .composite-media-teaser a, .ntr-blue .composite-media-teaser a:visited.more, .ntr-blue .composite-media-teaser a:link {
  color: #46b4e7;
}
.ntr-blue .banner, .ntr-blue .textBanner {
  background-color: #46b4e7;
}
.ntr-blue .detail-content .link a,
.ntr-blue .related .items a,
.ntr-blue .faq-item .answers a {
  color: #46b4e7;
}
.ntr-blue .faq-item {
  border-color: #46b4e7;
}
.ntr-blue .faq-item button:hover {
  color: #46b4e7;
}
.ntr-blue .filter-block .title .heading {
  color: #46b4e7;
}
.ntr-blue .filter-block .results {
  color: #46b4e7;
}
.ntr-blue .filter-block .results button {
  background-color: #46b4e7;
}
.ntr-blue .filter-block .close:hover {
  color: #46b4e7;
}
.ntr-blue .programs .filter-button {
  color: #46b4e7;
}
.ntr-blue .programs .filter-button svg g {
  fill: #46b4e7;
}
.ntr-blue .programs .archive-link a {
  color: #46b4e7;
}
.ntr-blue .archive .select-years-label {
  color: #46b4e7;
}
.ntr-blue .themes .media-items .media-item {
  border-color: #46b4e7;
}
.ntr-blue .themes .media-items .media-item .call-to-action .link {
  background-color: #46b4e7;
}
.ntr-blue .pager ul li.pager-page.current {
  background-color: #46b4e7 !important;
}
.ntr-blue footer ul li a:hover {
  color: #46b4e7;
}
.ntr-blue .footer-logo {
  background-color: #46b4e7;
}
.ntr-blue .footer-logo .footer-ntr-logo {
  fill: #ffffff;
}
.ntr-blue .footer-copyright a:link,
.ntr-blue .footer-copyright a:visited {
  color: #46b4e7;
}

.ntr-brown .npostartbutton a {
  background-color: #e2a064 !important;
}
.ntr-brown .topmenu .ntr-logo svg {
  fill: #e2a064;
}
.ntr-brown .topmenu.active {
  background-color: #e2a064;
}
@media (min-width: 1024px) {
  .ntr-brown .topmenu nav #menu-list li a:hover {
    color: #e2a064;
  }
}
.ntr-brown .teaser .teaser-text {
  color: #ffffff;
}
.ntr-brown .teaser .teaser-text .teaser-subtitle a {
  color: #e2a064;
}
.ntr-brown .teaser .bol {
  background-color: #e2a064;
}
.ntr-brown .block-title, .ntr-brown .home-promotitle, .ntr-brown .promo-link {
  color: #e2a064;
}
.ntr-brown .divider.colored {
  border-color: #e2a064;
}
.ntr-brown .social a:link, .ntr-brown .social a:visited {
  color: #e2a064;
}
.ntr-brown .social .icons .icon svg path.icon, .ntr-brown .social .icons .icon svg polygon.icon {
  fill: #ffffff;
}
.ntr-brown .metadata h3 {
  color: #e2a064;
}
.ntr-brown #pip .social .icons .share, .ntr-brown #detail .social .icons .share {
  color: #e2a064;
}
.ntr-brown #pip .more-episodes .more a, .ntr-brown #pip .tv-guide .more a, .ntr-brown #detail .more-episodes .more a, .ntr-brown #detail .tv-guide .more a {
  color: #e2a064;
}
.ntr-brown #pip .archive .year, .ntr-brown #detail .archive .year {
  color: #e2a064;
}
.ntr-brown .carousel-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ntr-brown .carousel-header .carousel-navigation {
  display: flex;
}
.ntr-brown .carousel-header .swiper-button-prev, .ntr-brown .carousel-header .swiper-button-next {
  position: static;
  margin-top: 0;
  color: #e2a064;
}
.ntr-brown .swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #e2a064;
}
.ntr-brown .composite-content.small .call-to-action .link, .ntr-brown .composite-content .call-to-action.button .link {
  color: #ffffff;
  background-color: #e2a064;
}
.ntr-brown .composite-content.large .call-to-action .link {
  color: #e2a064;
}
.ntr-brown .composite-media-teaser a, .ntr-brown .composite-media-teaser a:visited.more, .ntr-brown .composite-media-teaser a:link {
  color: #e2a064;
}
.ntr-brown .banner, .ntr-brown .textBanner {
  background-color: #e2a064;
}
.ntr-brown .detail-content .link a,
.ntr-brown .related .items a,
.ntr-brown .faq-item .answers a {
  color: #e2a064;
}
.ntr-brown .faq-item {
  border-color: #e2a064;
}
.ntr-brown .faq-item button:hover {
  color: #e2a064;
}
.ntr-brown .filter-block .title .heading {
  color: #e2a064;
}
.ntr-brown .filter-block .results {
  color: #e2a064;
}
.ntr-brown .filter-block .results button {
  background-color: #e2a064;
}
.ntr-brown .filter-block .close:hover {
  color: #e2a064;
}
.ntr-brown .programs .filter-button {
  color: #e2a064;
}
.ntr-brown .programs .filter-button svg g {
  fill: #e2a064;
}
.ntr-brown .programs .archive-link a {
  color: #e2a064;
}
.ntr-brown .archive .select-years-label {
  color: #e2a064;
}
.ntr-brown .themes .media-items .media-item {
  border-color: #e2a064;
}
.ntr-brown .themes .media-items .media-item .call-to-action .link {
  background-color: #e2a064;
}
.ntr-brown .pager ul li.pager-page.current {
  background-color: #e2a064 !important;
}
.ntr-brown footer ul li a:hover {
  color: #e2a064;
}
.ntr-brown .footer-logo {
  background-color: #e2a064;
}
.ntr-brown .footer-logo .footer-ntr-logo {
  fill: #ffffff;
}
.ntr-brown .footer-copyright a:link,
.ntr-brown .footer-copyright a:visited {
  color: #e2a064;
}

.ntr-green .npostartbutton a {
  background-color: #00c389 !important;
}
.ntr-green .topmenu .ntr-logo svg {
  fill: #00c389;
}
.ntr-green .topmenu.active {
  background-color: #00c389;
}
@media (min-width: 1024px) {
  .ntr-green .topmenu nav #menu-list li a:hover {
    color: #00c389;
  }
}
.ntr-green .teaser .teaser-text {
  color: #ffffff;
}
.ntr-green .teaser .teaser-text .teaser-subtitle a {
  color: #00c389;
}
.ntr-green .teaser .bol {
  background-color: #00c389;
}
.ntr-green .block-title, .ntr-green .home-promotitle, .ntr-green .promo-link {
  color: #00c389;
}
.ntr-green .divider.colored {
  border-color: #00c389;
}
.ntr-green .social a:link, .ntr-green .social a:visited {
  color: #00c389;
}
.ntr-green .social .icons .icon svg path.icon, .ntr-green .social .icons .icon svg polygon.icon {
  fill: #ffffff;
}
.ntr-green .metadata h3 {
  color: #00c389;
}
.ntr-green #pip .social .icons .share, .ntr-green #detail .social .icons .share {
  color: #00c389;
}
.ntr-green #pip .more-episodes .more a, .ntr-green #pip .tv-guide .more a, .ntr-green #detail .more-episodes .more a, .ntr-green #detail .tv-guide .more a {
  color: #00c389;
}
.ntr-green #pip .archive .year, .ntr-green #detail .archive .year {
  color: #00c389;
}
.ntr-green .carousel-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ntr-green .carousel-header .carousel-navigation {
  display: flex;
}
.ntr-green .carousel-header .swiper-button-prev, .ntr-green .carousel-header .swiper-button-next {
  position: static;
  margin-top: 0;
  color: #00c389;
}
.ntr-green .swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #00c389;
}
.ntr-green .composite-content.small .call-to-action .link, .ntr-green .composite-content .call-to-action.button .link {
  color: #ffffff;
  background-color: #00c389;
}
.ntr-green .composite-content.large .call-to-action .link {
  color: #00c389;
}
.ntr-green .composite-media-teaser a, .ntr-green .composite-media-teaser a:visited.more, .ntr-green .composite-media-teaser a:link {
  color: #00c389;
}
.ntr-green .banner, .ntr-green .textBanner {
  background-color: #00c389;
}
.ntr-green .detail-content .link a,
.ntr-green .related .items a,
.ntr-green .faq-item .answers a {
  color: #00c389;
}
.ntr-green .faq-item {
  border-color: #00c389;
}
.ntr-green .faq-item button:hover {
  color: #00c389;
}
.ntr-green .filter-block .title .heading {
  color: #00c389;
}
.ntr-green .filter-block .results {
  color: #00c389;
}
.ntr-green .filter-block .results button {
  background-color: #00c389;
}
.ntr-green .filter-block .close:hover {
  color: #00c389;
}
.ntr-green .programs .filter-button {
  color: #00c389;
}
.ntr-green .programs .filter-button svg g {
  fill: #00c389;
}
.ntr-green .programs .archive-link a {
  color: #00c389;
}
.ntr-green .archive .select-years-label {
  color: #00c389;
}
.ntr-green .themes .media-items .media-item {
  border-color: #00c389;
}
.ntr-green .themes .media-items .media-item .call-to-action .link {
  background-color: #00c389;
}
.ntr-green .pager ul li.pager-page.current {
  background-color: #00c389 !important;
}
.ntr-green footer ul li a:hover {
  color: #00c389;
}
.ntr-green .footer-logo {
  background-color: #00c389;
}
.ntr-green .footer-logo .footer-ntr-logo {
  fill: #ffffff;
}
.ntr-green .footer-copyright a:link,
.ntr-green .footer-copyright a:visited {
  color: #00c389;
}

.ntr-pink .npostartbutton a {
  background-color: #ffa0c8 !important;
}
.ntr-pink .topmenu .ntr-logo svg {
  fill: #ffa0c8;
}
.ntr-pink .topmenu.active {
  background-color: #ffa0c8;
}
@media (min-width: 1024px) {
  .ntr-pink .topmenu nav #menu-list li a:hover {
    color: #ffa0c8;
  }
}
.ntr-pink .teaser .teaser-text {
  color: #ffffff;
}
.ntr-pink .teaser .teaser-text .teaser-subtitle a {
  color: #ffa0c8;
}
.ntr-pink .teaser .bol {
  background-color: #ffa0c8;
}
.ntr-pink .block-title, .ntr-pink .home-promotitle, .ntr-pink .promo-link {
  color: #ffa0c8;
}
.ntr-pink .divider.colored {
  border-color: #ffa0c8;
}
.ntr-pink .social a:link, .ntr-pink .social a:visited {
  color: #ffa0c8;
}
.ntr-pink .social .icons .icon svg path.icon, .ntr-pink .social .icons .icon svg polygon.icon {
  fill: #ffffff;
}
.ntr-pink .metadata h3 {
  color: #ffa0c8;
}
.ntr-pink #pip .social .icons .share, .ntr-pink #detail .social .icons .share {
  color: #ffa0c8;
}
.ntr-pink #pip .more-episodes .more a, .ntr-pink #pip .tv-guide .more a, .ntr-pink #detail .more-episodes .more a, .ntr-pink #detail .tv-guide .more a {
  color: #ffa0c8;
}
.ntr-pink #pip .archive .year, .ntr-pink #detail .archive .year {
  color: #ffa0c8;
}
.ntr-pink .carousel-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ntr-pink .carousel-header .carousel-navigation {
  display: flex;
}
.ntr-pink .carousel-header .swiper-button-prev, .ntr-pink .carousel-header .swiper-button-next {
  position: static;
  margin-top: 0;
  color: #ffa0c8;
}
.ntr-pink .swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #ffa0c8;
}
.ntr-pink .composite-content.small .call-to-action .link, .ntr-pink .composite-content .call-to-action.button .link {
  color: #ffffff;
  background-color: #ffa0c8;
}
.ntr-pink .composite-content.large .call-to-action .link {
  color: #ffa0c8;
}
.ntr-pink .composite-media-teaser a, .ntr-pink .composite-media-teaser a:visited.more, .ntr-pink .composite-media-teaser a:link {
  color: #ffa0c8;
}
.ntr-pink .banner, .ntr-pink .textBanner {
  background-color: #ffa0c8;
}
.ntr-pink .detail-content .link a,
.ntr-pink .related .items a,
.ntr-pink .faq-item .answers a {
  color: #ffa0c8;
}
.ntr-pink .faq-item {
  border-color: #ffa0c8;
}
.ntr-pink .faq-item button:hover {
  color: #ffa0c8;
}
.ntr-pink .filter-block .title .heading {
  color: #ffa0c8;
}
.ntr-pink .filter-block .results {
  color: #ffa0c8;
}
.ntr-pink .filter-block .results button {
  background-color: #ffa0c8;
}
.ntr-pink .filter-block .close:hover {
  color: #ffa0c8;
}
.ntr-pink .programs .filter-button {
  color: #ffa0c8;
}
.ntr-pink .programs .filter-button svg g {
  fill: #ffa0c8;
}
.ntr-pink .programs .archive-link a {
  color: #ffa0c8;
}
.ntr-pink .archive .select-years-label {
  color: #ffa0c8;
}
.ntr-pink .themes .media-items .media-item {
  border-color: #ffa0c8;
}
.ntr-pink .themes .media-items .media-item .call-to-action .link {
  background-color: #ffa0c8;
}
.ntr-pink .pager ul li.pager-page.current {
  background-color: #ffa0c8 !important;
}
.ntr-pink footer ul li a:hover {
  color: #ffa0c8;
}
.ntr-pink .footer-logo {
  background-color: #ffa0c8;
}
.ntr-pink .footer-logo .footer-ntr-logo {
  fill: #ffffff;
}
.ntr-pink .footer-copyright a:link,
.ntr-pink .footer-copyright a:visited {
  color: #ffa0c8;
}

.ntr-yellow .npostartbutton a {
  background-color: #ffd728 !important;
}
.ntr-yellow .topmenu .ntr-logo svg {
  fill: #ffd728;
}
.ntr-yellow .topmenu.active {
  background-color: #ffd728;
}
@media (min-width: 1024px) {
  .ntr-yellow .topmenu nav #menu-list li a:hover {
    color: #ffd728;
  }
}
.ntr-yellow .teaser .teaser-text {
  color: #ffffff;
}
.ntr-yellow .teaser .teaser-text .teaser-subtitle a {
  color: #ffd728;
}
.ntr-yellow .teaser .bol {
  background-color: #ffd728;
}
.ntr-yellow .block-title, .ntr-yellow .home-promotitle, .ntr-yellow .promo-link {
  color: #ffd728;
}
.ntr-yellow .divider.colored {
  border-color: #ffd728;
}
.ntr-yellow .social a:link, .ntr-yellow .social a:visited {
  color: #ffd728;
}
.ntr-yellow .social .icons .icon svg path.icon, .ntr-yellow .social .icons .icon svg polygon.icon {
  fill: #ffffff;
}
.ntr-yellow .metadata h3 {
  color: #ffd728;
}
.ntr-yellow #pip .social .icons .share, .ntr-yellow #detail .social .icons .share {
  color: #ffd728;
}
.ntr-yellow #pip .more-episodes .more a, .ntr-yellow #pip .tv-guide .more a, .ntr-yellow #detail .more-episodes .more a, .ntr-yellow #detail .tv-guide .more a {
  color: #ffd728;
}
.ntr-yellow #pip .archive .year, .ntr-yellow #detail .archive .year {
  color: #ffd728;
}
.ntr-yellow .carousel-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ntr-yellow .carousel-header .carousel-navigation {
  display: flex;
}
.ntr-yellow .carousel-header .swiper-button-prev, .ntr-yellow .carousel-header .swiper-button-next {
  position: static;
  margin-top: 0;
  color: #ffd728;
}
.ntr-yellow .swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #ffd728;
}
.ntr-yellow .composite-content.small .call-to-action .link, .ntr-yellow .composite-content .call-to-action.button .link {
  color: #ffffff;
  background-color: #ffd728;
}
.ntr-yellow .composite-content.large .call-to-action .link {
  color: #ffd728;
}
.ntr-yellow .composite-media-teaser a, .ntr-yellow .composite-media-teaser a:visited.more, .ntr-yellow .composite-media-teaser a:link {
  color: #ffd728;
}
.ntr-yellow .banner, .ntr-yellow .textBanner {
  background-color: #ffd728;
}
.ntr-yellow .detail-content .link a,
.ntr-yellow .related .items a,
.ntr-yellow .faq-item .answers a {
  color: #ffd728;
}
.ntr-yellow .faq-item {
  border-color: #ffd728;
}
.ntr-yellow .faq-item button:hover {
  color: #ffd728;
}
.ntr-yellow .filter-block .title .heading {
  color: #ffd728;
}
.ntr-yellow .filter-block .results {
  color: #ffd728;
}
.ntr-yellow .filter-block .results button {
  background-color: #ffd728;
}
.ntr-yellow .filter-block .close:hover {
  color: #ffd728;
}
.ntr-yellow .programs .filter-button {
  color: #ffd728;
}
.ntr-yellow .programs .filter-button svg g {
  fill: #ffd728;
}
.ntr-yellow .programs .archive-link a {
  color: #ffd728;
}
.ntr-yellow .archive .select-years-label {
  color: #ffd728;
}
.ntr-yellow .themes .media-items .media-item {
  border-color: #ffd728;
}
.ntr-yellow .themes .media-items .media-item .call-to-action .link {
  background-color: #ffd728;
}
.ntr-yellow .pager ul li.pager-page.current {
  background-color: #ffd728 !important;
}
.ntr-yellow footer ul li a:hover {
  color: #ffd728;
}
.ntr-yellow .footer-logo {
  background-color: #ffd728;
}
.ntr-yellow .footer-logo .footer-ntr-logo {
  fill: #ffffff;
}
.ntr-yellow .footer-copyright a:link,
.ntr-yellow .footer-copyright a:visited {
  color: #ffd728;
}

.ntr-science .npostartbutton a {
  background-color: #ff7170 !important;
}
.ntr-science .topmenu .ntr-logo svg {
  fill: #ff7170;
}
.ntr-science .topmenu.active {
  background-color: #ff7170;
}
@media (min-width: 1024px) {
  .ntr-science .topmenu nav #menu-list li a:hover {
    color: #ff7170;
  }
}
.ntr-science .teaser .teaser-text {
  color: #ffffff;
}
.ntr-science .teaser .teaser-text .teaser-subtitle a {
  color: #ff7170;
}
.ntr-science .teaser .bol {
  background-color: #ff7170;
}
.ntr-science .block-title, .ntr-science .home-promotitle, .ntr-science .promo-link {
  color: #ff7170;
}
.ntr-science .divider.colored {
  border-color: #ff7170;
}
.ntr-science .social a:link, .ntr-science .social a:visited {
  color: #ff7170;
}
.ntr-science .social .icons .icon svg path.icon, .ntr-science .social .icons .icon svg polygon.icon {
  fill: #ffffff;
}
.ntr-science .metadata h3 {
  color: #ff7170;
}
.ntr-science #pip .social .icons .share, .ntr-science #detail .social .icons .share {
  color: #ff7170;
}
.ntr-science #pip .more-episodes .more a, .ntr-science #pip .tv-guide .more a, .ntr-science #detail .more-episodes .more a, .ntr-science #detail .tv-guide .more a {
  color: #ff7170;
}
.ntr-science #pip .archive .year, .ntr-science #detail .archive .year {
  color: #ff7170;
}
.ntr-science .carousel-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ntr-science .carousel-header .carousel-navigation {
  display: flex;
}
.ntr-science .carousel-header .swiper-button-prev, .ntr-science .carousel-header .swiper-button-next {
  position: static;
  margin-top: 0;
  color: #ff7170;
}
.ntr-science .swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #ff7170;
}
.ntr-science .composite-content.small .call-to-action .link, .ntr-science .composite-content .call-to-action.button .link {
  color: #ffffff;
  background-color: #ff7170;
}
.ntr-science .composite-content.large .call-to-action .link {
  color: #ff7170;
}
.ntr-science .composite-media-teaser a, .ntr-science .composite-media-teaser a:visited.more, .ntr-science .composite-media-teaser a:link {
  color: #ff7170;
}
.ntr-science .banner, .ntr-science .textBanner {
  background-color: #ff7170;
}
.ntr-science .detail-content .link a,
.ntr-science .related .items a,
.ntr-science .faq-item .answers a {
  color: #ff7170;
}
.ntr-science .faq-item {
  border-color: #ff7170;
}
.ntr-science .faq-item button:hover {
  color: #ff7170;
}
.ntr-science .filter-block .title .heading {
  color: #ff7170;
}
.ntr-science .filter-block .results {
  color: #ff7170;
}
.ntr-science .filter-block .results button {
  background-color: #ff7170;
}
.ntr-science .filter-block .close:hover {
  color: #ff7170;
}
.ntr-science .programs .filter-button {
  color: #ff7170;
}
.ntr-science .programs .filter-button svg g {
  fill: #ff7170;
}
.ntr-science .programs .archive-link a {
  color: #ff7170;
}
.ntr-science .archive .select-years-label {
  color: #ff7170;
}
.ntr-science .themes .media-items .media-item {
  border-color: #ff7170;
}
.ntr-science .themes .media-items .media-item .call-to-action .link {
  background-color: #ff7170;
}
.ntr-science .pager ul li.pager-page.current {
  background-color: #ff7170 !important;
}
.ntr-science footer ul li a:hover {
  color: #ff7170;
}
.ntr-science .footer-logo {
  background-color: #ff7170;
}
.ntr-science .footer-logo .footer-ntr-logo {
  fill: #ffffff;
}
.ntr-science .footer-copyright a:link,
.ntr-science .footer-copyright a:visited {
  color: #ff7170;
}
.ntr-science header .bol img {
  content: url("/bundles/ntrportalpublicationbundle/images/ntr_wetenschap_logo.svg");
  width: 70%;
  top: 35%;
  left: 15%;
  fill: #fff;
}

main,
a:link,
a:visited {
  color: #ffffff;
}

header {
  position: relative;
}
header .teaser-header-wrapper {
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
}
header .teaser {
  overflow: hidden;
  position: relative;
  color: white;
  text-align: center;
  background-color: #000000;
  margin-left: 6.51vw;
  margin-right: 6.51vw;
}
@media (min-width: 1024px) {
  header .teaser {
    margin-left: 4rem;
    margin-right: 4rem;
  }
}
@media (min-width: 1920px) {
  header .teaser {
    margin-left: 4rem;
    margin-right: 4rem;
  }
}
header .teaser .header-image {
  width: 100%;
  font-size: 0;
  aspect-ratio: 420/260;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
header .teaser .header-image:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 44%;
  bottom: 0;
  left: 0;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.7));
}
@media (min-width: 1024px) {
  header .teaser .header-image {
    aspect-ratio: 960/290;
  }
  header .teaser .header-image:after {
    height: 52%;
  }
}
header .teaser .header-image img {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
header .teaser .teaser-text {
  position: absolute;
  width: 65%;
  bottom: 0;
  right: 0;
  padding: 2vw 2.5vw;
  font-family: "NTR Speciaal Bold";
  text-align: right;
  z-index: 2;
}
@media (min-width: 1024px) {
  header .teaser .teaser-text {
    width: 70%;
  }
}
header .teaser .teaser-text .teaser-title {
  font-size: clamp(2.25rem, calc(2.25rem + (1vw - 4.8px) * 2.5961538462), 5.625rem);
  line-height: 1.1;
  padding-left: 5vw;
  overflow: hidden;
  text-overflow: ellipsis;
}
header .teaser .teaser-text .teaser-subtitle {
  padding-top: 0.5vw;
  font-size: clamp(1.375rem, calc(1.375rem + (1vw - 4.8px) * 1.9711538462), 3.9375rem);
  line-height: 1.1;
}
header .teaser .teaser-text a {
  text-decoration: none;
}
@media (min-width: 1024px) {
  header .teaser .teaser-text {
    padding: 1.5vw 2.5vw;
  }
  header .teaser .teaser-text .teaser-title {
    padding-left: 2vw;
  }
  header .teaser .teaser-text .teaser-subtitle {
    line-height: 2.8vw;
  }
}
header .bol {
  position: absolute;
  z-index: 3;
  border-radius: 100%;
  border-radius: 100%;
  top: 50%;
  transform: translateY(-50%);
  left: 11%;
  width: 28%;
  aspect-ratio: 1/1;
}
header .bol img {
  position: absolute;
  width: 80%;
  top: 33%;
  left: 10%;
  fill: #000000;
}
@media (min-width: 1024px) {
  header .bol {
    width: 15%;
    left: 9.25%;
  }
}
header .bol-top-left {
  position: absolute;
  z-index: 2;
  border-radius: 100%;
  border-radius: 100%;
  top: -17%;
  left: -2%;
  width: 30%;
  aspect-ratio: 1/1;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1;
}
@media (min-width: 1024px) {
  header .bol-top-left {
    width: 22.5%;
    left: 17%;
    top: -36.5%;
  }
}
header .bol-bottom-left {
  position: absolute;
  border-radius: 100%;
  border-radius: 100%;
  top: 59.65%;
  left: -10%;
  width: 30%;
  aspect-ratio: 1/1;
  background-color: #FFFFFF;
  z-index: 1;
}
@media (min-width: 1024px) {
  header .bol-bottom-left {
    left: 0;
    top: 50%;
    transform: translateX(-50%);
  }
}

.topmenu.inactive {
  cursor: default;
  pointer-events: none;
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.topmenu.inactive div > * {
  cursor: default;
  pointer-events: none;
}
.topmenu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 5;
  background-color: #1c1c1c;
  padding: 0 6.51vw;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 1024px) {
  .topmenu {
    padding: 0 4rem;
  }
}
@media (min-width: 1920px) {
  .topmenu {
    height: 80px;
    padding: 0 4rem;
  }
}
.topmenu.active nav button svg {
  fill: #ffffff;
}
.topmenu.active nav button #nav-icon span {
  background-color: #ffffff;
}
.topmenu.active .ntr-logo svg {
  fill: #ffffff;
}
.topmenu .primary {
  display: flex;
  align-items: center;
  gap: 10px;
}
.topmenu nav {
  width: auto;
}
@media (min-width: 768px) {
  .topmenu nav {
    width: auto;
  }
}
.topmenu nav {
  float: left;
}
.topmenu nav button {
  float: left;
  background-color: inherit;
  border: 0;
  width: 44px;
  height: 44px;
  margin-left: -10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.topmenu nav button #nav-icon {
  width: 24px;
  height: 20px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  cursor: pointer;
}
.topmenu nav button #nav-icon span {
  display: block;
  height: 4px;
  width: 100%;
  background: #ffffff;
  opacity: 1;
  transition: 0.25s ease-in-out;
  position: relative;
}
.topmenu nav button {
  /* animate nav-icon on open/close */
}
.topmenu nav button #nav-icon.open span:nth-child(1) {
  transform: rotate(45deg);
  top: 8px;
}
.topmenu nav button #nav-icon.open span:nth-child(2) {
  opacity: 0;
}
.topmenu nav button #nav-icon.open span:nth-child(3) {
  transform: rotate(-45deg);
  top: -8px;
}
.topmenu nav #menu-background {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.9);
  position: absolute;
  top: 100%;
  left: 0;
}
.topmenu nav #menu-list {
  position: absolute;
  top: 60px;
  left: 0;
  width: 100%;
  background-color: #303030;
  z-index: 5;
}
@media (min-width: 1920px) {
  .topmenu nav #menu-list {
    top: 80px;
  }
}
.topmenu nav #menu-list ul {
  position: relative;
}
.topmenu nav #menu-list li {
  display: flex;
  width: 100%;
  color: #1c1c1c;
  font-family: "NTR Speciaal";
  font-size: clamp(1.875rem, calc(1.875rem + (1vw - 4.8px) * 1.2019230769), 3.4375rem);
}
.topmenu nav #menu-list li a {
  width: 100%;
  padding: 20px 6.51vw;
}
.topmenu nav #menu-list li a,
.topmenu nav #menu-list li a:link,
.topmenu nav #menu-list li a:visited,
.topmenu nav #menu-list li a:active {
  color: #ffffff;
  text-decoration: none;
}
@media (min-width: 1024px) {
  .topmenu nav #menu-list li {
    width: 50%;
  }
  .topmenu nav #menu-list li a {
    padding: 1.46vw 4rem;
  }
  .topmenu nav #menu-list li.search {
    float: right;
  }
}
.topmenu nav #menu-list #search-form {
  width: 100%;
  padding: 20px 6.51vw;
  font-family: "NTR Speciaal";
}
@media (min-width: 1024px) {
  .topmenu nav #menu-list #search-form {
    padding: 20px 4rem;
  }
}
.topmenu nav #menu-list #search-form form {
  height: 60px;
}
.topmenu nav #menu-list #search-form form label {
  font-size: clamp(1rem, calc(1rem + (1vw - 4.8px) * 0), 1rem);
  color: #ffffff;
  font-weight: bold;
  display: block;
}
.topmenu nav #menu-list #search-form form input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: 100%;
  width: calc(100% - 40px);
  padding: 5px 15px;
  border-color: #1c1c1c;
  border-width: 2px;
  border-radius: 0;
  border-style: solid none solid solid;
  color: #1c1c1c;
  background-color: #ffffff;
  font-family: "NTR Speciaal";
  font-size: clamp(1.5rem, calc(1.5rem + (1vw - 4.8px) * 0.7692307692), 2.5rem);
  float: left;
}
.topmenu nav #menu-list #search-form form button {
  height: 100%;
  width: 40px;
  float: left;
  border-color: #1c1c1c;
  border-width: 2px;
  border-radius: 0;
  border-style: solid solid solid none;
  margin: 0;
  color: #1c1c1c;
  background-color: #ffffff;
  padding-right: 2.6vw;
  cursor: pointer;
}
.topmenu nav #menu-list #search-form form button svg {
  height: 6.51vw;
  fill: #1c1c1c;
}
@media (min-width: 1024px) {
  .topmenu nav #menu-list #search-form form {
    height: 45px;
  }
  .topmenu nav #menu-list #search-form form input {
    width: calc(100% - 5vw);
  }
  .topmenu nav #menu-list #search-form form button {
    width: 5vw !important;
    padding-right: 0;
  }
  .topmenu nav #menu-list #search-form form button svg {
    float: right;
    margin: 0 0.5vw;
    height: 25px;
  }
}
@media (min-width: 1920px) {
  .topmenu nav #menu-list #search-form form {
    float: right;
    width: 60%;
  }
}
.topmenu .ntr-logo svg {
  fill: #ffffff;
}
.topmenu .ntr-logo {
  color: #ffffff;
  float: left;
  width: 80px;
}
@media (min-width: 1024px) {
  .topmenu .ntr-logo {
    width: 80px;
  }
}
@media (min-width: 1920px) {
  .topmenu .ntr-logo {
    width: 100px;
  }
}
.topmenu .ntr-logo img {
  width: 100%;
}
.topmenu .npo-logo {
  float: right;
  width: 30px;
  height: 30px;
}
@media (min-width: 1024px) {
  .topmenu .npo-logo {
    width: 40px;
    height: 40px;
  }
}
.topmenu .npo-logo img {
  width: 100%;
}

.carousel-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.carousel-header .carousel-navigation {
  display: flex;
}

.swiper {
  padding-top: 70px;
  margin-top: -50px;
  margin-left: -2rem;
  margin-right: -2rem;
}
.swiper .swiper-wrapper {
  align-items: stretch;
}
.swiper .swiper-pagination {
  position: static;
  margin: 3vw 0;
}
.swiper .swiper-pagination-bullet {
  width: 20px;
  height: 20px;
  background-color: #989898;
  opacity: 1;
  margin: 0 10px !important;
}
.swiper .swiper-slide {
  width: 100%;
  height: auto;
  padding: 0 1.3vw;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .swiper .swiper-slide {
    padding: 0 2rem;
    width: 50%;
  }
}
@media (min-width: 1280px) {
  .swiper .swiper-slide {
    width: 25%;
  }
}
@media (min-width: 1920px) {
  .swiper .swiper-slide {
    padding: 0 2rem;
  }
}
.swiper .swiper-slide a {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  width: 100%;
}
.swiper .swiper-slide .image-wrapper {
  width: 100%;
  aspect-ratio: 2/1;
  position: relative;
}
.swiper .swiper-slide .image-wrapper img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.swiper .swiper-slide .tv-guide-title {
  height: auto;
  flex-grow: 1;
  overflow: hidden;
  color: #ffffff;
  margin-top: 1rem;
}
.swiper .swiper-slide .tv-guide-title h3 {
  height: 100%;
  overflow: hidden;
  text-align: left;
  font-size: clamp(1.25rem, calc(1.25rem + (1vw - 4.8px) * 0.9615384615), 2.5rem);
}
@media (min-width: 1024px) {
  .swiper .swiper-slide .tv-guide-title h3 {
    font-weight: normal;
  }
}
.swiper .swiper-slide .date {
  font-size: clamp(1.0625rem, calc(1.0625rem + (1vw - 4.8px) * 0.7211538462), 2rem);
  line-height: 1.4;
}
.swiper .swiper-slide .news-title {
  height: auto;
  flex-grow: 1;
  overflow: hidden;
  color: #000000;
  background-color: rgba(255, 255, 255, 0.77);
  padding: 3.9vw 4.56vw;
}
@media (min-width: 1024px) {
  .swiper .swiper-slide .news-title {
    height: 10.74vw;
    padding: 1.46vw;
  }
}
@media (min-width: 1920px) {
  .swiper .swiper-slide .news-title {
    height: 10.94vw;
    padding: 1.3vw 1.56vw;
  }
}
.swiper .swiper-slide .news-title h3 {
  height: 100%;
  overflow: hidden;
  text-align: left;
  font-size: clamp(1.25rem, calc(1.25rem + (1vw - 4.8px) * 0.9615384615), 2.5rem);
}
@media (min-width: 1024px) {
  .swiper .swiper-slide .news-title h3 {
    font-weight: normal;
  }
}

.block-title {
  margin-left: 6.51vw;
  margin-right: 6.51vw;
}
@media (min-width: 1024px) {
  .block-title {
    margin-left: 4rem;
    margin-right: 4rem;
  }
}
@media (min-width: 1920px) {
  .block-title {
    margin-left: 4rem;
    margin-right: 4rem;
  }
}
.block-title {
  margin-bottom: 1rem;
  padding-top: 3.68vw;
}
.block-title h2 {
  font-size: clamp(1.75rem, calc(1.75rem + (1vw - 4.8px) * 1.7307692308), 4rem);
}
@media (min-width: 1024px) {
  .block-title {
    padding-top: 2.3vw;
  }
}
@media (min-width: 1920px) {
  .block-title {
    padding-top: 1.16vw;
  }
}
.block-title.center {
  text-align: center;
  color: #ffffff;
}

.teaser-wrapper a.external, .banner-teaser-wrapper a.external {
  position: relative;
}
.teaser-wrapper a.external:after, .banner-teaser-wrapper a.external:after {
  position: absolute;
  content: url("./../images/icons/external-white.svg");
  width: 20px;
  height: 20px;
  padding: 0;
  margin: 0;
  top: 15px;
  right: 15px;
}
.teaser-wrapper, .banner-teaser-wrapper {
  height: auto;
  margin: 2.7vw 6.5vw 0vw;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  row-gap: 3.99vw;
  column-gap: 3.97vw;
}
@media (min-width: 1024px) {
  .teaser-wrapper, .banner-teaser-wrapper {
    row-gap: 2.4vw;
    column-gap: 1.77vw;
    grid-template-columns: repeat(4, 1fr);
    margin: 2vw 4rem 0vw;
  }
}
@media (min-width: 1920px) {
  .teaser-wrapper, .banner-teaser-wrapper {
    row-gap: 2.4vw;
    column-gap: 1.77vw;
    margin: 0.95vw 4rem 0vw;
  }
}
.teaser-wrapper .item, .banner-teaser-wrapper .item {
  position: relative;
  width: 100%;
  padding-top: 126.1829652997%;
}
@media (min-width: 1024px) {
  .teaser-wrapper .item, .banner-teaser-wrapper .item {
    padding-top: 129.0322580645%;
  }
}
@media (min-width: 1920px) {
  .teaser-wrapper .item, .banner-teaser-wrapper .item {
    padding-top: 126.9841269841%;
  }
}
.teaser-wrapper .item.theme, .banner-teaser-wrapper .item.theme {
  padding-top: 50%;
}
@media (min-width: 1024px) {
  .teaser-wrapper .item.theme, .banner-teaser-wrapper .item.theme {
    padding-top: 50%;
  }
}
@media (min-width: 1920px) {
  .teaser-wrapper .item.theme, .banner-teaser-wrapper .item.theme {
    padding-top: 50%;
  }
}
.teaser-wrapper .item .background-image, .banner-teaser-wrapper .item .background-image {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #4f4f4f;
}
.teaser-wrapper .item .overlay, .banner-teaser-wrapper .item .overlay {
  background: linear-gradient(to top, black, rgba(0, 0, 0, 0) 50%);
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
}
.teaser-wrapper .item .teaser, .banner-teaser-wrapper .item .teaser {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 0 20px 20px;
  overflow: hidden;
}
.teaser-wrapper .item .teaser h3, .banner-teaser-wrapper .item .teaser h3 {
  font-size: clamp(1.25rem, calc(1.25rem + (1vw - 4.8px) * 1.0576923077), 2.625rem);
  line-height: 1.2;
  margin-bottom: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.teaser-wrapper .item .teaser.theme h3, .banner-teaser-wrapper .item .teaser.theme h3 {
  line-height: 1.35;
  margin-bottom: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: clamp(1.0625rem, calc(1.0625rem + (1vw - 4.8px) * 1.3942307692), 2.875rem);
}
.teaser-wrapper .item .teaser .subtitle, .banner-teaser-wrapper .item .teaser .subtitle {
  width: 100%;
  border-top: 2px solid #ffffff;
  font-family: "NTR Speciaal";
  font-size: clamp(1rem, calc(1rem + (1vw - 4.8px) * 0.6730769231), 1.875rem);
  padding-top: 15px;
}
@media (min-width: 1024px) {
  .teaser-wrapper .item .teaser .subtitle, .banner-teaser-wrapper .item .teaser .subtitle {
    display: block;
  }
}

.medium .item {
  padding-top: 100%;
}
@media (min-width: 1024px) {
  .medium .item {
    padding-top: 100%;
  }
}
@media (min-width: 1920px) {
  .medium .item {
    padding-top: 100%;
  }
}

@media (min-width: 1920px) {
  .block-title-medium {
    padding-top: 1.5vw;
  }
}

.news {
  width: 100%;
  height: auto;
  padding: 7.6vw 5.2vw 1.3vw;
}
.news .divider {
  margin: 0 1.3vw 6.35vw;
}
.news a:link, .news a:visited {
  text-decoration: none;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .news {
    height: auto;
    padding: 6.35vw 4.55vw 9.77vw;
  }
}
@media (min-width: 1024px) {
  .news {
    height: auto;
    padding: 6.35vw 2.82vw 9.77vw;
  }
}
@media (min-width: 1920px) {
  .news {
    height: auto;
    padding: 2.6vw 3.13vw 1.82vw;
  }
}
@media (min-width: 768px) {
  .news .divider {
    margin: 0px 1.95vw 2.6vw;
  }
}
@media (min-width: 1920px) {
  .news .divider {
    margin: 0 1.41vw 2.6vw;
  }
}
.news .slider {
  margin-top: 4.56vw;
  margin-bottom: 14.3vw;
}
@media (min-width: 1024px) {
  .news .slider {
    margin-top: 1.95vw;
    margin-bottom: 0.5vw;
  }
}
@media (min-width: 1920px) {
  .news .slider {
    margin-top: 1.82vw;
    margin-bottom: 8.59vw;
  }
}
.news .slider .news-title {
  height: auto;
  overflow: hidden;
  color: #000000;
  background-color: rgba(255, 255, 255, 0.77);
  padding: 3.9vw 4.56vw;
}
@media (min-width: 1024px) {
  .news .slider .news-title {
    height: 10.74vw;
    padding: 1.46vw;
  }
}
@media (min-width: 1920px) {
  .news .slider .news-title {
    height: 10.94vw;
    padding: 1.3vw 1.56vw;
  }
}
.news .slider .news-title h3 {
  height: 100%;
  overflow: hidden;
  text-align: left;
  font-size: clamp(1.25rem, calc(1.25rem + (1vw - 4.8px) * 0.9615384615), 2.5rem);
}
@media (min-width: 1024px) {
  .news .slider .news-title h3 {
    font-weight: normal;
  }
}

.guide {
  text-align: center;
  margin: 0 0 6.51vw 0;
  padding: 0 6.5vw;
}
@media (min-width: 1024px) {
  .guide {
    margin: 0 0 2vw 0;
    padding: 0 4rem;
  }
}
@media (min-width: 1920px) {
  .guide {
    margin: 0 0 4.69vw 0;
    padding: 0 4rem;
  }
}
@media (min-width: 1024px) {
  .guide.bottom {
    margin: 0 0 4vw 0;
  }
}
.guide .divider {
  margin: 6.5vw 0;
}
@media (min-width: 1024px) {
  .guide .divider {
    margin: 4vw 0;
  }
}
.guide .guide-item-container {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  row-gap: 0;
  column-gap: 2.81vw;
}
@media (min-width: 1024px) {
  .guide .guide-item-container {
    grid-template-columns: repeat(3, 1fr);
    row-gap: 3.64vw;
    column-gap: 3.9vw;
  }
}
.guide .guide-item {
  font-family: "NTR Speciaal Bold";
  background-color: rgba(255, 255, 255, 0.77);
  border: 1px solid rgba(162, 162, 162, 0.77);
  width: 100%;
  margin: 3.9vw 0;
  list-style-type: none;
  padding: 3.9vw;
}
@media (min-width: 1024px) {
  .guide .guide-item {
    padding: 0.97vw 0.49vw 0.97vw 1.46vw;
  }
}
@media (min-width: 1920px) {
  .guide .guide-item {
    padding: 1.3vw 0.78vw 1.3vw 1.82vw;
  }
}
.guide .guide-item {
  float: left;
}
.guide .guide-item .title,
.guide .guide-item .time {
  color: #303030;
}
.guide .guide-item .info {
  max-width: calc(100% - 16.15vw);
  float: left;
  font-weight: bold;
  line-height: 1.1em;
  text-align: left;
}
.guide .guide-item .info .title {
  width: 100%;
  font-size: clamp(1.1875rem, calc(1.1875rem + (1vw - 4.8px) * 1.6826923077), 3.375rem);
  line-height: 1.2;
}
.guide .guide-item .info .time {
  width: 100%;
  font-size: clamp(1.1875rem, calc(1.1875rem + (1vw - 4.8px) * 1.2980769231), 2.875rem);
  line-height: 1.2;
  color: #000000;
}
@media (min-width: 1024px) {
  .guide .guide-item .info {
    max-width: calc(100% - 9.18vw);
  }
}
@media (min-width: 1920px) {
  .guide .guide-item .info {
    max-width: calc(100% - 7.03vw);
  }
  .guide .guide-item .info .time {
    padding-top: 0.42vw;
  }
}
.guide .guide-item .logo {
  float: right;
}
.guide .guide-item .logo img {
  width: 100%;
  max-width: 16.93vw;
}
@media (min-width: 1024px) {
  .guide .guide-item .logo img {
    max-width: 8.79vw;
    margin-top: 1.46vw;
  }
}
@media (min-width: 1920px) {
  .guide .guide-item .logo img {
    max-width: 6.77vw;
    margin-top: 1.3vw;
  }
}

.home-player {
  margin-left: 6.51vw;
  margin-right: 6.51vw;
}
@media (min-width: 1024px) {
  .home-player {
    margin-left: 4rem;
    margin-right: 4rem;
  }
}
@media (min-width: 1920px) {
  .home-player {
    margin-left: 4rem;
    margin-right: 4rem;
  }
}
.home-player {
  margin-top: 4vw;
}
@media (min-width: 1024px) {
  .home-player {
    margin-top: 3.38vw;
  }
}
@media (min-width: 1920px) {
  .home-player {
    margin-top: 3.38vw;
  }
}
.home-player .promo-video {
  background-color: #4f4f4f;
}
@media (min-width: 1024px) {
  .home-player .promo-video {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2.4vw;
  }
}
.home-player .promo-video .promo-content {
  padding: 40px 40px 40px 20px;
  font-size: clamp(1.25rem, calc(1.25rem + (1vw - 4.8px) * 0.9615384615), 2.5rem);
  font-family: "NTR Speciaal";
}
.home-player .promo-video .promo-content a:link, .home-player .promo-video .promo-content a:visited {
  text-decoration: underline;
}
.home-player .promo-video .promo-content .home-promotitle {
  padding-bottom: 0.8vw;
  line-height: 1;
  font-size: clamp(1.5rem, calc(1.5rem + (1vw - 4.8px) * 1.7307692308), 3.75rem);
}

#collection .teaser-wrapper .item, #social .teaser-wrapper .item {
  color: #fff;
}
#collection .teaser-wrapper .item .teaser .subtitle, #social .teaser-wrapper .item .teaser .subtitle {
  height: 12.6vw;
}
@media (min-width: 1024px) {
  #collection .teaser-wrapper .item .teaser .subtitle, #social .teaser-wrapper .item .teaser .subtitle {
    height: 4.55vw;
  }
}
@media (min-width: 1920px) {
  #collection .teaser-wrapper .item .teaser .subtitle, #social .teaser-wrapper .item .teaser .subtitle {
    height: 4.3vw;
  }
}
#collection .teaser-wrapper .item .teaser-label, #social .teaser-wrapper .item .teaser-label {
  padding: 10px 0 15px;
  font-size: clamp(1rem, calc(1rem + (1vw - 4.8px) * 1.3461538462), 2.75rem);
  border-top: 1px solid;
}
@media (min-width: 1024px) {
  #collection .teaser-wrapper .item .teaser-label, #social .teaser-wrapper .item .teaser-label {
    padding: 20px 0 30px;
  }
}

.composite-content.paragraph-container, .composite-content.embed, .composite-content.composite-teaser, .composite-content.composite-media-teaser, .composite-content.socialmedia, .composite-content.cb-image, .composite-content.player, .composite-content.link, .composite-content.quote {
  margin-bottom: 6.6vw;
}
@media (min-width: 1024px) {
  .composite-content.paragraph-container, .composite-content.embed, .composite-content.composite-teaser, .composite-content.composite-media-teaser, .composite-content.socialmedia, .composite-content.cb-image, .composite-content.player, .composite-content.link, .composite-content.quote {
    margin-bottom: 3.7vw;
  }
}
@media (min-width: 1920px) {
  .composite-content.paragraph-container, .composite-content.embed, .composite-content.composite-teaser, .composite-content.composite-media-teaser, .composite-content.socialmedia, .composite-content.cb-image, .composite-content.player, .composite-content.link, .composite-content.quote {
    margin-bottom: 3.7vw;
  }
}
.composite-content.paragraph-container h2, .composite-content.embed h2, .composite-content.composite-teaser h2, .composite-content.composite-media-teaser h2, .composite-content.socialmedia h2, .composite-content.cb-image h2, .composite-content.player h2, .composite-content.link h2, .composite-content.quote h2 {
  margin: 0 0 5.2vw 0;
}
.composite-content.paragraph-container p, .composite-content.paragraph-container ul, .composite-content.paragraph-container a, .composite-content.embed p, .composite-content.embed ul, .composite-content.embed a, .composite-content.composite-teaser p, .composite-content.composite-teaser ul, .composite-content.composite-teaser a, .composite-content.composite-media-teaser p, .composite-content.composite-media-teaser ul, .composite-content.composite-media-teaser a, .composite-content.socialmedia p, .composite-content.socialmedia ul, .composite-content.socialmedia a, .composite-content.cb-image p, .composite-content.cb-image ul, .composite-content.cb-image a, .composite-content.player p, .composite-content.player ul, .composite-content.player a, .composite-content.link p, .composite-content.link ul, .composite-content.link a, .composite-content.quote p, .composite-content.quote ul, .composite-content.quote a {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: normal;
  line-height: 1.3;
  font-size: clamp(1rem, calc(1rem + (1vw - 4.8px) * 1.2980769231), 2.6875rem);
}
.composite-content.paragraph-container p, .composite-content.embed p, .composite-content.composite-teaser p, .composite-content.composite-media-teaser p, .composite-content.socialmedia p, .composite-content.cb-image p, .composite-content.player p, .composite-content.link p, .composite-content.quote p {
  margin: 0 0 3.9vw 0;
}
.composite-content.paragraph-container p:last-of-type, .composite-content.embed p:last-of-type, .composite-content.composite-teaser p:last-of-type, .composite-content.composite-media-teaser p:last-of-type, .composite-content.socialmedia p:last-of-type, .composite-content.cb-image p:last-of-type, .composite-content.player p:last-of-type, .composite-content.link p:last-of-type, .composite-content.quote p:last-of-type {
  margin: 0;
}
.composite-content.paragraph-container .answer p, .composite-content.embed .answer p, .composite-content.composite-teaser .answer p, .composite-content.composite-media-teaser .answer p, .composite-content.socialmedia .answer p, .composite-content.cb-image .answer p, .composite-content.player .answer p, .composite-content.link .answer p, .composite-content.quote .answer p {
  margin: 0 0 3.9vw 0 !important;
}
.composite-content.paragraph-container ul, .composite-content.embed ul, .composite-content.composite-teaser ul, .composite-content.composite-media-teaser ul, .composite-content.socialmedia ul, .composite-content.cb-image ul, .composite-content.player ul, .composite-content.link ul, .composite-content.quote ul {
  margin-left: 3.5vw;
}
@media (min-width: 1024px) {
  .composite-content.paragraph-container ul, .composite-content.embed ul, .composite-content.composite-teaser ul, .composite-content.composite-media-teaser ul, .composite-content.socialmedia ul, .composite-content.cb-image ul, .composite-content.player ul, .composite-content.link ul, .composite-content.quote ul {
    margin-left: 2vw;
  }
}
.composite-content.paragraph-container img, .composite-content.embed img, .composite-content.composite-teaser img, .composite-content.composite-media-teaser img, .composite-content.socialmedia img, .composite-content.cb-image img, .composite-content.player img, .composite-content.link img, .composite-content.quote img {
  width: 100%;
  margin: 1.9vw 0;
}
@media (min-width: 1024px) {
  .composite-content.paragraph-container h2, .composite-content.paragraph-container p, .composite-content.embed h2, .composite-content.embed p, .composite-content.composite-teaser h2, .composite-content.composite-teaser p, .composite-content.composite-media-teaser h2, .composite-content.composite-media-teaser p, .composite-content.socialmedia h2, .composite-content.socialmedia p, .composite-content.cb-image h2, .composite-content.cb-image p, .composite-content.player h2, .composite-content.player p, .composite-content.link h2, .composite-content.link p, .composite-content.quote h2, .composite-content.quote p {
    margin: 0 0 2.9vw 0;
  }
  .composite-content.paragraph-container p:last-of-type, .composite-content.embed p:last-of-type, .composite-content.composite-teaser p:last-of-type, .composite-content.composite-media-teaser p:last-of-type, .composite-content.socialmedia p:last-of-type, .composite-content.cb-image p:last-of-type, .composite-content.player p:last-of-type, .composite-content.link p:last-of-type, .composite-content.quote p:last-of-type {
    margin: 0;
  }
  .composite-content.paragraph-container .answer p, .composite-content.embed .answer p, .composite-content.composite-teaser .answer p, .composite-content.composite-media-teaser .answer p, .composite-content.socialmedia .answer p, .composite-content.cb-image .answer p, .composite-content.player .answer p, .composite-content.link .answer p, .composite-content.quote .answer p {
    margin: 0 0 3.9vw 0 !important;
  }
  .composite-content.paragraph-container .answer p a.external:after, .composite-content.embed .answer p a.external:after, .composite-content.composite-teaser .answer p a.external:after, .composite-content.composite-media-teaser .answer p a.external:after, .composite-content.socialmedia .answer p a.external:after, .composite-content.cb-image .answer p a.external:after, .composite-content.player .answer p a.external:after, .composite-content.link .answer p a.external:after, .composite-content.quote .answer p a.external:after {
    display: none;
  }
  .composite-content.paragraph-container img, .composite-content.embed img, .composite-content.composite-teaser img, .composite-content.composite-media-teaser img, .composite-content.socialmedia img, .composite-content.cb-image img, .composite-content.player img, .composite-content.link img, .composite-content.quote img {
    margin: 1vw 0;
  }
}
@media (min-width: 1920px) {
  .composite-content.paragraph-container img, .composite-content.embed img, .composite-content.composite-teaser img, .composite-content.composite-media-teaser img, .composite-content.socialmedia img, .composite-content.cb-image img, .composite-content.player img, .composite-content.link img, .composite-content.quote img {
    margin: 3.13vw 0;
  }
}
.composite-content.bannerset {
  margin-bottom: 6.6vw;
}
@media (min-width: 1024px) {
  .composite-content.bannerset {
    margin-bottom: 3.7vw;
  }
}
@media (min-width: 1920px) {
  .composite-content.bannerset {
    margin-bottom: 3.7vw;
  }
}
.composite-content .banner {
  margin: 0;
  margin-bottom: 6.6vw;
}
@media (min-width: 1024px) {
  .composite-content .banner {
    margin-bottom: 3.7vw;
  }
}
@media (min-width: 1920px) {
  .composite-content .banner {
    margin-bottom: 3.7vw;
  }
}
.composite-content.embed.large {
  margin-left: 0;
  margin-right: 0;
}
.composite-contenth2.paragraph-title, .composite-content h3.paragraph-title {
  font-size: clamp(1.5rem, calc(1.5rem + (1vw - 4.8px) * 1.7307692308), 3.75rem);
}
.composite-content.composite-teaser h3 {
  text-align: center;
  font-size: clamp(1.5625rem, calc(1.5625rem + (1vw - 4.8px) * 2.8846153846), 5.3125rem);
  margin: 0 0 6.5vw 0;
}
@media (min-width: 1024px) {
  .composite-content.composite-teaser h3 {
    margin: 0 0 3.9vw 0;
  }
}
.composite-content.small {
  margin: 9.76vw 0;
}
@media (min-width: 1024px) {
  .composite-content.small {
    margin: 6.35vw 0;
  }
}
@media (min-width: 1920px) {
  .composite-content.small {
    margin: 5.99vw 0;
  }
}
.composite-content.small {
  padding: 0 6.5vw;
}
@media (min-width: 1024px) {
  .composite-content.small {
    padding: 0 4rem;
  }
}
.composite-content.small .grid {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}
@media (min-width: 1024px) {
  .composite-content.small .grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
.composite-content.small img {
  width: 100%;
  margin: 0;
}
.composite-content.small .text {
  margin: 5.21vw 0 0 0;
}
@media (min-width: 1024px) {
  .composite-content.small .text {
    margin: 2.34vw 0 0 4.29vw;
    padding: 0;
  }
}
.composite-content.small .text h2 {
  margin: 0 0 5.2vw 0;
}
.composite-content.small .text p, .composite-content.small .text ul, .composite-content.small .text a {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: normal;
  line-height: 1.3;
  font-size: clamp(1rem, calc(1rem + (1vw - 4.8px) * 1.2980769231), 2.6875rem);
}
.composite-content.small .text p {
  margin: 0 0 3.9vw 0;
}
.composite-content.small .text p:last-of-type {
  margin: 0;
}
.composite-content.small .text .answer p {
  margin: 0 0 3.9vw 0 !important;
}
.composite-content.small .text ul {
  margin-left: 3.5vw;
}
@media (min-width: 1024px) {
  .composite-content.small .text ul {
    margin-left: 2vw;
  }
}
.composite-content.small .text img {
  width: 100%;
  margin: 1.9vw 0;
}
@media (min-width: 1024px) {
  .composite-content.small .text h2, .composite-content.small .text p {
    margin: 0 0 2.9vw 0;
  }
  .composite-content.small .text p:last-of-type {
    margin: 0;
  }
  .composite-content.small .text .answer p {
    margin: 0 0 3.9vw 0 !important;
  }
  .composite-content.small .text .answer p a.external:after {
    display: none;
  }
  .composite-content.small .text img {
    margin: 1vw 0;
  }
}
@media (min-width: 1920px) {
  .composite-content.small .text img {
    margin: 3.13vw 0;
  }
}
.composite-content.large .image-full img {
  margin: 0 0 9.11vw 0 !important;
}
@media (min-width: 1024px) {
  .composite-content.large .image-full img {
    margin: 0 0 3.32vw 0 !important;
  }
}
.composite-content.large .call-to-action .link {
  background-color: none;
  text-decoration: underline;
}
.composite-content.composite-media-teaser .grid {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}
.composite-content.composite-media-teaser .image a {
  font-size: 0;
  line-height: 0;
}
.composite-content.composite-media-teaser .image img {
  width: 100%;
  margin: 0;
  min-height: 48.9vw;
  background-color: #4f4f4f;
}
.composite-content.composite-media-teaser .text h3 {
  width: 100%;
  font-size: clamp(1.75rem, calc(1.75rem + (1vw - 4.8px) * 1.7307692308), 4rem);
  line-height: 1.5;
  font-family: "NTR Speciaal Bold";
  padding: 2vw 0;
  border-bottom: 2px solid #ffffff;
}
.composite-content.composite-media-teaser .text .teaser-text {
  margin: 1vw 0 0 0;
  line-height: 1.3;
  font-size: clamp(1rem, calc(1rem + (1vw - 4.8px) * 1.2980769231), 2.6875rem);
}
.composite-content.composite-media-teaser .text .teaser-text p {
  margin: 0;
  padding: 0;
}
.composite-content.composite-media-teaser .text .teaser-link {
  font-weight: bold;
  font-size: inherit;
  display: inline-block;
  margin-top: 1rem;
}
.composite-content.composite-media-teaser .text .teaser-link a {
  font-size: clamp(1.5rem, calc(1.5rem + (1vw - 4.8px) * 0.7692307692), 2.5rem);
  text-decoration: none;
}
@media (min-width: 1024px) {
  .composite-content.composite-media-teaser .grid {
    grid-template-columns: repeat(2, 1fr);
    column-gap: 4.17vw;
  }
  .composite-content.composite-media-teaser .text h3 {
    padding: 0 0 1vw 0;
  }
  .composite-content.composite-media-teaser .text .teaser-link {
    margin-top: 2rem;
  }
  .composite-content.composite-media-teaser .image img {
    min-height: 24.4vw;
  }
}
.composite-content.cb-image .image img {
  width: 100%;
  margin: 0;
  padding: 0;
}

.banner-wrapper {
  margin-left: auto;
  margin-right: auto;
  max-width: 1920px;
}
@media (min-width: 1024px) {
  .banner-wrapper {
    padding: 0 4rem;
  }
}

.banner {
  height: 32.55vw;
  margin: 3.9vw 0 3.9vw 0;
}
@media (min-width: 1024px) {
  .banner {
    height: 16rem;
    margin: 1rem 0 1rem 0;
  }
}
@media (min-width: 1920px) {
  .banner {
    height: 26rem;
  }
}
.banner {
  position: relative;
  width: 100%;
  background-color: #787878;
  display: inline-block;
  overflow: hidden;
  font-family: "NTR Speciaal Bold";
}
.banner a {
  text-decoration: none;
  margin: 0;
  padding: 0;
}
.banner .banner-image {
  position: relative;
  width: 72vw;
  height: 100%;
  background-size: cover;
  background-position: center;
  clip-path: circle(50vw at 21vw 50%);
  overflow: hidden;
  text-overflow: ellipsis;
}
.banner .banner-image p {
  padding: 7.6vw 3.26vw 7.6vw 14.71vw;
  font-size: clamp(1.75rem, calc(1.75rem + (1vw - 4.8px) * 2.7403846154), 5.3125rem);
  line-height: 1.25;
}
@media (min-width: 1024px) {
  .banner .banner-image {
    width: 86.91vw;
    height: 16rem;
    clip-path: ellipse(44vw 30vw at 41.5vw 9vw);
  }
  .banner .banner-image p {
    padding: 3rem 30rem 3rem 20rem;
    height: 16rem;
    display: flex;
    align-items: center;
  }
}
@media (min-width: 1920px) {
  .banner .banner-image p {
    height: 26rem;
  }
}
.banner .banner-text {
  padding: 6.7vw 37.76vw 6.7vw 12.37vw;
  font-size: clamp(1.5625rem, calc(1.5625rem + (1vw - 4.8px) * 2.8846153846), 5.3125rem);
  line-height: 1.2;
  text-decoration: none;
  overflow: hidden;
  text-overflow: ellipsis;
}
.banner .banner-text a, .banner .banner-text p {
  margin: 0;
  padding: 0;
  font-family: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
}
@media (min-width: 1024px) {
  .banner .banner-text {
    padding: 3rem 30rem 3rem 20rem;
    height: 16rem;
    display: flex;
    align-items: center;
  }
}
@media (min-width: 1920px) {
  .banner .banner-text {
    height: 26rem;
  }
}
.banner .bgb, .banner .bgcb {
  z-index: 2;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.banner .bgb svg, .banner .bgcb svg {
  fill: #ffffff;
}
.banner .bgb1, .banner .bgb2, .banner .bgb3,
.banner .bgcb1, .banner .bgcb2, .banner .bgcb3, .banner .bgcb4 {
  position: absolute;
  border-radius: 100%;
}
.banner .bgb1 {
  bottom: -16.28vw;
  left: -16.28vw;
  width: 32.56vw;
  height: 32.56vw;
  background-color: #000000;
}
@media (min-width: 1024px) {
  .banner .bgb1 {
    bottom: 0;
    left: 0;
    transform: translate(-50%, 50%);
    width: 24rem;
    height: 24rem;
  }
}
.banner .bgcb1 {
  bottom: -13.01vw;
  left: -13.01vw;
  width: 26.04vw;
  height: 26.04vw;
  background-color: #000000;
}
@media (min-width: 1024px) {
  .banner .bgcb1 {
    bottom: 0;
    left: 0;
    transform: translate(-50%, 50%);
    width: 24rem;
    height: 24rem;
  }
}
.banner .bgcb2, .banner .bgb2 {
  top: -20vw;
  right: -21.1vw;
  width: 39.58vw;
  height: 39.58vw;
  background-color: #ffffff;
}
@media (min-width: 1024px) {
  .banner .bgcb2, .banner .bgb2 {
    right: 0;
    top: 0;
    transform: translate(50%, -50%);
    width: 20rem;
    height: 20rem;
  }
}
.banner .bgcb3 {
  bottom: -1vw;
  right: 23.8vw;
  width: 13.02vw;
  height: 13.02vw;
  background-color: #505050;
}
@media (min-width: 1024px) {
  .banner .bgcb3 {
    bottom: 0;
    transform: translate(0%, 50%);
    right: 15%;
    width: 16rem;
    height: 16rem;
  }
}
.banner .bgcb4, .banner .bgb3 {
  bottom: 8.72vw;
  right: 13.41vw;
  width: 15.63vw;
  height: 15.63vw;
  background-color: #000000;
}
@media (min-width: 1024px) {
  .banner .bgcb4, .banner .bgb3 {
    bottom: calc(50% - 3.5rem);
    right: 6.8vw;
    width: 7rem;
    height: 7rem;
  }
}

.block-title-banner {
  padding-top: 0;
}

.banner-teaser-wrapper a:link, .banner-teaser-wrapper a:visited {
  text-decoration: none;
}
.banner-teaser-wrapper .theme-banner {
  padding-top: 0.7vw;
}
.banner-teaser-wrapper .theme-banner h3 {
  font-size: clamp(1.0625rem, calc(1.0625rem + (1vw - 4.8px) * 1.3942307692), 2.875rem);
}
@media (min-width: 1024px) {
  .banner-teaser-wrapper .theme-banner {
    padding-top: 1.2vw;
  }
}
@media (min-width: 1920px) {
  .banner-teaser-wrapper .theme-banner {
    padding-top: 0.25vw;
  }
}

.banner-margins {
  margin-left: 6.51vw;
  margin-right: 6.51vw;
}
@media (min-width: 1024px) {
  .banner-margins {
    margin-left: 4rem;
    margin-right: 4rem;
  }
}
@media (min-width: 1920px) {
  .banner-margins {
    margin-left: 4rem;
    margin-right: 4rem;
  }
}

.banner-double-wrapper {
  margin-left: 6.51vw;
  margin-right: 6.51vw;
}
@media (min-width: 1024px) {
  .banner-double-wrapper {
    margin-left: 4rem;
    margin-right: 4rem;
  }
}
@media (min-width: 1920px) {
  .banner-double-wrapper {
    margin-left: 4rem;
    margin-right: 4rem;
  }
}
.banner-double-wrapper {
  margin-top: 0;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  row-gap: 6.6vw;
}
.banner-double-wrapper a:link, .banner-double-wrapper a:visited {
  text-decoration: none !important;
}
@media (min-width: 1024px) {
  .banner-double-wrapper {
    grid-template-columns: repeat(2, 1fr);
    column-gap: 1.77vw;
    row-gap: 0;
  }
}
@media (min-width: 1920px) {
  .banner-double-wrapper {
    column-gap: 1.77vw;
  }
}
.banner-double-wrapper .textBanner {
  padding: 2.3vw 2.9vw;
}
.banner-double-wrapper .textBanner h3 {
  font-size: clamp(1.4375rem, calc(1.4375rem + (1vw - 4.8px) * 1.2980769231), 3.125rem);
  color: #000000;
  margin: 0;
}
.banner-double-wrapper .textBanner .bannerSubtitle {
  display: block;
  font-size: clamp(1.4375rem, calc(1.4375rem + (1vw - 4.8px) * 1.2980769231), 3.125rem);
  font-family: "NTR Speciaal Bold";
  padding-top: 0.7vw;
}

.pip-content {
  padding: 0 6.51vw;
  margin: 40px auto;
  max-width: 1100px;
}
@media (min-width: 1024px) {
  .pip-content {
    padding: 0 4rem;
  }
}
.pip-content {
  color: #ffffff;
}
.pip-content h2 {
  margin: 0 0 5.2vw 0;
}
.pip-content p, .pip-content ul, .pip-content a {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: normal;
  line-height: 1.3;
  font-size: clamp(1rem, calc(1rem + (1vw - 4.8px) * 1.2980769231), 2.6875rem);
}
.pip-content p {
  margin: 0 0 3.9vw 0;
}
.pip-content p:last-of-type {
  margin: 0;
}
.pip-content .answer p {
  margin: 0 0 3.9vw 0 !important;
}
.pip-content ul {
  margin-left: 3.5vw;
}
@media (min-width: 1024px) {
  .pip-content ul {
    margin-left: 2vw;
  }
}
.pip-content img {
  width: 100%;
  margin: 1.9vw 0;
}
@media (min-width: 1024px) {
  .pip-content h2, .pip-content p {
    margin: 0 0 2.9vw 0;
  }
  .pip-content p:last-of-type {
    margin: 0;
  }
  .pip-content .answer p {
    margin: 0 0 3.9vw 0 !important;
  }
  .pip-content .answer p a.external:after {
    display: none;
  }
  .pip-content img {
    margin: 1vw 0;
  }
}
@media (min-width: 1920px) {
  .pip-content img {
    margin: 3.13vw 0;
  }
}
.pip-content .intro, .pip-content .intro p {
  font-size: clamp(1.3125rem, calc(1.3125rem + (1vw - 4.8px) * 0.9134615385), 2.5rem);
  font-family: "NTR Speciaal";
  margin-top: 3vw;
}
@media (min-width: 1024px) {
  .pip-content .intro, .pip-content .intro p {
    margin-top: 1.8vw;
  }
}
@media (min-width: 1920px) {
  .pip-content .intro, .pip-content .intro p {
    margin-top: 0.75vw;
  }
}
.pip-content .npostartbutton {
  width: 100%;
}
.pip-content .npostartbutton a {
  display: inline-block;
  margin: 0 auto 1vw;
  padding: 3px 7.15vw 5px;
  background-color: currentColor;
  border-radius: 15px;
  text-decoration: none;
}
.pip-content .player img {
  margin: 0;
}
.pip-content .player .episode-title h3 {
  display: inline-block;
  margin: 0.5vw 0;
  font-size: clamp(1.3125rem, calc(1.3125rem + (1vw - 4.8px) * 2.2596153846), 4.25rem);
}
.pip-content .player .episode-title .date {
  margin-top: 1vw;
  font-size: clamp(1.3125rem, calc(1.3125rem + (1vw - 4.8px) * 2.2596153846), 4.25rem);
  border-top: 2px solid;
}
@media (min-width: 1024px) {
  .pip-content .player .episode-title h3 {
    margin: 0.75vw 0;
  }
  .pip-content .player .episode-title .date {
    margin-top: 0.25vw;
    padding-top: 0.25vw;
  }
}
@media (min-width: 1920px) {
  .pip-content .player .episode-title .date {
    padding-top: 0.5vw;
  }
}
.pip-content .last-episode {
  position: relative;
  color: #ffffff;
  margin: 0 0 3.9vw 0;
}
.pip-content .last-episode .npo-button {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 40.36vw;
  height: 6.51vw;
  margin: auto;
  padding: 1vw 1.95vw;
  background-color: #ec6d1e;
  font-family: "Source Sans Pro", sans-serif;
  font-size: clamp(1.125rem, calc(1.125rem + (1vw - 4.8px) * 1.8269230769), 3.5rem);
  border-radius: 10px;
  line-height: 1.2;
}
.pip-content .last-episode .npo-button img {
  position: relative;
  float: left;
  top: 1.4vw;
  width: 3.9vw;
  margin: 0 1.5vw 0 0;
}
.pip-content .last-episode .text {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 0 3.26vw 3.26vw 3.26vw;
}
.pip-content .last-episode .text .title {
  font-family: "NTR Speciaal Bold";
  font-size: clamp(1.25rem, calc(1.25rem + (1vw - 4.8px) * 2.3076923077), 4.25rem);
  line-height: 1.5;
  border-bottom: 3px solid #ffffff;
}
.pip-content .last-episode .text .date {
  font-family: "NTR Speciaal";
  font-size: clamp(1rem, calc(1rem + (1vw - 4.8px) * 1.4423076923), 2.875rem);
  line-height: 1.8;
}
@media (min-width: 1024px) {
  .pip-content .last-episode .npo-button {
    width: 24.41vw;
    height: 4.1vw;
    padding: 1vw;
  }
  .pip-content .last-episode .npo-button img {
    top: 0.3vw;
    width: 3vw;
    margin: 0 1.5vw 0 0;
  }
  .pip-content .last-episode .text {
    padding: 0 2vw 2vw 2vw;
  }
}
@media (min-width: 1920px) {
  .pip-content .last-episode .npo-button {
    width: 24.58vw;
    height: 4vw;
  }
  .pip-content .last-episode .text {
    padding: 0 1.5vw 4.9vw 1.5vw;
  }
}

.more-episodes, .tv-guide, .archive {
  width: 100%;
  height: auto;
  font-size: clamp(1.5625rem, calc(1.5625rem + (1vw - 4.8px) * 1.5384615385), 3.5625rem);
}
.more-episodes a:link, .tv-guide a:link, .archive a:link {
  text-decoration: none;
}
@media (min-width: 1024px) {
  .more-episodes, .tv-guide, .archive {
    width: 100%;
    padding: 4.88vw 2.9vw;
  }
}
@media (min-width: 1920px) {
  .more-episodes, .tv-guide, .archive {
    height: auto;
    padding: 2.6vw 1.56vw;
  }
}
.more-episodes h2, .tv-guide h2, .archive h2 {
  text-align: center;
}
.more-episodes .date, .tv-guide .date, .archive .date {
  margin-top: 3.26vw;
  padding-top: 2.6vw;
  border-top: 2px solid;
}
@media (min-width: 1024px) {
  .more-episodes .date, .tv-guide .date, .archive .date {
    margin-top: 0.98vw;
    padding-top: 0.98vw;
  }
}
@media (min-width: 1920px) {
  .more-episodes .date, .tv-guide .date, .archive .date {
    padding-top: 0.78vw;
  }
}
.more-episodes .date img, .tv-guide .date img, .archive .date img {
  height: 7.8vw;
  width: auto;
  float: right;
}
@media (min-width: 1024px) {
  .more-episodes .date img, .tv-guide .date img, .archive .date img {
    height: 2.44vw;
  }
}
@media (min-width: 1920px) {
  .more-episodes .date img, .tv-guide .date img, .archive .date img {
    height: 2.6vw;
  }
}
.more-episodes .more, .tv-guide .more, .archive .more {
  display: inline-block;
  width: 100%;
  margin: 9vw 0 1vw 0;
  text-align: center;
  font-family: "NTR Speciaal Bold";
  font-size: clamp(1.25rem, calc(1.25rem + (1vw - 4.8px) * 1.4903846154), 3.1875rem);
}
@media (min-width: 1024px) {
  .more-episodes .more, .tv-guide .more, .archive .more {
    margin: 0 0 1vw 0;
  }
}
@media (min-width: 1920px) {
  .more-episodes .more, .tv-guide .more, .archive .more {
    margin: 3vw 0 5vw 0;
  }
}
.more-episodes .more a, .tv-guide .more a, .archive .more a {
  text-decoration: underline;
}
.more-episodes .slider, .tv-guide .slider, .archive .slider {
  margin-top: 6.51vw;
}
@media (min-width: 1920px) {
  .more-episodes .slider, .tv-guide .slider, .archive .slider {
    margin-top: 3.13vw;
    margin-bottom: 8.59px;
  }
}
.more-episodes .slider .episode-title, .tv-guide .slider .episode-title, .archive .slider .episode-title {
  height: 17vw;
  overflow: hidden;
  padding: 1vw 0;
  display: grid;
}
@media (min-width: 1024px) {
  .more-episodes .slider .episode-title, .tv-guide .slider .episode-title, .archive .slider .episode-title {
    height: 9.77vw;
    padding: 0;
  }
}
@media (min-width: 1920px) {
  .more-episodes .slider .episode-title, .tv-guide .slider .episode-title, .archive .slider .episode-title {
    height: 10.9vw;
    padding: 0.78vw 0;
  }
}
.more-episodes .slider .episode-title h3, .tv-guide .slider .episode-title h3, .archive .slider .episode-title h3 {
  text-align: left;
  font-size: clamp(1.5625rem, calc(1.5625rem + (1vw - 4.8px) * 1.5384615385), 3.5625rem);
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (min-width: 1024px) {
  .more-episodes .slider .episode-title h3, .tv-guide .slider .episode-title h3, .archive .slider .episode-title h3 {
    margin: 1vw 0 0.25vw 0;
    font-weight: normal;
  }
}
@media (min-width: 1920px) {
  .more-episodes .slider .episode-title h3, .tv-guide .slider .episode-title h3, .archive .slider .episode-title h3 {
    margin: 1vw 0 0.25vw 0;
  }
}
.more-episodes .slider .episode-title .date, .tv-guide .slider .episode-title .date, .archive .slider .episode-title .date {
  align-self: end;
  margin: 0;
  padding: 1vw 0 0 0;
  font-size: clamp(1.25rem, calc(1.25rem + (1vw - 4.8px) * 1.2019230769), 2.8125rem);
}
@media (min-width: 1024px) {
  .more-episodes .slider .episode-title .date, .tv-guide .slider .episode-title .date, .archive .slider .episode-title .date {
    padding: 0.5vw 0 0 0;
  }
}

.more-episodes, .tv-guide {
  margin-left: auto;
  margin-right: auto;
  padding: 0 6.5vw 6.5vw 6.5vw;
}
@media (min-width: 1024px) {
  .more-episodes, .tv-guide {
    padding: 0 4rem;
  }
  .more-episodes .block-title, .tv-guide .block-title {
    text-align: center;
  }
  .more-episodes .block-title h2, .tv-guide .block-title h2 {
    display: inline-block;
  }
}
@media (min-width: 1920px) {
  .more-episodes, .tv-guide {
    padding-top: 3.13vw;
    padding-bottom: 5.47px;
  }
}
.more-episodes .start-logo, .tv-guide .start-logo {
  display: block;
  margin: 2.6vw auto;
}
@media (min-width: 1024px) {
  .more-episodes .start-logo, .tv-guide .start-logo {
    display: inline-block;
    height: 3.41vw;
    margin: 0.49vw 0.49vw -0.49vw;
  }
}
@media (min-width: 1920px) {
  .more-episodes .start-logo, .tv-guide .start-logo {
    height: 3.39vw;
    margin-left: 1.56vw;
  }
}
.more-episodes .img, .tv-guide .img {
  position: relative;
  width: 100%;
  background-color: #4f4f4f;
}
.more-episodes .img .npo-button, .tv-guide .img .npo-button {
  position: absolute;
  bottom: 2.6vw;
  right: 3.26vw;
  height: 6.51vw;
  padding: 1.3vw;
  border-radius: 10px;
  background-color: #ec6d1e;
  font-size: clamp(1rem, calc(1rem + (1vw - 4.8px) * 1.0576923077), 2.375rem);
}
@media (min-width: 1024px) {
  .more-episodes .img .npo-button, .tv-guide .img .npo-button {
    height: 3.42vw;
    bottom: 1.46vw;
    right: 1.46vw;
    padding: 0.68vw;
  }
}
.more-episodes .slider, .tv-guide .slider {
  margin-bottom: 15.6vw;
}
@media (min-width: 1024px) {
  .more-episodes .slider, .tv-guide .slider {
    margin-top: 4.88vw;
    margin-bottom: 7.8vw;
  }
}
@media (min-width: 1920px) {
  .more-episodes .slider, .tv-guide .slider {
    margin-top: 4.42vw;
    margin-bottom: 5.47vw;
  }
}

.tv-guide .episode-title {
  height: 18vw !important;
}
@media (min-width: 1024px) {
  .tv-guide .episode-title {
    height: 10vw !important;
  }
}
@media (min-width: 1920px) {
  .tv-guide .episode-title {
    height: 10.9vw !important;
  }
}

.pip-detail {
  padding: 0 6.51vw;
  margin: 40px auto;
  max-width: 1100px;
}
@media (min-width: 1024px) {
  .pip-detail {
    padding: 0 4rem;
  }
}
.pip-detail .divider.zero {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.pip-detail .pip-soc {
  margin: 0 0 6.51vw 0;
  padding: 0 6.5vw;
}
@media (min-width: 1024px) {
  .pip-detail .pip-soc {
    margin: 0 0 2vw 0;
    padding: 0 4rem;
  }
}
@media (min-width: 1920px) {
  .pip-detail .pip-soc {
    margin: 0 0 4.69vw 0;
    padding: 0 4rem;
  }
}
@media (min-width: 1024px) {
  .pip-detail .pip-soc.bottom {
    margin: 0 0 4vw 0;
  }
}
.pip-detail .pip-soc .divider {
  margin: 0 0 6.5vw 0 !important;
}
.pip-detail .pip-soc .divider.zero {
  margin: 0 !important;
}
.pip-detail .banner {
  padding: 0;
  margin: 0 0 5.9vw 0 !important;
}
@media (min-width: 1024px) {
  .pip-detail .banner {
    margin: 0 0 4.88vw 0 !important;
  }
}
.pip-detail .pip-content .call-to-action {
  width: 100%;
}

#overlay-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.9);
}

.filter-block {
  display: none;
  position: fixed;
  top: 0;
  margin: 0;
  color: #ffffff;
  z-index: 10;
  width: 100%;
  height: 100%;
  overflow: hidden;
  flex-direction: column;
}
.filter-block .inner-block {
  background-color: #303030;
  padding: 40px;
  grid-template-columns: 1fr;
  row-gap: 20px;
  column-gap: 30px;
  text-align: left;
  position: relative;
  overflow-y: scroll;
  flex-grow: 1;
}
.filter-block.open {
  display: flex;
}
.filter-block.open .inner-block {
  display: grid;
}
.filter-block ul {
  list-style-type: none;
  margin: 2rem 0 2rem 0;
}
.filter-block li {
  margin: 0 0 15px 0;
}
.filter-block h4 {
  font-family: "NTR Speciaal";
  font-size: 3rem;
  padding: 1rem 0;
  margin: 0 0 1rem 0;
  border-bottom: 2px solid #ffffff;
}
.filter-block .title {
  flex-shrink: 0;
  background-color: #303030;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 40px 0.5rem;
  border-bottom: 1px solid #ffffff;
  position: relative;
}
.filter-block .title .heading {
  font-size: clamp(1.25rem, calc(1.25rem + (1vw - 4.8px) * 1.9230769231), 3.75rem);
  font-family: "NTR Speciaal Bold";
}
.filter-block .close {
  color: #ffffff;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  touch-action: manipulation;
  background: transparent;
  border: 0;
  border-radius: 0;
  margin: 0;
  padding: 0;
  cursor: pointer;
}
.filter-block .close .icon {
  width: 24px;
  fill: currentColor;
}
.filter-block .platform ul,
.filter-block .thema ul,
.filter-block .genre ul,
.filter-block .pagetype ul {
  display: grid;
  row-gap: 0;
}
.filter-block .results {
  border-top: 1px solid #ffffff;
  flex-shrink: 0;
  text-align: right;
  font-family: "NTR Speciaal";
  font-size: 2.2rem;
  position: relative;
  background-color: #303030;
  padding: 10px 40px;
}
.filter-block .results .number {
  display: inline-block;
}
.filter-block .results button {
  color: #ffffff;
  border: 0;
  margin: 0 0 0 20px;
  padding: 10px 20px;
  font-size: 2rem;
  font-family: "NTR Speciaal Bold";
  cursor: pointer;
}
.filter-block .results button.cancel {
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .filter-block .results button.cancel {
    margin-bottom: 0;
  }
}
@media (max-width: 480px) {
  .filter-block h3 {
    font-size: 3rem;
  }
}
@media (min-width: 768px) {
  .filter-block .inner-block {
    grid-template-columns: 1fr 1fr;
    row-gap: 15px;
  }
  .filter-block .platform {
    grid-column: 1;
    grid-row: 2;
  }
  .filter-block .thema {
    grid-column: 1;
    grid-row: 3/span 3;
    align-self: start;
  }
  .filter-block .genre {
    grid-column: 2;
    grid-row: 2/span 3;
  }
  .filter-block .pagetype {
    grid-column: 1;
    grid-row: 4/span 1;
  }
}
@media (min-width: 1024px) {
  .filter-block .inner-block {
    grid-template-columns: 1fr 1fr 1fr;
    row-gap: 15px;
  }
  .filter-block h3 {
    font-size: 4rem;
  }
  .filter-block .title {
    grid-column: 1/span 3;
    grid-row: 1;
  }
  .filter-block .platform {
    grid-column: 1;
    grid-row: 2;
  }
  .filter-block .platform ul {
    grid-template-columns: repeat(1, 1fr);
  }
  .filter-block .thema {
    grid-column: 2/span 2;
    grid-row: 2;
  }
  .filter-block .thema ul {
    grid-template-columns: repeat(2, 1fr);
  }
  .filter-block .genre {
    grid-column: 1/span 3;
    grid-row: 3;
  }
  .filter-block .genre ul {
    grid-template-columns: repeat(3, 1fr);
  }
  .filter-block .pagetype {
    grid-column: 1/span 3;
    grid-row: 4/span 1;
  }
  .filter-block .results {
    grid-column: 1/span 4;
  }
}
.filter-block {
  /* custom checkboxes */
}
.filter-block .cbc {
  /* customize the label (cbc = checkboxcontainer) */
  display: block;
  position: relative;
  padding-left: 30px;
  padding-bottom: 5px;
  margin-bottom: 7px;
  cursor: pointer;
  font-size: clamp(1rem, calc(1rem + (1vw - 4.8px) * 0.1923076923), 1.25rem);
  line-height: 1.5;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* hide default checkbox */
}
.filter-block .cbc input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
  /* when checked, add a blue background */
}
.filter-block .cbc input:checked ~ .checkmark {
  background-color: #000000;
}
.filter-block .cbc input:checked ~ .checkmark:after {
  /* show checkmark when checked */
  display: block;
}
.filter-block .cbc {
  /* custom checkbox */
}
.filter-block .cbc .checkmark {
  position: absolute;
  left: 0;
  top: 1px;
  height: 20px;
  width: 20px;
  background-color: #ffffff;
  border: 1px solid #000000;
  /* Create the checkmark/indicator (hidden when not checked) */
}
.filter-block .cbc .checkmark:after {
  content: "";
  position: absolute;
  display: none;
  width: 14px;
  height: 14px;
  border: 2px solid white;
}

#programs {
  position: relative;
}

.programs {
  position: relative;
  margin-left: 6.51vw;
  margin-right: 6.51vw;
}
@media (min-width: 1024px) {
  .programs {
    margin-left: 4rem;
    margin-right: 4rem;
  }
}
@media (min-width: 1920px) {
  .programs {
    margin-left: 4rem;
    margin-right: 4rem;
  }
}
.programs.inactive {
  cursor: default;
  pointer-events: none;
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.programs.inactive div > * {
  cursor: default;
  pointer-events: none;
}
.programs .program-grid {
  margin-bottom: 6.6vw;
}
@media (min-width: 1024px) {
  .programs .program-grid {
    margin-bottom: 3.7vw;
  }
}
@media (min-width: 1920px) {
  .programs .program-grid {
    margin-bottom: 3.7vw;
  }
}
.programs .program-grid {
  color: #ffffff;
  display: grid;
  text-align: left;
  padding: 4.9vw 0;
  grid-template-columns: repeat(1, 1fr);
  row-gap: 3.99vw;
  column-gap: 3.97vw;
}
@media (min-width: 768px) {
  .programs .program-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1024px) {
  .programs .program-grid {
    row-gap: 2.4vw;
    column-gap: 1.77vw;
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 1920px) {
  .programs .program-grid {
    row-gap: 2.4vw;
    column-gap: 1.77vw;
  }
}
.programs .program-grid .program {
  height: 100%;
}
.programs .program-grid a {
  display: flex;
  flex-flow: column;
  text-decoration: none;
  height: 100%;
  position: relative;
}
.programs .program-grid img, .programs .program-grid .search-image {
  width: 100%;
  height: auto;
  padding-top: 56.25%;
  background-color: #4f4f4f;
  background-position: center;
  background-size: cover;
}
.programs .program-grid .program-title {
  display: grid;
  width: 100%;
  height: 100%;
  align-self: end;
}
.programs .program-grid h3 {
  font-size: clamp(1.0625rem, calc(1.0625rem + (1vw - 4.8px) * 1.3942307692), 2.875rem);
  margin: 0;
  padding: 1vw 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.programs .program-grid .type, .programs .program-grid .date {
  border-top: 2px solid #ffffff;
  font-size: clamp(1.0625rem, calc(1.0625rem + (1vw - 4.8px) * 1.3461538462), 2.8125rem);
  line-height: 1.4;
  margin: 0;
  padding: 0;
  align-self: end;
  min-height: 5.25vw;
}
@media (min-width: 1024px) {
  .programs .program-grid .type, .programs .program-grid .date {
    min-height: 2.7vw;
  }
}
.programs a.external {
  position: relative;
}
.programs a.external:after {
  position: absolute;
  content: url("./../images/icons/external-white.svg");
  width: 20px;
  height: 20px;
  padding: 0;
  margin: 0;
  top: 15px;
  right: 15px;
}
.programs p a.external:after {
  position: relative;
  content: "" !important;
  display: inline-block !important;
  background: url(./../images/icons/external-white.svg);
  width: 1em !important;
  height: 1em !important;
  margin: 0 0.2em !important;
  top: 0 !important;
  right: 0 !important;
  vertical-align: middle;
  background-size: contain;
}
.programs .program-grid img {
  padding-top: 0;
}
.programs .page-title {
  text-align: center;
  margin-top: 5.2vw;
  margin-bottom: 3.9vw;
  color: #ffffff;
}
@media (min-width: 1024px) {
  .programs .page-title {
    margin-top: 3.9vw;
    margin-bottom: 0.2vw;
  }
}
.programs .page-title h1, .programs .page-title h2 {
  font-size: clamp(1.25rem, calc(1.25rem + (1vw - 4.8px) * 3.2692307692), 5.5rem);
  font-family: "NTR Speciaal Bold";
}
.programs .filter-button {
  position: relative;
  width: 100%;
  text-align: center;
  font-family: "NTR Speciaal";
  font-size: clamp(1.25rem, calc(1.25rem + (1vw - 4.8px) * 1.4903846154), 3.1875rem);
  font-weight: bold;
  background: none;
  border: none;
  padding-left: 6.5vw;
  cursor: pointer;
}
.programs .filter-button svg {
  position: absolute;
  top: 0;
  width: 5.2vw;
  height: 5.2vw;
  margin-left: -6.5vw;
}
@media (min-width: 1024px) {
  .programs .filter-button {
    position: absolute;
    right: 4.9vw;
    top: 1.2vw;
    width: auto;
  }
  .programs .filter-button svg {
    position: absolute;
    top: 0;
    right: 5.86vw;
    width: 2.44vw;
    height: 2.44vw;
  }
}
@media (min-width: 1920px) {
  .programs .filter-button {
    position: absolute;
    right: 4.9vw;
    top: 0.5vw;
    width: auto;
  }
  .programs .filter-button svg {
    position: absolute;
    top: 0;
    right: 5.47vw;
    width: 2.08vw;
    height: 2.08vw;
  }
}
.programs .archive-link {
  width: 100%;
  display: block;
  text-align: center;
}
.programs .archive-link a {
  display: inline-block;
  margin: 1vw 0 13vw 0;
  font-size: clamp(1.25rem, calc(1.25rem + (1vw - 4.8px) * 1.4903846154), 3.1875rem);
  font-weight: bold;
  text-decoration: underline;
  color: #ffffff;
}
@media (min-width: 1024px) {
  .programs .archive-link a {
    margin: 1vw 0 5.86vw 0;
  }
}

#archive {
  position: relative;
}

.archive {
  position: relative;
  padding: 0;
}
.archive .program-grid {
  margin-bottom: 6.6vw;
}
@media (min-width: 1024px) {
  .archive .program-grid {
    margin-bottom: 3.7vw;
  }
}
@media (min-width: 1920px) {
  .archive .program-grid {
    margin-bottom: 3.7vw;
  }
}
.archive .program-grid {
  color: #ffffff;
  display: grid;
  text-align: left;
  padding: 4.9vw 0;
  grid-template-columns: repeat(1, 1fr);
  row-gap: 3.99vw;
  column-gap: 3.97vw;
}
@media (min-width: 768px) {
  .archive .program-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1024px) {
  .archive .program-grid {
    row-gap: 2.4vw;
    column-gap: 1.77vw;
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 1920px) {
  .archive .program-grid {
    row-gap: 2.4vw;
    column-gap: 1.77vw;
  }
}
.archive .program-grid .program {
  height: 100%;
}
.archive .program-grid a {
  display: flex;
  flex-flow: column;
  text-decoration: none;
  height: 100%;
  position: relative;
}
.archive .program-grid img, .archive .program-grid .search-image {
  width: 100%;
  height: auto;
  padding-top: 56.25%;
  background-color: #4f4f4f;
  background-position: center;
  background-size: cover;
}
.archive .program-grid .program-title {
  display: grid;
  width: 100%;
  height: 100%;
  align-self: end;
}
.archive .program-grid h3 {
  font-size: clamp(1.0625rem, calc(1.0625rem + (1vw - 4.8px) * 1.3942307692), 2.875rem);
  margin: 0;
  padding: 1vw 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.archive .program-grid .type, .archive .program-grid .date {
  border-top: 2px solid #ffffff;
  font-size: clamp(1.0625rem, calc(1.0625rem + (1vw - 4.8px) * 1.3461538462), 2.8125rem);
  line-height: 1.4;
  margin: 0;
  padding: 0;
  align-self: end;
  min-height: 5.25vw;
}
@media (min-width: 1024px) {
  .archive .program-grid .type, .archive .program-grid .date {
    min-height: 2.7vw;
  }
}
.archive h2 {
  margin: 5.21vw 0 3.9vw 0;
  width: 100%;
  font-size: clamp(2.625rem, calc(2.625rem + (1vw - 4.8px) * 3.4134615385), 7.0625rem);
  text-align: center;
  color: #ffffff;
}
@media (min-width: 1920px) {
  .archive h2 {
    margin: 2.08vw 0 1vw 0;
  }
}
.archive .select-years {
  display: inline-block;
  width: 100%;
  text-align: center;
  margin: 0 0 7.81vw 0;
  font-family: "NTR Speciaal Bold";
}
.archive .select-years .select-years-label {
  position: absolute;
  right: 55%;
  font-size: clamp(1.875rem, calc(1.875rem + (1vw - 4.8px) * 2.1153846154), 4.625rem);
  padding: 0 10px 0 0;
}
.archive .select-years .select-years-dropdown {
  position: absolute;
  min-width: 33vw;
  z-index: 4;
  left: 45%;
  display: inline-block;
  width: auto;
  margin: 0 0 0 10px;
  font-size: clamp(1.4375rem, calc(1.4375rem + (1vw - 4.8px) * 1.6346153846), 3.5625rem);
  border: 2px solid #ffffff;
  background-color: #303030;
}
.archive .select-years .select-years-dropdown li {
  height: auto;
  overflow: hidden;
  margin: 0 5px 0 20px;
  line-height: 1.5em;
  list-style-type: none;
  text-align: left;
}
.archive .select-years .select-years-dropdown li a {
  display: inline-block;
  width: 100%;
}
.archive .select-years .select-years-dropdown .select-years-icon {
  float: right;
  width: 2.6vw;
  height: 2.6vw;
  margin: -0.2vw 2.6vw;
  background-repeat: no-repeat;
}
@media (min-width: 1024px) {
  .archive .select-years {
    margin: 0 0 2.3vw 0;
  }
  .archive .select-years .select-years-dropdown {
    min-width: 16vw;
  }
  .archive .select-years .select-years-dropdown .select-years-icon {
    width: 1.37vw;
    height: 1.37vw;
    margin: -0.2vw 1.37vw;
  }
}
@media (min-width: 1920px) {
  .archive .select-years {
    margin: 2.08vw 0 3.26vw 0;
  }
  .archive .select-years .select-years-label {
    right: 53%;
  }
  .archive .select-years .select-years-dropdown {
    min-width: 15.5vw;
    left: 47%;
  }
}

.pager {
  width: 100%;
  display: inline-block;
  margin: 10vw auto 16vw auto;
}
@media (min-width: 1024px) {
  .pager {
    margin: 2vw auto 6.45vw auto;
  }
}
.pager {
  text-align: center;
}
.pager ul {
  display: inline-block;
  margin: 0 auto;
  list-style-type: none;
}
.pager ul li {
  float: left;
  height: 7.81vw;
  width: 7.81vw;
  margin: 0 0 0 4.17vw;
  font-size: clamp(1.25rem, calc(1.25rem + (1vw - 4.8px) * 1.7788461538), 3.5625rem);
  line-height: 2;
  border-radius: 50%;
  color: #000000;
  background-color: #989898;
  text-align: center;
}
@media (min-width: 1024px) {
  .pager ul li {
    height: 4.06vw;
    width: 4.06vw;
    margin: 0 0 0 1.95vw;
  }
}
.pager ul li:first-child {
  margin: 0 0 0 0;
}
.pager ul li.current {
  font-weight: bold;
}
.pager ul li a {
  display: inline-block;
  text-decoration: none;
  width: 100%;
  height: 100%;
}
.pager ul li.pager-division {
  color: #ffffff;
}

.searchresults #search-results {
  min-height: 4vw;
}
.searchresults h4.results {
  text-align: center;
  color: #ffffff;
  margin: 5vw 0 2vw 0;
  font-size: clamp(1.125rem, calc(1.125rem + (1vw - 4.8px) * 2.7884615385), 4.75rem);
}
@media (min-width: 1024px) {
  .searchresults h4.results {
    margin: 4vw 0 1vw 0;
  }
}
.searchresults .label {
  text-align: center;
  margin-bottom: 1.5vw;
  color: #ffffff;
  font-weight: bold;
  font-size: clamp(1rem, calc(1rem + (1vw - 4.8px) * 1.4423076923), 2.875rem);
}
@media (min-width: 1024px) {
  .searchresults .label {
    margin-bottom: 25px;
  }
}
.searchresults .search-text {
  position: relative;
}
.searchresults .search-text .summary {
  font-size: clamp(1rem, calc(1rem + (1vw - 4.8px) * 0.7692307692), 2rem);
  line-height: 1.2;
  margin: 0 0 1vw 0;
}
@media (min-width: 1024px) {
  .searchresults .search-text .summary {
    margin: 0 0 1vw 0;
  }
}
.searchresults img.info-icon {
  position: absolute;
  width: 5vw;
  height: 5vw;
  min-height: 5vw;
  top: 16vw;
  right: 2vw;
  background-color: inherit;
}
@media (min-width: 1024px) {
  .searchresults img.info-icon {
    width: 3vw;
    height: 3vw;
    min-height: 3vw;
    top: 8vw;
    right: 1vw;
  }
}
.searchresults .search-form {
  width: 50vw;
  margin: 2.5vw auto;
  font-family: "NTR Speciaal";
}
@media (min-width: 1024px) {
  .searchresults .search-form {
    max-width: 38vw;
  }
}
.searchresults .search-form form {
  height: 9.72vw;
  height: 9vw;
  height: 40px;
}
.searchresults .search-form form input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: 100%;
  width: calc(100% - 7.81vw);
  padding: 5px 10px;
  border-color: #1c1c1c;
  border-width: 2px;
  border-radius: 0;
  border-style: solid none solid solid;
  color: #1c1c1c;
  background-color: #ffffff;
  font-family: "NTR Speciaal";
  font-size: clamp(1.125rem, calc(1.125rem + (1vw - 4.8px) * 0.9615384615), 2.375rem);
  float: left;
}
@media (min-width: 1024px) {
  .searchresults .search-form form input {
    width: calc(100% - 5vw);
  }
}
.searchresults .search-form form button {
  height: 100%;
  width: 7.81vw !important;
  float: left;
  border-color: #1c1c1c;
  border-width: 2px;
  border-radius: 0;
  border-style: solid solid solid none;
  margin: 0;
  color: #1c1c1c;
  background-color: #ffffff;
  padding-right: 2.6vw;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .searchresults .search-form form button {
    width: 5vw !important;
    padding-right: 0;
  }
}
.searchresults .search-form form button svg {
  height: 5.51vw;
  height: 25px;
  fill: #1c1c1c;
}
@media (min-width: 1024px) {
  .searchresults .search-form form button svg {
    float: right;
    margin: 0 0.5vw;
  }
}

#detail .news {
  margin: 0;
  padding-top: 0;
}

.article {
  margin: 5.9vw 0 6.5vw 0;
}
.article h2 {
  margin: 0 0 5.2vw 0;
}
.article p, .article ul, .article a {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: normal;
  line-height: 1.3;
  font-size: clamp(1rem, calc(1rem + (1vw - 4.8px) * 1.2980769231), 2.6875rem);
}
.article p {
  margin: 0 0 3.9vw 0;
}
.article p:last-of-type {
  margin: 0;
}
.article .answer p {
  margin: 0 0 3.9vw 0 !important;
}
.article ul {
  margin-left: 3.5vw;
}
@media (min-width: 1024px) {
  .article ul {
    margin-left: 2vw;
  }
}
.article img {
  width: 100%;
  margin: 1.9vw 0;
}
@media (min-width: 1024px) {
  .article h2, .article p {
    margin: 0 0 2.9vw 0;
  }
  .article p:last-of-type {
    margin: 0;
  }
  .article .answer p {
    margin: 0 0 3.9vw 0 !important;
  }
  .article .answer p a.external:after {
    display: none;
  }
  .article img {
    margin: 1vw 0;
  }
}
@media (min-width: 1920px) {
  .article img {
    margin: 3.13vw 0;
  }
}
.article .content-title {
  margin: 0 6.5vw;
  color: #ffffff;
  text-align: center;
}
.article .content {
  margin: 40px auto;
  max-width: 1100px;
  padding: 0 6.51vw;
  color: #ffffff;
}
.article .content h2 {
  margin: 0 0 5.2vw 0;
}
.article .content p, .article .content ul, .article .content a {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: normal;
  line-height: 1.3;
  font-size: clamp(1rem, calc(1rem + (1vw - 4.8px) * 1.2980769231), 2.6875rem);
}
.article .content p {
  margin: 0 0 3.9vw 0;
}
.article .content p:last-of-type {
  margin: 0;
}
.article .content .answer p {
  margin: 0 0 3.9vw 0 !important;
}
.article .content ul {
  margin-left: 3.5vw;
}
@media (min-width: 1024px) {
  .article .content ul {
    margin-left: 2vw;
  }
}
.article .content img {
  width: 100%;
  margin: 1.9vw 0;
}
@media (min-width: 1024px) {
  .article .content h2, .article .content p {
    margin: 0 0 2.9vw 0;
  }
  .article .content p:last-of-type {
    margin: 0;
  }
  .article .content .answer p {
    margin: 0 0 3.9vw 0 !important;
  }
  .article .content .answer p a.external:after {
    display: none;
  }
  .article .content img {
    margin: 1vw 0;
  }
}
@media (min-width: 1920px) {
  .article .content img {
    margin: 3.13vw 0;
  }
}
.article .content .intro-image {
  display: inline-block;
  width: 100%;
  margin: 1.9vw 0 9.11vw 0;
}
.article .content .intro-image img {
  margin: 0;
}
.article .content img {
  margin: 1.9vw 0 5.9vw 0;
}
.article .content .link {
  margin: 0 0 3.9vw 0;
}
.article .content .link a {
  font-family: "NTR Speciaal Bold";
  text-decoration: none;
}
@media (min-width: 1024px) {
  .article .content {
    margin: 4.88vw auto;
    padding: 0 4rem;
  }
  .article .content .intro-image {
    margin: 0 0 4.88vw 0;
  }
  .article .content .link {
    margin: 0 0 2.9vw 0;
  }
}
.article .content.intro {
  margin-left: 6.51vw;
  margin-right: 6.51vw;
}
@media (min-width: 1024px) {
  .article .content.intro {
    margin-left: 20rem;
    margin-right: 20rem;
  }
}
@media (min-width: 1920px) {
  .article .content.intro {
    margin-left: 20rem;
    margin-right: 20rem;
  }
}
.article .content.body {
  margin-left: 6.51vw;
  margin-right: 6.51vw;
}
@media (min-width: 1024px) {
  .article .content.body {
    margin-left: 20rem;
    margin-right: 20rem;
  }
}
@media (min-width: 1920px) {
  .article .content.body {
    margin-left: 20rem;
    margin-right: 20rem;
  }
}
.article .content.body {
  margin-bottom: 6.6vw;
}
@media (min-width: 1024px) {
  .article .content.body {
    margin-bottom: 3.7vw;
  }
}
@media (min-width: 1920px) {
  .article .content.body {
    margin-bottom: 3.7vw;
  }
}
@media (min-width: 1024px) {
  .article {
    margin: 4.88vw 0;
  }
  .article .content-title {
    margin: 0 14.65vw;
  }
}
.article hr {
  margin: 6.51vw;
}
@media (min-width: 1024px) {
  .article hr {
    margin: 4rem;
  }
}
@media (min-width: 1920px) {
  .article hr {
    margin: 4rem;
  }
}

.socialcontainer {
  margin: 0 0 6.51vw 0;
  padding: 0 6.5vw;
}
@media (min-width: 1024px) {
  .socialcontainer {
    margin: 0 0 2vw 0;
    padding: 0 4rem;
  }
}
@media (min-width: 1920px) {
  .socialcontainer {
    margin: 0 0 4.69vw 0;
    padding: 0 4rem;
  }
}
@media (min-width: 1024px) {
  .socialcontainer.bottom {
    margin: 0 0 4vw 0;
  }
}
.socialcontainer .divider {
  margin: 6.5vw 0;
}
@media (min-width: 1024px) {
  .socialcontainer .divider {
    margin: 4vw 0;
  }
}

.social {
  width: 100%;
  padding: 25px 0 0;
  background-color: #4f4f4f;
}
.social p, .social p.share {
  font-family: "NTR Speciaal Bold";
  font-size: clamp(1.25rem, calc(1.25rem + (1vw - 4.8px) * 0.9615384615), 2.5rem);
  line-height: 1.5;
  text-align: center;
}
.social p a, .social p.share a {
  text-decoration: none;
  border-bottom: 0.2vw solid;
}
.social .icons {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  margin: 0;
  padding: 1vw 0 1.5vw 0;
}
.social .icons .icon {
  width: 9.5vw;
  height: 9.5vw;
  margin: 3.9vw;
  text-align: center;
  border-radius: 50%;
}
.social .icons .icon svg {
  width: 100%;
}
@media (min-width: 1024px) {
  .social .icons .icon {
    width: 3.9vw;
    height: 3.9vw;
    margin: 1.6vw;
  }
}

.faq-list {
  list-style: none;
}

.faq-item {
  font-family: "NTR Speciaal";
}
.faq-item button {
  cursor: pointer;
  width: 100%;
  margin: 2vw 0;
  padding: 1vw 0;
  color: #ffffff;
  background-color: transparent;
  border: none;
  text-decoration: underline;
  display: flex;
  justify-content: space-between;
}
.faq-item button span, .faq-item button h2 {
  font-size: clamp(1.25rem, calc(1.25rem + (1vw - 4.8px) * 2.1634615385), 4.0625rem);
  margin: 0 !important;
  font-family: "NTR Speciaal";
  font-weight: normal;
}
.faq-item button {
  align-items: center;
}
@media (min-width: 1024px) {
  .faq-item button {
    margin: 1vw 0;
    padding: 1vw 0;
  }
}
.faq-item button .icon {
  display: block;
  width: 30px;
  fill: currentColor;
  transition: transform 300ms ease-out;
}
.faq-item p, .faq-item h4, .faq-item button, .faq-item li {
  font-size: clamp(1.125rem, calc(1.125rem + (1vw - 4.8px) * 2.1153846154), 3.875rem);
  line-height: 1.2;
}
.faq-item ul, .faq-item ol {
  list-style-type: none;
}
.faq-item .group-heading[aria-expanded=true] .icon {
  transform: rotate(180deg);
}
.faq-item.active h3 {
  font-family: "NTR Speciaal Bold";
  text-decoration: none;
  border-bottom: 2px solid #ffffff;
}
.faq-item {
  border-bottom: 2px solid;
}

.faq-extra {
  margin: 3vw 0;
  font-size: clamp(1.125rem, calc(1.125rem + (1vw - 4.8px) * 1.3461538462), 2.875rem);
}

.related {
  margin: 0 0 6.51vw 0;
  padding: 0 6.5vw;
}
@media (min-width: 1024px) {
  .related {
    margin: 0 0 2vw 0;
    padding: 0 4rem;
  }
}
@media (min-width: 1920px) {
  .related {
    margin: 0 0 4.69vw 0;
  }
}
.related h2 {
  width: 100%;
  margin: 7vw 0;
  text-align: center;
  font-size: clamp(1.25rem, calc(1.25rem + (1vw - 4.8px) * 1.7788461538), 3.5625rem);
  color: #ffffff;
}
@media (min-width: 1024px) {
  .related h2 {
    margin: 4vw 0 3vw 0;
  }
}
@media (min-width: 1024px) {
  .related h2 {
    margin: 2vw 0;
  }
}
.related h3 {
  text-align: left !important;
  font-family: "NTR Speciaal";
  font-size: clamp(1.25rem, calc(1.25rem + (1vw - 4.8px) * 1.4423076923), 3.125rem);
  line-height: 1.5;
}
.related .items {
  margin: 3.38vw 0;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-column-gap: 2vw;
  text-align: center;
  font-family: "NTR Speciaal";
  font-size: clamp(1.25rem, calc(1.25rem + (1vw - 4.8px) * 1.4423076923), 3.125rem);
  line-height: 1.5;
}
@media (min-width: 1024px) {
  .related .items {
    margin: 0 0 7vw 0;
    grid-template-columns: repeat(3, 1fr);
    text-align: left;
  }
}
.related .items .teaser-related .news {
  font-family: "NTR Speciaal";
  margin: 0;
  padding: 1vw 0;
  border: 0;
}
.related .items .teaser-related .news a {
  text-decoration: underline;
}
@media (min-width: 1024px) {
  .related .items .teaser-related .news {
    padding: 0.25vw 0;
  }
}

.themes .media-items {
  display: inline-block;
  margin-bottom: 4vw;
}
.themes .media-items .media-item {
  display: flex;
  border-bottom: 2px solid;
}
.themes .media-items .media-item .media-item-image {
  flex: 0 0 auto;
  margin-right: 2vw;
  width: 19.53vw;
  height: 19.53vw;
  overflow: hidden;
}
.themes .media-items .media-item .media-item-image img {
  margin-top: 1vw;
  margin-bottom: 1vw;
}
.themes .media-items .media-item .media-item-text h3 {
  font-size: clamp(1.25rem, calc(1.25rem + (1vw - 4.8px) * 2.5480769231), 4.5625rem);
  line-height: 1.4;
}
.themes .media-items .media-item .media-item-text .call-to-action {
  width: 100%;
  display: inline-block;
}
.themes .media-items .media-item .media-item-text .call-to-action .link {
  float: right;
}
.themes .about {
  margin: 0 0 8vw 0;
}
.themes .about h3 {
  font-size: clamp(1.25rem, calc(1.25rem + (1vw - 4.8px) * 2.5480769231), 4.5625rem);
  line-height: 1.5;
}

footer.inactive {
  cursor: default;
  pointer-events: none;
  opacity: 0.6;
  filter: alpha(opacity=60);
}
footer.inactive div > * {
  cursor: default;
  pointer-events: none;
}
footer {
  margin: 0;
  padding: 0;
  width: 100%;
  color: #ffffff;
  background-color: #000000;
  text-align: center;
  overflow: hidden;
  position: relative;
}
@media (max-width: 480px) {
  footer {
    height: auto;
  }
}
@media (min-width: 1024px) {
  footer {
    min-height: 43vw;
  }
}
footer nav {
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
}
footer ul {
  position: relative;
  z-index: 3;
  min-height: 80vw;
  margin: 9.5vw 6.51vw;
  display: inline-block;
  column-count: 2;
  column-gap: 2vw;
  -moz-column-count: 2;
  -moz-column-gap: 2vw;
  -webkit-column-count: 2;
  -webkit-column-gap: 2vw;
  list-style-type: none;
  text-align: left;
}
footer ul li {
  width: 100%;
  display: inline-block;
  font-family: "NTR Speciaal Bold";
  font-size: clamp(1.25rem, calc(1.25rem + (1vw - 4.8px) * 1.3461538462), 3rem);
  padding: 0 0 2.5vw 0;
  text-transform: lowercase;
}
footer ul li a {
  color: white;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 0.25em;
}
footer ul li a svg {
  width: 0.8em;
  fill: currentColor;
}
@media (min-width: 1024px) {
  footer ul {
    min-height: 10vw;
    margin: 6.6vw 4rem;
    column-count: 3;
    -moz-column-count: 3;
    -webkit-column-count: 3;
  }
  footer ul li {
    padding: 0 0 0.2em 0;
  }
}
@media (min-width: 1920px) {
  footer ul {
    margin: 9.5vw 4rem;
    min-height: initial;
  }
}
footer .footer-logo {
  z-index: 3;
  position: absolute !important;
  bottom: 8.4vw;
  width: 39vw;
  margin: 0 auto;
  padding-top: 19.5vw;
  left: calc(50% - 19.5vw);
  position: relative;
  border-top-left-radius: 19.5vw;
  border-top-right-radius: 19.5vw;
  background-color: #ffffff;
  text-align: center;
}
footer .footer-logo a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
footer .footer-logo svg {
  width: 19.5vw;
  position: absolute;
  bottom: 6.5vw;
  left: 9.75vw;
}
@media (min-width: 1024px) {
  footer .footer-logo {
    bottom: 5.2vw;
    width: 29.2vw;
    padding-top: 14.6vw;
    left: calc(50% - 14.6vw);
    border-top-left-radius: 19.8vw;
    border-top-right-radius: 19.8vw;
  }
  footer .footer-logo svg {
    width: 14.2vw;
    position: absolute;
    bottom: 3.55vw;
    left: 7.1vw;
  }
}
footer .footer-copyright {
  position: absolute;
  bottom: 0;
  height: 8.4vw;
  width: 100%;
  z-index: 3;
  color: #ffffff;
  font-family: "NTR Speciaal";
  font-size: clamp(1rem, calc(1rem + (1vw - 4.8px) * 1.1538461538), 2.5rem);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #303030;
}
footer .footer-copyright div .cfont {
  font-family: "Source Sans Pro", sans-serif;
}
@media (min-width: 1024px) {
  footer .footer-copyright {
    height: 5.2vw;
  }
}
footer .bgf {
  z-index: 2;
  width: 100%;
  border-radius: 100%;
}
footer .bgf1,
footer .bgf2 {
  position: absolute;
  border-radius: 100%;
}
footer .bgf1 {
  bottom: 14vw;
  left: -15vw;
  width: 63vw;
  height: 63vw;
  background-color: #171717;
}
@media (min-width: 1024px) {
  footer .bgf1 {
    top: -15vw;
    bottom: 0;
    left: 0;
    width: 30vw;
    height: 30vw;
  }
}
footer .bgf2 {
  bottom: -2vw;
  right: -33vw;
  width: 70vw;
  height: 70vw;
  background-color: #303030;
}
@media (min-width: 1024px) {
  footer .bgf2 {
    top: 9.5vw;
    bottom: 0;
    right: 0;
    left: 20vw;
    width: 22vw;
    height: 22vw;
  }
}

.metadata h3 {
  padding: 1.8vw 0 1.3vw;
  font-size: clamp(1.4375rem, calc(1.4375rem + (1vw - 4.8px) * 1.6346153846), 3.5625rem);
}
@media (min-width: 1920px) {
  .metadata h3 {
    padding: 0.45vw 0 0.4vw;
  }
}
.metadata h4 {
  font-size: clamp(1.25rem, calc(1.25rem + (1vw - 4.8px) * 0.7211538462), 2.1875rem) !important;
  font-weight: 400;
  padding-top: 1.1vw;
}
@media (min-width: 1920px) {
  .metadata h4 {
    padding-top: 0.9vw;
  }
}
.metadata .meta-intro {
  font-size: clamp(1.25rem, calc(1.25rem + (1vw - 4.8px) * 1.25), 2.875rem) !important;
  line-height: 1.4;
  padding-top: 2.2vw;
}
@media (min-width: 1920px) {
  .metadata .meta-intro {
    padding-top: 1.85vw;
  }
}
.metadata hr, .metadata .meta-intro {
  margin: 0 !important;
}
.metadata h4, .metadata .meta-intro {
  font-family: "NTR Speciaal" !important;
}

.slider .img, .archive .program-grid .img {
  position: relative;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio */
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.archive .program-grid .episode-title {
  display: grid;
  width: 100%;
  height: 100%;
  align-self: end;
}

.episode {
  margin: 0 0 3.9vw 0;
}
.episode .date {
  font-family: "NTR Speciaal";
  font-size: 3.13vw;
  line-height: 6vw;
}
@media (min-width: 1024px) {
  .episode .date {
    font-size: 1.78vw;
    line-height: 4vw;
  }
}
@media (min-width: 1920px) {
  .episode {
    margin: 1.35vw 0 2.34vw 0;
  }
  .episode .date {
    line-height: 3vw;
  }
}

.VideoUnavailableMessage {
  width: 100%;
  background-color: #000000;
  padding: 1rem;
}

#detail p:empty {
  display: none;
}

.divider.zt {
  margin-top: 0 !important;
}
.divider.zb {
  margin-bottom: 0 !important;
}

.related {
  margin: 0 0 6.51vw 0;
  padding: 0 6.5vw;
}
@media (min-width: 1024px) {
  .related {
    margin: 0 0 2vw 0;
    padding: 0 4rem;
  }
}
@media (min-width: 1920px) {
  .related {
    margin: 0 0 4.69vw 0;
  }
}
.related h3 {
  width: 100%;
  text-align: center;
  color: #ffffff;
}
.related .items {
  margin: 3.38vw 0;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  text-align: center;
}
@media (min-width: 1024px) {
  .related .items {
    grid-template-columns: repeat(3, 1fr);
    text-align: left;
  }
}
.related .items .teaser-related .news {
  font-family: "NTR Speciaal";
  margin: 0;
  padding: 1vw 0;
  border: 0;
}
.related .items .teaser-related .news a {
  text-decoration: underline;
}
@media (min-width: 1024px) {
  .related .items .teaser-related .news {
    padding: 0.25vw 0;
  }
}

.teaser-wrap, .teaser-wrap-right {
  margin: 0 0 6.51vw 0;
  padding: 0 6.5vw;
}
@media (min-width: 1024px) {
  .teaser-wrap, .teaser-wrap-right {
    margin: 0 0 2vw 0;
    padding: 0 4rem;
  }
}
@media (min-width: 1920px) {
  .teaser-wrap, .teaser-wrap-right {
    margin: 0 0 4.69vw 0;
  }
}

.high-contrast .teaser-wrapper .item .overlay {
  background-color: rgba(0, 0, 0, 0.3);
}
.high-contrast .teaser-wrapper .item .overlay .teaser {
  padding: 15px 15px 0 15px;
  background: linear-gradient(to top, black, rgba(0, 0, 0, 0.3));
}
.high-contrast .social {
  color: #000000;
}
.high-contrast .social .icon svg .icon {
  fill: #e2a064;
}
.high-contrast .news h2 {
  color: #000000;
}

@media (forced-colors: active) and (prefers-color-scheme: light) {
  .topmenu .ntr-logo svg {
    fill: #000;
  }
  .topmenu nav button #nav-icon span {
    background: #000;
  }
}

/*# sourceMappingURL=style.css.map */