/* 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;
  font-size: 62.5%;
}

/* default fontsize = 16px */
body {
  font-size: 1.6rem;
}

h1 {
  font-size: 6.05vw;
  font-family: "NTR Speciaal Bold";
}

h2 {
  font-size: 4.8vw;
  font-family: "NTR Speciaal Bold";
}

h3 {
  font-size: 4.16vw;
  font-family: "NTR Speciaal Bold";
}

@media (min-width: 1024px) {
  h2 {
    font-size: 3.55vw;
  }

  h3 {
    font-size: 2.27vw;
  }
}
@media (min-width: 1920px) {
  h2 {
    font-size: 3.55vw;
    font-size: 2.22vw;
  }

  h3 {
    font-size: 4.27rem;
  }
}
.article .content h2, .pip-detail .pip-content h2 {
  font-size: 5vw;
  text-align: left;
}
@media (min-width: 1024px) {
  .article .content h2, .pip-detail .pip-content h2 {
    font-size: 3vw;
  }
}
@media (min-width: 1920px) {
  .article .content h2, .pip-detail .pip-content h2 {
    font-size: 3vw;
  }
}
.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: 4.3vw;
  font-family: "NTR Speciaal Bold";
}
@media (min-width: 1024px) {
  .article .content.intro p, .pip-detail .pip-content.intro p {
    font-size: 2vw;
  }
}
@media (min-width: 1920px) {
  .article .content.intro p, .pip-detail .pip-content.intro p {
    font-size: 2vw;
  }
}

/* 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;
}

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

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

.filter-block label:focus-within {
  outline: 1px solid black;
}

#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;
}

.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 4.39vw 2.9vw;
  }
}
@media (min-width: 1920px) {
  #pip .divider, #detail .divider {
    margin: 0 4.43vw 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: 4.8vw;
  line-height: 4.2vw;
}
@media (min-width: 1024px) {
  .call-to-action .link {
    font-size: 2.22vw;
  }
}
@media (min-width: 1024px) {
  .call-to-action .link {
    padding: 1.2vw 2.93vw;
    line-height: 2.67vw;
  }
}

.slider {
  width: 100%;
}

.slick-slide {
  margin: 1.3vw !important;
}
@media (min-width: 768px) {
  .slick-slide {
    margin: 0px 1.95vw !important;
  }
}
@media (min-width: 1920px) {
  .slick-slide {
    margin: 0 1.41vw !important;
  }
}

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

.slick-dots {
  bottom: -12.1vw;
}
@media (min-width: 1024px) {
  .slick-dots {
    bottom: -5.85vw;
  }
}
@media (min-width: 1920px) {
  .slick-dots {
    bottom: -5.21vw;
  }
}
.slick-dots li {
  width: 5.47vw;
  height: 5.47vw;
  margin: 0 0.52vw;
}
.slick-dots li button {
  width: 100%;
  height: 100%;
  padding: 0;
}
@media (min-width: 1024px) {
  .slick-dots li {
    width: 1.76vw;
    height: 1.76vw;
    margin: 0 0.48vw;
  }
}
@media (min-width: 1920px) {
  .slick-dots li {
    width: 1.88vw;
    height: 1.88vw;
    margin: 0 0.42vw;
  }
}

.slick-dots li button:before {
  font-size: 5.47vw;
  line-height: 5.47vw;
  width: 5.47vw;
  height: 5.47vw;
  color: #ffffff;
}
@media (min-width: 1024px) {
  .slick-dots li button:before {
    font-size: 1.76vw;
    line-height: 1.76vw;
    width: 1.76vw;
    height: 1.76vw;
  }
}
@media (min-width: 1920px) {
  .slick-dots li button:before {
    font-size: 1.88vw;
    line-height: 1.88vw;
    width: 1.88vw;
    height: 1.88vw;
  }
}

.ntr-blue .topmenu .ntr-logo svg {
  fill: #46b4e7;
}
.ntr-blue .topmenu.active {
  background-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 .slick-dots .slick-active button:before,
.ntr-blue .slick-dots li button:hover:before {
  color: #46b4e7 !important;
}
.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: #46b4e7;
}
.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 .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 .filter-block .title h3 {
  color: #46b4e7;
}
.ntr-blue .filter-block .results {
  color: #46b4e7;
}
.ntr-blue .filter-block .results button {
  background-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-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 .topmenu .ntr-logo svg {
  fill: #e2a064;
}
.ntr-brown .topmenu.active {
  background-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 .slick-dots .slick-active button:before,
.ntr-brown .slick-dots li button:hover:before {
  color: #e2a064 !important;
}
.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: #e2a064;
}
.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 .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 .filter-block .title h3 {
  color: #e2a064;
}
.ntr-brown .filter-block .results {
  color: #e2a064;
}
.ntr-brown .filter-block .results button {
  background-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-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 .topmenu .ntr-logo svg {
  fill: #00c389;
}
.ntr-green .topmenu.active {
  background-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 .slick-dots .slick-active button:before,
.ntr-green .slick-dots li button:hover:before {
  color: #00c389 !important;
}
.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: #00c389;
}
.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 .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 .filter-block .title h3 {
  color: #00c389;
}
.ntr-green .filter-block .results {
  color: #00c389;
}
.ntr-green .filter-block .results button {
  background-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-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 .topmenu .ntr-logo svg {
  fill: #ffa0c8;
}
.ntr-pink .topmenu.active {
  background-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 .slick-dots .slick-active button:before,
.ntr-pink .slick-dots li button:hover:before {
  color: #ffa0c8 !important;
}
.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: #ffa0c8;
}
.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 .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 .filter-block .title h3 {
  color: #ffa0c8;
}
.ntr-pink .filter-block .results {
  color: #ffa0c8;
}
.ntr-pink .filter-block .results button {
  background-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-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 .topmenu .ntr-logo svg {
  fill: #ffd728;
}
.ntr-yellow .topmenu.active {
  background-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 .slick-dots .slick-active button:before,
.ntr-yellow .slick-dots li button:hover:before {
  color: #ffd728 !important;
}
.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: #ffd728;
}
.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 .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 .filter-block .title h3 {
  color: #ffd728;
}
.ntr-yellow .filter-block .results {
  color: #ffd728;
}
.ntr-yellow .filter-block .results button {
  background-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-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 .topmenu .ntr-logo svg {
  fill: #ff7170;
}
.ntr-science .topmenu.active {
  background-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 .slick-dots .slick-active button:before,
.ntr-science .slick-dots li button:hover:before {
  color: #ff7170 !important;
}
.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: #ff7170;
}
.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 .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 .filter-block .title h3 {
  color: #ff7170;
}
.ntr-science .filter-block .results {
  color: #ff7170;
}
.ntr-science .filter-block .results button {
  background-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-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 {
  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: 4.39vw;
    margin-right: 4.39vw;
  }
}
@media (min-width: 1920px) {
  header .teaser {
    margin-left: 4.43vw;
    margin-right: 4.43vw;
  }
}
header .teaser .header-image {
  height: 52vw;
  width: 100%;
  font-size: 0;
  background-position: left;
  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 {
    height: 27vw;
  }
  header .teaser .header-image:after {
    height: 52%;
  }
}
header .teaser .teaser-text {
  position: absolute;
  width: 62vw;
  bottom: 0;
  right: 0;
  padding: 2vw 2.5vw;
  font-family: "NTR Speciaal Bold";
  text-align: right;
  z-index: 2;
}
header .teaser .teaser-text .teaser-title {
  font-size: 7.5vw;
  line-height: 8vw;
  padding-left: 5vw;
  overflow: hidden;
  text-overflow: ellipsis;
}
header .teaser .teaser-text .teaser-subtitle {
  padding-top: 0.5vw;
  font-size: 4.5vw;
  line-height: 5vw;
}
header .teaser .teaser-text a {
  text-decoration: none;
}
@media (min-width: 1024px) {
  header .teaser .teaser-text {
    width: 71vw;
    padding: 1.5vw 2.5vw;
  }
  header .teaser .teaser-text .teaser-title {
    font-size: 4.56vw;
    line-height: 4.8vw;
    padding-left: 2vw;
  }
  header .teaser .teaser-text .teaser-subtitle {
    font-size: 2.45vw;
    line-height: 2.8vw;
  }
}
header .bol {
  position: absolute;
  z-index: 3;
  border-radius: 100%;
  border-radius: 100%;
  top: 20%;
  left: 10vw;
  width: 22vw;
  height: 22vw;
}
header .bol img {
  position: absolute;
  width: 80%;
  top: 33%;
  left: 10%;
  fill: #000000;
}
header .bol-top-left {
  position: absolute;
  z-index: 2;
  border-radius: 100%;
  border-radius: 100%;
  top: -25%;
  left: 0;
  width: 25vw;
  height: 25vw;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1;
}
header .bol-bottom-left {
  position: absolute;
  z-index: 2;
  border-radius: 100%;
  border-radius: 100%;
  top: 55.8%;
  left: -3vw;
  width: 24vw;
  height: 24vw;
  background-color: #FFFFFF;
  z-index: 1;
}
@media (min-width: 1024px) {
  header .bol {
    top: 28%;
    left: 8vw;
    width: 12.1vw;
    height: 12.1vw;
  }
  header .bol-top-left {
    top: -35%;
    left: 13vw;
    width: 19.8vw;
    height: 19.8vw;
  }
  header .bol-bottom-left {
    top: 50%;
    left: -13.25vw;
    width: 26.5vw;
    height: 26.5vw;
  }
}

.topmenu {
  position: relative;
  z-index: 5;
  background-color: #1c1c1c;
  min-height: 135px;
}
.topmenu.inactive {
  cursor: default;
  pointer-events: none;
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.topmenu.inactive div > * {
  cursor: default;
  pointer-events: none;
}
@media (max-width: 480px) {
  .topmenu {
    min-height: 60px;
  }
}
@media (min-width: 1024px) {
  .topmenu {
    min-height: 55px;
  }
}
@media (min-width: 1920px) {
  .topmenu {
    min-height: 100px;
  }
}
.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 nav {
  width: auto;
  float: left;
}
@media (min-width: 768px) {
  .topmenu nav {
    width: auto;
  }
}
.topmenu nav button {
  float: left;
  background-color: inherit;
  border: 0;
  width: 50px;
  margin: 45px 35px 0 6.51vw;
  /* animate nav-icon on open/close */
}
@media (max-width: 480px) {
  .topmenu nav button {
    width: 24px;
    margin: 10px 10px 0 20px;
  }
}
@media (min-width: 1024px) {
  .topmenu nav button {
    width: 24px;
    margin: 10px 10px 0 4.39vw;
  }
}
@media (min-width: 1920px) {
  .topmenu nav button {
    width: 45px;
    margin: 30px 30px 0 4.43vw;
  }
}
.topmenu nav button #nav-icon {
  width: 50px;
  height: 50px;
  margin: 3px 0 0 3px;
  display: block;
  transform: rotate(0deg);
  transition: .5s ease-in-out;
  cursor: pointer;
}
@media (max-width: 480px) {
  .topmenu nav button #nav-icon {
    width: 24px;
    height: 24px;
    margin: 10px 0 0 4px;
  }
}
@media (min-width: 1024px) {
  .topmenu nav button #nav-icon {
    width: 24px;
    height: 24px;
    margin: 10px 0 0 4px;
  }
}
@media (min-width: 1920px) {
  .topmenu nav button #nav-icon {
    width: 40px;
    height: 40px;
    margin: 4px 0 0 4px;
  }
}
.topmenu nav button #nav-icon span {
  forced-color-adjust: none;
  display: block;
  position: absolute;
  height: 10px;
  width: 100%;
  background: #ffffff;
  opacity: 1;
  left: 0;
  transition: .25s ease-in-out;
}
@media (max-width: 480px) {
  .topmenu nav button #nav-icon span {
    height: 4px;
  }
}
@media (min-width: 1024px) {
  .topmenu nav button #nav-icon span {
    height: 4px;
  }
}
@media (min-width: 1920px) {
  .topmenu nav button #nav-icon span {
    height: 7px;
  }
}
.topmenu nav button #nav-icon span:nth-child(1) {
  top: 0px;
}
.topmenu nav button #nav-icon span:nth-child(2) {
  top: 18px;
}
@media (max-width: 480px) {
  .topmenu nav button #nav-icon span:nth-child(2) {
    top: 8px;
  }
}
@media (min-width: 1024px) {
  .topmenu nav button #nav-icon span:nth-child(2) {
    top: 8px;
  }
}
@media (min-width: 1920px) {
  .topmenu nav button #nav-icon span:nth-child(2) {
    top: 14px;
  }
}
.topmenu nav button #nav-icon span:nth-child(3) {
  top: 36px;
}
@media (max-width: 480px) {
  .topmenu nav button #nav-icon span:nth-child(3) {
    top: 16px;
  }
}
@media (min-width: 1024px) {
  .topmenu nav button #nav-icon span:nth-child(3) {
    top: 16px;
  }
}
@media (min-width: 1920px) {
  .topmenu nav button #nav-icon span:nth-child(3) {
    top: 28px;
  }
}
.topmenu nav button #nav-icon.open span:nth-child(1) {
  opacity: 0;
  top: 19px;
}
@media (min-width: 1024px) {
  .topmenu nav button #nav-icon.open span:nth-child(1) {
    top: 8px;
  }
}
.topmenu nav button #nav-icon.open span:nth-child(3) {
  opacity: 0;
  top: -19px;
}
@media (min-width: 1024px) {
  .topmenu nav button #nav-icon.open span:nth-child(3) {
    top: -8px;
  }
}
.topmenu nav #menu-list {
  position: absolute;
  top: 135px;
  padding: 5.09vw 0 6.51vw 0;
  width: 100%;
  background-color: #ffffff;
  z-index: 5;
}
.topmenu nav #menu-list li {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  color: #1c1c1c;
  font-family: "NTR Speciaal";
  font-size: 6.3vw;
}
.topmenu nav #menu-list li a {
  width: 100%;
  padding: 3.0vw 47px;
}
.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: #1c1c1c;
  text-decoration: none;
}
@media (max-width: 480px) {
  .topmenu nav #menu-list {
    top: 60px;
  }
}
@media (min-width: 1024px) {
  .topmenu nav #menu-list {
    top: 55px;
    padding: 1.95vw 0 2.9vw 0;
  }
  .topmenu nav #menu-list li {
    width: 50%;
    font-size: 2.13vw;
  }
  .topmenu nav #menu-list li a {
    padding: 1.46vw 60px;
  }
  .topmenu nav #menu-list li.search {
    float: right;
  }
}
@media (min-width: 1920px) {
  .topmenu nav #menu-list {
    top: 100px;
  }
}
.topmenu nav #menu-list #search-form {
  width: 100%;
  padding: 1.3vw 60px 3.9vw 47px;
  font-family: "NTR Speciaal";
}
.topmenu nav #menu-list #search-form form {
  height: 11.72vw;
}
.topmenu nav #menu-list #search-form form input {
  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: 5.9vw;
  float: left;
}
.topmenu nav #menu-list #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;
}
.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);
    font-size: 1.9vw;
  }
  .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 {
  color: #ffffff;
  float: left;
  width: 180px;
  padding: 35px 0 0 0;
}
.topmenu .ntr-logo svg {
  fill: #ffffff;
}
@media (max-width: 480px) {
  .topmenu .ntr-logo {
    width: 90px;
    padding: 14px 0 0 10px;
  }
}
@media (min-width: 1024px) {
  .topmenu .ntr-logo {
    width: 90px;
    padding: 14px 0 0 10px;
  }
}
@media (min-width: 1920px) {
  .topmenu .ntr-logo {
    width: 150px;
    padding: 22px 0 0 0;
  }
}
.topmenu .ntr-logo img {
  width: 100%;
}
.topmenu .npo-logo {
  float: right;
  width: 83px;
  height: 83px;
  margin: 28px 58px 0 0;
}
@media (max-width: 480px) {
  .topmenu .npo-logo {
    width: 30px;
    height: 30px;
    margin: 15px 20px 0 0;
  }
}
@media (min-width: 1024px) {
  .topmenu .npo-logo {
    width: 40px;
    height: 40px;
    margin: 8px 60px 0 0;
  }
}
@media (min-width: 1920px) {
  .topmenu .npo-logo {
    width: 70px;
    height: 70px;
    margin: 15px 100px 0 0;
  }
}
.topmenu .npo-logo img {
  width: 100%;
}

.block-title {
  margin-left: 6.51vw;
  margin-right: 6.51vw;
  padding-top: 3.68vw;
}
@media (min-width: 1024px) {
  .block-title {
    margin-left: 4.39vw;
    margin-right: 4.39vw;
  }
}
@media (min-width: 1920px) {
  .block-title {
    margin-left: 4.43vw;
    margin-right: 4.43vw;
  }
}
.block-title h2 {
  font-size: 4.8vw;
}
@media (min-width: 1024px) {
  .block-title h2 {
    font-size: 2.22vw;
  }
}
@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, .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;
}
.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/icon_ext_link.png");
  width: 1vw;
  height: 1vw;
  padding: 0;
  margin: 0;
  top: 1vw;
  right: 25px;
}
@media (min-width: 1024px) {
  .teaser-wrapper, .banner-teaser-wrapper {
    row-gap: 2.40vw;
    column-gap: 1.77vw;
    grid-template-columns: repeat(4, 1fr);
    margin: 2.0vw 4.39vw 0vw;
  }
}
@media (min-width: 1920px) {
  .teaser-wrapper, .banner-teaser-wrapper {
    row-gap: 2.40vw;
    column-gap: 1.77vw;
    margin: 0.95vw 4.43vw 0vw;
  }
}
.teaser-wrapper .item, .banner-teaser-wrapper .item {
  position: relative;
  width: 100%;
  padding-top: calc(100% * 4/3.17);
}
@media (min-width: 1024px) {
  .teaser-wrapper .item, .banner-teaser-wrapper .item {
    padding-top: calc(100% * 4/3.1);
  }
}
@media (min-width: 1920px) {
  .teaser-wrapper .item, .banner-teaser-wrapper .item {
    padding-top: calc(100% * 4/3.15);
  }
}
.teaser-wrapper .item.theme, .banner-teaser-wrapper .item.theme {
  padding-top: calc(100% * 1/2);
}
@media (min-width: 1024px) {
  .teaser-wrapper .item.theme, .banner-teaser-wrapper .item.theme {
    padding-top: calc(100% * 1/2);
  }
}
@media (min-width: 1920px) {
  .teaser-wrapper .item.theme, .banner-teaser-wrapper .item.theme {
    padding-top: calc(100% * 1/2);
  }
}
.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, #000000, 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 1.9vw;
  overflow: hidden;
}
@media (min-width: 1024px) {
  .teaser-wrapper .item .teaser, .banner-teaser-wrapper .item .teaser {
    padding: 0 1.35vw 1.35vw;
  }
}
@media (min-width: 1920px) {
  .teaser-wrapper .item .teaser, .banner-teaser-wrapper .item .teaser {
    padding: 0 1.82vw 1.82vw;
  }
}
@media (min-width: 1024px) {
  .teaser-wrapper .item .teaser.theme, .banner-teaser-wrapper .item .teaser.theme {
    padding: 0 1.35vw;
  }
}
@media (min-width: 1920px) {
  .teaser-wrapper .item .teaser.theme, .banner-teaser-wrapper .item .teaser.theme {
    padding: 0 1.35vw;
  }
}
.teaser-wrapper .item .teaser h3, .banner-teaser-wrapper .item .teaser h3 {
  font-size: 4.27vw;
  line-height: 5vw;
  margin-bottom: 1.9vw;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (min-width: 1024px) {
  .teaser-wrapper .item .teaser h3, .banner-teaser-wrapper .item .teaser h3 {
    font-size: 2.0vw;
    line-height: 2.5vw;
    margin-bottom: 1.9vw;
  }
}
@media (min-width: 1920px) {
  .teaser-wrapper .item .teaser h3, .banner-teaser-wrapper .item .teaser h3 {
    font-size: 1.78vw;
    line-height: 2vw;
    margin-bottom: 1vw;
  }
}
.teaser-wrapper .item .teaser.theme h3, .banner-teaser-wrapper .item .teaser.theme h3 {
  line-height: 4vw;
  margin-bottom: 1.5vw;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 3.44vw;
}
@media (min-width: 1024px) {
  .teaser-wrapper .item .teaser.theme h3, .banner-teaser-wrapper .item .teaser.theme h3 {
    font-size: 2.0vw;
  }
}
@media (min-width: 1920px) {
  .teaser-wrapper .item .teaser.theme h3, .banner-teaser-wrapper .item .teaser.theme h3 {
    font-size: 1.78vw;
  }
}
@media (min-width: 1024px) {
  .teaser-wrapper .item .teaser.theme h3, .banner-teaser-wrapper .item .teaser.theme h3 {
    line-height: 2vw;
    margin-bottom: 0.83vw;
  }
}
.teaser-wrapper .item .teaser .subtitle, .banner-teaser-wrapper .item .teaser .subtitle {
  height: 7.8vw;
  width: 100%;
  border-top: 2px solid #ffffff;
  padding-top: 1.5vw;
  font-family: "NTR Speciaal";
  font-size: 3.47vw;
}
@media (min-width: 1024px) {
  .teaser-wrapper .item .teaser .subtitle, .banner-teaser-wrapper .item .teaser .subtitle {
    font-size: 1.78vw;
    height: 4.30vw;
    padding-top: 0.8vw;
    display: block;
  }
}
@media (min-width: 1920px) {
  .teaser-wrapper .item .teaser .subtitle, .banner-teaser-wrapper .item .teaser .subtitle {
    height: 3.13vw;
    font-size: 1.42vw;
    padding-top: 1vw;
  }
}

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

@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.60vw 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.30vw 1.56vw;
  }
}
.news .slider .news-title h3 {
  height: 100%;
  overflow: hidden;
  text-align: left;
  font-size: 4.19vw;
}
@media (min-width: 1024px) {
  .news .slider .news-title h3 {
    font-size: 2.22vw;
    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 4.39vw;
  }
}
@media (min-width: 1920px) {
  .guide {
    margin: 0 0 4.69vw 0;
  }
}
@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;
  float: left;
}
@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 .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, .guide .guide-item .info .time {
  width: 100%;
  font-size: 4vw;
  line-height: 5vw;
}
.guide .guide-item .info .time {
  color: #000000;
}
@media (min-width: 1024px) {
  .guide .guide-item .info {
    max-width: calc(100% - 9.18vw);
  }
  .guide .guide-item .info .title {
    font-size: 2.22vw;
    line-height: 2.4vw;
  }
  .guide .guide-item .info .time {
    font-size: 1.78vw;
    line-height: 3.4vw;
  }
}
@media (min-width: 1920px) {
  .guide .guide-item .info {
    max-width: calc(100% - 7.03vw);
  }
  .guide .guide-item .info .title {
    font-size: 4.3rem;
    line-height: 4.8rem;
  }
  .guide .guide-item .info .time {
    padding-top: 0.42vw;
    font-size: 3.4rem;
    line-height: 3.4rem;
  }
}
.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.30vw;
  }
}

.home-player {
  margin-left: 6.51vw;
  margin-right: 6.51vw;
  margin-top: 4vw;
}
@media (min-width: 1024px) {
  .home-player {
    margin-left: 4.39vw;
    margin-right: 4.39vw;
  }
}
@media (min-width: 1920px) {
  .home-player {
    margin-left: 4.43vw;
    margin-right: 4.43vw;
  }
}
@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, 1fr);
  }
}
@media (min-width: 1024px) {
  .home-player .promo-video .player {
    padding-right: 6.8vw;
  }
}
@media (min-width: 1920px) {
  .home-player .promo-video .player {
    padding-right: 7.3vw;
  }
}
.home-player .promo-video .promo-content {
  padding-top: 2.1vw;
  padding: 2.1vw 3.6vw 4vw;
  font-size: 4.26vw;
  font-family: "NTR Speciaal";
}
@media (min-width: 1024px) {
  .home-player .promo-video .promo-content {
    padding: 1.1vw 3.7vw 1.1vw 1.7vw;
    font-size: 2.22vw;
  }
}
@media (min-width: 1920px) {
  .home-player .promo-video .promo-content {
    padding: 1.7vw 1vw;
    padding: 1.7vw 4vw 1.7vw 1vw;
    font-size: 2.22vw;
  }
}
.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;
  font-size: 4.8vw;
}
@media (min-width: 1024px) {
  .home-player .promo-video .promo-content .home-promotitle {
    font-size: 3.0vw;
  }
}
@media (min-width: 1920px) {
  .home-player .promo-video .promo-content .home-promotitle {
    font-size: 2.66vw;
  }
}

#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: 3.1vw;
  border-top: 1px solid;
}
@media (min-width: 1024px) {
  #collection .teaser-wrapper .item .teaser-label, #social .teaser-wrapper .item .teaser-label {
    padding: 20px 0 30px;
    font-size: 1.7vw;
  }
}

.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-left: 6.51vw;
  margin-right: 6.51vw;
  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-left: 4.39vw;
    margin-right: 4.39vw;
  }
}
@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-left: 4.43vw;
    margin-right: 4.43vw;
  }
}
@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.embed p, .composite-content.embed ul, .composite-content.composite-teaser p, .composite-content.composite-teaser ul, .composite-content.composite-media-teaser p, .composite-content.composite-media-teaser ul, .composite-content.socialmedia p, .composite-content.socialmedia ul, .composite-content.cb-image p, .composite-content.cb-image ul, .composite-content.player p, .composite-content.player ul, .composite-content.link p, .composite-content.link ul, .composite-content.quote p, .composite-content.quote ul {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: normal;
  font-size: 3.13vw;
  line-height: 5vw;
}
.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 a, .composite-content.embed a, .composite-content.composite-teaser a, .composite-content.composite-media-teaser a, .composite-content.socialmedia a, .composite-content.cb-image a, .composite-content.player a, .composite-content.link a, .composite-content.quote a {
  font-size: 3.13vw;
  line-height: 5vw;
}
.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 p, .composite-content.paragraph-container a, .composite-content.paragraph-container ul, .composite-content.embed p, .composite-content.embed a, .composite-content.embed ul, .composite-content.composite-teaser p, .composite-content.composite-teaser a, .composite-content.composite-teaser ul, .composite-content.composite-media-teaser p, .composite-content.composite-media-teaser a, .composite-content.composite-media-teaser ul, .composite-content.socialmedia p, .composite-content.socialmedia a, .composite-content.socialmedia ul, .composite-content.cb-image p, .composite-content.cb-image a, .composite-content.cb-image ul, .composite-content.player p, .composite-content.player a, .composite-content.player ul, .composite-content.link p, .composite-content.link a, .composite-content.link ul, .composite-content.quote p, .composite-content.quote a, .composite-content.quote ul {
    font-size: 1.78vw;
    line-height: 2.31vw;
  }
  .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 p, .composite-content.paragraph-container a, .composite-content.paragraph-container ul, .composite-content.embed p, .composite-content.embed a, .composite-content.embed ul, .composite-content.composite-teaser p, .composite-content.composite-teaser a, .composite-content.composite-teaser ul, .composite-content.composite-media-teaser p, .composite-content.composite-media-teaser a, .composite-content.composite-media-teaser ul, .composite-content.socialmedia p, .composite-content.socialmedia a, .composite-content.socialmedia ul, .composite-content.cb-image p, .composite-content.cb-image a, .composite-content.cb-image ul, .composite-content.player p, .composite-content.player a, .composite-content.player ul, .composite-content.link p, .composite-content.link a, .composite-content.link ul, .composite-content.quote p, .composite-content.quote a, .composite-content.quote ul {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
  .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.embed, .composite-content.cb-image, .composite-content.link, .composite-content.player, .composite-content.composite-teaser.large, .composite-content.paragraph-container {
  margin-left: 6.51vw;
  margin-right: 6.51vw;
}
@media (min-width: 1024px) {
  .composite-content.embed, .composite-content.cb-image, .composite-content.link, .composite-content.player, .composite-content.composite-teaser.large, .composite-content.paragraph-container {
    margin-left: 19.3vw;
    margin-right: 19.3vw;
  }
}
@media (min-width: 1920px) {
  .composite-content.embed, .composite-content.cb-image, .composite-content.link, .composite-content.player, .composite-content.composite-teaser.large, .composite-content.paragraph-container {
    margin-left: 19.3vw;
    margin-right: 19.3vw;
  }
}
.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-content.composite-teaser h3 {
  text-align: center;
  font-size: 5.25vw;
  margin: 0 0 6.5vw 0;
}
@media (min-width: 1024px) {
  .composite-content.composite-teaser h3 {
    margin: 0 0 3.9vw 0;
    font-size: 3.33vw;
  }
}
.composite-content.small {
  margin: 9.76vw 0;
  padding: 0 6.5vw;
}
@media (min-width: 1024px) {
  .composite-content.small {
    margin: 6.35vw 0;
  }
}
@media (min-width: 1920px) {
  .composite-content.small {
    margin: 5.99vw 0;
  }
}
@media (min-width: 1024px) {
  .composite-content.small {
    padding: 0 4.39vw;
  }
}
.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 {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: normal;
  font-size: 3.13vw;
  line-height: 5vw;
}
.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 a {
  font-size: 3.13vw;
  line-height: 5vw;
}
.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 p, .composite-content.small .text a, .composite-content.small .text ul {
    font-size: 1.78vw;
    line-height: 2.31vw;
  }
  .composite-content.small .text img {
    margin: 1vw 0;
  }
}
@media (min-width: 1920px) {
  .composite-content.small .text p, .composite-content.small .text a, .composite-content.small .text ul {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
  .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: 4.8vw;
  line-height: 5.33vw;
  font-family: "NTR Speciaal Bold";
  padding: 2vw 0;
  border-bottom: 2px solid #ffffff;
}
@media (min-width: 1024px) {
  .composite-content.composite-media-teaser .text h3 {
    font-size: 2.22vw;
  }
}
.composite-content.composite-media-teaser .text .teaser-text {
  margin: 1vw 0 0 0;
  font-size: 4.2vw;
}
.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: 4.2vw;
  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 {
    font-size: 2.22vw;
    line-height: 3vw;
    padding: 0 0 1vw 0;
  }
  .composite-content.composite-media-teaser .text .teaser-text, .composite-content.composite-media-teaser .text p, .composite-content.composite-media-teaser .text .teaser-link a {
    font-size: 1.69vw;
  }
  .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 {
  height: 32.55vw;
  margin: 3.9vw 0 3.9vw 0;
  position: relative;
  width: 100%;
  background-color: #787878;
  display: inline-block;
  overflow: hidden;
  font-family: "NTR Speciaal Bold";
}
@media (min-width: 1024px) {
  .banner {
    height: 16.21vw;
    margin: 2.9vw 0 2.9vw 0;
  }
}
@media (min-width: 1920px) {
  .banner {
    height: 16.04vw;
    margin: 1vw 0 1vw 0;
  }
}
.banner a {
  text-decoration: none;
  margin: 0;
  padding: 0;
}
.banner .banner-image {
  position: relative;
  width: 72vw;
  height: 100%;
  background-size: cover;
  background-position: center;
  -webkit-clip-path: circle(50vw at 21vw 50%);
          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: 6.56vw;
  line-height: 8.53vw;
}
@media (min-width: 1024px) {
  .banner .banner-image {
    width: 86.91vw;
    height: 16.21vw;
    -webkit-clip-path: ellipse(44vw 30vw at 41.5vw 9vw);
            clip-path: ellipse(44vw 30vw at 41.5vw 9vw);
  }
  .banner .banner-image p {
    padding: 5.6vw 0 5.6vw 11.23vw;
    font-size: 5.55vw;
    line-height: 4.56vw;
  }
}
@media (min-width: 1920px) {
  .banner .banner-image {
    height: 16.15vw;
  }
  .banner .banner-image p {
    font-size: 3.33vw;
    line-height: 4.5vw;
  }
}
.banner .banner-text {
  padding: 6.7vw 37.76vw 6.7vw 12.37vw;
  font-size: 5.25vw;
  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: 3.6vw 34.18vw 3.6vw 12.21vw;
    font-size: 3.33vw;
    line-height: 4.56vw;
  }
  .banner .banner-text p {
    font-size: 3.0vw;
  }
}
@media (min-width: 1920px) {
  .banner .banner-text p {
    font-size: 2.22vw;
  }
}
.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: -11.72vw;
    left: -11.72vw;
    width: 23.44vw;
    height: 23.44vw;
  }
}
.banner .bgcb1 {
  bottom: -13.01vw;
  left: -13.01vw;
  width: 26.04vw;
  height: 26.04vw;
  background-color: #000000;
}
@media (min-width: 1024px) {
  .banner .bgcb1 {
    bottom: -11.52vw;
    right: -11.52vw;
    width: 23.04vw;
    height: 23.04vw;
  }
}
.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 {
    top: -10vw;
    right: -10vw;
    width: 19.5vw;
    height: 19.5vw;
  }
}
.banner .bgcb3 {
  bottom: -1vw;
  right: 23.8vw;
  width: 13.02vw;
  height: 13.02vw;
  background-color: #505050;
}
@media (min-width: 1024px) {
  .banner .bgcb3 {
    bottom: -8vw;
    right: 11.45vw;
    width: 16.11vw;
    height: 16.11vw;
  }
}
.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: 4.2vw;
    right: 6.8vw;
    width: 7.81vw;
    height: 7.81vw;
  }
}

.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: 3.44vw;
}
@media (min-width: 1024px) {
  .banner-teaser-wrapper .theme-banner h3 {
    font-size: 2.0vw;
  }
}
@media (min-width: 1920px) {
  .banner-teaser-wrapper .theme-banner h3 {
    font-size: 1.78vw;
  }
}
@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: 4.39vw;
    margin-right: 4.39vw;
  }
}
@media (min-width: 1920px) {
  .banner-margins {
    margin-left: 4.43vw;
    margin-right: 4.43vw;
  }
}

.banner-double-wrapper {
  margin-left: 6.51vw;
  margin-right: 6.51vw;
  margin-top: 0;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  row-gap: 6.6vw;
}
@media (min-width: 1024px) {
  .banner-double-wrapper {
    margin-left: 4.39vw;
    margin-right: 4.39vw;
  }
}
@media (min-width: 1920px) {
  .banner-double-wrapper {
    margin-left: 4.43vw;
    margin-right: 4.43vw;
  }
}
.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: 4.8vw;
  color: #000000;
  margin: 0;
}
.banner-double-wrapper .textBanner .bannerSubtitle {
  display: block;
  font-size: 4.8vw;
  font-family: "NTR Speciaal Bold";
  padding-top: 0.7vw;
}
@media (min-width: 1024px) {
  .banner-double-wrapper .textBanner h3 {
    font-size: 2.22vw;
  }
  .banner-double-wrapper .textBanner .bannerSubtitle {
    font-size: 2.22vw;
  }
}

.pip-content {
  margin: 5.9vw 6.5vw 6.5vw 6.5vw;
  color: #ffffff;
}
@media (min-width: 1024px) {
  .pip-content {
    margin-left: 4.2vw;
    margin-right: 4.2vw;
  }
}
@media (min-width: 1920px) {
  .pip-content {
    margin-bottom: 4.9vw;
  }
}
.pip-content h2 {
  margin: 0 0 5.2vw 0;
}
.pip-content p, .pip-content ul {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: normal;
  font-size: 3.13vw;
  line-height: 5vw;
}
.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 a {
  font-size: 3.13vw;
  line-height: 5vw;
}
.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 p, .pip-content a, .pip-content ul {
    font-size: 1.78vw;
    line-height: 2.31vw;
  }
  .pip-content img {
    margin: 1vw 0;
  }
}
@media (min-width: 1920px) {
  .pip-content p, .pip-content a, .pip-content ul {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
  .pip-content img {
    margin: 3.13vw 0;
  }
}
.pip-content .intro, .pip-content .intro p {
  font-size: 4.3vw;
  font-family: "NTR Speciaal Bold";
  margin-top: 3vw;
}
@media (min-width: 1024px) {
  .pip-content .intro, .pip-content .intro p {
    font-size: 2vw;
    margin-top: 1.8vw;
  }
}
@media (min-width: 1920px) {
  .pip-content .intro, .pip-content .intro p {
    font-size: 2vw;
    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: #ff6d00;
  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: 4.2vw;
}
.pip-content .player .episode-title .date {
  margin-top: 1vw;
  border-top: 2px solid;
}
@media (min-width: 1024px) {
  .pip-content .player .episode-title h3 {
    font-size: 2.66vw;
    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 {
    font-size: 2.66vw;
    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: 3.65vw;
  border-radius: 10px;
}
.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: 4.2vw;
  line-height: 6vw;
  border-bottom: 3px solid #ffffff;
}
.pip-content .last-episode .text .date {
  font-family: "NTR Speciaal";
  font-size: 3.13vw;
  line-height: 6vw;
}
@media (min-width: 1024px) {
  .pip-content .last-episode .npo-button {
    width: 24.41vw;
    height: 4.1vw;
    font-size: 2.2vw;
    line-height: 2vw;
    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;
  }
  .pip-content .last-episode .text .title {
    font-size: 2.67vw;
    line-height: 5vw;
  }
  .pip-content .last-episode .text .date {
    font-size: 1.78vw;
    line-height: 4vw;
  }
}
@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;
  }
  .pip-content .last-episode .text .date {
    line-height: 3vw;
  }
}

.more-episodes, .tv-guide, .archive {
  width: 100%;
  height: auto;
  font-size: 5.21vw;
}
.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.9vwx;
    font-size: 2.22vw;
  }
}
@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.60vw;
  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;
    font-size: 1.77vw;
  }
}
.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: 4.17vw;
}
@media (min-width: 1024px) {
  .more-episodes .more, .tv-guide .more, .archive .more {
    margin: 0 0 1vw 0;
    font-size: 1.95vw;
  }
}
@media (min-width: 1920px) {
  .more-episodes .more, .tv-guide .more, .archive .more {
    margin: 3vw 0 5vw 0;
    font-size: 1.98vw;
  }
}
.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: 5.21vw;
  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-size: 2.22vw;
    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;
    font-size: 2.22vw;
  }
}
.more-episodes .slider .episode-title .date, .tv-guide .slider .episode-title .date, .archive .slider .episode-title .date {
  -ms-flex-item-align: end;
      align-self: end;
  margin: 0;
  padding: 1vw 0 0 0;
  font-size: 4.2vw;
}
@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;
    font-size: 1.77vw;
  }
}

.more-episodes, .tv-guide {
  padding: 3.9vw 6.5vw 6.5vw 6.5vw;
}
@media (min-width: 1024px) {
  .more-episodes, .tv-guide {
    padding: 3.9vw 2.83vw;
  }
  .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: 2.86vw;
}
@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;
    font-size: 1.47vw;
  }
}
.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 {
  margin: 5.9vw 0 6.5vw 0;
}
.pip-detail h2 {
  margin-left: 6.51vw;
  margin-right: 6.51vw;
}
@media (min-width: 1024px) {
  .pip-detail h2 {
    margin-left: 4.39vw;
    margin-right: 4.39vw;
  }
}
@media (min-width: 1920px) {
  .pip-detail h2 {
    margin-left: 4.43vw;
    margin-right: 4.43vw;
  }
}
.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 4.39vw;
  }
}
@media (min-width: 1920px) {
  .pip-detail .pip-soc {
    margin: 0 0 4.69vw 0;
  }
}
@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: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  filter: alpha(opacity=60);
  z-index: 2;
  display: none;
}
#overlay-background.active {
  display: block;
}

.filter-block {
  display: none;
  position: absolute;
  top: 125px;
  margin: 0;
  background-color: #ffffff;
  z-index: 4;
  width: 100%;
  padding: 0 5.2% 5.2%;
  grid-template-columns: 1fr 1fr;
  row-gap: 20px;
  column-gap: 30px;
  text-align: left;
  /* custom checkboxes */
}
@media (min-width: 1024px) {
  .filter-block {
    top: 55px;
  }
}
@media (min-width: 1920px) {
  .filter-block {
    top: 100px;
  }
}
.filter-block.open {
  display: grid;
}
.filter-block ul {
  list-style-type: none;
  margin: 2rem 0 2rem 0;
}
.filter-block li {
  margin: 0 0 15px 0;
}
.filter-block h3 {
  width: 100%;
  font-size: 5rem;
  text-align: center;
  padding: 2rem 0 0.5rem 0;
  margin: 0;
}
.filter-block h4 {
  font-family: "NTR Speciaal";
  font-size: 3rem;
  padding: 1rem 0;
  margin: 0 0 1rem 0;
  color: #000000;
  border-bottom: 2px solid #000000;
}
.filter-block .title {
  grid-column: 1 / span 2;
  grid-row: 1;
}
.filter-block .platform ul,
.filter-block .thema ul,
.filter-block .genre ul,
.filter-block .pagetype ul {
  display: grid;
  row-gap: 0;
}
.filter-block .platform {
  grid-column: 1;
  grid-row: 2;
}
.filter-block .thema {
  grid-column: 1;
  grid-row: 3 / span 3;
  -ms-flex-item-align: start;
      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;
}
.filter-block .results {
  grid-column: 1 / span 2;
  grid-row: 5;
  text-align: right;
  font-family: "NTR Speciaal";
  font-size: 2.2rem;
}
.filter-block .results .number {
  display: inline-block;
}
.filter-block .results button {
  color: #ffffff;
  background-color: #000000;
  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: 1024px) {
  .filter-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 .cbc {
  /* customize the label (cbc = checkboxcontainer) */
  display: block;
  position: relative;
  padding-left: 30px;
  padding-bottom: 5px;
  margin-bottom: 7px;
  cursor: pointer;
  font-size: 2rem;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* hide default checkbox */
  /* custom 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;
}
@media (min-width: 480px) {
  .filter-block .cbc {
    font-size: 1.5rem;
  }
}
@media (min-width: 1920px) {
  .filter-block .cbc {
    font-size: 2rem;
    line-height: 2rem;
  }
}
.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: 4.39vw;
    margin-right: 4.39vw;
  }
}
@media (min-width: 1920px) {
  .programs {
    margin-left: 4.43vw;
    margin-right: 4.43vw;
  }
}
.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;
  color: #ffffff;
  display: grid;
  text-align: left;
  padding: 4.9vw 0;
  grid-template-columns: repeat(2, 1fr);
  row-gap: 3.99vw;
  column-gap: 3.97vw;
}
@media (min-width: 1024px) {
  .programs .program-grid {
    margin-bottom: 3.7vw;
  }
}
@media (min-width: 1920px) {
  .programs .program-grid {
    margin-bottom: 3.7vw;
  }
}
@media (min-width: 1024px) {
  .programs .program-grid {
    row-gap: 2.40vw;
    column-gap: 1.77vw;
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 1920px) {
  .programs .program-grid {
    row-gap: 2.40vw;
    column-gap: 1.77vw;
  }
}
.programs .program-grid .program {
  height: 100%;
}
.programs .program-grid a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      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: calc(100% * 9/16);
  background-color: #4f4f4f;
  background-position: center;
  background-size: cover;
}
.programs .program-grid .program-title {
  display: grid;
  width: 100%;
  height: 100%;
  -ms-flex-item-align: end;
      align-self: end;
}
.programs .program-grid h3 {
  font-size: 3.44vw;
  margin: 0;
  padding: 1vw 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (min-width: 1024px) {
  .programs .program-grid h3 {
    font-size: 2.0vw;
  }
}
@media (min-width: 1920px) {
  .programs .program-grid h3 {
    font-size: 1.78vw;
  }
}
.programs .program-grid .type, .programs .program-grid .date {
  border-top: 2px solid #ffffff;
  font-size: 3.5vw;
  line-height: 5vw;
  margin: 0;
  padding: 0;
  -ms-flex-item-align: end;
      align-self: end;
  min-height: 5.25vw;
}
@media (min-width: 1024px) {
  .programs .program-grid .type, .programs .program-grid .date {
    font-size: 1.77vw;
    line-height: 2.5vw;
    min-height: 2.7vw;
  }
}
.programs a.external {
  position: relative;
}
.programs a.external:after {
  position: absolute;
  content: url("./../images/icons/icon_ext_link.png");
  width: 1vw;
  height: 1vw;
  padding: 0;
  margin: 0;
  top: 1vw;
  right: 25px;
}
.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 .filter-button {
  position: relative;
  width: 100%;
  text-align: center;
  font-family: "NTR Speciaal";
  font-size: 4.17vw;
  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;
    font-size: 1.9vw;
    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;
    font-size: 1.98vw;
    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: 4.17vw;
  font-weight: bold;
  text-decoration: underline;
  color: #ffffff;
}
@media (min-width: 1024px) {
  .programs .archive-link a {
    font-size: 1.95vw;
    margin: 1vw 0 5.86vw 0;
  }
}
@media (min-width: 1920px) {
  .programs .archive-link a {
    font-size: 1.98vw;
  }
}

#archive {
  position: relative;
}

.archive {
  position: relative;
  padding: 0;
}
.archive .program-grid {
  margin-bottom: 6.6vw;
  color: #ffffff;
  display: grid;
  text-align: left;
  padding: 4.9vw 0;
  grid-template-columns: repeat(2, 1fr);
  row-gap: 3.99vw;
  column-gap: 3.97vw;
}
@media (min-width: 1024px) {
  .archive .program-grid {
    margin-bottom: 3.7vw;
  }
}
@media (min-width: 1920px) {
  .archive .program-grid {
    margin-bottom: 3.7vw;
  }
}
@media (min-width: 1024px) {
  .archive .program-grid {
    row-gap: 2.40vw;
    column-gap: 1.77vw;
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 1920px) {
  .archive .program-grid {
    row-gap: 2.40vw;
    column-gap: 1.77vw;
  }
}
.archive .program-grid .program {
  height: 100%;
}
.archive .program-grid a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      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: calc(100% * 9/16);
  background-color: #4f4f4f;
  background-position: center;
  background-size: cover;
}
.archive .program-grid .program-title {
  display: grid;
  width: 100%;
  height: 100%;
  -ms-flex-item-align: end;
      align-self: end;
}
.archive .program-grid h3 {
  font-size: 3.44vw;
  margin: 0;
  padding: 1vw 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (min-width: 1024px) {
  .archive .program-grid h3 {
    font-size: 2.0vw;
  }
}
@media (min-width: 1920px) {
  .archive .program-grid h3 {
    font-size: 1.78vw;
  }
}
.archive .program-grid .type, .archive .program-grid .date {
  border-top: 2px solid #ffffff;
  font-size: 3.5vw;
  line-height: 5vw;
  margin: 0;
  padding: 0;
  -ms-flex-item-align: end;
      align-self: end;
  min-height: 5.25vw;
}
@media (min-width: 1024px) {
  .archive .program-grid .type, .archive .program-grid .date {
    font-size: 1.77vw;
    line-height: 2.5vw;
    min-height: 2.7vw;
  }
}
.archive h2 {
  margin: 5.21vw 0 3.9vw 0;
  width: 100%;
  font-size: 8.66vw;
  text-align: center;
  color: #ffffff;
}
@media (min-width: 1024px) {
  .archive h2 {
    font-size: 4.44vw;
  }
}
@media (min-width: 1920px) {
  .archive h2 {
    font-size: 4.43vw;
    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: 6.25vw;
  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: 4.72vw;
  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-label {
    font-size: 2.9vw;
  }
  .archive .select-years .select-years-dropdown {
    min-width: 16vw;
    font-size: 2.22vw;
  }
  .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;
  text-align: center;
}
@media (min-width: 1024px) {
  .pager {
    margin: 2vw auto 6.45vw auto;
  }
}
.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: 4.2vw;
  line-height: 7.5vw;
  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;
    font-size: 2.22vw;
    line-height: 3.9vw;
  }
}
.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: 3.65vw;
}
@media (min-width: 1024px) {
  .searchresults h4.results {
    margin: 4vw 0 1vw 0;
    font-size: 2.95vw;
  }
}
.searchresults .label {
  text-align: center;
  margin-bottom: 1.5vw;
  color: #ffffff;
  font-weight: bold;
  font-size: 3vw;
}
@media (min-width: 1024px) {
  .searchresults .label {
    font-size: 2.2vw;
    margin-bottom: 25px;
  }
}
@media (min-width: 1920px) {
  .searchresults .label {
    font-size: 1.8vw;
  }
}
.searchresults .search-text {
  position: relative;
}
.searchresults .search-text .summary {
  font-size: 1.9vw;
  line-height: 2.2vw;
  margin: 0 0 1vw 0;
}
@media (min-width: 1024px) {
  .searchresults .search-text .summary {
    font-size: 1.25vw;
    line-height: 1.6vw;
    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 {
  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: 3.65vw;
  float: left;
}
@media (min-width: 768px) {
  .searchresults .search-form form input {
    font-size: 3vw;
  }
}
@media (min-width: 1024px) {
  .searchresults .search-form form input {
    width: calc(100% - 5vw);
    font-size: 2vw;
  }
}
@media (min-width: 1920px) {
  .searchresults .search-form form input {
    font-size: 1.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 {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: normal;
  font-size: 3.13vw;
  line-height: 5vw;
}
.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 a {
  font-size: 3.13vw;
  line-height: 5vw;
}
.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 p, .article a, .article ul {
    font-size: 1.78vw;
    line-height: 2.31vw;
  }
  .article img {
    margin: 1vw 0;
  }
}
@media (min-width: 1920px) {
  .article p, .article a, .article ul {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
  .article img {
    margin: 3.13vw 0;
  }
}
.article .content-title {
  margin: 0 6.5vw;
  color: #ffffff;
  text-align: center;
}
.article .content {
  margin: 5.9vw 6.5vw 6.5vw 6.5vw;
  color: #ffffff;
}
.article .content h2 {
  margin: 0 0 5.2vw 0;
}
.article .content p, .article .content ul {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: normal;
  font-size: 3.13vw;
  line-height: 5vw;
}
.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 a {
  font-size: 3.13vw;
  line-height: 5vw;
}
.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 p, .article .content a, .article .content ul {
    font-size: 1.78vw;
    line-height: 2.31vw;
  }
  .article .content img {
    margin: 1vw 0;
  }
}
@media (min-width: 1920px) {
  .article .content p, .article .content a, .article .content ul {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
  .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 14.65vw;
  }
  .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: 19.3vw;
    margin-right: 19.3vw;
  }
}
@media (min-width: 1920px) {
  .article .content.intro {
    margin-left: 19.3vw;
    margin-right: 19.3vw;
  }
}
.article .content.body {
  margin-left: 6.51vw;
  margin-right: 6.51vw;
  margin-bottom: 6.6vw;
}
@media (min-width: 1024px) {
  .article .content.body {
    margin-left: 19.3vw;
    margin-right: 19.3vw;
  }
}
@media (min-width: 1920px) {
  .article .content.body {
    margin-left: 19.3vw;
    margin-right: 19.3vw;
  }
}
@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: 4.39vw;
  }
}
@media (min-width: 1920px) {
  .article hr {
    margin: 4.43vw;
  }
}

.socialcontainer {
  margin: 0 0 6.51vw 0;
  padding: 0 6.5vw;
}
@media (min-width: 1024px) {
  .socialcontainer {
    margin: 0 0 2vw 0;
    padding: 0 4.39vw;
  }
}
@media (min-width: 1920px) {
  .socialcontainer {
    margin: 0 0 4.69vw 0;
  }
}
@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: 4.1vw;
  line-height: 6vw;
  text-align: center;
}
.social p a, .social p.share a {
  text-decoration: none;
  border-bottom: 0.2vw solid;
}
@media (min-width: 1024px) {
  .social p, .social p.share {
    font-size: 3.3vw;
    line-height: 4vw;
  }
}
@media (min-width: 1920px) {
  .social p, .social p.share {
    font-size: 3.3vw;
    line-height: 4vw;
  }
}
.social .icons {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-pack: center;
      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-item {
  font-family: "NTR Speciaal";
  border-bottom: 2px solid;
}
.faq-item h3, .faq-item h3 > button {
  margin: 2vw 0;
  padding: 1vw 0;
  font-size: 4.20vw;
  font-family: "NTR Speciaal";
  font-weight: normal;
  color: #ffffff;
  background-color: transparent;
  border: none;
  text-decoration: underline;
}
@media (min-width: 1024px) {
  .faq-item h3, .faq-item h3 > button {
    margin: 1vw 0;
    padding: 0.5vw 0;
    font-size: 2.84vw;
  }
}
.faq-item p, .faq-item h4, .faq-item button, .faq-item li {
  font-size: 3.67vw;
  line-height: 4.33vw;
}
@media (min-width: 1024px) {
  .faq-item p, .faq-item h4, .faq-item button, .faq-item li {
    font-size: 1.78vw;
    line-height: 2.41vw;
  }
}
.faq-item ul, .faq-item ol {
  list-style-type: none;
}
.faq-item.active h3 {
  font-family: "NTR Speciaal Bold";
  text-decoration: none;
  border-bottom: 2px solid #ffffff;
}

.faq-extra {
  margin: 3vw 0;
  font-size: 3.67vw;
}
@media (min-width: 1024px) {
  .faq-extra {
    font-size: 1.78vw;
  }
}

.related {
  margin: 0 0 6.51vw 0;
  padding: 0 6.5vw;
}
@media (min-width: 1024px) {
  .related {
    margin: 0 0 2vw 0;
    padding: 0 4.39vw;
  }
}
@media (min-width: 1920px) {
  .related {
    margin: 0 0 4.69vw 0;
  }
}
.related h3 {
  width: 100%;
  margin: 7vw 0;
  text-align: center;
  font-size: 4.2vw;
  color: #ffffff;
}
@media (min-width: 1024px) {
  .related h3 {
    margin: 4vw 0 3vw 0;
    font-size: 2.22vw;
  }
}
@media (min-width: 1024px) {
  .related h3 {
    margin: 2vw 0;
  }
}
.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: 4.2vw;
  line-height: 7.22vw;
}
@media (min-width: 1024px) {
  .related .items {
    margin: 0 0 7vw 0;
    grid-template-columns: repeat(3, 1fr);
    text-align: left;
    font-size: 1.96vw;
    line-height: 2.44vw;
  }
}
.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: -ms-flexbox;
  display: flex;
  border-bottom: 2px solid;
}
.themes .media-items .media-item .media-item-image {
  -ms-flex: 0 0 auto;
      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: 4.2vw;
  line-height: 6vw;
}
@media (min-width: 1024px) {
  .themes .media-items .media-item .media-item-text h3 {
    font-size: 2.84vw;
    line-height: 5vw;
  }
}
.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: 4.2vw;
  line-height: 6vw;
}
@media (min-width: 1024px) {
  .themes .about h3 {
    font-size: 2.84vw;
    line-height: 5vw;
  }
}

footer {
  margin: 0;
  padding: 0;
  width: 100%;
  color: #ffffff;
  background-color: #000000;
  text-align: center;
  overflow: hidden;
  position: relative;
}
footer.inactive {
  cursor: default;
  pointer-events: none;
  opacity: 0.6;
  filter: alpha(opacity=60);
}
footer.inactive div > * {
  cursor: default;
  pointer-events: none;
}
@media (max-width: 480px) {
  footer {
    height: auto;
  }
}
@media (min-width: 1024px) {
  footer {
    min-height: 43vw;
  }
}
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: 4.17vw;
  padding: 0 0 2.5vw 0;
  text-transform: lowercase;
}
footer ul li a {
  color: white;
  text-decoration: none;
}
@media (min-width: 1024px) {
  footer ul {
    min-height: 10vw;
    margin: 6.6vw 4.39vw;
    column-count: 3;
    -moz-column-count: 3;
    -webkit-column-count: 3;
  }
  footer ul li {
    font-size: 2vw;
    padding: 0 0 0.2em 0;
  }
}
@media (min-width: 1920px) {
  footer ul {
    margin: 9.5vw 4.43vw;
    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 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;
  display: block;
  color: #787878;
  font-family: "NTR Speciaal";
  font-size: 3.26vw;
  line-height: 4vw;
  text-align: center;
  background-color: #303030;
}
footer .footer-copyright div {
  padding: 2.6vw 0;
}
footer .footer-copyright div .cfont {
  font-family: "Source Sans Pro", sans-serif;
}
@media (min-width: 1024px) {
  footer .footer-copyright {
    height: 5.2vw;
    font-size: 1.77vw;
  }
  footer .footer-copyright div {
    padding: 1vw 0;
  }
}
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: 4.8vw;
}
@media (min-width: 1024px) {
  .metadata h3 {
    font-size: 2.22vw;
  }
}
@media (min-width: 1920px) {
  .metadata h3 {
    padding: 0.45vw 0 0.4vw;
  }
}
.metadata h4 {
  font-size: 4.26vw !important;
  font-weight: 400;
  padding-top: 1.1vw;
}
@media (min-width: 1024px) {
  .metadata h4 {
    font-size: 1.69vw !important;
  }
}
@media (min-width: 1920px) {
  .metadata h4 {
    font-size: 1.38vw !important;
    padding-top: 0.9vw;
  }
}
.metadata .meta-intro {
  font-size: 4.26vw !important;
  padding-top: 2.2vw;
}
@media (min-width: 1024px) {
  .metadata .meta-intro {
    font-size: 2vw !important;
    line-height: 2.9vw !important;
  }
}
@media (min-width: 1920px) {
  .metadata .meta-intro {
    font-size: 1.78vw !important;
    padding-top: 1.85vw;
    line-height: 2.2vw !important;
  }
}
.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%;
  -ms-flex-item-align: end;
      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 4.39vw;
  }
}
@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 4.39vw;
  }
}
@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, #000000, 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;
}
.high-contrast .slick-dots li button:before {
  color: #000000 !important;
  border: 1px solid brown;
}

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