@charset "UTF-8";
/*
  Mixins
*/
/*
  Variables
*/
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600&subset=latin-ext");
@font-face {
  font-family: "dkvn-iconfont";
  src: url("/bundles/wetenschappublicationbundle/fonts/dkvn-iconfont.eot");
  src: url("/bundles/wetenschappublicationbundle/fonts/dkvn-iconfont.eot?#iefix") format("eot"), url("/bundles/wetenschappublicationbundle/fonts/dkvn-iconfont.woff2") format("woff2"), url("/bundles/wetenschappublicationbundle/fonts/dkvn-iconfont.woff") format("woff"), url("/bundles/wetenschappublicationbundle/fonts/dkvn-iconfont.ttf") format("truetype"), url("/bundles/wetenschappublicationbundle/fonts/dkvn-iconfont.svg#dkvn-iconfont") format("svg");
}
.icon-archeologie:before, .icon-arrow-down:before, .icon-arrow-left:before, .icon-arrow-right:before, .icon-audio:before, .icon-brein_gedrag:before, .icon-close:before, .icon-connector:before, .icon-download:before, .icon-external_link:before, .icon-facebook:before, .icon-flora_fauna:before, .icon-hamburger:before, .icon-heelal_ruimtevaart:before, .icon-klimaat:before, .icon-lijf_gezondheid:before, .icon-mail:before, .icon-mens_maatschappij:before, .icon-play-opaque:before, .icon-play:before, .icon-rss:before, .icon-search:before, .icon-tech:before, .icon-twitter:before, .icon-whatsapp:before, .icon-youtube:before, .video-player:before, .icon-theme-1:before, .icon-theme-2:before, .icon-theme-3:before, .icon-theme-4:before, .icon-theme-5:before, .icon-theme-6:before, .icon-theme-7:before, .icon-theme-8:before {
  font-family: "dkvn-iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
}

.icon-archeologie:before {
  content: "";
}

.icon-arrow-down:before {
  content: "";
}

.icon-arrow-left:before {
  content: "";
}

.icon-arrow-right:before {
  content: "";
}

.icon-audio:before {
  content: "";
}

.icon-brein_gedrag:before {
  content: "";
}

.icon-close:before {
  content: "";
}

.icon-connector:before {
  content: "";
}

.icon-download:before {
  content: "";
}

.icon-external_link:before {
  content: "";
}

.icon-facebook:before {
  content: "";
}

.icon-flora_fauna:before {
  content: "";
}

.icon-hamburger:before {
  content: "";
}

.icon-heelal_ruimtevaart:before {
  content: "";
}

.icon-klimaat:before {
  content: "";
}

.icon-lijf_gezondheid:before {
  content: "";
}

.icon-mail:before {
  content: "";
}

.icon-mens_maatschappij:before {
  content: "";
}

.icon-play-opaque:before {
  content: "";
}

.icon-play:before {
  content: "";
}

.icon-rss:before {
  content: "";
}

.icon-search:before {
  content: "";
}

.icon-tech:before {
  content: "";
}

.icon-twitter:before {
  content: "";
}

.icon-whatsapp:before {
  content: "";
}

.icon-youtube:before {
  content: "";
}

@font-face {
  font-family: 'NPO Sans';
  src: url("/bundles/wetenschappublicationbundle/fonts/NPOSans/NPOSans-Regular-v101.eot") format("embedded-opentype"), url(/bundles/wetenschappublicationbundle/fonts/NPOSans/NPOSans-Regular-v101.woff) format("woff"), url("/bundles/wetenschappublicationbundle/fonts/NPOSans/NPOSans-Regular-v101-web.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'NPO Sans Bold';
  src: url("/bundles/wetenschappublicationbundle/fonts/NPOSans/NPOSans-Bold-v101.eot") format("embedded-opentype"), url(/bundles/wetenschappublicationbundle/fonts/NPOSans/NPOSans-Bold-v101.woff) format("woff"), url("/bundles/wetenschappublicationbundle/fonts/NPOSans/NPOSans-Bold-v101-web.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'AvalonCond';
  src: url("/bundles/wetenschappublicationbundle/fonts/avalon/Avalon-BoldCond-webfont.eot");
  src: url("/bundles/wetenschappublicationbundle/fonts/avalon/Avalon-BoldCond-webfont.eot?#iefix") format("embedded-opentype"), url("/bundles/wetenschappublicationbundle/fonts/avalon/Avalon-BoldCond-webfont.woff2") format("woff2"), url("/bundles/wetenschappublicationbundle/fonts/avalon/Avalon-BoldCond-webfont.woff") format("woff"), url("/bundles/wetenschappublicationbundle/fonts/avalon/Avalon-BoldCond-webfont.ttf") format("truetype"), url("/bundles/wetenschappublicationbundle/fonts/avalon/Avalon-BoldCond-webfont.svg#avalonbold_condensed") format("svg");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'AvalonCond';
  src: url("/bundles/wetenschappublicationbundle/fonts/avalon/Avalon-BookCond-webfont.eot");
  src: url("/bundles/wetenschappublicationbundle/fonts/avalon/Avalon-BookCond-webfont.eot?#iefix") format("embedded-opentype"), url("/bundles/wetenschappublicationbundle/fonts/avalon/Avalon-BookCond-webfont.woff2") format("woff2"), url("/bundles/wetenschappublicationbundle/fonts/avalon/Avalon-BookCond-webfont.woff") format("woff"), url("/bundles/wetenschappublicationbundle/fonts/avalon/Avalon-BookCond-webfont.ttf") format("truetype"), url("/bundles/wetenschappublicationbundle/fonts/avalon/Avalon-BookCond-webfont.svg#avalonbook_condensed") format("svg");
  font-weight: 100;
  font-style: normal;
}
body {
  font-family: 'NPO Sans', sans-serif;
  letter-spacing: 1px;
}

h1 {
  font-family: 'NPO Sans', sans-serif;
  margin: 0;
  font-size: 36px;
  line-height: 46px;
  color: #009BE0;
}
.page--article h1, .modal-content h1 {
  font-family: 'NPO Sans', sans-serif;
  font-size: 40px;
  line-height: 56px;
  color: #191929;
}

h2 {
  font-family: 'NPO Sans', sans-serif;
  font-size: 27px;
  line-height: 35px;
  color: #191929;
  letter-spacing: normal;
}

h3 {
  font-family: 'NPO Sans', sans-serif;
  font-size: 24px;
  line-height: 31px;
}

h6 {
  font-family: 'NPO Sans Bold', sans-serif;
  font-size: 18px;
  line-height: 25px;
  margin: 0;
}

.title--alternative {
  color: #009BE0;
}

ul {
  padding: 0;
  margin: 0;
}
ul li {
  list-style: none;
}

p {
  font-family: 'Open Sans', sans-serif;
  font-size: 17px;
  line-height: 33px;
  color: #444444;
}
p.intro {
  font-size: 18px;
}

@media only screen and (max-width: 767px) {
  h1 {
    font-size: 24px;
    line-height: 31px;
  }
  .page--article h1, .modal-content h1 {
    font-size: 27px;
    line-height: 37px;
  }

  h2, h3 {
    font-size: 21px;
    line-height: 27px;
  }

  p {
    font-size: 15px;
    line-height: 32px;
  }

  h6 {
    font-size: 14px;
    line-height: 22px;
  }
}
/*
  Elements
*/
.row {
  margin-left: -12px;
  margin-right: -12px;
}
.row:before, .row:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.row:after {
  clear: both;
}

.column {
  float: left;
  padding-left: 12px;
  padding-right: 12px;
  width: 100%;
  box-sizing: border-box;
}

.column--content {
  width: 66.66667%;
}
.column--content-article {
  width: 75%;
  width: calc(75% - 175px);
  margin: 0 75px;
  padding: 0 25px;
}
.column--content-fullwidth {
  width: 100%;
  margin: 0px;
  padding: 0px;
}

.column--content-alternative {
  width: 58.33333%;
}
.column--content-alternative--extra {
  width: 50%;
  margin-left: 8.33333%;
  padding: 0;
}

.column--sidebar {
  width: 33.33333%;
  float: right;
}
.column--sidebar--extra {
  padding: 0;
}
.column--sidebar-article {
  width: 25%;
}

.column--sidebar-left {
  float: left;
}

.column--bottom {
  margin: 30px 0;
}
.column--bottom-article {
  padding: 0 40px;
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
  .column--content-alternative {
    width: 66.66667%;
    padding-right: 30px;
  }
  .column--content-alternative--extra {
    width: 100%;
    margin-left: 40px;
  }

  .column--content-article {
    width: 100%;
    margin: 0;
    margin-left: 40px;
    padding: 0;
  }

  .column--content-fullwidth {
    margin-left: -30px;
    width: calc(100% + 60px);
  }

  .column--sidebar--extra {
    width: 100%;
    margin-left: 40px;
    float: left;
    padding-left: 15px;
  }
  .column--sidebar-fullwidth {
    margin-left: -30px;
    width: calc(100% + 45px);
  }

  .column--bottom {
    margin-left: 40px;
  }
  .column--bottom-article {
    padding: 0 15px;
  }
}
@media only screen and (max-width: 767px) {
  .column {
    width: 100%;
    overflow: hidden;
  }

  .column--content-alternative--extra {
    margin-left: 0;
  }

  .column--content-article {
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: initial;
  }

  .column--sidebar--extra {
    padding-left: 15px;
  }
  .column--sidebar-article {
    padding-left: 0;
  }

  .column--bottom-article {
    padding: 0;
    overflow: initial;
  }
}
.button {
  display: inline-block;
  padding: 14px 20px;
  font-size: 18px;
  font-family: AvalonCond;
  font-weight: 300;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  border: 1px solid transparent;
  background-color: #009BE0;
  color: #FFFFFF;
}
.button:before, .button:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.button:after {
  clear: both;
}
.button:hover {
  background-color: #00C5FF;
}
.button--alternative {
  background-color: #FFFFFF;
  color: #009BE0;
  border: 1px solid #D9D9DB;
  border: 1px solid #D9D9DB;
  position: relative;
}
.button--alternative:before, .button--alternative:after, .button--alternative .dots:before, .button--alternative .dots:after {
  content: '';
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: #D9D9DB;
}
.button--alternative:before {
  bottom: -4px;
  left: -4px;
}
.button--alternative:after {
  top: -4px;
  left: -4px;
}
.button--alternative .dots:before {
  bottom: -4px;
  right: -4px;
}
.button--alternative .dots:after {
  top: -4px;
  right: -4px;
}
.button--alternative:hover {
  background-color: #FFFFFF;
}
.button--dropdown {
  color: #191929;
  font-size: 15px;
  padding: 14px 60px 14px 20px;
  font-family: AvalonCond;
  min-width: 100px;
  text-align: left;
}
.button--dropdown .button__icon {
  color: #009BE0;
  border-left: 1px solid #D9D9DB;
}
.button__icon {
  font-size: 18px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  padding: 14px;
}

.social__icon {
  display: block;
  float: left;
  width: 40px;
  height: 40px;
  box-sizing: border-box;
  font-size: 22px;
  padding: 10px;
  margin: 5px;
  color: #FFFFFF;
  text-align: center;
  text-decoration: none;
}
.social__icon--facebook {
  background-color: #425DAA;
}
.social__icon--twitter {
  background-color: #2CACE2;
}
.social__icon--youtube, .social__icon--mail {
  background-color: #E82919;
}
.social__icon--whatsapp {
  background-color: #01E675;
}
@media only screen and (min-width: 768px) {
  .social__icon--whatsapp {
    display: none;
  }
}
.modal-header .social__icon {
  margin: 0;
  width: 42px;
  height: 42px;
}
.social--vertical .social__icon {
  float: none;
}

.wrapper--border-dots {
  border: 1px solid #D9D9DB;
  position: relative;
}
.wrapper--border-dots:before, .wrapper--border-dots:after, .wrapper--border-dots .dots:before, .wrapper--border-dots .dots:after {
  content: '';
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: #D9D9DB;
}
.wrapper--border-dots:before {
  bottom: -4px;
  left: -4px;
}
.wrapper--border-dots:after {
  top: -4px;
  left: -4px;
}
.wrapper--border-dots .dots:before {
  bottom: -4px;
  right: -4px;
}
.wrapper--border-dots .dots:after {
  top: -4px;
  right: -4px;
}

.teaser-carousel__button {
  position: absolute;
  width: 30px;
  top: 0;
  bottom: 0;
  padding: 0;
  margin: 0;
  background-color: #009BE0;
}
.teaser-carousel__button .icon-arrow-right, .teaser-carousel__button .icon-arrow-left {
  position: absolute;
  top: 50%;
  font-size: 20px;
  color: #FFFFFF;
}
.teaser-carousel__button--next {
  right: 0;
}
.teaser-carousel__button--next .icon-arrow-right {
  right: 5px;
}
.teaser-carousel__button--prev {
  left: 0;
}
.teaser-carousel__button--prev .icon-arrow-left {
  left: 5px;
}
.teaser-carousel__button.is-hidden {
  display: none;
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
  .social--vertical {
    float: none;
  }
  .social--vertical .social__icon {
    float: left;
  }
}
@media only screen and (max-width: 767px) {
  .social--vertical {
    float: none;
  }
  .social--vertical .social__icon {
    float: left;
  }
}
.dropdown {
  position: relative;
}
.dropdown.is-active .dropdown-menu {
  display: block;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 10;
  display: none;
  font-size: 15px;
  line-height: 13px;
  text-align: left;
  list-style: none;
  border: 1px solid #D9D9DB;
  background-color: #FFFFFF;
}
.dropdown-menu:before, .dropdown-menu:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.dropdown-menu:after {
  clear: both;
}
.dropdown-menu.is-active {
  display: block;
}

.dropdown-menu__link {
  display: block;
  padding: 10px 20px;
  clear: both;
  text-decoration: none;
  color: #191929;
  font-family: AvalonCond;
}
.dropdown-menu__link:hover {
  background-color: #F5F5F6;
}
.dropdown-menu__link.is-selected {
  background-color: #009BE0;
  color: #FFFFFF;
}

.line {
  width: 100%;
  height: 1px;
  background-color: #D9D9DB;
  margin: 20px 0;
  clear: both;
}

.teaser {
  position: relative;
  color: inherit;
}
.teaser:before, .teaser:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.teaser:after {
  clear: both;
}
.teaser--title h6 {
  font-size: 27px;
  line-height: 39px;
}
.teaser--horizontal .teaser-image {
  width: 26%;
  float: left;
  padding-bottom: 14.625%;
}
.teaser--horizontal .teaser-caption {
  float: right;
  width: calc(74% - 23px);
}
.teaser--special .teaser-image {
  width: 27.5%;
  padding-bottom: 15.46875%;
}
.teaser--special .teaser-caption {
  width: calc(72.5% - 25px);
}
.teaser--special .teaser-image__category {
  left: auto;
  right: 0;
}

.teaser-image {
  width: 100%;
  position: relative;
  padding-bottom: 56.25%;
  background-size: cover;
  z-index: 0;
}
.teaser-image:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
  background: linear-gradient(to bottom, transparent 50%, rgba(0, 0, 0, 0.5) 100%);
}
.teaser-image__category {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 10px;
  text-align: center;
  color: #FFFFFF;
  background-color: #009BE0;
  text-transform: uppercase;
  font-family: AvalonCond;
  font-weight: 300;
  font-size: 14px;
  height: 30px;
  line-height: 30px;
}
.teaser-image__category--alternative {
  background-color: #FF4422;
}
.teaser-image__category--right {
  right: 0;
  left: auto;
}

.teaser-caption {
  padding: 5px 0;
}
.teaser-caption--overlay {
  position: absolute;
  bottom: 10px;
  width: 90%;
  max-width: 90%;
  padding: 0 20px;
  color: #FFFFFF;
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.7);
}
.teaser-caption--inset {
  display: block;
  clear: both;
  position: relative;
  width: 85%;
  max-width: 85%;
  margin-top: -30px;
  background-color: #FFFFFF;
  padding: 15px 15px 0 20px;
}
.teaser--title .teaser-caption--inset {
  padding: 20px;
  width: 88%;
  max-width: 88%;
}
.teaser--special .teaser-caption__title {
  font-size: 24px;
  line-height: 33px;
}
.teaser-caption__metadata {
  color: #999999;
  font-size: 14px;
  line-height: 17px;
  text-transform: uppercase;
  font-family: AvalonCond;
  font-weight: 300;
  margin: 10px 0 0 0;
}
.teaser-caption--overlay .teaser-caption__metadata {
  color: #FFFFFF;
}
.teaser-caption--overlay .teaser-caption__metadata a {
  color: #FFFFFF;
  text-decoration: underline;
  padding-left: 5px;
}
.teaser--title .teaser-caption__metadata {
  margin-top: 15px;
}
.teaser--horizontal .teaser-caption__metadata {
  margin-top: 8px;
}
.teaser-caption__metadata a {
  text-decoration: none;
  color: #009BE0;
  text-transform: uppercase;
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
  .teaser--title h6 {
    font-size: 19px;
    line-height: 25px;
  }

  .teaser--title .teaser-caption--inset {
    padding: 25px;
  }
  .teaser--horizontal .teaser-caption {
    padding: 0;
  }
}
@media only screen and (max-width: 767px) {
  .teaser {
    margin: 5px 0;
    display: block;
  }
  .teaser--title h6 {
    font-size: 19px;
    line-height: 25px;
  }
  .teaser--horizontal {
    position: relative;
    margin: 15px 0;
  }
  .teaser--horizontal:before {
    content: '';
    position: absolute;
    top: -15px;
    left: -30px;
    right: -30px;
    height: 1px;
    display: block;
    background-color: #D9D9DB;
  }
  .teaser-list__item:nth-of-type(1) .teaser--horizontal:before {
    display: none;
  }
  .teaser--horizontal .teaser-caption {
    padding: 0;
    width: calc(68.3% - 15px);
  }
  .teaser--horizontal .teaser-caption__metadata {
    display: none;
  }
  .teaser--horizontal .teaser-caption__title {
    font-size: 14px;
    line-height: 17px;
  }
  .teaser--horizontal .teaser-image {
    width: 31.7%;
    padding-bottom: 17.83125%;
  }
  .teaser--horizontal .teaser-image__category {
    display: none;
  }
  .teaser--special {
    margin: 10px 0;
  }
  .teaser--special .teaser-image {
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
  }
  .teaser--special:before {
    display: none;
  }

  .teaser-caption--inset {
    padding: 20px 5px 0 0;
    width: 95%;
    max-width: 95%;
  }
  .teaser--title .teaser-caption--inset {
    padding: 20px 5px 0 0;
    width: 95%;
    max-width: 95%;
  }
  .teaser-caption__title {
    font-size: 19px;
    line-height: 25px;
  }
  .teaser--special .teaser-caption__title {
    font-size: 19px;
    line-height: 25px;
  }
  .teaser--special .teaser-caption {
    position: absolute;
    left: 20px;
    bottom: 20px;
    right: 20px;
    width: auto;
    color: #FFFFFF;
  }
  .teaser--special .teaser-caption__content {
    display: none;
  }
}
.teaser-list {
  margin: -12px 0;
}
.teaser-list__item {
  padding: 12px 0;
}
.teaser-list__item:before, .teaser-list__item:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.teaser-list__item:after {
  clear: both;
}
.teaser-list--grid {
  margin-left: -12px;
  margin-right: -12px;
  margin-bottom: 50px;
}
.teaser-list--grid:before, .teaser-list--grid:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.teaser-list--grid:after {
  clear: both;
}
.teaser-list--grid .teaser-list__item {
  float: left;
  padding-left: 12px;
  padding-right: 12px;
  width: 100%;
  box-sizing: border-box;
  width: 25%;
}
.teaser-list--grid-episodes .teaser-list__item {
  width: 33.33333%;
}
.teaser-list--page-intro {
  margin-left: -12px;
  margin-right: -12px;
  margin: 0 -12px;
}
.teaser-list--page-intro:before, .teaser-list--page-intro:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.teaser-list--page-intro:after {
  clear: both;
}
.teaser-list--page-intro .teaser-list__item {
  padding: 12px;
  width: 50%;
  float: left;
  box-sizing: border-box;
}
.teaser-list--page-intro .teaser-list__item:before, .teaser-list--page-intro .teaser-list__item:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.teaser-list--page-intro .teaser-list__item:after {
  clear: both;
}
.teaser-list--special .teaser-list__item {
  position: relative;
  z-index: 0;
}
.teaser-list--special .teaser-list__item-special-carret, .teaser-list--special .teaser-list__item-special-carret2 {
  z-index: 1;
  position: absolute;
  top: 25px;
  left: 20px;
}
.teaser-list--special .teaser-list__item-special-carret:before, .teaser-list--special .teaser-list__item-special-carret:after, .teaser-list--special .teaser-list__item-special-carret2:before, .teaser-list--special .teaser-list__item-special-carret2:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
}
.teaser-list--special .teaser-list__item-special-carret:before, .teaser-list--special .teaser-list__item-special-carret2:before {
  right: 0;
  width: 84px;
  height: 1px;
  background-color: #009BE0;
}
.teaser-list--special .teaser-list__item-special-carret:after, .teaser-list--special .teaser-list__item-special-carret2:after {
  content: '';
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: #D9D9DB;
  background-color: #009BE0;
  right: 80px;
  top: -3px;
}
.teaser-list--special .teaser-list__item-special-carret2 {
  transform: translate(-20.6px, -24.3px) rotate(225deg);
}
.teaser-list--special .teaser-list__item-special-carret2:before {
  width: 14px;
}
.teaser-list--special .teaser-list__item-special-carret2:after {
  right: 14px;
}
.teaser-list--line {
  position: relative;
}
.teaser-list--line:before {
  content: '';
  position: absolute;
  top: 12px;
  background-color: #D9D9DB;
}
.teaser-list--line:before {
  left: -28px;
}
.teaser-list--line:after {
  left: -25px;
  bottom: 12px;
  width: 1px;
}
.teaser-list--search-results {
  position: relative;
}
.teaser-list--search-results:before {
  content: '';
  position: absolute;
  top: 12px;
  bottom: 12px;
  left: -25px;
  width: 1px;
  background-color: #D9D9DB;
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
  .teaser-list--grid .teaser-list__item {
    width: 33.33333%;
  }

  .teaser-list--search-results:before {
    display: none;
  }

  .teaser-list--special .teaser-list__item-special-carret:before {
    width: 50px;
  }
  .teaser-list--special .teaser-list__item-special-carret:after {
    right: 46px;
  }
  .teaser-list--special .teaser-list__item-special-carret2 {
    transform: translate(-20.5px, -24.4px) rotate(225deg);
  }
  .teaser-list--special .teaser-list__item-special-carret2:before {
    width: 14px;
  }
  .teaser-list--special .teaser-list__item-special-carret2:after {
    right: 14px;
  }
  .sidebar__block-article .teaser-list {
    margin: 0px -6px;
  }
  .sidebar__block-article .teaser-list:before {
    display: none;
  }
  .sidebar__block-article .teaser-list .teaser-list__item {
    float: left;
    width: 33.3333333%;
    box-sizing: border-box;
    padding: 0px 6px;
  }
}
@media only screen and (max-width: 767px) {
  .teaser-list {
    margin: 0;
  }
  .teaser-list__item {
    padding: 0;
    width: 100%;
  }
  .teaser-list--page-intro .teaser-list__item, .teaser-list--grid .teaser-list__item {
    width: 100%;
    padding: 0;
  }
  .teaser-list--line .teaser-list__item {
    margin: 5px 0;
  }
  .teaser-list--search-results:before {
    display: none;
  }
  .teaser-list--special {
    position: relative;
  }
  .teaser-list--special:before {
    content: '';
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: #D9D9DB;
    top: -30px;
    left: 27px;
    z-index: 1;
    background-color: #009BE0;
  }
  .teaser-list--special .title--alternative {
    background-color: #FFFFFF;
    padding: 10px 0;
  }
  .teaser-list--special .teaser-list__item {
    position: relative;
    z-index: 0;
  }
  .teaser-list--special .teaser-list__item-special-carret {
    display: none;
  }
}
.teaser-carousel {
  position: relative;
}
.teaser-carousel__container {
  overflow: hidden;
}
.teaser-carousel__item-list {
  margin: 0 -5px;
}
.teaser-carousel__item-list:before, .teaser-carousel__item-list:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.teaser-carousel__item-list:after {
  clear: both;
}
.teaser-carousel__item {
  display: block;
  float: left;
  padding: 0px 5px;
  box-sizing: border-box;
}
.teaser-carousel__item .teaser-caption--overlay {
  width: 70%;
  max-width: 70%;
  white-space: normal;
}

@media only screen and (max-width: 767px) {
  .teaser-carousel .teaser {
    margin: 0;
  }
}
.tab {
  display: block;
  padding: 14px 0;
  text-align: center;
  text-decoration: none;
  font-size: 15px;
  width: 101px;
  font-family: AvalonCond;
  font-weight: bold;
  color: #191929;
  border-top: 1px solid #D9D9DB;
  border-bottom: 1px solid #D9D9DB;
}
.tab:hover {
  background-color: #F5F5F6;
}
.tab.is-active {
  background-color: #009BE0;
  border-color: #009BE0;
  color: #FFFFFF;
}
.tab.is-active:hover {
  background-color: #009BE0;
}
.tab-list__item:first-child .tab {
  border-left: 1px solid #D9D9DB;
}
.tab-list__item:last-child .tab {
  border-right: 1px solid #D9D9DB;
}
.tab-list__item:first-child .tab.is-active, .tab-list__item:last-child .tab.is-active {
  border-color: #009BE0;
}

@media only screen and (max-width: 767px) {
  .tab {
    width: 100%;
    box-sizing: border-box;
  }
}
.tab-list {
  display: inline-block;
}

.tab-list__item {
  display: block;
  float: left;
}

@media only screen and (max-width: 767px) {
  .tab-list {
    display: block;
  }

  .tab-list__item {
    width: 25%;
  }
}
.tag {
  display: block;
  text-decoration: none;
  font-size: 15px;
  font-family: AvalonCond;
  color: #009BE0;
  text-transform: uppercase;
  font-weight: 300;
  line-height: 13px;
  padding: 5px 10px;
  margin: 5px;
  border: 1px solid #D9D9DB;
}
.tag:hover {
  background-color: #009BE0;
  color: #FFFFFF;
  border: 1px solid #009BE0;
}

.tag-list__item {
  display: block;
  float: left;
}
.tag-list__item:before, .tag-list__item:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.tag-list__item:after {
  clear: both;
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
  .tag-list {
    margin: 20px 0;
  }

  .tag-list__item {
    float: none;
    display: inline-block;
  }
}
@media only screen and (max-width: 767px) {
  .tag-list {
    margin: 20px 0;
  }

  .tag-list__item {
    float: none;
    display: inline-block;
  }
}
.search-category-list {
  margin-top: 130px;
  margin-bottom: 0;
  font-family: AvalonCond;
  font-weight: 300;
}
.search-category-list__item {
  position: relative;
  border-bottom: 1px solid #D9D9DB;
  padding: 0 30px 0 20px;
}
.search-category-list__item:before {
  content: '';
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: #D9D9DB;
  bottom: 0;
  left: 2px;
  transform: translate(-50%, 50%);
}
.search-category-list__item:last-child {
  border-bottom: 0;
}
.search-category-list__item:last-child:before {
  display: none;
}
.search-category-list__link {
  display: block;
  text-decoration: none;
  font-size: 18px;
  line-height: 60px;
  color: #191929;
}
.search-category-list__link.is-active {
  color: #009BE0;
}
.search-category-list__count {
  float: right;
  font-size: 14px;
}

@media only screen and (max-width: 767px) {
  .search-category-list {
    margin-top: 40px;
  }
}
.showcase {
  margin-left: -12px;
  margin-right: -12px;
}
.showcase:before, .showcase:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.showcase:after {
  clear: both;
}
.showcase__content {
  float: left;
  padding-left: 12px;
  padding-right: 12px;
  width: 100%;
  box-sizing: border-box;
  width: 33.33333%;
}
.showcase__carousel {
  float: left;
  padding-left: 12px;
  padding-right: 12px;
  width: 100%;
  box-sizing: border-box;
  width: 66.66667%;
}

@media only screen and (max-width: 767px) {
  .showcase__content, .showcase__carousel {
    width: 100%;
    margin: 10px 0;
  }
}
.meta-intro {
  border: 1px solid #D9D9DB;
  position: relative;
  border: 1px solid #D9D9DB;
  border-right: none;
  position: relative;
  height: 100%;
}
.meta-intro:before, .meta-intro:after, .meta-intro .dots:before, .meta-intro .dots:after {
  content: '';
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: #D9D9DB;
}
.meta-intro:before {
  bottom: -4px;
  left: -4px;
}
.meta-intro:after {
  top: -4px;
  left: -4px;
}
.meta-intro .dots:before {
  bottom: -4px;
  right: -4px;
}
.meta-intro .dots:after {
  top: -4px;
  right: -4px;
}
.meta-intro__number {
  position: absolute;
  right: -4px;
  top: -15px;
  padding: 5px 8px;
  font-size: 15px;
  border: 1px solid #D9D9DB;
  background-color: #FFFFFF;
  color: #009BE0;
}
.meta-intro__text {
  display: block;
  max-height: 100%;
  overflow: auto;
  font-size: 16px;
  line-height: 32px;
  padding: 20px;
  margin: 0;
  box-sizing: border-box;
}

.load-more {
  clear: both;
  margin: 30px auto 60px;
  position: relative;
  text-align: center;
}
.load-more .button {
  margin: 0 auto;
  display: inline-block;
  font-size: 18px;
  line-height: 22px;
  box-sizing: border-box;
  font-family: AvalonCond;
  font-weight: 300;
  text-transform: uppercase;
  color: #009BE0;
}
.load-more .line {
  position: absolute;
  top: 50%;
  margin: 0;
}
.block-article-fullwidth .load-more {
  width: 100vw;
  max-width: 1160px;
}
.block-article-fullwidth .load-more .line {
  left: -50px;
  right: -40px;
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
  .load-more {
    width: 100%;
  }
  .block-article-fullwidth .load-more {
    width: 100%;
  }
  .block-article-fullwidth .load-more .line {
    width: 100vw;
    left: -103px;
  }
}
@media only screen and (max-width: 767px) {
  .load-more {
    width: 100%;
  }
  .load-more .line {
    width: auto;
    left: -20px;
    right: -20px;
  }
  .block-article-fullwidth .load-more {
    width: 100%;
  }
  .block-article-fullwidth .load-more .line {
    width: auto;
    left: -20px;
    right: -20px;
  }
}
.theme-list {
  margin-top: 20px;
  margin-bottom: 60px;
}
.theme-list:before, .theme-list:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.theme-list:after {
  clear: both;
}
.theme-list__link {
  display: block;
  float: left;
  position: relative;
  border-right: 1px solid #D9D9DB;
  box-sizing: border-box;
  width: 25%;
  text-decoration: none;
  text-align: center;
}
.theme-list__item:nth-of-type(-n+4) .theme-list__link {
  border-bottom: 1px solid #D9D9DB;
}
.theme-list__item:nth-of-type(4n) .theme-list__link {
  border-right: 0;
}
.theme-list__image {
  display: block;
  height: 196px;
  background-size: 80px;
  background-position: center 30px;
  background-repeat: no-repeat;
}
.theme-list__title {
  position: absolute;
  top: 130px;
  left: 10px;
  right: 10px;
  text-transform: uppercase;
  color: #191929;
  font-family: AvalonCond;
  font-weight: 300;
  font-size: 18px;
  line-height: 25px;
}

@media only screen and (max-width: 767px) {
  .theme-list__image {
    height: 160px;
    background-position: center 20px;
  }
  .theme-list__link {
    width: 50%;
    border: 0;
    border-bottom: 1px solid #D9D9DB;
  }
  .theme-list__item:nth-of-type(2n+1) .theme-list__link {
    border-right: 1px solid #D9D9DB;
  }
  .theme-list__item:nth-of-type(8) .theme-list__link, .theme-list__item:nth-of-type(7) .theme-list__link {
    border-bottom: 0;
  }
  .theme-list__title {
    top: 120px;
    font-size: 14px;
    line-height: 18px;
  }
}
.theme-list-small__item {
  padding: 5px 0;
}
.theme-list-small__item i {
  color: #009BE0;
  font-size: 27px;
}
.theme-list-small__title {
  font-family: AvalonCond;
  font-size: 18px;
  margin-left: 10px;
  position: relative;
  top: -7px;
}

.pagination {
  margin: 50px auto;
  position: relative;
  clear: both;
}
.pagination:before, .pagination:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.pagination:after {
  clear: both;
}
.pagination .line {
  position: absolute;
  top: 50%;
  margin: 0;
  z-index: -1;
}

.pagination-list {
  text-align: center;
}
.pagination-list__item {
  display: inline-block;
  margin: 3px;
}
.pagination-list__link {
  display: block;
  width: 36px;
  height: 36px;
  box-sizing: border-box;
  text-align: center;
  padding: 10px 5px;
  text-decoration: none;
  border: 1px solid #D9D9DB;
  color: #009BE0;
  font-size: 15px;
  font-family: AvalonCond;
  background-color: #D9D9DB;
  overflow: hidden;
}
.pagination-list__link.is-active {
  background-color: #FFFFFF;
}
.pagination-list__link--next, .pagination-list__link--prev {
  position: relative;
  border-color: #009BE0;
  background-color: #009BE0;
  color: #FFFFFF;
}
.pagination-list__link--next:before, .pagination-list__link--next:after, .pagination-list__link--prev:before, .pagination-list__link--prev:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.pagination-list__link--next:after, .pagination-list__link--prev:after {
  clear: both;
}
.pagination-list__link--elips {
  border-color: #FFFFFF;
  background-color: #FFFFFF;
}

.author {
  clear: both;
  margin: 60px 0 30px 0;
  padding-top: 30px;
  position: relative;
  display: block;
  box-sizing: border-box;
}
.author:before, .author:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.author:after {
  clear: both;
}
.author:before {
  content: '';
  position: absolute;
  height: 1px;
  top: 0;
  width: 100%;
  left: 0;
  right: 0;
  display: block;
  background-color: #D9D9DB;
}
.author__image-container {
  width: 78px;
  height: 78px;
  border-radius: 50%;
  padding: 5px;
  box-sizing: border-box;
  border: 1px solid #D9D9DB;
  float: left;
  margin-right: 20px;
}
.author__image {
  width: 66px;
  height: 66px;
  border-radius: 50%;
  background-size: cover;
  background-repeat: no-repeat;
}
.author__content {
  float: left;
  margin-right: 20px;
}
.author__name {
  font-family: 'NPO Sans Bold', sans-serif;
  font-size: 18px;
  line-height: 25px;
  margin-bottom: 10px;
  padding-top: 15px;
}
.author__title {
  font-family: AvalonCond;
  font-weight: 300;
  font-size: 14px;
  text-transform: uppercase;
  color: #999999;
}
.author__social {
  width: 48px;
  height: 48px;
  float: left;
  border: 1px solid #D9D9DB;
  border: 1px solid #D9D9DB;
  position: relative;
  margin-top: 5px;
}
.author__social:before, .author__social:after, .author__social .dots:before, .author__social .dots:after {
  content: '';
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: #D9D9DB;
}
.author__social:before {
  bottom: -4px;
  left: -4px;
}
.author__social:after {
  top: -4px;
  left: -4px;
}
.author__social .dots:before {
  bottom: -4px;
  right: -4px;
}
.author__social .dots:after {
  top: -4px;
  right: -4px;
}

.twitter--alternative {
  color: #009BE0;
}

.sidebar {
  float: right;
  position: relative;
  width: 33.33333%;
}
.sidebar__social {
  width: 50px;
  position: absolute;
  right: 0;
  top: 0;
}
.sidebar__social--alternative {
  border: 1px solid #D9D9DB;
  position: relative;
  position: relative;
  border: 1px solid #D9D9DB;
  border-left: 0;
  border-right: 0;
  width: 100%;
  padding: 20px 0;
}
.sidebar__social--alternative:before, .sidebar__social--alternative:after, .sidebar__social--alternative .dots:before, .sidebar__social--alternative .dots:after {
  content: '';
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: #D9D9DB;
}
.sidebar__social--alternative:before {
  bottom: -4px;
  left: -4px;
}
.sidebar__social--alternative:after {
  top: -4px;
  left: -4px;
}
.sidebar__social--alternative .dots:before {
  bottom: -4px;
  right: -4px;
}
.sidebar__social--alternative .dots:after {
  top: -4px;
  right: -4px;
}
.sidebar-content {
  margin-right: 50px;
}
.sidebar__block {
  position: relative;
}
.sidebar__block:before, .sidebar__block:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.sidebar__block:after {
  clear: both;
}
.sidebar__block + .sidebar__block {
  margin: 40px 50px 40px 0;
}
.sidebar__block + .sidebar__block--alternative {
  margin: 40px 0 40px 0;
}
.sidebar__block-article {
  position: relative;
}
.sidebar__block-article h2 {
  font-size: 24px;
}
.sidebar__block-article:before {
  content: '';
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: #D9D9DB;
  left: -23px;
  top: 50px;
}
.sidebar__block-article:after {
  content: '';
  position: absolute;
  width: 1px;
  top: 55px;
  bottom: 12px;
  left: -20px;
  display: block;
  background-color: #D9D9DB;
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
  .sidebar {
    width: 100%;
    margin: 20px 0 55px 0;
    float: left;
  }
  .sidebar__social {
    width: 100%;
    position: static;
    float: left;
  }
  .sidebar__social--alternative {
    position: relative;
    border: 0;
  }
  .sidebar__social--alternative .dots, .sidebar__social--alternative:before, .sidebar__social--alternative:after {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .sidebar {
    width: 100%;
    margin: 20px 0 55px 0;
    float: left;
  }
  .sidebar__social {
    width: 100%;
    position: static;
    float: left;
  }
  .sidebar__social--alternative {
    position: relative;
    border: 0;
  }
  .sidebar__social--alternative .dots, .sidebar__social--alternative:before, .sidebar__social--alternative:after {
    display: none;
  }
  .sidebar-block-article:before, .sidebar-block-article:after {
    display: none;
  }
}
.block {
  margin-bottom: 40px;
}
.block--alternative {
  margin-left: -50px;
  margin-right: -50px;
  padding-left: 0;
}
.block-article {
  margin-left: -50px;
  margin-right: -50px;
}
.block--quote {
  float: left;
  width: 60%;
  margin: 0 15px 40px -50px;
  padding: 0;
  box-sizing: border-box;
}
.block--quote:before, .block--quote:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.block--quote:after {
  clear: both;
}
.block--video {
  margin: 0 -50px 40px -50px;
  padding: 0;
}
.block--video__video {
  position: relative;
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
}
.block--video__video iframe, .block--video__video object, .block--video__video embed, .block--video__video video source {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.block--video__text {
  background-color: #F5F5F6;
  padding: 40px 50px;
}
.block--video__title {
  margin: 0;
  font-family: 'NPO Sans Bold', sans-serif;
  font-size: 17px;
  color: #191929;
}
.block--video__content {
  font-family: 'Open Sans', sans-serif;
  font-size: 15px;
  margin: 0;
}
.block__image {
  width: 100%;
}
.modal-content .block--video {
  margin: 0 -50px 40px -50px;
}
.modal-content .block--quote {
  margin: 0 15px 20px -35px;
}
.block-article-fullwidth {
  margin: 0 -75px;
  padding: 0 25px;
  box-sizing: border-box;
}
.block-section {
  display: block;
}
.block-section:before, .block-section:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.block-section:after {
  clear: both;
}
.block-section + .block-section {
  margin-top: 20px;
}

.block__subtitle {
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
  font-size: 18px;
  color: #191929;
}

.quote {
  font-family: AvalonCond;
  font-weight: 300;
  margin: 0;
  font-size: 33px;
  line-height: 54px;
  color: #009BE0;
  text-transform: uppercase;
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
  .block {
    padding: 0 15px;
  }
  .block--alternative {
    margin-left: -80px;
    margin-right: -30px;
    padding: 0;
  }
  .modal-content .block--alternative {
    margin-left: -50px;
    margin-right: -50px;
  }
  .block-article {
    margin-left: -80px;
    margin-right: 0px;
    padding: 0;
  }
  .block--video {
    padding: 0;
    margin: 0 30px 40px -50px;
  }
  .block--quote {
    width: 50%;
    margin: 0 10px 30px -60px;
  }
  .modal-content .block {
    padding: 0;
  }
  .block-article-fullwidth {
    margin: 0;
    padding: 0 25px;
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .block__title {
    font-size: 16px;
    font-family: 'NPO Sans Bold', sans-serif;
  }

  .block {
    padding: 0 15px;
  }
  .modal-content .block {
    padding: 0;
  }
  .column--content-article .block {
    margin: 0;
    padding: 0;
  }
  .block--alternative {
    margin-left: -80px;
    margin-right: -30px;
    padding: 0;
  }
  .block-article {
    width: 100%;
    margin-left: 0;
    margin-right: -15px;
  }
  .block--quote, .modal-content .block--quote {
    width: 100%;
    margin: 0;
    padding: 0 15px;
    float: none;
  }
  .block--video {
    margin: 45px 0 50px 0;
    padding: 0 15px;
  }
  .block--video__text {
    padding: 20px;
  }
  .modal-content .block--video {
    margin: 0 -20px 40px -20px;
    padding: 0;
  }
  .block-article-fullwidth {
    margin: 0;
    padding: 0 25px;
    width: 100%;
  }

  .quote {
    font-size: 25px;
  }
}
.modal-wrapper {
  position: fixed;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transform: scale(0, 0);
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 1000;
  opacity: 0;
  transition: opacity 500ms ease-in-out, transform 0s 500ms ease-in-out;
}
.modal-wrapper.is-visible {
  display: block;
  opacity: 1;
  transform: scale(1, 1);
  transition: opacity 500ms ease-in-out, transform 0s 0s ease-in-out;
}

.modal {
  width: 764px;
  top: 30px;
  bottom: 30px;
  left: 0;
  right: 0;
  position: fixed;
  margin: 2% auto;
  z-index: 10;
  background: #fff;
}
.modal__close {
  position: absolute;
  top: 10px;
  left: 25px;
  margin-top: 0;
  cursor: pointer;
}
.modal__close .icon-close {
  color: #009BE0;
  font-size: 20px;
}
.modal__close__text {
  padding-left: 5px;
  text-transform: uppercase;
  font-family: AvalonCond;
  font-weight: 300;
  font-size: 15px;
  color: #999999;
  position: relative;
  top: -5px;
}
.modal-header {
  height: 42px;
  padding-left: 30px;
  border-bottom: 1px solid #D9D9DB;
  background-color: #FFFFFF;
}
.modal-header:before, .modal-header:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.modal-header:after {
  clear: both;
}
.modal-header-column--right {
  float: right;
}
.modal-content {
  overflow-y: scroll;
  width: 100%;
  max-width: 764px;
  position: fixed;
  padding: 15px 50px;
  top: 100px;
  bottom: 100px;
  box-sizing: border-box;
  z-index: -1;
}
.modal-footer {
  position: absolute;
  height: 60px;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  border-top: 1px solid #D9D9DB;
  background-color: #F5F5F6;
}
.modal-footer__link {
  text-decoration: none;
  float: left;
  color: #009BE0;
  font-size: 24px;
  height: 60px;
  width: 100%;
  display: none;
  box-sizing: border-box;
}
.modal-footer__link--right {
  float: right;
}
.modal-footer__link--right .modal-footer__icon {
  float: right;
  border-right: 0;
  border-left: 1px solid #D9D9DB;
}
.modal-footer__link.is-visible {
  display: block;
}
.modal-footer__icon {
  float: left;
  border-right: 1px solid #D9D9DB;
  display: block;
  height: 60px;
  box-sizing: border-box;
  padding: 20px;
}
.modal-footer-column {
  float: left;
  width: 50%;
  display: block;
  overflow: hidden;
  box-sizing: border-box;
}
.modal-footer-column--right {
  float: right;
  text-align: right;
}
.modal-footer__meta {
  float: left;
  padding: 10px 20px;
  display: block;
  width: calc(90% - 60px);
  box-sizing: border-box;
}
.modal-footer__meta:before, .modal-footer__meta:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.modal-footer__meta:after {
  clear: both;
}
.modal-footer__meta--right {
  float: right;
}
.modal-footer__meta-title {
  font-family: 'NPO Sans', sans-serif;
  color: #444444;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 5px;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.modal-footer__meta-link {
  text-transform: uppercase;
  color: #009BE0;
  font-family: AvalonCond;
  font-weight: 300;
  font-size: 14px;
}
.modal-footer__meta--right .modal-footer__meta-link {
  text-align: right;
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
  .modal {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    margin: 0;
  }
  .modal-content {
    top: 40px;
    max-width: 100%;
    width: auto;
    overflow-x: hidden;
  }
}
@media only screen and (max-width: 767px) {
  .modal {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    margin: 0;
  }
  .modal-content {
    overflow-y: scroll;
    padding: 15px 20px;
    top: 40px;
    max-width: 100%;
    width: auto;
    overflow-x: hidden;
  }
  .modal-footer-column--left {
    border-right: 1px solid #D9D9DB;
  }
  .modal-footer__icon {
    display: none;
  }
  .modal-footer__meta {
    width: 100%;
  }
}
body.has-modal {
  overflow: hidden !important;
}

.page-label {
  position: relative;
  height: 30px;
  margin-left: 8.33333%;
}
.page-label:before {
  content: '';
  display: block;
  position: absolute;
  top: -34px;
  right: -3px;
  width: 7px;
  height: 7px;
  background-color: #D9D9DB;
  border-radius: 50%;
  z-index: 1;
}

.page-label-list {
  border: 1px solid #D9D9DB;
  border-bottom: 0;
  position: absolute;
  top: -30px;
  left: 0;
  right: 0;
  z-index: 1;
}
.page-label-list__item:nth-of-type(1) .label {
  background-color: #FFFFFF;
  color: #FF4422;
  border-color: #FFFFFF;
  margin-left: -1px;
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
  .page-label {
    margin-left: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .page-label {
    margin-left: 0;
  }
}
.label {
  text-decoration: none;
  display: block;
  float: left;
  color: #FFFFFF;
  border: 1px solid #009BE0;
  background-color: #009BE0;
  padding: 5px 10px;
  text-transform: uppercase;
  font-family: AvalonCond;
  font-size: 14px;
  line-height: 17px;
  font-weight: 300;
  margin-top: -1px;
  height: 30px;
  box-sizing: border-box;
}
.label--alternative {
  background-color: #FF4422;
  border-color: #FF4422;
}

.video-player {
  display: block;
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.video-player:before {
  content: "";
}
.video-player:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 88px;
  height: 88px;
  border-radius: 100%;
  border: 1px solid #FFFFFF;
  background: rgba(0, 0, 0, 0.25);
  text-align: center;
  line-height: 88px;
  box-sizing: border-box;
  color: #FFFFFF;
  font-size: 30px;
}
.video-player.is-loaded:before, .video-player.is-playing:before, .video-player.is-loading:before {
  display: none;
}
.video-player .npoplayer_wrapper {
  position: absolute;
  top: 0px;
  left: 0px;
}

.download-list__item {
  padding: 20px;
}
.download-list__item:nth-of-type(2n) {
  border-top: 1px solid #D9D9DB;
  position: relative;
}
.download-list__item:nth-of-type(2n):before, .download-list__item:nth-of-type(2n):after, .download-list__item:nth-of-type(2n) .dots:before, .download-list__item:nth-of-type(2n) .dots:after {
  content: '';
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: #D9D9DB;
}
.download-list__item:nth-of-type(2n):before {
  top: -4px;
  left: -3px;
}
.download-list__item:nth-of-type(2n):after {
  top: -4px;
  right: -3px;
}
.download-list__icon {
  color: #009BE0;
}
.download-list__title {
  text-transform: uppercase;
  font-family: AvalonCond;
  font-weight: 300;
  font-size: 18px;
  margin-left: 10px;
  color: #444444;
}

/*
  Partials
*/
body {
  margin: 0;
  padding: 0;
  position: relative;
}

.container {
  max-width: 1200px;
  padding: 0 20px;
  box-sizing: border-box;
  margin: 0 auto;
  position: relative;
}
.container:before, .container:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.container:after {
  clear: both;
}

.column--sidebar h6 {
  margin: 0;
  font-size: 19px;
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
  .container {
    max-width: 100%;
    margin: 0 20px;
  }
}
@media only screen and (max-width: 767px) {
  .container {
    max-width: 100%;
    padding: 0;
    margin: 0 20px;
  }
}
@media only screen and (min-width: 768px) {
  .show-mobile {
    display: none !important;
  }
}
@media only screen and (max-width: 959px) {
  .show-desktop {
    display: none !important;
  }
}
.site-header {
  position: relative;
  background: #191929;
  padding-top: 130px;
  overflow: hidden;
}
.site-header > .container {
  z-index: 1;
}
.site-header__background {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  background-position: center bottom;
  background-size: cover;
  overflow: hidden;
}
.site-header__background-gradient {
  position: absolute;
  top: 100%;
  left: 0px;
  transform: translate(-50%, -50%);
  width: 50%;
  padding-top: 50%;
  box-sizing: border-box;
  z-index: 0;
  background-image: radial-gradient(circle closest-side, rgba(255, 60, 0, 0.64) 29%, rgba(0, 0, 0, 0) 100%);
  opacity: 0.64;
}
@media (min-width: 1400px) {
  .site-header__background-gradient {
    padding-top: 0;
    width: 700px;
    height: 700px;
  }
}
.site-header:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 1214px;
  max-width: 100%;
  transform: translate(-50%, 0);
  height: 0px;
  background: #FFFFFF;
  z-index: 1;
}
.site-header.has-background:before {
  display: none;
}

.focus {
  position: absolute;
  bottom: 0px;
  width: 100%;
  height: 40px;
  background-color: #009be0;
  color: #ffffff;
  text-align: center;
  font-size: 18px;
  overflow: hidden;
  background: linear-gradient(to top, rgba(0, 155, 224, 0.5) 50%, #009be0 100%);
  transition: height 0.5s ease-in-out;
}
.focus a:link {
  color: #ffffff;
}
.focus a:visited {
  color: #ffffff;
}

.site-menu {
  box-sizing: border-box;
  padding: 18px 0px;
  height: 130px;
  width: 100%;
  line-height: 42px;
  z-index: 1000;
  top: 0;
  position: fixed;
  overflow: hidden;
  background: linear-gradient(to top, transparent 50%, rgba(0, 0, 0, 0.5) 100%);
  transition: height 0.5s ease-in-out;
}
.site-menu:before, .site-menu:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.site-menu:after {
  clear: both;
}
.site-menu__background {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: #1f1e31;
  background-image: linear-gradient(to bottom, #26253c 0%, #181828 44%);
  overflow: hidden;
  transition: opacity 0.25s 0.25s ease-in-out;
  opacity: 0;
}
.site-menu.is-expanded .site-menu__background, .site-menu.is-sticky .site-menu__background {
  opacity: 1 !important;
}
.site-menu__mobile-button {
  display: none;
}
.site-menu__branding {
  display: block;
  float: left;
  width: 231px;
  margin: 0px 35px 0px 0px;
}
@media (max-width: 1200px) {
  .site-menu__branding {
    margin-right: 25px;
  }
}
@media (max-width: 1100px) {
  .site-menu__branding {
    margin-right: 10px;
  }
}
.site-menu__logo {
  display: block;
  max-width: 100%;
}
.site-menu__search-form {
  display: block;
  float: left;
  margin: 3px 0px 0px 15px;
}
.site-menu__search-input {
  display: block;
  float: left;
  background: none;
  padding: 0;
  border: 0;
  margin: 0;
  color: #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
  width: 196px;
  height: 36px;
  font-size: 16px;
  font-family: 'Open Sans';
  outline: none;
  line-height: 42px;
  box-sizing: border-box;
  border-radius: 0;
  -webkit-appearance: none;
}
.site-menu__search-input:-ms-input-placeholder {
  color: #FFFFFF;
}
.site-menu__search-input::placeholder {
  color: #FFFFFF;
}
@media (max-width: 1200px) {
  .site-menu__search-input {
    width: 150px;
  }
}
@media (max-width: 1100px) {
  .site-menu__search-input {
    width: 120px;
  }
}
.site-menu__search-submit {
  position: relative;
  display: block;
  float: left;
  width: 36px;
  height: 36px;
  background: #FFFFFF;
  text-decoration: none;
  color: #191929;
}
.site-menu__search-submit i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 24px;
}
.site-menu .site-nav {
  float: left;
}
.site-menu .site-nav--meta {
  float: right;
}

.site-nav:before, .site-nav:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.site-nav:after {
  clear: both;
}
.site-nav__item {
  display: block;
  float: left;
  padding: 0px 15px;
}
@media (max-width: 1200px) {
  .site-nav__item {
    padding: 0px 10px;
  }
}
@media (max-width: 1100px) {
  .site-nav__item {
    padding: 0px 5px;
  }
}
.site-nav__link {
  display: block;
  font-size: 18px;
  color: #FFFFFF;
  text-decoration: none;
  font-family: AvalonCond;
  font-weight: 300;
  height: 36px;
  text-transform: uppercase;
}
.site-nav__link.is-active {
  position: relative;
  color: #00C5FF;
}
.site-nav__link.is-active:before {
  position: absolute;
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background: #00C5FF;
  bottom: 0px;
}
@media (max-width: 1100px) {
  .site-nav__link {
    font-size: 17px;
  }
}

.site-nav--meta {
  margin-top: -3px;
}
.site-nav--meta .site-nav__item {
  padding: 0px;
}
.site-nav--meta .site-nav__item + .site-nav__item {
  margin-left: 10px;
}
.site-nav--meta .site-nav__link img {
  vertical-align: middle;
}
.site-nav--meta .ci-logo-ntr {
  font-size: 16px;
}
.site-nav--meta .ci-logo-npo {
  font-size: 32px;
}

.site-intro {
  position: relative;
  padding: 63px 0px 160px 0px;
  z-index: 0;
}
.site-intro__container {
  position: relative;
  margin-left: -12px;
  margin-right: -12px;
}
.site-intro__container:before, .site-intro__container:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.site-intro__container:after {
  clear: both;
}
.site-intro__column {
  float: left;
  padding-left: 12px;
  padding-right: 12px;
  width: 100%;
  box-sizing: border-box;
  position: relative;
}
.site-intro__column--left {
  width: 66.66667%;
}
.site-intro__column--right {
  width: 301px;
  float: right;
}
.site-intro__title {
  margin-top: 25px;
  margin-bottom: 47px;
  font-size: 88px;
  line-height: 102px;
  color: #FFFFFF;
  font-weight: bold;
  letter-spacing: 2px;
}
.site-intro__subtitle {
  position: absolute;
  top: -10px;
  left: 76px;
  right: 60px;
  color: #FFFFFF;
  font-size: 17px;
  line-height: 19px;
  font-family: AvalonCond;
  font-weight: normal;
  margin: 0;
  text-transform: uppercase;
}
.site-intro__borders {
  position: absolute;
  top: -62px;
  left: 45px;
  right: 45px;
  bottom: 106px;
  opacity: 0.75;
  z-index: -1;
}
.site-intro__border-left {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 1px;
  height: 90%;
  background: #FFFFFF;
}
.site-intro__border-top {
  position: absolute;
  top: 0px;
  width: 100%;
  height: 1px;
  background: #FFFFFF;
}
.site-intro__border-top:before, .site-intro__border-top:after {
  display: block;
  content: '';
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: #D9D9DB;
  top: -3px;
  left: -3px;
  background-color: #FFFFFF;
}
.site-intro__border-top:after {
  left: auto;
  right: -3px;
}
.site-intro__border-bottom {
  position: absolute;
  bottom: -160px;
  right: 0;
  width: 50%;
  height: 1px;
  background: #FFFFFF;
}
.site-intro__border-bottom:before {
  display: block;
  content: '';
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: #D9D9DB;
  bottom: -3px;
  right: -3px;
  background-color: #FFFFFF;
}
.site-intro__border-right {
  position: absolute;
  top: 0px;
  right: 0px;
  height: 100%;
}
.site-intro__border-right:before, .site-intro__border-right:after,
.site-intro__border-right div {
  content: '';
  display: block;
  position: absolute;
  width: 1px;
  right: 0px;
  background: #FFFFFF;
}
.site-intro__border-right--one div {
  top: 0px;
  bottom: 0px;
}
.site-intro__border-right--two div {
  top: 0px;
  height: 50px;
}
.site-intro__border-right--two:before {
  top: 208px;
  bottom: 0px;
}
.site-intro__border-right--three div {
  top: 0px;
  height: 50px;
}
.site-intro__border-right--three:before {
  top: 208px;
  height: 30px;
}
.site-intro__border-right--three:after {
  bottom: -160px;
  top: 396px;
}
.site-intro__teaser {
  position: relative;
  border: 1px solid rgba(255, 255, 255, 0.75);
  height: 136px;
}
.site-intro__teaser + .site-intro__teaser {
  margin-top: 50px;
}
.site-intro__teaser-category {
  position: absolute;
  top: -1px;
  left: -1px;
  padding: 5px 10px;
  text-align: center;
  color: #FFFFFF;
  background-color: #009BE0;
  font-family: AvalonCond;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 17px;
}
.site-intro__teaser-caption {
  position: absolute;
  top: 80px;
  left: 20px;
  right: 20px;
  transform: translate(0, -50%);
  font-size: 19px;
  color: #FFFFFF;
  line-height: 25px;
  font-family: "NPO Sans";
  font-weight: bold;
  text-decoration: none;
}
.site-intro__tag-list {
  display: block;
  border-top: 1px solid #FFFFFF;
  border-right: 1px solid;
}
.site-intro--video {
  min-height: calc(56.25vw);
  padding: 0px 0px 40px 0px;
}
@media (min-width: 1220px) {
  .site-intro--video {
    min-height: 0;
    height: 653px;
  }
}
.site-intro--video.has-player {
  padding: 0px 0px 40px 0px;
}
.site-intro--video.has-player .site-intro__container {
  display: none;
}
.site-intro__video {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}
.site-intro__cta {
  text-transform: uppercase;
  position: relative;
  border: none;
  padding: 13px 74px 13px 25px;
}
.site-intro__cta .button__icon {
  background-color: #FFFFFF;
  color: #009BE0;
  font-size: 30px;
  padding: 10px 5px 10px 10px;
}

@media only screen and (max-width: 959px) {
  .site-header {
    padding-top: 64px;
  }
  .site-header:before {
    display: none;
  }

  .site-menu {
    height: 64px;
    padding-top: 15px;
  }
}
@media only screen and (max-width: 959px) and (max-width: 960px) {
  .site-menu {
    height: 114px;
  }
}
@media only screen and (max-width: 959px) {
  .site-menu .container {
    height: 100%;
  }
  .site-menu__branding {
    float: none;
    margin: 0 auto;
    width: 162px;
  }
  .site-menu__mobile-button {
    position: absolute;
    display: block;
    height: 32px;
    line-height: 32px;
    text-align: center;
    font-size: 24px;
    color: #FFFFFF;
    text-decoration: none;
    top: 0;
    transition: opacity 0.5s ease-in-out;
  }
  .site-menu__mobile-button--toggle {
    left: 0;
  }
  .site-menu__mobile-button--search {
    right: 0;
  }
  .site-menu .site-menu__search-form,
  .site-menu .site-nav {
    overflow: hidden;
    height: 0;
    transition: height 0s 0.5s linear;
  }
  .site-menu.is-expanded {
    height: 100%;
  }
  .site-menu.is-expanded .site-menu__background {
    opacity: 0;
    transition: opacity 0.25s ease-in-out;
  }
  .site-menu.is-expanded.is-navigation .site-menu__mobile-button--search, .site-menu.is-expanded.is-search .site-menu__mobile-button--toggle {
    opacity: 0;
    pointer-events: none;
  }
  .site-menu.is-expanded.is-search .site-menu__search-form, .site-menu.is-expanded.is-navigation .site-nav {
    height: calc(100% - 75px);
    transition: height 0s linear;
  }

  .site-nav,
  .site-menu__search-form {
    position: absolute;
    left: 50%;
    top: 75px;
    width: 100%;
    padding: 0px 20px;
    box-sizing: border-box;
    transform: translate(-50%, 0);
  }

  .site-nav__item {
    float: none;
    padding: 0;
    position: relative;
  }
  .site-nav__item + .site-nav__item {
    border-top: 1px solid #FFFFFF;
  }
  .site-nav__item + .site-nav__item:before, .site-nav__item + .site-nav__item:after {
    display: block;
    content: '';
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: #D9D9DB;
    top: -4px;
    left: -4px;
    background-color: #FFFFFF;
  }
  .site-nav__item + .site-nav__item:after {
    left: auto;
    right: -4px;
  }
  .site-nav__link {
    height: 60px;
    padding: 0;
    text-align: center;
    line-height: 60px;
    font-size: 20px;
  }
  .site-nav__link.is-active:before {
    display: none;
  }
  .site-nav--meta {
    display: none;
  }

  .site-menu__search-form {
    margin: 0;
  }
  .site-menu__search-input {
    width: calc(100% - 36px);
    box-sizing: border-box;
  }
  .site-menu__search-submit {
    background: transparent;
    border-bottom: 1px solid #FFFFFF;
    color: #FFFFFF;
    box-sizing: border-box;
  }
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .site-intro__column--left {
    width: 58.33333%;
  }
  .site-intro__column--right {
    width: 41.66667%;
  }
  .site-intro__title {
    margin-top: 15px;
    font-size: 77px;
    line-height: 88px;
  }
}
@media only screen and (max-width: 767px) {
  .site-intro {
    padding: 0 0 60px 0;
  }
  .site-intro__column--left, .site-intro__column--right {
    width: 100%;
    float: left;
  }
  .site-intro__column--right {
    margin-top: 50px;
  }
  .site-intro__title {
    margin-bottom: 10px;
    margin-top: 30px;
    font-size: 44px;
    line-height: 51px;
  }
  .site-intro__subtitle {
    position: static;
    top: 0;
    font-size: 14px;
    line-height: 17px;
  }
  .site-intro__borders {
    display: none;
  }
  .site-intro__teaser {
    padding: 50px 20px 20px;
    height: auto;
  }
  .site-intro__teaser + .site-intro__teaser {
    margin-top: 20px;
  }
  .site-intro__teaser-caption {
    position: static;
    top: auto;
    left: auto;
    right: auto;
    transform: none;
  }
  .site-intro__cta {
    margin-top: 30px;
  }
}
.site-intro--video .site-intro__column--left,
.site-intro--photo .site-intro__column--left {
  width: 41.66667%;
}
.site-intro--video .site-intro__subtitle,
.site-intro--photo .site-intro__subtitle {
  left: 20px;
}

.site-header-episodes {
  background: #191929;
  position: relative;
  padding: 0px 0px 30px;
}
.site-header-episodes__title {
  font-size: 21px;
  line-height: 25px;
  color: #FFFFFF;
}
.site-header-episodes__background-gradient {
  position: absolute;
  top: 0;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 0;
  overflow: hidden;
}
.site-header-episodes__background-gradient:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(-50%, -50%);
  width: 50vw;
  padding-top: 50vw;
  box-sizing: border-box;
  z-index: -1;
  background-image: radial-gradient(circle closest-side, rgba(255, 60, 0, 0.64) 29%, rgba(0, 0, 0, 0) 100%);
  opacity: 0.64;
}
@media (min-width: 1400px) {
  .site-header-episodes__background-gradient:before {
    padding-top: 0;
    width: 700px;
    height: 700px;
  }
}
.site-header-episodes__announcement .site-header-episodes__background-gradient {
  z-index: -1;
}
.site-header-episodes__announcement .site-header-episodes__background-gradient:before {
  left: calc(50% - 50vw + 7px);
  top: 30px;
}
.site-header-episodes__announcement {
  position: relative;
  background: #191929;
}
.site-header-episodes__announcement-text {
  text-transform: uppercase;
  font-size: 17px;
  line-height: 19px;
  color: #FFFFFF;
  text-align: center;
  font-family: AvalonCond;
  font-weight: 300;
  margin: 0;
}
.site-header-episodes__announcement-text a {
  color: #009BE0;
  text-decoration: none;
  text-transform: none;
  margin-left: 10px;
  font-family: "NPO Sans Bold";
}
.site-header-episodes .container {
  position: relative;
  z-index: 1;
}

@media only screen and (min-width: 960px) {
  .site-header-episodes__announcement {
    position: absolute;
    top: -30px;
    left: 50%;
    height: 60px;
    z-index: -1;
    width: 760px;
    max-width: 100%;
    padding: 0px 30px;
    box-sizing: border-box;
    transform: translate(-50%, 0);
  }
  .site-header-episodes__announcement-text {
    position: absolute;
    left: 30px;
    right: 30px;
    top: 50%;
    transform: translate(0, -50%);
  }
  .site-header-episodes .container {
    padding-top: 4px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .site-header-episodes__announcement {
    position: relative;
    padding: 20px 0 0;
    z-index: 0;
  }
}
@media only screen and (max-width: 767px) {
  .site-header-episodes__announcement {
    display: none;
  }
}
.site-footer {
  position: relative;
  overflow: hidden;
  padding: 55px 0;
  margin-top: 30px;
  font-family: AvalonCond;
  font-weight: 300;
  font-size: 16px;
  line-height: 21px;
}
.site-footer__branding-row:before, .site-footer__branding-row:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.site-footer__branding-row:after {
  clear: both;
}
.site-footer__branding {
  display: block;
  float: left;
  width: 270px;
  margin-right: 35px;
}
.site-footer__branding:nth-of-type(2) {
  width: 90px;
  padding-top: 5px;
}
.site-footer__logo {
  display: block;
  max-width: 100%;
}
.site-footer__content {
  margin-left: -12px;
  margin-right: -12px;
  clear: both;
  margin-top: 25px;
}
.site-footer__content:before, .site-footer__content:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.site-footer__content:after {
  clear: both;
}
.site-footer__column {
  float: left;
  padding-left: 12px;
  padding-right: 12px;
  width: 100%;
  box-sizing: border-box;
  width: 33.33333%;
}
.site-footer__column + .site-footer__column {
  margin-left: 8%;
  width: 25%;
}
.site-footer__column-link {
  display: block;
  color: #FFFFFF;
  letter-spacing: 1.5px;
  font-size: 18px;
  text-decoration: none;
  padding: 0 15px 20px;
  text-transform: uppercase;
  position: relative;
}
.site-footer__column-link + .site-footer__column-link {
  border-top: 1px solid white;
  padding-top: 20px;
}
.site-footer__column-link + .site-footer__column-link:before, .site-footer__column-link + .site-footer__column-link:after {
  content: '';
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: #D9D9DB;
  top: -4px;
}
.site-footer__column-link + .site-footer__column-link:before {
  left: 0;
}
.site-footer__column-link + .site-footer__column-link:after {
  right: -4px;
}
.site-footer p {
  color: #999999;
  line-height: 27px;
  font-size: 16px;
}
.site-footer p a {
  color: #009BE0;
}
.site-footer h2 {
  color: #FFFFFF;
}
.site-footer__email-input {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 48px;
  border: 0;
  border-radius: 0;
  padding-left: 20px;
  font-size: 16px;
}
.site-footer__email-submit {
  display: block;
  height: 48px;
  box-sizing: border-box;
}
.site-footer:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  transform: translate(-50%, 50%);
  width: 50%;
  padding-top: 50%;
  box-sizing: border-box;
  z-index: 0;
  background-image: radial-gradient(circle closest-side, rgba(255, 60, 0, 0.64) 29%, rgba(0, 0, 0, 0) 100%);
  opacity: 0.64;
}
@media (min-width: 1400px) {
  .site-footer:before {
    padding-top: 0;
    width: 700px;
    height: 700px;
  }
}

@media only screen and (max-width: 767px) {
  .site-footer__branding {
    width: 153px;
    margin-right: 15px;
  }
  .site-footer__branding:nth-of-type(2) {
    width: 70px;
  }
  .site-footer__column {
    width: 100%;
  }
  .site-footer__column + .site-footer__column {
    width: 100%;
    margin-left: 0;
  }
}
.search-form {
  margin-top: 25px;
}
.search-form__input {
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding-left: 20px;
  margin: 0;
  border: 0;
  border-bottom: 1px solid #999999;
  color: #191929;
  font-size: 36px;
  font-family: 'NPO Sans';
}
.search-form__submit {
  display: block;
  position: absolute;
  top: 0;
  right: 10px;
  text-decoration: none;
  color: #009BE0;
  font-size: 36px;
}

.page {
  position: relative;
}
.page:before {
  content: '';
  position: absolute;
  height: 36px;
  background-color: #FFFFFF;
  top: -36px;
  right: -28px;
  left: -28px;
}
.page--home {
  padding-top: 65px;
}
.page--uitzendingen {
  margin-bottom: 40px;
}

.page-header {
  margin: 15px 0 25px 0;
}
.page--home .page-header {
  margin: 15px 0;
}
.page-header__meta {
  margin-top: 7px;
  margin-bottom: 5px;
  text-transform: uppercase;
  font-size: 18px;
  color: #666666;
  font-family: AvalonCond;
  font-weight: 300;
}
.page-header__link {
  color: #009BE0;
  text-decoration: none;
}
.page-header__intro {
  width: 75%;
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
  .page-header {
    margin: 20px 0;
  }
}
@media only screen and (max-width: 767px) {
  .page--home {
    padding-top: 20px;
  }

  .page-header {
    margin: 20px 0;
  }
  .page-header__intro {
    width: 100%;
  }
}
.special-intro {
  padding-top: 50px;
  margin-left: 8.33333%;
  float: left;
  position: relative;
}
.special-intro__content {
  float: left;
  padding-left: 12px;
  padding-right: 12px;
  width: 100%;
  box-sizing: border-box;
  width: 50%;
  margin: 0;
  padding: 0;
}
.special-intro:before {
  content: '';
  position: absolute;
  width: 1px;
  top: -75px;
  bottom: 0;
  left: -64px;
  z-index: 1;
  background-color: #009BE0;
}
.special-intro:after {
  content: '';
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  top: -75px;
  left: -67px;
  z-index: 1;
  background-color: #009BE0;
}

.special-content {
  margin-left: 8.33333%;
  clear: both;
  position: relative;
}
.special-content__text {
  background-color: #F5F5F6;
  padding: 50px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  font-size: 18px;
}
.special-content:before {
  content: '';
  position: absolute;
  width: 1px;
  top: 0;
  bottom: 0;
  left: -64px;
  background-color: #009BE0;
}
.special-content:after {
  content: '';
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  bottom: 0;
  left: -67px;
  background-color: #009BE0;
}

.special-intro__link {
  display: block;
  background-color: transparent;
  color: #009BE0;
  text-decoration: none;
}
.special-intro__link:hover {
  background-color: transparent;
  color: #00C5FF;
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
  .page--special {
    margin-top: 0;
  }

  .special-intro {
    margin-left: 30px;
  }
  .special-intro__content {
    width: 100%;
    padding: 0;
  }
  .special-intro__sidebar {
    width: 100%;
  }
  .special-intro:before {
    top: -40px;
    left: -30px;
    z-index: -1;
  }
  .special-intro:after {
    top: -43px;
    left: -33px;
    z-index: -1;
  }

  .special-content {
    margin-left: 30px;
  }
  .special-content:before {
    left: -30px;
  }
  .special-content:after {
    bottom: 0;
    left: -33px;
  }
}
@media only screen and (max-width: 767px) {
  .page--special {
    margin-top: 0;
  }

  .special-intro {
    margin-left: 0;
  }
  .special-intro__content {
    width: 100%;
    padding: 0;
  }
  .special-intro__sidebar {
    width: 100%;
  }

  .special-content {
    margin-left: 0;
  }
  .special-content__text {
    font-size: 17px;
    padding: 15px;
  }
  .special-content:before {
    left: 30px;
    top: -30px;
    bottom: -30px;
    z-index: -1;
  }
  .special-content:after {
    z-index: -1;
    left: 27px;
    bottom: -30px;
  }
}
.section-header {
  border-bottom: 1px solid #D9D9DB;
  margin: 25px 0;
  padding: 25px 0;
}
.section-header:before, .section-header:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.section-header:after {
  clear: both;
}
.section-header .column--left {
  float: left;
}
.section-header .column--right {
  float: right;
}
.section-header__title {
  margin: 0;
}
.section-header--alternative {
  border-bottom: 0;
  margin: 0;
  padding: 0;
}
.section-header--alternative .column--right {
  padding-top: 20px;
}
.section-header--special {
  border-bottom: 0;
  padding: 20px 0 15px 0;
}

@media only screen and (max-width: 767px) {
  .section-header .column--left, .section-header .column--right {
    width: 100%;
    display: block;
    margin: 10px 0;
  }
  .section-header .column--right {
    float: left;
  }
  .section-header .button--dropdown {
    display: block;
  }
}
/* 
  Shame, refactor later
*/
/*
    Use this file to make quick fixes and refactor it later
*/
.page--article {
  overflow: hidden;
}

.row-title {
  margin-bottom: 22px;
}

.container-showcase {
  margin: 20px 0 40px 0;
}
.container-showcase:before, .container-showcase:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.container-showcase:after {
  clear: both;
}

.block-showcase {
  margin: 25px 0;
}
.block-showcase:before, .block-showcase:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.block-showcase:after {
  clear: both;
}

.specials-carousel {
  margin-top: 65px;
  clear: both;
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
  .row-title {
    margin-bottom: 20px;
  }
  .row-title .column--content {
    width: 100%;
  }
  .row-title .column--sidebar {
    width: 100%;
  }
  .row-title .column--sidebar .teaser-list {
    margin: -12px;
  }
  .row-title .column--sidebar .teaser-list__item {
    width: 50%;
    float: left;
    box-sizing: border-box;
    padding: 12px;
  }
}
/* 
  Vendor (gallery)
*/
/*!
 * baguetteBox.js
 * @author  feimosi
 * @version 1.3.2
 * @url https://github.com/feimosi/baguetteBox.js
 */
#baguetteBox-overlay {
  display: none;
  opacity: 0;
  position: fixed;
  overflow: hidden;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000000;
  background: url(/bundles/wetenschappublicationbundle/images/background_specialoverlay.png);
  background-repeat: repeat-x;
  background-color: #333333;
  /*background-color: #222;
  background-color: rgba(0, 0, 0, 0.8);*/
  transition: opacity 0.5s ease;
}

#baguetteBox-overlay.visible {
  opacity: 1;
}

#baguetteBox-overlay .full-image {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  padding: 40px 0 80px 0;
}

#baguetteBox-overlay .full-image figure {
  display: inline;
  margin: 0;
  height: 100%;
}

#baguetteBox-overlay .full-image img {
  display: inline-block;
  width: auto;
  height: auto;
  max-height: 100%;
  max-width: 100%;
  vertical-align: middle;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}

#baguetteBox-overlay .full-image figcaption {
  display: block;
  position: absolute;
  bottom: 10px;
  width: 100%;
  text-align: center;
  color: #fff;
  /*background-color: #000;
  background-color: rgba(0, 0, 0, 0.6);*/
}

#baguetteBox-overlay .full-image:before {
  content: "";
  display: inline-block;
  height: 50%;
  width: 1px;
  margin-right: -1px;
}

#baguetteBox-slider {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  white-space: nowrap;
  transition: left 0.4s ease, transform 0.4s ease;
}

#baguetteBox-slider.bounce-from-right {
  animation: bounceFromRight 0.4s ease-out;
}

#baguetteBox-slider.bounce-from-left {
  animation: bounceFromLeft 0.4s ease-out;
}

button.baguetteBox-button {
  position: absolute;
  cursor: pointer;
  outline: none;
  padding: 0;
  margin: 0;
  border: 0;
  background-color: rgba(0, 0, 0, 0.7);
  transition: background-color 0.4s ease;
  height: 45px;
  width: 45px;
  cursor: pointer;
  outline: 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  z-index: 999;
}
button.baguetteBox-button#next-button {
  right: 0;
  top: calc(50% - 30px);
  background-image: url("/bundles/wetenschappublicationbundle/images/icon-arrow-white.svg");
  background-repeat: no-repeat;
  background-position: -29px 15px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
button.baguetteBox-button#next-button:hover {
  background-position: -29px -178px;
}
button.baguetteBox-button#previous-button {
  left: 0;
  top: calc(50% - 30px);
  background-image: url("/bundles/wetenschappublicationbundle/images/icon-arrow-white.svg");
  background-repeat: no-repeat;
  background-position: 16px 15px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
button.baguetteBox-button#previous-button:hover {
  background-position: 16px -178px;
}
button.baguetteBox-button#close-button {
  top: 20px;
  left: 20px;
  background: transparent url("/bundles/wetenschappublicationbundle/images/icon-close-set.svg") no-repeat center 13px;
  background-size: 22px auto;
}
button.baguetteBox-button#close-button:hover {
  background-position: center -35px;
}
button.baguetteBox-button#play-pause {
  position: absolute;
  background-image: url("/bundles/wetenschappublicationbundle/images/icon-play-pause.svg");
  background-repeat: no-repeat;
  left: calc(50% - 22px);
  bottom: 50px;
}
button.baguetteBox-button#play-pause.play {
  background-position: -23px 14px;
}
button.baguetteBox-button#play-pause.play:hover {
  background-position: -23px -22px;
}
button.baguetteBox-button#play-pause.pause {
  background-position: 13px 14px;
}
button.baguetteBox-button#play-pause.pause:hover {
  background-position: 13px -22px;
}

/*
	Preloader
	Borrowed from http://tobiasahlin.com/spinkit/
*/
.spinner {
  width: 40px;
  height: 40px;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -20px;
  margin-left: -20px;
}

.double-bounce1,
.double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #fff;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  animation: bounce 2s infinite ease-in-out;
}

.double-bounce2 {
  animation-delay: -1s;
}
@keyframes bounceFromRight {
  0% {
    margin-left: 0;
  }
  50% {
    margin-left: -30px;
  }
  100% {
    margin-left: 0;
  }
}
@keyframes bounceFromLeft {
  0% {
    margin-left: 0;
  }
  50% {
    margin-left: 30px;
  }
  100% {
    margin-left: 0;
  }
}
@keyframes bounce {
  0%,100% {
    transform: scale(0);
  }
  50% {
    transform: scale(1);
  }
}
/* NTR */
.loading {
  position: relative;
}
.loading:after {
  content: '';
  position: absolute;
  background: #FFFFFF url("data:image/gif;base64,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") no-repeat center center;
  background-size: 32px 32px;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  opacity: 0.8;
  z-index: 1000;
}

/* Mixin */
/*
 * Mixin for media breakpoints
 * See _variables.scss for breakpoint points
 * usage example:
     body {
      @include media('small') { color:#ffff00; }
      @include media('medium') { color:orange; }
      @include media('large') { color:#ff0000; }
    }
 */
@media (min-width: 200px) and (max-width: 640px) {
  .hide-small {
    display: none;
  }
}

@media (min-width: 640px) and (max-width: 1024px) {
  .hide-medium {
    display: none;
  }
}

@media (min-width: 1024px) {
  .hide-large {
    display: none;
  }
}

@media (min-width: 640px) and (max-width: 1024px) {
  .show-small {
    display: none;
  }
}
@media (min-width: 1024px) {
  .show-small {
    display: none;
  }
}

@media (min-width: 200px) and (max-width: 640px) {
  .show-medium {
    display: none;
  }
}
@media (min-width: 1024px) {
  .show-medium {
    display: none;
  }
}

@media (min-width: 200px) and (max-width: 640px) {
  .show-large {
    display: none;
  }
}
@media (min-width: 640px) and (max-width: 1024px) {
  .show-large {
    display: none;
  }
}

/*
 * ?
 */
/**
 * Adds left and right margin or padding to an element
 * @param  {margin/padding} type: margin        set whether it is a margin or padding
 */
/**
 * This mixin disables the ability to select text
 */
/**
 * This mixin adds a white pointing arrow to an element
 * Note: The element must have a white background and must not have overflow:hidden
 *
 * Example use: @include box-arrow(top, relative, 45px);
 *
 * @param $arrow-position           [The position of the arrow relative to the element. Valid positions are: left, right, top, bottom. Default: left]
 * @param $parent-position          [The positioning of the element. Valid positioning: relative, absolute, fixed. Default: relative]
 * @param $size                     [The size of the arrow. Example of valid sizes: 45px, 2rem, 5.3em. Default value: 30px]
 */
.gradient-d-t {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 25%, rgba(0, 0, 0, 0.5) 100%);
}

/**
 * A helper to truncate text, add class to html element to auto truncate text
 */
.truncate {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  word-wrap: break-word;
  text-overflow: ellipsis;
}

@media (min-width: 200px) and (max-width: 640px) {
  .truncate-small {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    word-wrap: break-word;
    text-overflow: ellipsis;
  }
}

@media (min-width: 640px) and (max-width: 1024px) {
  .truncate-medium {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    word-wrap: break-word;
    text-overflow: ellipsis;
  }
}

@media (min-width: 1024px) {
  .truncate-large {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    word-wrap: break-word;
    text-overflow: ellipsis;
  }
}

/*
    NTR additions
*/
.site-footer__email-submit {
  width: 100%;
}

/* links to detailpages on teaser-block */
.article-body a, .article-body a:visited, .article-body a:active, .resources-list a, .resources-list a:visited, .resources-list a:active, .column a, .column a:visited, .column a:active, .textblock a, .textblock a:visited, .textblock a:active {
  color: inherit;
}

.theme-list-small a, .teaser-list__item a, .teaser--title a {
  color: #444444;
  text-decoration: none;
}

.author a, .social a, .teaser a {
  text-decoration: none;
}

.teaser-caption p a, .teaser-caption p a:visited, .teaser-caption p a:active {
  text-decoration: underline;
  color: inherit;
}

.author__name {
  color: #444444;
}

.teaser-image {
  background-position: center;
  background-size: cover;
}

/* extra social icons */
.social__icon--whatsapp {
  background-color: #25d366;
}
.social__icon--email {
  background-color: #079cdd;
}
.social a {
  color: white;
}

/* for wider text on load-more button */
.load-more .button {
  width: 210px;
}

/* resources at bottom of article page - not in design */
.resources-list {
  margin-bottom: 2em;
}
.resources-list li {
  margin: 1em 0;
}

/* theme-icons:
1 - Aarde & Klimaat
2 - Flora & Fauna
3 - Brein & Gedrag
4 - Lijf & Gezondheid
5 - Mens & Maatschappij
6 - Beta & Tech
7 - Geschiedenis & Archeologie
8 - Heelal & Ruimtevaart
*/
.icon-theme-1:before {
  content: "";
}

.icon-theme-2:before {
  content: "";
}

.icon-theme-3:before {
  content: "";
}

.icon-theme-4:before {
  content: "";
}

.icon-theme-5:before {
  content: "";
}

.icon-theme-6:before {
  content: "";
}

.icon-theme-7:before {
  content: "";
}

.icon-theme-8:before {
  content: "";
}

.backgound-theme-1 {
  background-image: url(../images/icon_aarde_klimaat.svg);
}

.backgound-theme-2 {
  background-image: url(../images/icon_flora_fauna.svg);
}

.backgound-theme-3 {
  background-image: url(../images/icon_brein_gedrag.svg);
}

.backgound-theme-4 {
  background-image: url(../images/icon_lijf_gezondheid.svg);
}

.backgound-theme-5 {
  background-image: url(../images/icon_mens_maatschappij.svg);
}

.backgound-theme-6 {
  background-image: url(../images/icon_beta_tech.svg);
}

.backgound-theme-7 {
  background-image: url(../images/icon_geschiedenis_archeologie.svg);
}

.backgound-theme-8 {
  background-image: url(../images/icon_heelal_ruimtevaart.svg);
}

/* for NTR javascripts */
.tab-list__item.selected a {
  border-color: #009BE0;
  background-color: #009BE0;
  color: #FFFFFF;
}

.dropdown-menu__item.selected .dropdown-menu__link {
  background-color: #009BE0;
  color: #FFFFFF;
}

/* specials page */
.special-intro__content {
  margin-top: -1em;
  /* align into-block vertically */
}

.special-content {
  margin-bottom: 2em;
}

.special-content__text {
  padding: 15px 40px;
}
.special-content__text p {
  color: #191929;
}
.special-content__text p :first-child {
  margin-top: 0;
}
.special-content__text p :last-child {
  margin-bottom: 0;
}

.special-content__gallery {
  text-align: center;
}

/* hide reactions by defualt */
#detail-react {
  display: none;
}

#detail-react.expanded {
  display: block;
}

/* white-space below article-block */
.article-body, .detail-twitter, .detail-poll, .textblock {
  margin-bottom: 40px;
}

/* Textblock on articlepage */
.textblock {
  background-color: #F5F5F6;
  box-sizing: border-box;
  padding: 25px;
}
.textblock p {
  font-size: 0.9em;
  line-height: 1.667rem;
}
.textblock h2 {
  font-size: 22px;
  margin: 0px 0px 10px 0px;
}

/* overlay */
.modal__close {
  text-decoration: none;
}

.special-overlay-content .overlay-header-image {
  width: 100%;
}

.modal-content {
  padding-bottom: 50px;
}

.special-overlay-copyright {
  color: #adadad;
  font-size: 0.8rem;
  margin-top: 53%;
  padding-right: 2%;
  position: absolute;
  top: -40px;
  padding-left: 1%;
  text-shadow: 0px 2px #666666;
  z-index: 1000;
}
@media (min-width: 1025px) {
  .special-overlay-copyright {
    margin-top: 53.5%;
  }
}
@media (max-width: 1024px) {
  .special-overlay-copyright {
    margin-top: 53%;
    top: -35px;
  }
}
@media (max-width: 768px) {
  .special-overlay-copyright {
    margin-top: 52.5%;
    top: -5px;
  }
}
@media (max-width: 640px) {
  .special-overlay-copyright {
    margin-top: 52%;
  }
}

/* no body scroll if overlay is active */
body.noscroll {
  position: fixed;
  overflow-y: scroll;
  width: 100%;
}

/* page labels - undo :nth - set label--alternative and latel--alternative--inverse */
.page-label-list__item:nth-of-type(1) .label {
  background-color: #009BE0;
  color: #fff;
  border-color: #009BE0;
}

.label--alternative {
  background-color: #FF4422 !important;
  color: #FFFFFF !important;
  border-color: #FF4422 !important;
}

.label--alternative--inverse {
  background-color: #FFFFFF !important;
  color: #FF4422 !important;
  border-color: #FFFFFF !important;
}

/* sidebar */
@media (min-width: 960px) {
  .sidebar-content {
    min-height: 140px;
  }
}
/* dossier: count items */
.list-head {
  display: inline-block;
}

.meta {
  margin: 2em 0;
  font-size: 1.2rem;
  color: #009BE0;
  font-weight: bold;
}

/* classroom extra's - no line between items */
.page--uitzending .download-list__item:nth-of-type(2n) {
  border-top: none;
}
.page--uitzending .download-list__item:nth-of-type(2n):before, .page--uitzending .download-list__item:nth-of-type(2n):after, .page--uitzending .download-list__item:nth-of-type(2n) .dots:before, .page--uitzending .download-list__item:nth-of-type(2n) .dots:after {
  width: 0;
  height: 0;
  border-radius: 0;
}
.page--uitzending .download-list__item a {
  text-decoration: none;
}

/* classroom extra's - line between links and downloads */
.page--uitzending .link-list .download-list__item:nth-of-type(1) {
  border-top: 1px solid #D9D9DB;
  position: relative;
}
.page--uitzending .link-list .download-list__item:nth-of-type(1):before, .page--uitzending .link-list .download-list__item:nth-of-type(1):after, .page--uitzending .link-list .download-list__item:nth-of-type(1) .dots:before, .page--uitzending .link-list .download-list__item:nth-of-type(1) .dots:after {
  content: '';
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: #D9D9DB;
}
.page--uitzending .link-list .download-list__item:nth-of-type(1):before {
  top: -4px;
  left: -3px;
}
.page--uitzending .link-list .download-list__item:nth-of-type(1):after {
  top: -4px;
  right: -3px;
}

/* more buttons */
.teaser-carousel__more .teaser-image:before {
  background: none;
}
.teaser-carousel__more .teaser-image {
  background-color: #009BE0;
}
.teaser-carousel__more .teaser-image.special {
  background-color: #FF4422;
}
@media (max-width: 784px) {
  .teaser-carousel__more .teaser-image {
    margin-left: 35px;
  }
}
.teaser-carousel__more .teaser-caption--overlay {
  width: auto;
  position: absolute;
  top: 48%;
  left: 10%;
}
@media (max-width: 784px) {
  .teaser-carousel__more .teaser-caption--overlay {
    left: 36%;
  }
}
.teaser-carousel__more .teaser-caption--overlay .teaser-caption__title {
  float: left;
}
.teaser-carousel__more .teaser-caption--overlay .icon-arrow-right {
  float: left;
  position: absolute;
  top: 4px;
  margin-left: 4px;
}

.video-player .NPOPlayer {
  position: absolute;
  top: 0px;
  left: 0px;
}

/* JW audioplayer */
.media-player {
  background-color: #F5F5F6;
}
.media-player .audio {
  margin-top: 40px;
  margin-bottom: 40px;
}
.media-player .image {
  position: relative;
  float: left;
  height: 100px;
  overflow: hidden;
}
.media-player .player {
  position: relative;
  height: 100px;
  overflow: hidden;
  background-color: #000000;
}
.media-player .description {
  line-height: 30px;
  padding: 15px;
  box-sizing: border-box;
}
.media-player .description h3 {
  line-height: 15px;
  font-size: 1.2rem;
}
.media-player .jw-display-icon-container .jw-icon-display, .media-player .jwlogo {
  display: none;
}
.media-player .jw-background-color {
  background-color: #000;
}

/* External media full width in overlay */
.media-player.video .auto-resizable-iframe {
  max-width: 100%;
  margin: 0px auto;
}
.media-player.video .auto-resizable-iframe > div {
  position: relative;
  padding-bottom: 56.25%;
  height: 0px;
}
.media-player.video .auto-resizable-iframe > div.soundcloud {
  padding-bottom: 180px;
}
.media-player.video .auto-resizable-iframe iframe {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}

/* teaser-title in carrousel on mobile */
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .teaser-carousel__item .teaser-caption--overlay {
    margin: 3% 5%;
  }
}
@media only screen and (max-width: 767px) {
  .teaser-carousel__item .teaser-caption--overlay {
    margin: 5%;
  }

  .teaser-carousel__more .teaser-caption--overlay {
    top: 43%;
  }
}
/* large title on homepage */
.site-intro__title a:link, .site-intro__title a:visited {
  color: #fff;
  text-decoration: none;
  background-color: none;
}

/* overlay on header image */
.site-menu {
  background: none;
}

.site-header__background-image-overlay {
  position: absolute;
  top: 0;
  left: 0px;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  z-index: 0;
  background: rgba(25, 25, 40, 0.18);
}

/* styling search */
input[type="search"]::-webkit-search-cancel-button {
  display: none;
}

.search-form__submit {
  margin-right: 8px;
}

.search-category-list__link.is-active {
  color: #009BE0 !important;
}

/* author social-icons */
.author__social {
  margin-right: 15px;
}
.author__social .social__icon {
  color: #009BE0 !important;
  margin: 3px;
}

/* align images in overlay for mobile */
@media only screen and (max-width: 767px) {
  .block--alternative {
    margin-left: -20px;
    margin-right: -20px;
  }
  .block--alternative img {
    width: 100%;
  }
}
/* aligning for tablet */
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .column--content-article {
    width: 100%;
    margin: 0;
    margin-left: 0;
    padding: 0;
  }
  .column--content-article .block-article {
    margin-left: -20px;
    margin-right: -20px;
  }
  .column--content-article .block__subtitle {
    padding: 0;
  }

  .block--alternative {
    margin-left: -20px;
    margin-right: -20px;
  }
  .block--alternative img {
    width: 100%;
  }
  .block-article {
    margin-left: inherit;
    margin-right: inherit;
    padding: inherit;
  }
}
/* image-copyright-aligning for mobile */
@media only screen and (max-width: 767px) {
  .block--alternative .copyright {
    margin-left: 20px;
  }
}
/* classroom label for special-media-items */
.teaser-list__item.contenttype-media .teaser-image__category.label.label--alternative--inverse {
  float: right;
  padding-top: 8px;
  margin-right: 35px;
}

/* special intro and body */
.special-intro .special-intro__content {
  font-weight: bold;
  font-size: 18px;
  line-height: 33px;
  color: #444444;
}

.special-intro__bodytext {
  position: relative;
  float: left;
  padding: 0px 0px 12px 0px;
  font-size: 18px;
  font-family: Open Sans, sans-serif;
  box-sizing: border-box;
  margin: 0px 0.33333% 0px 8.33333%;
  line-height: 33px;
}
@media screen and (max-width: 768px) {
  .special-intro__bodytext {
    margin: 0px 0.33333% 80px 0.33333%;
  }
}
.special-intro__bodytext:before {
  content: '';
  position: absolute;
  width: 1px;
  top: -75px;
  bottom: 0;
  left: -64px;
  z-index: 1;
  background-color: #009BE0;
}
@media screen and (max-width: 768px) {
  .special-intro__bodytext:before {
    display: none;
  }
}
.special-intro__bodytext:after {
  content: '';
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  top: -75px;
  left: -67px;
  z-index: 1;
  background-color: #009BE0;
}
@media screen and (max-width: 768px) {
  .special-intro__bodytext:after {
    display: none;
  }
}

/* special intro popup */
.special-overlay-video .special-article-intro {
  font-weight: bold;
}

/* newsletter popup */
.newsletter-popup {
  position: fixed;
  bottom: 10%;
  right: 0;
  display: none;
  width: 280px;
  height: auto;
  overflow: none;
  padding: 10px;
  /* border: 1px solid #d9d9db; */
  box-shadow: 0 0 3px 1px #d9d9db;
  background-color: #fff;
  z-index: 10;
}
.newsletter-popup .newsletter-popup-close {
  text-align: right;
}
.newsletter-popup .newsletter-popup-close a {
  text-decoration: none;
  color: #079cdd;
}
.newsletter-popup h2 {
  font-size: 1.7em;
  margin: 0;
}
.newsletter-popup p {
  line-height: 1.3em;
}
.newsletter-popup form input, .newsletter-popup form button {
  border: 1px solid #079cdd;
}

/* smaller header-background-image on mobile */
@media only screen and (max-width: 767px) {
  .site-header__background {
    height: 60%;
  }
}