@charset "UTF-8";
/*        This font software is the property of Commercial Type.
 * *
 * *        You may not modify the font software, use it on another website, or install it on a computer.
 * *
 * *        License information is available at http://commercialtype.com/eula
 * *        For more information please visit Commercial Type at http://commercialtype.com or email us at info[at]commercialtype.com
 * *
 * *        Copyright (C) 2017 Schwartzco Inc.
 * *        License: 1703-FARXHV */
@font-face {
  font-family: "Graphik Web";
  src: url("/fonts/Graphik-BlackItalic-Web.eot");
  src: url("/fonts/Graphik-BlackItalic-Web.eot?#iefix") format("embedded-opentype"), url("/fonts/Graphik-BlackItalic-Web.woff2") format("woff2"), url("/fonts/Graphik-BlackItalic-Web.woff") format("woff");
  font-weight: 800;
  font-style: italic;
  font-stretch: normal;
}
.Graphik-BlackItalic-Web {
  font-family: "Graphik Web";
  font-weight: 800;
  font-style: italic;
  font-stretch: normal;
}

@font-face {
  font-family: "Graphik Web";
  src: url("/fonts/Graphik-Black-Web.eot");
  src: url("/fonts/Graphik-Black-Web.eot?#iefix") format("embedded-opentype"), url("/fonts/Graphik-Black-Web.woff2") format("woff2"), url("/fonts/Graphik-Black-Web.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
}
.Graphik-Black-Web {
  font-family: "Graphik Web";
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
}

@font-face {
  font-family: "Graphik Web";
  src: url("/fonts/Graphik-BoldItalic-Web.eot");
  src: url("/fonts/Graphik-BoldItalic-Web.eot?#iefix") format("embedded-opentype"), url("/fonts/Graphik-BoldItalic-Web.woff2") format("woff2"), url("/fonts/Graphik-BoldItalic-Web.woff") format("woff");
  font-weight: 700;
  font-style: italic;
  font-stretch: normal;
}
.Graphik-BoldItalic-Web {
  font-family: "Graphik Web";
  font-weight: 700;
  font-style: italic;
  font-stretch: normal;
}

@font-face {
  font-family: "Graphik Web";
  src: url("/fonts/Graphik-Bold-Web.eot");
  src: url("/fonts/Graphik-Bold-Web.eot?#iefix") format("embedded-opentype"), url("/fonts/Graphik-Bold-Web.woff2") format("woff2"), url("/fonts/Graphik-Bold-Web.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
}
.Graphik-Bold-Web {
  font-family: "Graphik Web";
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
}

@font-face {
  font-family: "Graphik Web";
  src: url("/fonts/Graphik-MediumItalic-Web.eot");
  src: url("/fonts/Graphik-MediumItalic-Web.eot?#iefix") format("embedded-opentype"), url("/fonts/Graphik-MediumItalic-Web.woff2") format("woff2"), url("/fonts/Graphik-MediumItalic-Web.woff") format("woff");
  font-weight: 500;
  font-style: italic;
  font-stretch: normal;
}
.Graphik-MediumItalic-Web {
  font-family: "Graphik Web";
  font-weight: 500;
  font-style: italic;
  font-stretch: normal;
}

@font-face {
  font-family: "Graphik Web";
  src: url("/fonts/Graphik-Medium-Web.eot");
  src: url("/fonts/Graphik-Medium-Web.eot?#iefix") format("embedded-opentype"), url("/fonts/Graphik-Medium-Web.woff2") format("woff2"), url("/fonts/Graphik-Medium-Web.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
}
.Graphik-Medium-Web {
  font-family: "Graphik Web";
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
}

@font-face {
  font-family: "nova";
  src: url("/fonts/nova-icons-webfont.woff2") format("woff2"), url("/fonts/nova-icons-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
.itemList {
  text-align: left;
  padding: 0;
  margin: 0;
  list-style: none;
}
.itemList li {
  margin: 0;
}

.banner__title, .meta, .entryBlock, .entry--intro, .entry--header {
  margin-top: 1.5em;
  margin-bottom: 1.5em;
  margin-left: auto;
  margin-right: auto;
  max-width: 676px;
  padding: 0 16px;
}

*, *::after, *::before {
  box-sizing: border-box;
}

.float--left {
  float: left;
}

.float--right {
  float: right;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

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

.color-alert {
  color: #E74C3C;
}

.upper {
  text-transform: uppercase;
}

.hidden--visually {
  position: absolute;
  left: -9999em;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.dev {
  clear: both;
  text-align: left;
  background: #f5f5f5;
  padding: 0.5em;
  margin: 1em 0;
}

html {
  background: #fefefe;
  width: 100%;
  overflow-x: hidden;
}

.body__frame {
  height: 100%;
  overflow: hidden;
}

body {
  width: 100%;
  overflow-x: hidden;
  font-family: "Graphik Web", helvetica, arial, sans-serif;
  font-size: 100%;
  line-height: 1.8;
  text-align: center;
  color: #0a0a0a;
  margin: 0;
  font-weight: 500;
}
@media (min-width: 768px) {
  body {
    padding-top: 128px;
  }
}

.header--sticky {
  width: 100%;
  z-index: 100;
}
.header--sticky .shrink-toggle {
  display: none;
}
.header--sticky.minimize {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.header--sticky.minimize .shrink-toggle {
  display: none;
}
@media (min-width: 768px) {
  .header--sticky {
    position: fixed;
    top: 0;
    left: 0;
  }
}

.site__header {
  padding: 0;
  position: relative;
  text-align: left;
  width: 100%;
  background: #fff;
}
.site__header .wrapper {
  padding: 0 1rem;
}
@media (min-width: 768px) {
  .site__header {
    background: rgba(255, 255, 255, 0.99);
    padding: 28px 0 0;
  }
}

.site__main {
  display: block;
  text-align: left;
}

.site__footer {
  text-align: center;
  color: #A79E95;
  padding-top: 6rem;
  padding-bottom: 6rem;
}
.site__footer p {
  font-size: 0.875rem;
  margin: 0;
}
.site__footer a {
  color: #fff;
}
.site__footer a:visited {
  color: #fff;
}
.site__footer a:hover {
  color: #94FD86;
}
.site__footer .deutschlandradio, .site__footer .dlf, .site__footer .dlfkultur {
  display: table;
  height: 2rem;
  background: left top no-repeat;
  background-size: contain;
  margin-bottom: 2rem;
  transform-origin: center center;
}
.site__footer .deutschlandradio img, .site__footer .dlf img, .site__footer .dlfkultur img {
  height: 2rem;
  width: auto;
}
.site__footer .deutschlandradio:hover img, .site__footer .dlf:hover img, .site__footer .dlfkultur:hover img {
  opacity: 0.8;
}
.site__footer .wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 0 1.5em;
}
.site__footer .siblings {
  width: 100%;
  position: relative;
}
@media (min-width: 640px) {
  .site__footer .siblings {
    width: 60%;
  }
}
@media (min-width: 768px) {
  .site__footer .siblings {
    width: 50%;
  }
}
@media (min-width: 880px) {
  .site__footer .siblings {
    width: 40%;
  }
}
@media (min-width: 960px) {
  .site__footer .siblings {
    width: 33.333333333%;
  }
}
.site__footer .siblings::before {
  content: "";
  background: #000;
  position: absolute;
  transform: rotate(-3deg);
  width: 200%;
  height: 10px;
  top: -4rem;
  right: 0;
}
.site__footer nav {
  display: flex;
  flex-direction: column;
  flex: 0 0 100%;
  z-index: 1;
  margin-left: auto;
  margin-right: auto;
  width: auto;
  text-align: left;
  position: relative;
  padding-top: 5rem;
}
@media (min-width: 640px) {
  .site__footer nav {
    flex: 0 0 auto;
    width: 40%;
    padding-top: 0;
  }
}
@media (min-width: 768px) {
  .site__footer nav {
    width: 50%;
  }
}
@media (min-width: 880px) {
  .site__footer nav {
    width: 60%;
    flex-direction: row;
  }
}
@media (min-width: 960px) {
  .site__footer nav {
    width: 66.6666666666%;
  }
}
.site__footer nav::before {
  content: "";
  background: #4AC96F;
  position: absolute;
  transform: rotate(-3deg);
  width: 200%;
  height: 2.5rem;
  top: -1rem;
  left: 55%;
}
@media (min-width: 640px) {
  .site__footer nav::before {
    width: 100%;
    height: 2.5rem;
    top: -7rem;
    left: 25%;
  }
}
@media (min-width: 768px) {
  .site__footer nav::before {
    width: 100%;
    height: 2.5rem;
    top: -7rem;
    left: 25%;
  }
}
.site__footer nav::after {
  content: "";
  background: #043E42;
  position: absolute;
  transform: rotate(-3deg);
  width: 400%;
  z-index: -1;
  top: 0;
  bottom: -1rem;
  left: -3rem;
  box-shadow: 0 0 1px rgba(255, 255, 255, 0);
}
@media (min-width: 640px) {
  .site__footer nav::after {
    width: 200%;
    z-index: -1;
    top: -3rem;
    bottom: -1rem;
    left: -1.25rem;
  }
}
@media (min-width: 768px) {
  .site__footer nav::after {
    width: 200%;
    z-index: -1;
    top: -4rem;
    bottom: -1rem;
    left: -1.25rem;
  }
}
.site__footer nav ul {
  list-style: none;
  padding: 0 1rem;
  margin: 0;
}
@media (min-width: 880px) {
  .site__footer nav ul {
    width: 50%;
  }
}
.site__footer nav ul li a {
  display: inline-block;
  margin-bottom: 0.25rem;
  text-align: center;
}
.site__footer p.copyright {
  margin-top: 6rem;
  text-align: left;
  color: #043E42;
}
@media (min-width: 640px) {
  .site__footer p.copyright {
    margin-top: 4rem;
  }
}
.site__footer p.copyright a {
  color: #043E42;
}
.site__footer p.copyright a:visited {
  color: #043E42;
}
.site__footer p.copyright a:hover {
  color: #4AC96F;
}

.frame {
  padding: 2em 0;
}
.frame::after {
  clear: both;
  content: "";
  display: block;
}
.frame.noBanner {
  border-top: 0;
}
.frame.style--green {
  border-top: 0;
  background: #4AC96F;
}
.frame.style--light {
  border-top: 0;
  background: #f3f2f1;
}

.wrapper {
  margin-left: auto;
  margin-right: auto;
  max-width: 1170px;
  position: relative;
  padding: 0 1em;
}

.dlfnova {
  margin: 0 auto 0.5rem;
  padding: 0;
  text-align: center;
  line-height: 0;
  display: none;
}
.dlfnova a {
  display: inline-block;
  height: 2.75rem;
  width: auto;
}
.dlfnova a:hover {
  opacity: 0.8;
}
.dlfnova a:focus {
  outline: none;
}
.dlfnova a img {
  height: 100%;
}

@media (min-width: 768px) {
  .dlfnova {
    display: table;
  }
}
.dradiowissen {
  float: left;
  margin-top: 0.7em;
  padding-left: 1em;
}
.dradiowissen a {
  display: inline-block;
  width: 140px;
  height: 21px;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("/img/dradiowissen-g.png");
}
@media (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .dradiowissen a {
    background-image: url("/img/dradiowissen-g@2x.png");
    -webkit-background-size: 140px 21px;
    background-size: 140px 21px;
  }
}
.dradiowissen a:hover {
  opacity: 0.8;
}
.dradiowissen a:focus {
  outline: none;
}

.shrink-toggle {
  visibility: hidden;
}

@media (min-width: 768px) {
  .shrink-toggle {
    visibility: visible;
    display: none;
    position: absolute;
    top: 0;
    cursor: pointer;
    transition: all 0.5s;
  }
  .shrink-toggle::before {
    content: "\e91e";
    font-size: 3rem;
    line-height: 1;
    font-family: "nova";
    color: #d5d1cd;
  }
  .shrink-toggle:hover::before {
    color: #4AC96F;
  }
  .headroom--pinned {
    transform: translateY(0);
    opacity: 1;
    transition: opacity 0.5s;
  }
  .headroom--unpinned {
    transform: translateY(-50%);
    opacity: 0;
  }
  .minimize {
    max-height: 91px;
  }
  .normalize,
  .header--sticky {
    height: 128px;
  }
  .mobile-nav, div.mobile {
    display: none;
  }
  .nav-collapse {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
  }
  .nav-collapse ul {
    margin: 0;
    padding: 0;
  }
  .nav-collapse li {
    display: block;
    width: 100%;
  }
  .nav-social {
    position: absolute;
    left: 0;
    bottom: 0.5rem;
  }
  .nav-social li {
    display: inline-block;
    width: auto;
  }
  .nav-social a.button--icon {
    margin: 0 0.25rem;
    color: #D8D1C9;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .nav-social a.button--icon {
    margin: 0 0.15rem;
  }
}
@media (min-width: 768px) and (min-width: 880px) {
  .nav-social a.button--icon {
    margin: 0 0.25rem;
  }
}
@media (min-width: 768px) and (min-width: 960px) {
  .nav-social a.button--icon {
    margin: 0 0.25rem;
  }
}
@media (min-width: 768px) {
  .nav-social a.button--icon::before {
    font-size: 1.35rem;
  }
}
@media (min-width: 768px) {
  .nav li {
    position: relative;
    float: left;
    width: auto;
  }
  .nav li a {
    cursor: pointer;
    display: block;
    line-height: 1.6;
    color: #043E42;
    transition: color 0.2s;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .nav li a {
    padding: 0.6rem;
  }
}
@media (min-width: 768px) and (min-width: 880px) {
  .nav li a {
    padding: 0.6rem 1.5rem 0.6rem 1rem;
  }
}
@media (min-width: 768px) and (min-width: 960px) {
  .nav li a {
    padding: 0.6rem 2rem 0.6rem 1rem;
  }
}
@media (min-width: 768px) {
  .nav li a:hover {
    color: #4AC96F;
  }
  .nav li a:hover > a {
    border-color: #ecebe9;
    color: #4AC96F;
  }
}
@media (min-width: 768px) {
  .nav li button.switch--search {
    color: #043E42;
    cursor: pointer;
    transition: color 0.2s;
    padding: 0.6rem 0;
  }
  .nav li button.switch--search::before {
    font-size: 1.5rem;
  }
  .nav li button.switch--search:hover {
    color: #4AC96F;
  }
  .nav li button.switch--search:hover > a {
    border-color: #ecebe9;
    color: #4AC96F;
  }
}
@media (min-width: 768px) {
  .nav li.nav-topics, .nav li.nav-program, .nav li.nav-hosts, .nav li.nav-podcasts {
    border-top: 1px solid transparent;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
  }
  .nav li.nav-topics .nav--sub, .nav li.nav-program .nav--sub, .nav li.nav-hosts .nav--sub, .nav li.nav-podcasts .nav--sub {
    display: none;
  }
  .nav li.nav-topics:hover, .nav li.nav-program:hover, .nav li.nav-hosts:hover, .nav li.nav-podcasts:hover {
    background: rgba(255, 255, 255, 0.97);
    border-top: 1px solid #ecebe9;
    border-left: 1px solid #ecebe9;
    border-right: 1px solid #ecebe9;
    color: #4AC96F;
    box-shadow: 0 1px 2px rgba(88, 88, 88, 0.2);
  }
  .nav li.nav-topics:hover ul, .nav li.nav-program:hover ul, .nav li.nav-hosts:hover ul, .nav li.nav-podcasts:hover ul {
    display: block;
  }
  .nav li.nav-topics:hover .nav--sub, .nav li.nav-program:hover .nav--sub, .nav li.nav-hosts:hover .nav--sub, .nav li.nav-podcasts:hover .nav--sub {
    display: block;
    position: absolute;
    left: -1px;
  }
  .nav li.nav-topics:hover.nav-hosts .nav--sub, .nav li.nav-program:hover.nav-hosts .nav--sub, .nav li.nav-hosts:hover.nav-hosts .nav--sub, .nav li.nav-podcasts:hover.nav-hosts .nav--sub {
    left: auto;
    right: -1px;
  }
  .nav li.nav-topics:hover.nav-hosts .nav--sub::after, .nav li.nav-program:hover.nav-hosts .nav--sub::after, .nav li.nav-hosts:hover.nav-hosts .nav--sub::after, .nav li.nav-podcasts:hover.nav-hosts .nav--sub::after {
    content: "";
    background-color: #fff;
    height: 3px;
    width: 137px;
    position: absolute;
    top: -2px;
    right: 0;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .nav li.nav-topics:hover.nav-hosts .nav--sub::after, .nav li.nav-program:hover.nav-hosts .nav--sub::after, .nav li.nav-hosts:hover.nav-hosts .nav--sub::after, .nav li.nav-podcasts:hover.nav-hosts .nav--sub::after {
    width: 108px;
  }
}
@media (min-width: 768px) and (min-width: 880px) {
  .nav li.nav-topics:hover.nav-hosts .nav--sub::after, .nav li.nav-program:hover.nav-hosts .nav--sub::after, .nav li.nav-hosts:hover.nav-hosts .nav--sub::after, .nav li.nav-podcasts:hover.nav-hosts .nav--sub::after {
    width: 129px;
  }
}
@media (min-width: 768px) and (min-width: 960px) {
  .nav li.nav-topics:hover.nav-hosts .nav--sub::after, .nav li.nav-program:hover.nav-hosts .nav--sub::after, .nav li.nav-hosts:hover.nav-hosts .nav--sub::after, .nav li.nav-podcasts:hover.nav-hosts .nav--sub::after {
    width: 137px;
  }
}
@media (min-width: 768px) {
  .nav li.nav-topics ul li:last-child, .nav li.nav-program ul li:last-child, .nav li.nav-podcasts ul li:last-child {
    border-top: 1px dotted #ecebe9;
    background: #f8f8f8;
  }
}
@media (min-width: 768px) {
  .nav li.nohover:hover {
    box-shadow: none;
    border-color: transparent;
  }
  .nav li.nohover:hover a {
    border-color: #fff;
  }
  .nav li.nohover:hover .nav--sub {
    display: none;
  }
}
@media (min-width: 768px) {
  .nav li ul.nav--sub {
    display: none;
    position: absolute;
    box-shadow: 0 1px 2px rgba(88, 88, 88, 0.2);
    text-align: left;
    background-color: #fefefe;
  }
  .nav li ul.nav--sub li {
    width: 11rem;
    background: #fff;
  }
  .nav li ul.nav--sub a, .nav li ul.nav--sub p {
    font-size: 0.875rem;
    padding: 0.2em 1em 0.25em;
    border-left: 1px solid #ecebe9;
    border-right: 1px solid #ecebe9;
  }
  .nav li ul.nav--sub p {
    margin: 0;
    color: #043E42;
  }
}
@media (min-width: 768px) {
  .nav li div.nav--sub {
    display: none;
    position: absolute;
    top: 2.65em;
    background: rgba(255, 255, 255, 0.99);
    box-shadow: 0 1px 2px rgba(88, 88, 88, 0.2);
    padding: 10px;
    min-width: 240px;
    right: 0;
    border: 0;
    border-left: 1px solid #ecebe9;
    border-right: 1px solid #ecebe9;
    border-top: 1px solid #ecebe9;
  }
  .nav li div.nav--sub a {
    display: block;
    font-size: 0.875em;
    color: #043E42;
    line-height: 1.8;
    text-align: left;
    text-transform: none;
    padding: 0;
    width: auto;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
  }
  .nav li div.nav--sub a:hover {
    box-shadow: none;
  }
  .nav li div.nav--sub a img {
    margin-bottom: 0.5rem;
  }
  .nav li div.nav--sub a .presenter {
    font-size: 16px;
    font-weight: 700;
    color: #4AC96F;
    margin-bottom: 0.25rem;
  }
}
@media (max-width: 767px) {
  .mobile-nav {
    display: none;
    background-color: #fefefe;
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 5;
  }
  .mobile-nav ul {
    list-style-type: none;
    padding: 0;
    line-height: 4rem;
    transform: translateY(-50%);
    position: relative;
    top: 50%;
    margin: 0;
  }
  .mobile-nav ul li {
    border-bottom: 1px solid #ecebe9;
  }
  .mobile-nav ul li:last-of-type {
    border-bottom: none;
  }
  .mobile-nav a.close {
    position: absolute;
    right: 1rem;
    top: 0.2rem;
    font-size: 2.2rem;
    line-height: initial;
  }
  .mobile-nav a.close::before {
    content: "×";
  }
  nav.nav-collapse ul.nav, nav.nav-collapse > ul.nav-social {
    display: none;
  }
  .site__header {
    position: fixed;
    z-index: 4;
    width: 100%;
  }
  .site__header .wrapper {
    padding: 0;
  }
  nav > .mobile {
    padding-right: 0.75rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #4AC96F;
    height: 2rem;
  }
  nav > .mobile > a.logo {
    display: table;
    border-right: 2px solid #fefefe;
    margin-right: 1rem;
  }
  nav > .mobile a.button--icon {
    line-height: 1.8rem;
    color: #ffffff;
    padding-right: 5px;
    font-size: 1.25rem;
  }
  nav > .mobile button {
    user-select: none;
    color: #fff !important;
    padding: 0;
    margin: 0;
    -webkit-tap-highlight-color: transparent;
    font-size: 1.25rem;
  }
  nav > .mobile button.icon--search {
    font-size: 1.5rem;
    line-height: 2rem;
  }
  nav > .mobile button.nav-toggle {
    text-align: right;
    float: right;
    margin-left: 0.25rem;
  }
  nav > .mobile button.nav-toggle::before {
    font-family: "nova";
    font-size: 1.5rem;
    content: "\e91e";
    line-height: 2rem;
  }
  main {
    padding-top: 2rem;
  }
  form#search.open {
    top: 34px;
    position: fixed;
    width: 100%;
  }
  form#search.open fieldset.search__container {
    box-shadow: none;
  }
}
strong, b {
  font-weight: 700;
}

em {
  font-style: italic;
}

a {
  color: #000;
  text-decoration: none;
}
a:visited {
  color: #000;
}
a:focus {
  outline: thin dotted;
}
a:hover, a:active {
  color: #4AC96F;
  outline: 0;
}

ul {
  list-style: square;
}

ul, ol {
  font-size: 1rem;
}

h1, .h1 {
  font-size: 1.75rem;
}

h2, .h2 {
  font-size: 1.3125rem;
}

h3, .h3 {
  font-size: 1.125rem;
}

h4, .h4 {
  font-size: 1.125rem;
}

blockquote span {
  font-size: 1.3125rem;
}

@media (min-width: 880px) {
  h1, .h1 {
    font-size: 2.25rem;
  }
  h2, .h2 {
    font-size: 1.5rem;
  }
  h3, .h3 {
    font-size: 2.25rem;
  }
  blockquote span {
    font-size: 1.5rem;
  }
}
h1, .h1 {
  font-weight: 800;
  line-height: 1.3;
  margin: 0;
  letter-spacing: 0.025rem;
}

h2, .h2,
h3, .h3 {
  font-weight: 800;
  line-height: 1.2;
  margin: 0;
  letter-spacing: 0.025rem;
}

p {
  font-size: 1rem;
  line-height: 1.6;
  margin: 1.5em 0;
}

article p a, article p a:visited, article li a, article li a:visited {
  color: #4AC96F;
}
article p a:hover, article p a:visited:hover, article li a:hover, article li a:visited:hover {
  color: #1D7751;
}

.kicker {
  clear: both;
  display: block;
  font-size: 1rem;
  font-weight: 500;
  text-transform: none;
  color: #4AC96F;
}
.kicker.highlight {
  color: #78DE7F;
}
@media (min-width: 880px) {
  .kicker {
    font-size: 1.125rem;
  }
}

.marked {
  padding: 0.5em 1em;
  margin: 0 -1em;
  background: #4AC96F;
}
.marked a, .marked span {
  color: #fff;
}
@media (min-width: 640px) {
  .marked {
    padding: 0;
    margin: 0;
    background: none;
  }
  .marked a, .marked span {
    display: inline-block;
    color: #fff;
    padding: 0.25rem 0.75rem;
    margin-left: 6px;
    background: #4AC96F;
    box-shadow: 6px 0 0 #4AC96F, -6px 0 0 #4AC96F;
  }
}

blockquote {
  padding: 0;
  margin: 0;
  line-height: 1.5;
}
blockquote p {
  font-size: 1rem;
  color: #4AC96F;
  margin: 0;
}
blockquote span {
  display: inline;
  color: #fff;
  background: #4AC96F;
  box-shadow: 6px 0 0 #4AC96F, -6px 0 0 #4AC96F;
}

cite {
  display: inline;
  font-size: 0.875rem;
  font-style: italic;
  color: #B7B0A7;
  /*&::after {
  * *    font-family: $icons;
  * *    vertical-align: middle;
  * *} */
}

a cite:hover {
  color: #000;
}
a cite::before {
  font-family: "nova";
  content: "\e90b";
  margin-right: 0.5em;
}

.date {
  display: block;
  font-size: 0.875rem;
  text-transform: uppercase;
  color: #B7B0A7;
}

@media screen and (max-width: 480px) {
  .mq__mobile--hide {
    display: none !important;
  }
}
button {
  border: 0;
  background: none;
  appearance: none;
}
button:hover, button:focus {
  outline: none;
}

.button {
  position: relative;
  display: inline-block;
  font-style: normal;
  text-decoration: none;
  font-variant: normal;
  text-align: center;
  cursor: pointer;
}
.button.button--icon {
  padding-left: 0;
  padding-right: 0;
}
.button.button--icon:before {
  margin-right: 0;
  width: auto !important;
}
.button.jp-option-play:before {
  content: "\e907";
}
.button.jp-option-pause:before {
  content: "\e908";
}
.button.button--solid {
  color: #fff;
  padding: 6px 12px;
  background: #4AC96F;
  speak: none;
  border-radius: 0;
}
.button.button--solid:before {
  font-family: "nova";
  font-size: 2rem;
  line-height: 1.45;
  width: 2.75rem;
  vertical-align: middle;
  display: inline-block;
}
.button.button--solid:hover {
  transition: 0.2s ease-out;
  background-color: #78DE7F;
}
.button.button--solid.button--play {
  padding: 0;
  height: 2.75rem;
}
.button.button--solid .span--margin {
  margin-left: 10px;
}

.teaser__image .button.button--play, .collection__image .button.button--play {
  z-index: 11;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2.75rem;
  width: 2.75rem;
  background-color: #4AC96F;
}
.teaser__image .button.button--play:hover, .collection__image .button.button--play:hover {
  transition: 0.2s ease-out;
  background-color: #78DE7F;
}
.teaser__image .button.button--play::before, .collection__image .button.button--play::before {
  position: relative;
  top: 1px;
}
.teaser__image .button.button--play.jp-option-play::before, .collection__image .button.button--play.jp-option-play::before {
  left: 0;
}

.banner__title .button.button--solid {
  margin-top: 1em;
}

.section--event {
  padding: 0.25em 0 0;
}
.section--event:not(:last-of-type) .entry--intro:after {
  position: relative;
  display: block;
  content: "";
  margin-top: 2.75em;
  border-bottom: 5px solid #f3f2f1;
}
.section--event span.date {
  margin-bottom: 1rem;
}

.section--profile {
  padding: 2em 0;
  background: #f5f5f5;
}

.section--list {
  padding: 3em 0;
  background: #f5f5f5;
}
.section--list .wrapper {
  max-width: 676px;
}

.textList {
  padding: 0;
  margin: 0;
  list-style: none;
  border-radius: 3px;
  border: 1px solid #ecebe9;
  background: #fff;
}
.textList li {
  background: #fff;
}
.textList li::after {
  clear: both;
  content: "";
  display: block;
}
.textList li.item {
  padding: 1.5em 2.5em;
  margin: 0;
  border-bottom: 1px solid #ecebe9;
}
.textList li.item:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.textList li.item:last-child {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border: 0;
}
.textList li.item:nth-child(even) {
  background: #f5f5f5;
}
.textList h3 a {
  color: #4AC96F;
}
.textList h3 a:hover {
  color: #78DE7F;
}
.textList small {
  display: block;
  font-size: 0.75em;
  color: #B7B0A7;
  margin: 0.5em 0;
}
.textList strong, .textList b {
  color: #4AC96F;
}

.playlist__cover {
  display: none;
  float: left;
  width: 8em;
  margin-right: 1.5em;
}

@media (min-width: 640px) {
  .playlist__cover {
    display: block;
  }
  .playlist__title {
    padding: 0.5em;
  }
}
.content.frame {
  border-top: 0;
}

.section__label {
  margin-left: auto;
  margin-right: auto;
  max-width: 1170px;
  font-size: 0.875rem;
  text-transform: none;
  text-align: left;
  color: #043E42;
  padding: 1em;
  margin-top: -2em;
  position: relative;
  z-index: 0;
}
.section__label span, .section__label a {
  display: inline-block;
  color: #043E42;
  position: relative;
}
.section__label span::after, .section__label a::after {
  content: "";
  background: #94FD86;
  position: absolute;
  top: -0.95rem;
  left: -1rem;
  bottom: -1rem;
  right: -1rem;
  z-index: -1;
  transform: rotate(-3deg);
}
.section__label a:visited {
  color: #043E42;
}
.section__label a:hover {
  color: #4AC96F;
}
.section__label.playlist {
  margin-top: 4rem;
}
@media (min-width: 640px) {
  .section__label.playlist {
    margin-top: -2rem;
  }
}
.section__label.playlist span, .section__label.playlist a {
  color: #fefefe;
}
.section__label.playlist span::before, .section__label.playlist a::before {
  content: "";
  background: #4AC96F;
  position: absolute;
  width: 100%;
  height: 10px;
  z-index: -1;
  transform: rotate(-3deg) translate(-50%, -250%);
}
.section__label.playlist span::after, .section__label.playlist a::after {
  background: #0a0a0a;
}

.title__container {
  position: relative;
}

.collection__title {
  padding: 2em 1em 0;
}
@media (min-width: 640px) {
  .collection__title {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 0 4em 2em;
    margin: 0;
    width: 100%;
    z-index: 10;
  }
  .collection__title .kicker,
  .collection__title h2 {
    color: #fff !important;
  }
}

.collection__image {
  margin: 0 1em;
}
@media (min-width: 768px) {
  .collection__image {
    margin: 0;
  }
}

.entry__content {
  border-top: 0;
  position: relative;
  padding-top: 0;
}
.entry__content .h2,
.entry__content h2 {
  color: #0a0a0a;
}
.entry__content .h3,
.entry__content h3 {
  color: #4AC96F;
}
.entry__content .h4,
.entry__content h4 {
  color: #1D7751;
}
.entry__content iframe {
  margin: 0 auto !important;
}
@media (min-width: 880px) {
  .entry__content {
    padding-top: 2em;
  }
}

.entry--header .h1,
.entry--header h1 {
  color: #4AC96F;
}

.entry--intro {
  margin-top: 0;
  padding: 4px 16px;
}
.entry--intro h1 {
  color: #4AC96F;
  text-transform: none;
}
.entry--intro h1 + p {
  margin-top: 0.5em;
}
.entry--intro p {
  font-size: 1.125rem;
  font-weight: 500;
  color: #0a0a0a;
  line-height: 1.7;
  margin-bottom: 0;
  padding: 0;
}
@media (min-width: 880px) {
  .entry--intro {
    padding: 0 16px;
  }
}

.entryBlock {
  clear: both;
}
.entryBlock h2,
.entryBlock .h2 {
  font-size: 1.3125rem;
  scroll-margin-top: 150px;
}
.entryBlock h3,
.entryBlock .h3 {
  font-size: 1.125rem;
  scroll-margin-top: 150px;
}
.entryBlock h4,
.entryBlock .h4 {
  font-size: 1.125rem;
  scroll-margin-top: 150px;
}
@media (min-width: 880px) {
  .entryBlock h1,
  .entryBlock .h1 {
    font-size: 2.25rem;
  }
  .entryBlock h2,
  .entryBlock .h2 {
    font-size: 2.25rem;
  }
  .entryBlock h3,
  .entryBlock .h3 {
    font-size: 1.5rem;
  }
  .entryBlock blockquote span {
    font-size: 1.5rem;
  }
}
.entryBlock.hasBorder {
  border: 1px solid #ecebe9;
  border-left: 0;
  border-right: 0;
  padding: 0 16px 32px;
  margin-bottom: 3em;
  background: #fff;
}
@media (min-width: 640px) {
  .entryBlock.hasBorder {
    padding: 0 32px 32px;
    border: 1px solid #ecebe9;
    border-radius: 3px;
  }
}
.entryBlock.entry--text ol,
.entryBlock.entry--text ul {
  padding: 0 0 0 1.2em;
}
.entryBlock.entry--ugc {
  padding-top: 2em;
}
.entryBlock.entry--quote {
  color: #0a0a0a;
  margin-top: 2em;
  margin-bottom: 2em;
}
.entryBlock.entry--quote.hasBorder blockquote {
  margin-top: 1.5em;
  margin-bottom: 1.5em;
  padding-left: 6px;
}
.entryBlock.entry--gallery, .entryBlock.entry--image {
  position: relative;
  max-width: 768px;
  padding: 0;
  margin-top: 2em;
  margin-bottom: 2em;
  overflow: hidden;
}
.entryBlock.entry--gallery figcaption, .entryBlock.entry--image figcaption {
  padding: 0 0 0.75em;
}
@media (min-width: 640px) {
  .entryBlock.entry--gallery.style--highlight, .entryBlock.entry--image.style--highlight {
    text-shadow: none;
  }
  .entryBlock.entry--gallery.style--highlight .kicker span, .entryBlock.entry--image.style--highlight .kicker span {
    display: inline-block;
  }
  .entryBlock.entry--gallery.style--highlight .kicker span,
  .entryBlock.entry--gallery.style--highlight h2 a,
  .entryBlock.entry--gallery.style--highlight h2 span,
  .entryBlock.entry--gallery.style--highlight h3 a,
  .entryBlock.entry--gallery.style--highlight h3 span, .entryBlock.entry--image.style--highlight .kicker span,
  .entryBlock.entry--image.style--highlight h2 a,
  .entryBlock.entry--image.style--highlight h2 span,
  .entryBlock.entry--image.style--highlight h3 a,
  .entryBlock.entry--image.style--highlight h3 span {
    background: rgba(88, 88, 88, 0.5);
    box-shadow: 8px 0 0 rgba(88, 88, 88, 0.5), -8px 0 0 rgba(88, 88, 88, 0.5);
  }
  .entryBlock.entry--gallery figcaption, .entryBlock.entry--image figcaption {
    padding: 0.5em 4.5em 1.5em;
  }
}
.entryBlock.entry--list ol,
.entryBlock.entry--list ul {
  padding: 0 0 0 1.2em;
}
.entryBlock.entry--embed {
  max-width: 676px;
  padding: 0.5em;
  margin-top: 2em;
  margin-bottom: 2em;
  background-color: #fff;
}
.entryBlock.entry--embed::after {
  clear: both;
  content: "";
  display: block;
}
.entryBlock.entry--embed .embed__description {
  overflow: hidden;
  padding: 1em;
  background: #f5f5f5;
}
.entryBlock.entry--infobox {
  margin: 7rem auto 7rem;
  position: relative;
  z-index: 0;
}
@media (min-width: 640px) {
  .entryBlock.entry--infobox {
    margin: 5rem auto 7rem;
  }
}
.entryBlock.entry--infobox::before {
  content: "";
  position: absolute;
  background-color: #94FD86;
  display: block;
  z-index: -1;
  top: -2rem;
  bottom: -2rem;
  left: -0.5rem;
  right: 0.5rem;
  transform: rotate(-3deg);
}
.entryBlock.entry--infobox::after {
  content: "";
  position: absolute;
  background-color: #1D7751;
  display: block;
  z-index: -2;
  top: -3.5rem;
  left: -3.5rem;
  width: 33%;
  padding-top: 33%;
  transform: rotate(-3deg);
  box-shadow: 33rem 18.5rem 0 #1D7751;
}
.entryBlock.entry--infobox a {
  text-decoration: underline;
  font-weight: 700;
}
.entryBlock.entry--infobox a:hover {
  color: #1D7751;
}

.quote__origin {
  margin-top: 0.25em;
  line-height: 1.25;
}

.embed {
  position: relative;
}

.embed__container {
  border-left: 4px solid #4AC96F;
  transition: border-color 0.3s;
}

.embed__meta {
  background: #f5f5f5;
}
.embed__meta::after {
  clear: both;
  content: "";
  display: block;
}

.provider__icon {
  float: left;
  display: block;
  color: #fff;
  padding: 6px 10px 6px 6px;
  background: #4AC96F;
  transition: background 0.3s;
}
.provider__icon i {
  font-size: 1.25em;
  vertical-align: middle;
}

.author__info {
  float: right;
  padding: 8px 10px;
}
.author__info a.author__name {
  font-size: 0.875rem;
  color: #B7B0A7;
}

.author__avatar {
  position: relative;
  display: inline-block;
  margin: 0 0 0 0.5em;
  width: 32px;
  height: 32px;
  border-radius: 2px;
  overflow: hidden;
  vertical-align: middle;
}
.author__avatar img {
  width: inherit;
  height: inherit;
}

.embed__media,
.embed__video {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  background: #ecebe9;
  overflow: hidden;
}
.embed__media embed,
.embed__media iframe,
.embed__media object,
.embed__video embed,
.embed__video iframe,
.embed__video object {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 420px !important;
}

.embed__video {
  background: none;
}

.embed + .embed__video {
  margin-top: 2em;
}

.embed__image img {
  width: 100%;
}

.embed__description {
  padding: 0.75em 1em;
  border-top: 1px dotted #ecebe9;
  background: #f5f5f5;
}

.embed__iframe iframe {
  border: 0;
  margin: 0 auto;
  width: 100%;
}
.embed__iframe span.embed__note {
  padding: 1rem;
  display: inline-block;
  font-size: 0.875rem;
  font-style: italic;
  color: #B7B0A7;
}
.embed__iframe span.embed__note a {
  color: #4AC96F;
  transition: color 0.3s;
}
.embed__iframe span.embed__note a:hover {
  color: #78DE7F;
}
.embed__iframe span.embed__note .switch {
  color: #4AC96F;
  cursor: pointer;
  transition: all 0.3s;
  position: relative;
  z-index: 0;
  padding-left: 1.75rem;
  margin-left: 0.125rem;
}
.embed__iframe span.embed__note .switch:hover {
  color: #78DE7F;
}
.embed__iframe span.embed__note .switch:hover::before {
  background-color: #fefefe;
  border: 0.125rem solid #78DE7F;
}
.embed__iframe span.embed__note .switch:hover::after {
  width: 0.875rem;
  height: 0.875rem;
  left: 0.625rem;
  bottom: 0.125rem;
  background-color: #fefefe;
  border: 0.125rem solid #78DE7F;
}
.embed__iframe span.embed__note .switch::before {
  content: "";
  display: inline-block;
  width: 1.5rem;
  height: 0.875rem;
  border-radius: 0.5rem;
  background-color: #4AC96F;
  position: absolute;
  bottom: 0.125rem;
  left: 0;
  z-index: 1;
  transition: all 0.3s;
}
.embed__iframe span.embed__note .switch::after {
  content: "";
  display: inline-block;
  width: 0.875rem;
  height: 0.875rem;
  border: 0.125rem solid #4AC96F;
  border-radius: 50%;
  background-color: #fefefe;
  position: absolute;
  left: 0;
  bottom: 0.125rem;
  z-index: 2;
  transition: all 0.3s;
}
.embed__iframe span.embed__note.hide {
  display: none;
}

.embed__note {
  padding: 1.75rem 0.5rem;
}
@media (min-width: 640px) {
  .embed__note {
    padding: 3.75rem;
  }
}
.embed__note span.h2 {
  color: #fff;
  background-color: #1D7751;
  padding: 0.5rem 1.25rem;
}
.embed__note p {
  padding: 0 2rem 0.5rem;
  position: relative;
}
.embed__note p a {
  color: #1D7751;
  cursor: pointer;
  transition: color 0.3s;
}
.embed__note p a:visited {
  color: #1D7751;
}
.embed__note p a:hover {
  color: #043E42 !important;
}
.embed__note p::after {
  content: "";
  position: absolute;
  display: block;
  background-color: #94FD86;
  transform: rotate(-3deg);
  top: -2rem;
  bottom: -2.25rem;
  left: -1rem;
  right: -1rem;
  z-index: -2;
}
.embed__note .buttons {
  display: flex;
  justify-content: space-around;
  padding: 0;
  flex-direction: row;
}
@media (min-width: 640px) {
  .embed__note .buttons {
    padding: 0 4rem;
  }
}
.embed__note .buttons .button {
  font-size: 1rem;
  font-family: "Graphik Web", helvetica, arial, sans-serif;
  background-color: #4AC96F;
  color: #fff;
  padding: 0.5rem 1rem;
  margin-bottom: 1rem;
  transition: background-color 0.3s;
}
.embed__note .buttons .button:hover {
  background-color: #78DE7F;
}

.embed--dradiowissen a {
  color: #4AC96F;
}
.embed--dradiowissen a.provider__icon {
  color: #fff;
  background: #4AC96F;
}
.embed--dradiowissen .embed__container {
  border-left-color: #4AC96F;
}
.embed--dradiowissen .embed__container:hover {
  border-color: #71d58e;
}
.embed--dradiowissen .embed__container:hover a.provider__icon {
  background: #71d58e;
}

.embed--facebook a {
  color: #3B5998;
}
.embed--facebook a.provider__icon {
  color: #fff;
  background: #3B5998;
}
.embed--facebook .embed__container {
  border-left-color: #3B5998;
}
.embed--facebook .embed__container:hover {
  border-color: #4c70ba;
}
.embed--facebook .embed__container:hover a.provider__icon {
  background: #4c70ba;
}

.embed--twitter a {
  color: #00ACEE;
}
.embed--twitter a.provider__icon {
  color: #fff;
  background: #00ACEE;
}
.embed--twitter .embed__container {
  border-left-color: #00ACEE;
}
.embed--twitter .embed__container:hover {
  border-color: #22c2ff;
}
.embed--twitter .embed__container:hover a.provider__icon {
  background: #22c2ff;
}

.embed--google a {
  color: #DD4B39;
}
.embed--google a.provider__icon {
  color: #fff;
  background: #DD4B39;
}
.embed--google .embed__container {
  border-left-color: #DD4B39;
}
.embed--google .embed__container:hover {
  border-color: #e47365;
}
.embed--google .embed__container:hover a.provider__icon {
  background: #e47365;
}

.embed--whatsapp a {
  color: #43d854;
}
.embed--whatsapp a.provider__icon {
  color: #fff;
  background: #43d854;
}
.embed--whatsapp .embed__container {
  border-left-color: #43d854;
}
.embed--whatsapp .embed__container:hover {
  border-color: #6de17a;
}
.embed--whatsapp .embed__container:hover a.provider__icon {
  background: #6de17a;
}

.embed--youtube a {
  color: #DD4B39;
}
.embed--youtube a.provider__icon {
  color: #fff;
  background: #DD4B39;
}
.embed--youtube .embed__container {
  border-left-color: #DD4B39;
}
.embed--youtube .embed__container:hover {
  border-color: #e47365;
}
.embed--youtube .embed__container:hover a.provider__icon {
  background: #e47365;
}

.embed--vimeo a {
  color: #86C9EF;
}
.embed--vimeo a.provider__icon {
  color: #fff;
  background: #86C9EF;
}
.embed--vimeo .embed__container {
  border-left-color: #86C9EF;
}
.embed--vimeo .embed__container:hover {
  border-color: #b3ddf5;
}
.embed--vimeo .embed__container:hover a.provider__icon {
  background: #b3ddf5;
}

.embed--dailymotion a {
  color: #006899;
}
.embed--dailymotion a.provider__icon {
  color: #fff;
  background: #006899;
}
.embed--dailymotion .embed__container {
  border-left-color: #006899;
}
.embed--dailymotion .embed__container:hover {
  border-color: #008bcc;
}
.embed--dailymotion .embed__container:hover a.provider__icon {
  background: #008bcc;
}

.embed--flickr a {
  color: #ff0084;
}
.embed--flickr a.provider__icon {
  color: #fff;
  background: #ff0084;
}
.embed--flickr .embed__container {
  border-left-color: #ff0084;
}
.embed--flickr .embed__container:hover {
  border-color: #ff339d;
}
.embed--flickr .embed__container:hover a.provider__icon {
  background: #ff339d;
}

.embed--instagram a {
  color: #5E95C6;
}
.embed--instagram a.provider__icon {
  color: #fff;
  background: #5E95C6;
}
.embed--instagram .embed__container {
  border-left-color: #5E95C6;
}
.embed--instagram .embed__container:hover {
  border-color: #84aed3;
}
.embed--instagram .embed__container:hover a.provider__icon {
  background: #84aed3;
}

.embed--vine a {
  color: #00A478;
}
.embed--vine a.provider__icon {
  color: #fff;
  background: #00A478;
}
.embed--vine .embed__container {
  border-left-color: #00A478;
}
.embed--vine .embed__container:hover {
  border-color: #00d79d;
}
.embed--vine .embed__container:hover a.provider__icon {
  background: #00d79d;
}

.embed--spotify a {
  color: #2ebd59;
}
.embed--spotify a.provider__icon {
  color: #fff;
  background: #2ebd59;
}
.embed--spotify .embed__container {
  border-left-color: #2ebd59;
}
.embed--spotify .embed__container:hover {
  border-color: #4bd374;
}
.embed--spotify .embed__container:hover a.provider__icon {
  background: #4bd374;
}

.embed--soundcloud a {
  color: #FF4F00;
}
.embed--soundcloud a.provider__icon {
  color: #fff;
  background: #FF4F00;
}
.embed--soundcloud .embed__container {
  border-left-color: #FF4F00;
}
.embed--soundcloud .embed__container:hover {
  border-color: #ff7233;
}
.embed--soundcloud .embed__container:hover a.provider__icon {
  background: #ff7233;
}

.embed--lastfm a {
  color: #d51007;
}
.embed--lastfm a.provider__icon {
  color: #fff;
  background: #d51007;
}
.embed--lastfm .embed__container {
  border-left-color: #d51007;
}
.embed--lastfm .embed__container:hover {
  border-color: #f72118;
}
.embed--lastfm .embed__container:hover a.provider__icon {
  background: #f72118;
}

.embed--pinterest a {
  color: #bd081c;
}
.embed--pinterest a.provider__icon {
  color: #fff;
  background: #bd081c;
}
.embed--pinterest .embed__container {
  border-left-color: #bd081c;
}
.embed--pinterest .embed__container:hover {
  border-color: #ee0a23;
}
.embed--pinterest .embed__container:hover a.provider__icon {
  background: #ee0a23;
}

.embed--tumblr a {
  color: #35465c;
}
.embed--tumblr a.provider__icon {
  color: #fff;
  background: #35465c;
}
.embed--tumblr .embed__container {
  border-left-color: #35465c;
}
.embed--tumblr .embed__container:hover {
  border-color: #485f7c;
}
.embed--tumblr .embed__container:hover a.provider__icon {
  background: #485f7c;
}

.embed--foursquare a {
  color: #f94877;
}
.embed--foursquare a.provider__icon {
  color: #fff;
  background: #f94877;
}
.embed--foursquare .embed__container {
  border-left-color: #f94877;
}
.embed--foursquare .embed__container:hover {
  border-color: #fb799c;
}
.embed--foursquare .embed__container:hover a.provider__icon {
  background: #fb799c;
}

.embed--tiktok a {
  color: #fe2c55;
}
.embed--tiktok a.provider__icon {
  color: #fff;
  background: #fe2c55;
}
.embed--tiktok .embed__container {
  border-left-color: #fe2c55;
}
.embed--tiktok .embed__container:hover {
  border-color: #fe5f7e;
}
.embed--tiktok .embed__container:hover a.provider__icon {
  background: #fe5f7e;
}

.responsive-object[style] {
  padding-bottom: 56.25% !important;
}

.responsive-object {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  background: #ecebe9;
  overflow: hidden;
}
.responsive-object embed,
.responsive-object iframe,
.responsive-object object {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 420px !important;
}

.block__meta {
  padding: 0.4em 2em;
  margin: 0 -2em;
  color: #B7B0A7;
  border-bottom: 1px solid #ecebe9;
  background: #f5f5f5;
}
.block__meta span {
  font-size: 0.75rem;
}
.block__meta a {
  color: #4AC96F;
}

.meta {
  clear: both;
  margin-top: 3em;
}
.meta.meta--header {
  padding-top: 1.5em;
  margin-top: 0;
  margin-bottom: 0;
}
@media (min-width: 640px) {
  .meta.meta--header {
    padding-top: 1.25em;
  }
}
.meta .meta__timestamp {
  font-size: 1.125rem;
  margin-top: 1.5em;
}

.meta__share::after {
  clear: both;
  content: "";
  display: block;
}
.meta__share a {
  display: block;
  float: left;
  text-align: center;
  color: #fff;
  padding: 0.25em 1em;
  width: 33.333333333%;
  background: blue;
}
.meta__share a.social--facebook {
  background: #3B5998;
}
.meta__share a.social--twitter {
  background: #00ACEE;
}
.meta__share a.social--whatsapp {
  background: #43d854;
}
.meta__share i {
  display: inline-block;
  font-family: "nova";
  font-weight: normal;
  font-style: normal;
  margin-right: 6px;
  font-size: 1.25rem;
  line-height: 1.45;
}
.meta__share span {
  display: none;
}
@media (min-width: 640px) {
  .meta__share a {
    width: 50%;
  }
  .meta__share a.social--whatsapp {
    display: none;
  }
  .meta__share span {
    display: inline-block;
  }
}

.meta__actions {
  margin-top: 2em;
}
.meta__actions a {
  color: #4AC96F;
}
.meta__actions a:hover {
  color: #1D7751;
}

.meta__credits {
  font-size: 0.875rem;
  list-style: none;
  padding: 1.5em 0;
  margin: 2em 0 0;
  border-top: 4px solid #ecebe9;
}

.pagination {
  text-align: center;
  padding: 2em 0;
}
.pagination a {
  display: inline-block;
  margin: 0 2em;
}

.section--teaser .wrapper {
  z-index: 2;
}
.section--teaser.teaser--list {
  padding-bottom: 0;
}
.section--teaser.teaser--list .section__label::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #4AC96F;
  z-index: -2;
  transform: rotate(-3deg) translate(-50%, -125%) scaleY(0.25);
}

.teaser .image__copy {
  display: none;
}
@media (min-width: 640px) {
  .teaser .image__copy {
    display: block;
  }
}

.teaser__image, .collection__image {
  overflow: hidden;
}

.teaser__meta a, .teaser__meta span {
  font-size: 0.875rem;
  font-weight: 700;
}

.teaser--list .teaser {
  margin-left: auto;
  margin-right: auto;
  max-width: 1170px;
  max-width: 768px;
  padding: 1em;
  position: relative;
  z-index: 0;
}
.teaser--list .teaser.hasNoImage .kicker {
  margin-bottom: 0.25em;
}
.teaser--list .teaser::after {
  content: "";
  background: #000;
  height: 0.625rem;
  width: 50%;
  transform: rotate(-3deg) translate(-50%, -50%);
  left: 50%;
  bottom: 1.25rem;
  position: absolute;
}
.teaser--list .teaser article::before {
  content: "";
  position: absolute;
  background: #94FD86;
  height: 4rem;
  top: 17%;
  width: 72rem;
  left: 50%;
  transform: rotate(-3deg) translate(-50%, -50%);
}
@media screen and (max-width: 480px) {
  .teaser--list .teaser article::before {
    height: 4rem;
    top: 20%;
  }
}
@media (min-width: 640px) {
  .teaser--list .teaser article::before {
    height: 8rem;
    top: 32%;
  }
}
.teaser--list .teaser article::after {
  content: "";
  position: absolute;
  background: #1D7751;
  height: 2rem;
  bottom: 65%;
  width: 64rem;
  left: 50%;
  transform: rotate(-3deg) translate(-50%, -50%);
  z-index: -1;
}
@media screen and (max-width: 480px) {
  .teaser--list .teaser article::after {
    height: 2rem;
    bottom: 50%;
  }
}
@media (min-width: 640px) {
  .teaser--list .teaser article::after {
    bottom: 38%;
    height: 4rem;
  }
}
.teaser--list .teaser:nth-of-type(5n+2) article::before {
  background: #043E42;
  width: 59rem;
  height: 1.25rem;
  top: 15%;
}
@media screen and (max-width: 480px) {
  .teaser--list .teaser:nth-of-type(5n+2) article::before {
    height: 1.25rem;
    top: 20%;
  }
}
@media (min-width: 640px) {
  .teaser--list .teaser:nth-of-type(5n+2) article::before {
    height: 2.5rem;
    top: 32%;
  }
}
.teaser--list .teaser:nth-of-type(5n+2) article::after {
  background: #4AC96F;
  height: 2.25rem;
  width: 67.5rem;
  bottom: 70%;
}
@media screen and (max-width: 480px) {
  .teaser--list .teaser:nth-of-type(5n+2) article::after {
    height: 2.25rem;
    bottom: 60%;
  }
}
@media (min-width: 640px) {
  .teaser--list .teaser:nth-of-type(5n+2) article::after {
    bottom: 45%;
    height: 4.5rem;
  }
}
.teaser--list .teaser:nth-of-type(5n+3) article::before {
  width: 64rem;
  height: 5.5rem;
  top: 17%;
}
@media screen and (max-width: 480px) {
  .teaser--list .teaser:nth-of-type(5n+3) article::before {
    height: 5.5rem;
    top: 20%;
  }
}
@media (min-width: 640px) {
  .teaser--list .teaser:nth-of-type(5n+3) article::before {
    height: 11rem;
    top: 30%;
  }
}
.teaser--list .teaser:nth-of-type(5n+3) article::after {
  width: 61rem;
  height: 1.5rem;
  bottom: 60%;
}
@media screen and (max-width: 480px) {
  .teaser--list .teaser:nth-of-type(5n+3) article::after {
    height: 1.5rem;
    bottom: 50%;
  }
}
@media (min-width: 640px) {
  .teaser--list .teaser:nth-of-type(5n+3) article::after {
    bottom: 40%;
    height: 3rem;
  }
}
.teaser--list .teaser:nth-of-type(5n+4) article::before {
  background: #78DE7F;
  width: 65.5rem;
  height: 2.5rem;
  top: 22%;
}
.teaser--list .teaser:nth-of-type(5n+4) article::after {
  background: #043E42;
  width: 73rem;
  height: 1.625rem;
  bottom: 65%;
}
.teaser--list .teaser:nth-of-type(5n+5) article::before {
  background: #4AC96F;
  width: 73rem;
  height: 1.25rem;
  top: 10%;
}
@media screen and (max-width: 480px) {
  .teaser--list .teaser:nth-of-type(5n+5) article::before {
    height: 1.25rem;
    top: 20%;
  }
}
@media (min-width: 640px) {
  .teaser--list .teaser:nth-of-type(5n+5) article::before {
    height: 2.5rem;
    top: 38%;
  }
}
.teaser--list .teaser:nth-of-type(5n+5) article::after {
  background: #1D7751;
  width: 58.75rem;
  height: 0.7rem;
  bottom: 80%;
}
@media screen and (max-width: 480px) {
  .teaser--list .teaser:nth-of-type(5n+5) article::after {
    height: 0.7rem;
    bottom: 60%;
  }
}
@media (min-width: 640px) {
  .teaser--list .teaser:nth-of-type(5n+5) article::after {
    height: 1.2rem;
    bottom: 50%;
  }
}
.teaser--list .teaser__title {
  margin-top: 1em;
  width: 100%;
}
.teaser--list .teaser__title::after {
  clear: both;
  content: "";
  display: block;
}
.teaser--list .h2 {
  color: #4AC96F;
  hyphens: auto;
  margin-left: -3px;
  margin-right: -3px;
}
.teaser--list .h2 span {
  float: left;
  padding: 0 3px;
}
.teaser--list .teaser__audio {
  padding: 1em 0 0.5em;
}
.teaser--list .teaser__meta {
  font-weight: 600;
  text-transform: none;
}
.teaser--list .teaser__meta a {
  position: relative;
  color: #fff;
  display: inline-block;
  padding: 0.25em 1em;
  border-bottom: 0;
  transition: all 0.15s ease-out 0s;
}
.teaser--list .teaser__meta a:hover::after {
  background: #4AC96F;
}
.teaser--list .teaser__meta a::after {
  content: "";
  background: #000;
  position: absolute;
  top: 0;
  right: 0.25rem;
  bottom: -1rem;
  left: 0.25rem;
  z-index: -1;
  transform: rotate(-3deg);
  transition: all 0.15s ease-out 0s;
}
.teaser--list .teaser__text p:first-of-type {
  margin-top: 0.5em;
}
@media (min-width: 880px) {
  .teaser--list .teaser {
    padding: 4rem 0;
  }
  .teaser--list .teaser.style--highlight {
    text-shadow: none;
  }
  .teaser--list .teaser.style--highlight .kicker span {
    display: inline-block;
    background-color: rgba(10, 10, 10, 0.7);
    padding: 0 6px;
  }
  .teaser--list .teaser.style--highlight h3 {
    float: left;
    margin-left: 3px;
    margin-right: 0;
    position: relative;
  }
  .teaser--list .teaser.style--highlight h3::before {
    position: absolute;
    content: "";
    background-color: rgba(10, 10, 10, 0.7);
    top: 0;
    bottom: 0;
    left: -3px;
    width: 3px;
  }
  .teaser--list .teaser.style--highlight h3 a span {
    background-color: rgba(10, 10, 10, 0.7);
    padding: 0 3px;
    float: left;
  }
  .teaser--list .h2 {
    font-size: 2.25rem;
  }
  .teaser--list .h2 span {
    padding: 0 3px;
  }
  .teaser--list .teaser.hasImage .h2,
  .teaser--list .teaser.hasImage .kicker,
  .teaser--list .teaser.hasImage h2,
  .teaser--list .teaser.hasImage h3 a {
    color: #fff;
    text-shadow: 1px 1px 0 #043E42, 0 0 0.5rem rgba(10, 10, 10, 0.5);
  }
  .teaser--list .teaser.hasImage .teaser__title {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 0 4rem 2.5rem;
    margin: 0;
    text-shadow: 1px 1px 0 #043E42, 0 0 0.5rem rgba(10, 10, 10, 0.5);
    z-index: 10;
  }
  .teaser--list .teaser.hasImage .teaser__text p:first-of-type {
    margin-top: 1em;
  }
  .teaser--list .teaser__meta,
  .teaser--list .teaser__text {
    padding-left: 4em;
    padding-right: 4em;
  }
}

.teaser--boxes {
  background: transparent;
}
.teaser--boxes .itemList {
  margin: 0 -16px;
  display: flex;
  flex-wrap: wrap;
}
.teaser--boxes .itemList.program {
  display: flex;
  flex-wrap: wrap;
}
.teaser--boxes .itemList.program .item {
  position: relative;
}
.teaser--boxes .itemList.program .item::before {
  content: "";
  position: absolute;
  width: 200%;
  height: 10px;
  background: #000;
  right: 0;
  transform: rotateZ(-3deg);
}
.teaser--boxes .itemList.program .item::after {
  content: "";
  position: absolute;
  width: 200%;
  height: 10px;
  background: #000;
  right: 0;
  transform: rotateZ(-3deg);
}
.teaser--boxes .itemList.program .item:nth-of-type(2n+2) p {
  position: relative;
}
.teaser--boxes .itemList.program .item:nth-of-type(2n+2) p::after {
  content: "";
  position: absolute;
  background: #94FD86;
  top: -2rem;
  bottom: -1.5rem;
  left: -1.5rem;
  right: -1.5rem;
  z-index: -1;
  transform: rotateZ(-3deg);
}
.teaser--boxes .itemList.program .item:nth-of-type(6n+1)::before {
  transform: rotatez(-3deg) translateY(-0.5rem);
}
.teaser--boxes .itemList.program .item:nth-of-type(6n+1)::after {
  display: none;
}
.teaser--boxes .itemList.program .item:nth-of-type(6n+2)::before {
  transform: rotateZ(-3deg) translate(50%, 0);
  background: #94FD86;
  width: 100%;
}
.teaser--boxes .itemList.program .item:nth-of-type(6n+2)::after {
  display: none;
  background: #94FD86;
  width: 100%;
}
.teaser--boxes .itemList.program .item:nth-of-type(6n+3)::before {
  transform: rotateZ(-3deg) translateY(-1.3rem);
  right: auto;
}
.teaser--boxes .itemList.program .item:nth-of-type(6n+3)::after {
  right: auto;
}
.teaser--boxes .itemList.program .item:nth-of-type(6n+4)::before {
  transform: rotatez(-3deg) translateY(-0.5rem);
}
.teaser--boxes .itemList.program .item:nth-of-type(6n+4)::after {
  display: none;
}
.teaser--boxes .itemList.program .item:nth-of-type(6n+5)::before {
  width: 100%;
  display: none;
}
.teaser--boxes .itemList.program .item:nth-of-type(6n+5)::after {
  width: 100%;
  display: none;
}
.teaser--boxes .itemList.program .item:nth-of-type(6n+6)::before {
  display: none;
}
.teaser--boxes .itemList.program .item:nth-of-type(6n+6)::after {
  display: none;
}
.teaser--boxes .itemList.row {
  margin-right: auto;
  margin-left: auto;
}
.teaser--boxes .itemList.row::before {
  display: table;
  content: "";
}
.teaser--boxes .itemList.row::after {
  display: table;
  content: "";
  clear: both;
}
.teaser--boxes .item {
  padding: 16px;
  width: 100%;
}
.teaser--boxes .item.column {
  float: left;
}
.teaser--boxes .item.column:first-of-type .teaser {
  padding-top: 0;
}
.teaser--boxes .item.column:first-of-type .teaser p::after {
  content: none;
}
.teaser--boxes .item.column:first-of-type .teaser::before {
  content: "";
  position: absolute;
  width: 200%;
  height: 10px;
  background: #000;
  right: 0;
  transform: rotateZ(-3deg) translateY(80px);
}
.teaser--boxes .item.column:first-of-type .teaser::after {
  content: "";
  position: absolute;
  width: 200%;
  height: 10px;
  background: #000;
  right: 0;
  transform: rotateZ(-3deg) translateY(2rem);
}
.teaser--boxes .item.column:last-of-type .teaser {
  padding-top: 4rem;
}
.teaser--boxes .item.column:last-of-type .teaser p::after {
  content: none;
}
.teaser--boxes .item.column:last-of-type .teaser::before {
  content: "";
  position: absolute;
  width: 200%;
  height: 10px;
  background: #000;
  transform: rotateZ(-3deg) translate(-1rem, -3.5rem);
}
.teaser--boxes .item.column:last-of-type .teaser::after {
  content: "";
  position: absolute;
  width: 200%;
  height: 10px;
  background: #000;
  transform: rotateZ(-3deg) translate(-1rem, 1rem);
}
.teaser--boxes .item.column .teaser {
  padding-top: 4rem;
}
.teaser--boxes .item.column .teaser h3 {
  hyphens: auto;
}
.teaser--boxes .item.column .teaser::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 10px;
  background: #94FD86;
  transform: rotateZ(-3deg) translate(50%, -1rem);
}
.teaser--boxes .item.column .teaser p {
  position: relative;
}
.teaser--boxes .item.column .teaser p::after {
  content: "";
  position: absolute;
  top: -2.5rem;
  right: -2rem;
  bottom: -5rem;
  left: -2rem;
  z-index: -1;
  background: #94FD86;
  transform: rotateZ(-3deg);
}
.teaser--boxes .teaser {
  padding: 1.25em 1.25em 0;
  background: transparent;
  position: relative;
}
.teaser--boxes .image__copy {
  display: none;
}
.teaser--boxes .teaser__text p:first-of-type {
  margin-top: 0;
}
.teaser--boxes .teaser__text + .teaser__text {
  margin-top: 0.75em;
}
.teaser--boxes .teaser__image {
  margin: 0.75em 0;
}
.teaser--boxes .teaser__image + .teaser__meta {
  margin-top: 1.5em;
}
.teaser--boxes .teaser__meta {
  padding: 0 1.25em 0.45em;
  margin: -0.25em -1.25em 0;
}
.teaser--boxes .teaser__meta a {
  color: #043E42;
}
.teaser--boxes .teaser__meta a:hover {
  color: #78DE7F;
}
@media (min-width: 640px) {
  .teaser--boxes .item {
    width: 75%;
    margin: 0 12.5%;
  }
}
@media (min-width: 880px) {
  .teaser--boxes .item {
    width: 33.333333333%;
    margin: 0;
  }
}

.flexlist {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: space-between;
  margin: 0 -16px;
}
.flexlist .item {
  flex: 1;
  padding: 16px;
  width: 100%;
}
@media (min-width: 880px) {
  .flexlist {
    flex-direction: row;
  }
}

.teaser__social {
  background: #f5f5f5;
}
.teaser__social .teaser {
  position: relative;
  padding: 1em;
  border: 1px solid #ecebe9;
  border-radius: 3px;
  background: #fff;
  max-height: 532px;
  overflow: hidden;
}

.stream__title {
  position: absolute;
  padding: 16px 16px 15px;
  top: 0;
  left: 0;
  width: 100%;
  border-bottom: 1px solid #ecebe9;
  background: #fff;
}
.stream__title h3 {
  font-size: 1rem;
}

.stream {
  height: 532px;
  padding: 2.5em 0 16px;
  margin: 0;
  background: #fff;
  list-style: none;
  overflow: hidden;
  overflow-y: scroll;
}
.stream li::after {
  clear: both;
  content: "";
  display: block;
}
.stream p {
  font-size: 14px;
}
.stream h4 {
  font-size: 1rem;
  line-height: 1.4;
  margin-bottom: 5px;
}
.stream h4 + p {
  margin-top: 0;
}
.stream img {
  float: left;
  margin: 1.5em 1em 0 0;
  width: 48px;
  height: 48px;
  border: 1px solid #ecebe9;
}
.stream .text {
  overflow: hidden;
}
.stream .stream__item:not(:last-child) {
  border-bottom: 1px solid #ecebe9;
}

.teaser__results {
  padding: 1em 0;
  margin: 0 auto;
  max-width: 676px;
  list-style: none;
}
.teaser__results .without-image {
  margin: -0.5rem;
  padding: 0.5rem;
  background-color: #fefefe;
}
.teaser__results .item {
  padding: 0 1.25em;
  margin-top: 1.5em;
  margin-bottom: 4em;
  position: relative;
  z-index: 0;
  transition: all 0.15s ease-out 0s;
}
.teaser__results .item::before {
  content: "";
  position: absolute;
  transform: rotateZ(-3deg);
  background-color: #0a0a0a;
  height: 10px;
  width: 125%;
  left: -12%;
  top: 2rem;
  z-index: -1;
}
.teaser__results .item::after {
  content: "";
  position: absolute;
  transform: rotateZ(-3deg);
  background-color: #94FD86;
  height: 13rem;
  width: 33%;
  top: -1rem;
  right: -1rem;
  z-index: -1;
}
.teaser__results .item:nth-of-type(3n+2)::before {
  top: 6rem;
}
.teaser__results .item:nth-of-type(3n+2)::after {
  right: auto;
  left: -2rem;
  height: 5rem;
  width: 12%;
}
.teaser__results .item:nth-of-type(3n+3)::before {
  top: 5.5rem;
}
.teaser__results .item:nth-of-type(3n+3)::after {
  right: auto;
  left: 50%;
  height: 13rem;
  width: 33%;
  top: -1.5rem;
  bottom: auto;
  transform: rotateZ(-3deg) translate(-50%, 0);
}
.teaser__results .item:last-child {
  margin-bottom: 1.5em;
}
.teaser__results .item.imageless {
  background-color: #fefefe;
  padding: 0;
  z-index: 0;
}
.teaser__results .item.imageless .kicker,
.teaser__results .item.imageless h3,
.teaser__results .item.imageless .text,
.teaser__results .item.imageless small {
  background-color: #fefefe;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  display: block;
}
.teaser__results .item.imageless .text {
  margin-bottom: 0;
  padding-bottom: 1rem;
}
.teaser__results .item.imageless::before {
  z-index: -1;
}
@media (min-width: 640px) {
  .teaser__results .item.teaser--active, .teaser__results .item:hover {
    border-color: #4AC96F;
  }
}
.teaser__results figure {
  margin-bottom: 1em;
}
.teaser__results figure a {
  color: transparent;
}
.teaser__results figure .image__copy {
  right: 1em;
}
.teaser__results .text {
  margin-bottom: 1em;
}
.teaser__results .text p {
  margin: 0;
}
.teaser__results .text p + p {
  margin-top: 1em;
}
.teaser__results small {
  color: #1D7751;
}

.teaser--stopper {
  padding: 2em 1em;
}
.teaser--stopper .teaser {
  margin-left: auto;
  margin-right: auto;
  max-width: 1170px;
  max-width: 70em;
}
.teaser--stopper .teaser__image {
  margin: 1.5em 0 0;
}
.teaser--stopper .button.button--solid {
  font-size: 1em;
}
.teaser--stopper .teaser__iframe {
  width: 100%;
  margin-bottom: 1em;
}
.teaser--stopper .teaser__iframe iframe {
  width: 100%;
  border: 1px solid #ecebe9;
  overflow: hidden !important;
  background: #fff;
}
@media (min-width: 640px) {
  .teaser--stopper .teaser__iframe iframe {
    border-radius: 3px;
  }
}
@media (min-width: 640px) {
  .teaser--stopper {
    padding: 4em 1em;
  }
  .teaser--stopper .teaser--classic {
    padding: 0 2em;
    border-left: 4px solid #4AC96F;
  }
}

.teaser--news {
  padding: 6rem 0;
  position: relative;
}
.teaser--news::before {
  content: "";
  position: absolute;
  background: #1D7751;
  transform: rotate(-3deg);
  height: 2.5rem;
  width: 50%;
  right: -0.25rem;
  top: 5rem;
}
.teaser--news::after {
  content: "";
  position: absolute;
  background: #94FD86;
  transform: rotate(-3deg);
  width: 60%;
  height: 75%;
  top: 5rem;
  left: -2rem;
  z-index: -1;
}
.teaser--news .itemList {
  margin: 0 -16px;
  display: flex;
  flex-wrap: wrap;
}
.teaser--news .section__label {
  margin-bottom: 1rem;
  font-size: 1.5rem;
  padding: 0 1rem;
  margin-top: 1rem;
}
.teaser--news .item {
  position: relative;
  text-align: left;
  padding: 1em;
  width: 100%;
}
.teaser--news .item .teaser {
  position: relative;
  display: block;
  padding: 1.85em;
  overflow: hidden;
  min-height: 21em;
  transition: all 0.15s ease-out 0s;
}
.teaser--news .item small {
  color: #635C57;
}
.teaser--news .item .kicker {
  color: #4AC96F;
  font-size: 1rem;
}
.teaser--news .item a h3 {
  color: #635C57;
}
.teaser--news .item a:hover h3 {
  color: #B7B0A7;
}
.teaser--news .item h3 {
  color: #635C57;
  font-weight: 800;
  font-size: 2rem;
  hyphens: auto;
}
.teaser--news .item .news__cover {
  background-position: top center;
  background-size: cover;
  overflow: hidden;
  background-color: #f5f5f5;
  transition: all 0.15s ease-out 0s;
}
.teaser--news .item .news__cover.hasNoImage .teaser.schema_1 {
  background-color: rgb(34, 37, 123);
}
.teaser--news .item .news__cover.hasNoImage .teaser.schema_1:hover {
  background-color: rgba(34, 37, 123, 0.8);
}
.teaser--news .item .news__cover.hasNoImage .teaser.schema_1 .kicker {
  color: #fff;
}
.teaser--news .item .news__cover.hasNoImage .teaser.schema_1 h3 {
  color: #fff;
}
.teaser--news .item .news__cover.hasNoImage .teaser.schema_2 {
  background-color: rgb(180, 64, 68);
}
.teaser--news .item .news__cover.hasNoImage .teaser.schema_2:hover {
  background-color: rgba(180, 64, 68, 0.8);
}
.teaser--news .item .news__cover.hasNoImage .teaser.schema_2 .kicker {
  color: #fff;
}
.teaser--news .item .news__cover.hasNoImage .teaser.schema_2 h3 {
  color: #fff;
}
.teaser--news .item .news__cover.hasNoImage .teaser.schema_3 {
  background-color: rgb(42, 130, 65);
}
.teaser--news .item .news__cover.hasNoImage .teaser.schema_3:hover {
  background-color: rgba(42, 130, 65, 0.8);
}
.teaser--news .item .news__cover.hasNoImage .teaser.schema_3 .kicker {
  color: #fff;
}
.teaser--news .item .news__cover.hasNoImage .teaser.schema_3 h3 {
  color: #fff;
}
.teaser--news .item .news__cover.hasNoImage .teaser.schema_4 {
  background-color: rgb(138, 72, 121);
}
.teaser--news .item .news__cover.hasNoImage .teaser.schema_4:hover {
  background-color: rgba(138, 72, 121, 0.8);
}
.teaser--news .item .news__cover.hasNoImage .teaser.schema_4 .kicker {
  color: #fff;
}
.teaser--news .item .news__cover.hasNoImage .teaser.schema_4 h3 {
  color: #fff;
}
.teaser--news .item .news__cover.hasNoImage .teaser.schema_5 {
  background-color: rgb(194, 168, 0);
}
.teaser--news .item .news__cover.hasNoImage .teaser.schema_5:hover {
  background-color: rgba(194, 168, 0, 0.8);
}
.teaser--news .item .news__cover.hasNoImage .teaser.schema_5 .kicker {
  color: #fff;
}
.teaser--news .item .news__cover.hasNoImage .teaser.schema_5 h3 {
  color: #fff;
}
.teaser--news .item .news__cover.hasNoImage .teaser.schema_6 {
  background-color: rgb(121, 152, 161);
}
.teaser--news .item .news__cover.hasNoImage .teaser.schema_6:hover {
  background-color: rgba(121, 152, 161, 0.8);
}
.teaser--news .item .news__cover.hasNoImage .teaser.schema_6 .kicker {
  color: #fff;
}
.teaser--news .item .news__cover.hasNoImage .teaser.schema_6 h3 {
  color: #fff;
}
.teaser--news .item .news__cover.hasImage .teaser {
  text-shadow: 0 0 30px rgba(88, 88, 88, 0.4);
  background-color: rgba(255, 255, 255, 0.2);
}
.teaser--news .item .news__cover.hasImage .teaser:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.teaser--news .item .news__cover.hasImage .teaser.schema_1 {
  background-color: rgba(34, 37, 123, 0.7);
}
.teaser--news .item .news__cover.hasImage .teaser.schema_1:hover {
  background-color: rgba(34, 37, 123, 0.5);
}
.teaser--news .item .news__cover.hasImage .teaser.schema_2 {
  background-color: rgba(180, 64, 68, 0.7);
}
.teaser--news .item .news__cover.hasImage .teaser.schema_2:hover {
  background-color: rgba(180, 64, 68, 0.5);
}
.teaser--news .item .news__cover.hasImage .teaser.schema_3 {
  background-color: rgba(42, 130, 65, 0.7);
}
.teaser--news .item .news__cover.hasImage .teaser.schema_3:hover {
  background-color: rgba(42, 130, 65, 0.5);
}
.teaser--news .item .news__cover.hasImage .teaser.schema_4 {
  background-color: rgba(138, 72, 121, 0.7);
}
.teaser--news .item .news__cover.hasImage .teaser.schema_4:hover {
  background-color: rgba(138, 72, 121, 0.5);
}
.teaser--news .item .news__cover.hasImage .teaser.schema_5 {
  background-color: rgba(194, 168, 0, 0.7);
}
.teaser--news .item .news__cover.hasImage .teaser.schema_5:hover {
  background-color: rgba(194, 168, 0, 0.5);
}
.teaser--news .item .news__cover.hasImage .teaser.schema_6 {
  background-color: rgba(121, 152, 161, 0.7);
}
.teaser--news .item .news__cover.hasImage .teaser.schema_6:hover {
  background-color: rgba(121, 152, 161, 0.5);
}
.teaser--news .item .news__cover.hasImage .kicker {
  color: #fff;
}
.teaser--news .item .news__cover.hasImage h3 {
  color: #fff;
}
@media screen and (min-width: 480px) {
  .teaser--news .teaser {
    padding: 1.85em 1.85em 4em;
    min-height: 15em;
  }
}
@media screen and (min-width: 636px) {
  .teaser--news .item {
    width: 50%;
    float: left;
  }
  .teaser--news .teaser {
    min-height: 21em;
  }
}
@media screen and (min-width: 940px) {
  .teaser--news .item {
    width: 33.333333333%;
    float: left;
  }
}

.coverList {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 0;
  list-style: none;
  text-align: center;
}
.coverList li {
  padding: 0;
  margin: 0;
  width: 100%;
}
.coverList li img {
  width: 100%;
}
.coverList li.item {
  padding: 1em;
}
@media (min-width: 640px) {
  .coverList li {
    float: left;
    width: 33.333333333%;
  }
}
@media (min-width: 880px) {
  .coverList li {
    width: 25%;
  }
}

.schedule {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  line-height: 1.4;
  margin-bottom: 2rem;
}
@media (min-width: 1120px) {
  .schedule {
    flex-direction: row;
  }
}
.schedule__workingdays {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-content: flex-start;
}
@media (min-width: 1120px) {
  .schedule__workingdays {
    flex-direction: row;
    flex: 5 0 0px;
    display: none;
  }
}
.schedule__workingdays.desktop {
  display: none;
}
@media (min-width: 1120px) {
  .schedule__workingdays.desktop {
    display: flex;
  }
}
.schedule__workingdays .day__title {
  width: 100%;
}
.schedule__workingdays.active > .day__title {
  background-color: #4AC96F;
}
.schedule__workingdays.active > .shows > .show {
  border-left-color: #4AC96F;
}
.schedule__weekend {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
@media (min-width: 1120px) {
  .schedule__weekend {
    flex-direction: row;
    flex: 2 0 0px;
  }
}
.schedule__weekend .schedule__day.active .show {
  border-left-color: #4AC96F;
}
.schedule__day {
  display: flex;
  flex-direction: column;
  flex: 1 0 0px;
  gap: 0.5rem;
}
.schedule__day.active .day__title {
  background-color: #4AC96F;
}
.schedule__day.active > .shows .show {
  border-left-color: #4AC96F;
}

.shows {
  font-size: 0.75rem;
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 100%;
}

.day__title {
  background-color: #043E42;
  color: #fefefe;
  font-weight: 800;
  padding: 0.25rem 0.5rem;
  hyphens: auto;
}

li.show {
  border: 1px solid #ecebe9;
  border-left: 0.25rem solid #043E42;
  background-color: #fefefe;
  box-shadow: 0 0 0 rgba(4, 62, 66, 0.3);
  padding: 0.25rem 0.5rem 0.75rem 0.4rem;
  position: relative;
  transition: 0.25s;
  cursor: default;
}
@media (min-width: 1120px) {
  li.show:hover {
    transform: scale(1.05);
    z-index: 1;
    box-shadow: 0 0.5rem 0.5rem rgba(4, 62, 66, 0.1);
  }
}
li.group .shows {
  flex-direction: row;
}
li.group .shows li.show {
  flex: 5 0 0px;
}
li.group .shows li.show.active {
  border-left-color: #4AC96F;
}

.show__title {
  font-weight: 800;
  margin-bottom: 0.25rem;
  letter-spacing: 0.05em;
  font-size: 0.825rem;
}
.show__day {
  background-color: #043E42;
  color: #fefefe;
  font-size: 1rem;
  font-weight: 800;
}
.show.active .day__title {
  background-color: #4AC96F;
}
.show__time {
  margin-bottom: 0.25rem;
}

.group .show__day {
  margin: -0.3125rem -0.5rem 0.5rem -0.65rem;
}

.fotoautomat {
  padding-top: 3em;
  background-color: #89c6e2;
  background-position: top center;
  background-repeat: no-repeat;
  background-image: url("/img/bg_fotoautomat.jpg");
  background-size: cover;
}
.fotoautomat .button.button--solid {
  font-family: "Graphik Web", helvetica, arial, sans-serif;
  color: #413B37;
  border-color: #fff;
  background: #fff;
  width: auto !important;
  padding: 5px 10px !important;
  height: 33px;
  margin: 0 0 0 10px;
  vertical-align: baseline;
  transition: opacity 0.3s ease;
}
.fotoautomat .button.button--solid:hover {
  color: #413B37 !important;
  opacity: 0.8;
}
@media (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .fotoautomat {
    background-image: url("/img/bg_fotoautomat@2x.jpg");
  }
}

.fotoautomat__image {
  margin-left: auto;
  margin-right: auto;
  max-width: 1170px;
  max-width: 1132px;
}

img,
object,
video {
  max-width: 100%;
  height: auto;
}

img {
  display: block;
}

figure {
  margin: 0;
}
figure::after {
  clear: both;
  content: "";
  display: block;
}
figure.thumb {
  margin-bottom: 1em;
}
figure.thumb img {
  width: 100%;
}
figure.collection__image, figure.teaser__image {
  position: relative;
  text-align: center;
}
figure.collection__image img, figure.teaser__image img {
  transition: all 0.15s ease-out 0s;
}
figure.image--cover, figure.image--profile {
  text-align: center;
}
figure.image--cover img, figure.image--profile img {
  margin-bottom: 0.75em;
}
figure.image--profile {
  margin-bottom: 2em;
}
figure.image--profile img {
  width: 100%;
  background: #fff;
}
@media (min-width: 640px) {
  figure.image--profile {
    max-width: 20em;
  }
  figure.image--profile.left {
    float: left;
    margin: 0 3em 0 0;
  }
}
figure.image--single .image__copy {
  float: right;
  position: relative;
  bottom: auto;
  right: auto;
  color: #D8D1C9;
  text-shadow: 0 1px 0 #fff;
  margin: 0.5em 0.5em 0;
}
figure.image--single .image__copy a {
  color: #D8D1C9;
}
figure.image--single figcaption {
  font-size: 0.875rem;
  font-style: italic;
  line-height: 1.5;
  color: #B7B0A7;
  margin: 0.75em 1em 0;
}
@media (min-width: 768px) {
  figure.image--single figcaption {
    margin: 0.75em 0 0;
  }
}

.owl-controls {
  display: none !important;
  position: absolute;
  top: 36.5%;
  width: 100%;
}
@media (min-width: 640px) {
  .owl-controls {
    display: block !important;
  }
}

.owl-nav > div {
  position: absolute;
  color: #fff;
  opacity: 0.8;
  top: 17%;
  transform: translateY(-50%);
  transition: all 0.15s ease-out 0s;
}
@media (min-width: 640px) {
  .owl-nav > div {
    top: 29%;
  }
}
@media (min-width: 880px) {
  .owl-nav > div {
    top: 50%;
  }
}
.owl-nav > div:hover {
  opacity: 1;
}
.owl-nav > div:before {
  display: inline-block;
  font-family: "nova";
  font-weight: normal;
  font-size: 2.25rem;
}
.owl-nav > div.owl-prev {
  left: 2em;
}
.owl-nav > div.owl-prev:before {
  content: "\e913";
}
.owl-nav > div.owl-next {
  right: 2em;
}
.owl-nav > div.owl-next:before {
  content: "\e914";
}

.banner__gallery.owl-dradio {
  position: relative;
}
.banner__gallery.owl-dradio::after {
  content: "";
  position: absolute;
  background: #4AC96F;
  height: 7rem;
  transform: rotate(-3deg);
  z-index: -1;
  bottom: -5rem;
  left: -1rem;
  right: 50%;
}
.banner__gallery.owl-dradio .owl-controls {
  top: 4.5em;
}
.banner__gallery.owl-dradio .banner__title {
  padding: 2em 0;
  margin: 0;
  max-width: 100%;
  background: #fff;
}
@media (min-width: 880px) {
  .banner__gallery.owl-dradio .owl-controls {
    top: 43.5%;
  }
  .banner__gallery.owl-dradio .banner__title {
    padding: 0;
    margin: 1.5em auto;
    background: none;
  }
}

.teaser--carousel .owl-dradio .owl-buttons > div {
  color: #4AC96F;
}
.teaser--carousel .owl-dradio .owl-buttons .owl-prev {
  left: -3em;
}
.teaser--carousel .owl-dradio .owl-buttons .owl-next {
  right: -3em;
}

.image__copy {
  position: absolute;
  bottom: 0.75em;
  right: 1.5em;
  font-size: 11px;
  color: #fff;
  text-align: right;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.9);
  z-index: 100;
}
.image__copy a {
  color: #fff;
}

figure.gallery__item.image--single {
  position: relative;
}
figure.gallery__item.image--single .image__copy {
  top: -3.5em;
  color: #fff;
  padding-right: 1.5em;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.9);
}
figure.gallery__item.image--single .image__copy a {
  color: #fff;
}

.avatar {
  display: inline-block;
  width: 4.5em;
  height: 4.5em;
  overflow: hidden;
}
.avatar.circle {
  border: 1px solid #ecebe9;
  border-radius: 50%;
}

.banner__gallery {
  position: relative;
  padding-bottom: 2rem;
}
@media (min-width: 880px) {
  .banner__gallery {
    margin-bottom: 0;
  }
}
.banner__gallery::after {
  content: "";
  background: #0a0a0a;
  transform: rotate(-3deg) translate(13%, 2rem);
  position: absolute;
  z-index: -1;
  height: 10px;
  width: 100%;
}
@media (min-width: 880px) {
  .banner__gallery::after {
    content: none;
  }
}

.banner {
  position: relative;
  width: 100%;
  box-shadow: inset 0 3px 0 rgba(88, 88, 88, 0.3);
}
.banner.banner--nextup {
  padding-top: 18.55%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transition: all 0.15s ease-out 0s;
  opacity: 0.2;
}
.banner.banner--nextup.active, .banner.banner--nextup:hover {
  opacity: 1;
}
.banner.banner--text {
  color: #fff;
  text-shadow: 0 0 60px rgba(88, 88, 88, 0.4), 0 1px 0 rgba(88, 88, 88, 0.4);
  background-color: #1D7751;
  box-shadow: none;
  position: relative;
  margin-bottom: 2rem;
}
@media (min-width: 640px) {
  .banner.banner--text {
    margin-bottom: 6rem;
  }
}
.banner.banner--text::after {
  content: "";
  background: #94FD86;
  transform: rotate(-3deg) translate(-50%, 25%);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 1rem;
  left: 0;
  z-index: -1;
}
@media (min-width: 640px) {
  .banner.banner--text::after {
    bottom: -2px;
  }
}
.banner.banner--text .kicker {
  color: #fff;
}
.banner.banner--text .wrapper {
  padding-top: 3em;
  padding-bottom: 3em;
}
.banner.banner--carousel {
  padding: 2em 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media (min-width: 640px) {
  .banner .banner--bg {
    background-size: contain;
  }
}
@media (min-width: 1600px) {
  .banner .banner--bg {
    background-size: cover;
  }
}

.banner--bg {
  position: relative;
  max-height: 27.5em;
  padding-top: 27.55%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.banner__title {
  position: relative;
  text-align: left;
  padding: 2em 0 0;
  margin-top: 0;
  margin-bottom: 0;
}
.banner__title.text--center {
  text-align: center;
}
@media (min-width: 880px) {
  .banner__title .wrapper {
    padding: 0 72px;
  }
}
@media (min-width: 1120px) {
  .banner__title .wrapper {
    padding: 0 36px;
  }
}
.banner__title .h1,
.banner__title h1,
.banner__title .kicker {
  color: #4AC96F;
}
@media (min-width: 880px) {
  .banner__title .h1,
  .banner__title h1,
  .banner__title .kicker {
    color: #fff;
    text-shadow: 1px 1px 0 #043E42, 0 0 0.5rem #043E42;
  }
}
.banner__title .h1,
.banner__title h1 {
  float: left;
  display: block;
  width: 100%;
  hyphens: auto;
}
.banner__title .h1 span,
.banner__title h1 span {
  float: left;
  padding: 0 4px;
}
.banner__title .h1 span.kicker, .banner__title .h1 span:nth-of-type(2),
.banner__title h1 span.kicker,
.banner__title h1 span:nth-of-type(2) {
  clear: left;
}
.banner__title h2.h1 span:nth-of-type(2) {
  clear: none;
}
.banner__title.style--highlight .h1,
.banner__title.style--highlight h1 {
  float: left;
}
.banner__title.style--highlight .h1 span,
.banner__title.style--highlight h1 span {
  float: left;
  padding-right: 4px;
}
.banner__title.style--highlight .h1 span.kicker, .banner__title.style--highlight .h1 span:nth-of-type(2),
.banner__title.style--highlight h1 span.kicker,
.banner__title.style--highlight h1 span:nth-of-type(2) {
  clear: left;
}
.banner__title.style--highlight .h1 span.kicker,
.banner__title.style--highlight h1 span.kicker {
  padding: 8px 4px;
}
.banner__title.style--highlight h2.h1 span:nth-of-type(2) {
  clear: none;
}
.banner__title.style--highlight button {
  clear: left;
}
.banner__title button {
  border-radius: 0;
  clear: left;
}
.banner__title .button {
  text-shadow: none;
  height: 2.75rem;
}
@media (min-width: 880px) {
  .banner__title {
    position: absolute;
    bottom: 1em;
    color: #fff;
    padding: 0;
    width: 100%;
    max-width: 100%;
  }
  .banner__title .kicker {
    font-size: 1.125rem;
    color: #fff;
  }
  .banner__title .h1,
  .banner__title a,
  .banner__title h1 {
    color: #fff;
  }
  .banner__title.style--highlight .kicker {
    float: left;
  }
  .banner__title.style--highlight .kicker span {
    display: inline-block;
    background-color: rgba(10, 10, 10, 0.7);
    padding: 8px;
    text-shadow: none;
  }
  .banner__title.style--highlight .h1,
  .banner__title.style--highlight h1 {
    line-height: 1.32;
    text-shadow: none;
    float: left;
    position: relative;
    margin-left: 3px;
  }
  .banner__title.style--highlight .h1::before,
  .banner__title.style--highlight h1::before {
    position: absolute;
    content: "";
    background-color: rgba(10, 10, 10, 0.7);
    top: 0;
    bottom: 0;
    left: -3px;
    width: 3px;
  }
  .banner__title.style--highlight .h1 span,
  .banner__title.style--highlight h1 span {
    background-color: rgba(10, 10, 10, 0.7);
    padding: 0 5px;
    float: left;
  }
  .banner__title.style--highlight .h1 span:first-of-type,
  .banner__title.style--highlight h1 span:first-of-type {
    clear: left;
  }
  .banner__title.style--highlight h2.h1 span:nth-of-type(2) {
    clear: none;
  }
  .banner__title.style--highlight button.button--play.button--solid {
    float: left;
    clear: left;
    margin-left: 0;
  }
}
@media (min-width: 880px) {
  .banner__title {
    bottom: 2em;
  }
}

.player__main {
  position: fixed;
  top: 0;
  left: 0;
  text-align: left;
  width: 100%;
  z-index: 20;
  background: #4ac96f;
  height: 47px;
}
@media (min-width: 768px) {
  .player__main {
    height: 40px;
  }
}
.player__main .wrapper {
  max-width: 71.25em;
  padding: 0;
  border-top: 15px solid #f5f5f5;
  border-bottom: 1px dotted #ecebe9;
  text-align: center;
  vertical-align: middle;
  line-height: 32px;
}
.player__main .wrapper > div {
  font-size: 16px;
  line-height: 32px;
  float: left;
}
@media (min-width: 768px) {
  .player__main .wrapper > div {
    line-height: 40px;
  }
}
.player__main .wrapper a.logo {
  float: left;
  display: inline-block;
  width: 35px;
  height: 32px;
  padding-right: 3px;
  background-color: #fff;
}
@media (min-width: 768px) {
  .player__main .wrapper a.logo {
    display: none;
  }
}
.player__main .wrapper .nav-social {
  display: inline-block;
  position: static;
  float: none;
  clear: both;
  height: 32px;
  margin: auto;
}
.player__main .wrapper .nav-social li {
  height: 32px;
  line-height: 24px;
  vertical-align: middle;
}
.player__main .wrapper .nav-social li a.button--icon {
  color: #fff;
  margin: 0;
}
.player__main .wrapper .nav-social li a.button--icon::before {
  font-size: 1.5rem;
}
.player__main .wrapper .nav-social li a.button--icon:hover {
  color: #fff !important;
}
@media (min-width: 768px) {
  .player__main .wrapper .nav-social {
    display: none;
  }
}
.player__main .wrapper .search {
  position: static;
  right: 0;
  padding: 0;
  width: auto;
  margin: 0 8px;
  color: #fff;
  float: right;
}
@media (min-width: 768px) {
  .player__main .wrapper .search {
    position: absolute;
    right: 2rem;
    padding: 0 0.25rem;
    margin: 0;
    cursor: pointer;
    float: none;
  }
}
.player__main .wrapper .search::before {
  font-family: "nova";
  content: "\e91d";
  font-size: 24px;
  line-height: 32px;
  width: 32px;
  height: 32px;
}
@media (min-width: 768px) {
  .player__main .wrapper .search::before {
    line-height: 40px;
    width: 40px;
    height: 40px;
  }
}
.player__main .wrapper .search:hover {
  color: #94FD86;
}
@media (min-width: 768px) {
  .player__main .wrapper .search {
    right: 1rem;
  }
}
@media (min-width: 768px) {
  .player__main {
    position: relative;
    top: 0;
  }
  .player__main .wrapper {
    padding: 0;
    border: 0;
  }
}

.jp-audio {
  position: relative;
  margin: 0;
  width: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  color: #fff;
}

.player__controls.volume {
  position: relative;
  display: none;
}
@media (min-width: 640px) {
  .player__controls.volume {
    display: block;
  }
  .player__controls.volume:hover .volume__container {
    display: block;
  }
  .player__controls.volume:hover a.jp-volume {
    color: #4AC96F;
  }
}

.jp-controls {
  padding: 0;
}

.jp-options {
  padding-top: 0;
}

@media (min-width: 640px) {
  .jp-controls {
    padding: 0;
  }
  .jp-options {
    padding-top: 0;
  }
}
.jp-avatar {
  display: none;
  float: left;
  height: 36px;
  width: 36px;
  padding: 4px 2px 0;
}
@media (min-width: 640px) {
  .jp-avatar {
    display: block;
  }
}

.jp-text {
  color: #fff;
  padding-top: 0;
  text-align: left;
}

.jp-title {
  display: none;
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 16px;
  vertical-align: middle;
}
@media (min-width: 768px) {
  .jp-title {
    display: block;
    width: 20em;
  }
}
@media (min-width: 880px) {
  .jp-title {
    width: 30em;
  }
}
@media (min-width: 1120px) {
  .jp-title {
    width: 45em;
  }
}

.jp-current-time {
  font-size: 0.75rem;
  position: absolute;
  top: 0.8em;
  right: 1em;
  color: #635C57;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  opacity: 0;
  transition: opacity 0.5s ease-in;
}

a.jp-play.button--icon,
a.jp-pause.button--icon,
a.jp-playlist,
a.button.jp-live {
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  width: auto;
  padding: 0 6px;
  vertical-align: middle;
  float: left;
  height: 32px;
  margin-top: 0;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  a.jp-play.button--icon,
  a.jp-pause.button--icon,
  a.jp-playlist,
  a.button.jp-live {
    height: 40px;
  }
}
a.jp-play.button--icon:hover,
a.jp-pause.button--icon:hover,
a.jp-playlist:hover,
a.button.jp-live:hover {
  color: #94FD86;
}
a.jp-play.button--icon.active,
a.jp-pause.button--icon.active,
a.jp-playlist.active,
a.button.jp-live.active {
  color: #94FD86;
}

a.jp-playlist {
  margin: 0 4px;
  display: none;
}
@media (min-width: 768px) {
  a.jp-playlist {
    display: inline-block;
  }
}

a.jp-play.button--icon::before,
a.jp-pause.button--icon::before {
  font-size: 24px;
  line-height: 1px;
}

a.button.jp-live span {
  display: none;
}
@media (min-width: 768px) {
  a.button.jp-live span {
    display: inline;
  }
}

a.jp-pause[style] {
  display: inline-block;
}

a.jp-play.button--icon,
a.jp-pause.button--icon {
  float: left;
}
a.jp-play.button--icon span,
a.jp-pause.button--icon span {
  display: inline-block;
  float: left;
}

a.jp-play.button--icon {
  color: #fff;
  border: none;
}

@media (min-width: 768px) {
  .jp-live {
    margin: 0 0.75em 0 0;
  }
  a.jp-play.button--icon,
  a.jp-pause.button--icon {
    color: #fff;
    height: 40px;
    width: 40px;
    min-width: 40px;
    max-height: 40px;
    border: 0;
    background: none;
    float: left;
  }
  a.jp-play.button--icon span,
  a.jp-pause.button--icon span {
    display: none;
  }
  a.jp-play.button--icon:before,
  a.jp-pause.button--icon:before {
    display: inline-block;
    font-size: 24px;
  }
  a.jp-play.button--icon:hover,
  a.jp-pause.button--icon:hover {
    color: #94FD86;
  }
}
.volume__container {
  display: none;
  position: absolute;
  top: 36px;
  left: 0;
  width: 36px;
  padding: 0 3px 3px;
  border: 1px solid #ecebe9;
  border-top: 0;
  background: #fff;
  z-index: 10;
}

a.jp-volume {
  color: #d5d1cd;
}

.jp-volume-bar {
  position: relative;
  overflow: hidden;
  background: #f5f5f5;
  width: 100%;
  height: 10em;
  cursor: pointer;
}

.jp-volume-bar-value {
  position: absolute;
  bottom: 0;
  background: #4AC96F;
  width: 100%;
  height: 0;
}

.jp-bar {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  margin: 0;
  padding: 0;
  z-index: 10;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}
.jp-bar.seekable {
  position: fixed;
  top: 0px;
  height: 15px;
}
.jp-bar.seekable .jp-seek-bar {
  cursor: pointer;
  background: #1D7751;
}
.jp-bar.seekable .jp-play-bar {
  background: #94FD86;
}
@media (min-width: 640px) {
  .jp-bar.seekable {
    position: absolute;
    height: 3px;
  }
  .jp-bar.seekable:hover {
    height: 39px;
  }
  .jp-bar.seekable:hover .jp-current-time {
    opacity: 1;
  }
}

.jp-seek-bar {
  position: absolute;
  left: 0;
  width: 0;
  height: 100%;
  margin: 0;
  padding: 0;
  background: #f5f5f5;
}

.jp-play-bar {
  position: relative;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  margin: 0;
  padding: 0;
}

.jp-no-solution {
  display: none;
  position: absolute;
  top: 0;
  left: 10%;
  width: 100%;
  height: 36px;
  margin: 0;
  padding: 0;
  font-size: 0.75em;
  line-height: 24px;
  text-align: center;
  color: #635C57;
  background-color: #fff;
}

@media (max-width: 769px) {
  .player.desktop {
    display: none;
  }
  .player.mobile {
    display: inherit;
  }
}
@media (min-width: 769px) {
  .player.desktop {
    display: inherit;
  }
  .player.mobile {
    display: none;
  }
}
@keyframes left-one {
  0% {
    text-indent: 10em;
  }
  100% {
    text-indent: -45em;
  }
}
.section--video .plyr--video,
.entry--video .plyr--video {
  display: block;
}
.section--video .plyr--video .plyr__control--overlaid,
.entry--video .plyr--video .plyr__control--overlaid {
  border-radius: 0;
}

.player {
  user-select: none;
}
.player.desktop {
  width: 25%;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.player.desktop .wrapper {
  position: relative;
  padding: 0;
}
.player.desktop .wrapper-top {
  padding: 0 2rem 1.15rem 2rem;
  position: relative;
  z-index: -1;
  display: flex;
  flex-direction: row;
}
.player.desktop .wrapper-top::after {
  content: "";
  background: #78DE7F;
  transform: rotate(-3deg);
  position: absolute;
  top: 3.47rem;
  right: 1.5rem;
  bottom: -2.8rem;
  left: 1.5rem;
}
.player.desktop .wrapper-top .meta-data {
  width: 100%;
  position: relative;
  overflow: hidden;
  margin-left: 1rem;
}
.player.desktop .wrapper-top .meta-data .radio-show {
  font-size: 12px;
  color: #043E42;
  display: block;
  line-height: 1;
  margin-bottom: 0.25rem;
}
.player.desktop .wrapper-top .meta-data .playing-title {
  display: block;
  font-size: 13px;
  line-height: 16px;
  font-weight: 800;
  white-space: nowrap;
  position: absolute;
  width: 100%;
  height: 100%;
  margin: 0;
  animation: left-one 10s linear infinite;
}
.player.desktop .wrapper-top .meta-data::after {
  content: " ";
  background-image: linear-gradient(to right, rgba(254, 254, 254, 0), #fefefe);
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: auto;
  width: 2rem;
}
.player.desktop .wrapper-top span.toggle {
  display: none;
}
.player.desktop .wrapper-middle {
  background: #043E42;
  line-height: 1;
  z-index: 1;
  overflow: hidden;
  transition-property: height;
  transition: all 0.5s;
  display: none;
  flex-direction: column;
}
.player.desktop .wrapper-middle .controls {
  height: 2.5rem;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.player.desktop .wrapper-middle .controls .back,
.player.desktop .wrapper-middle .controls .forward {
  width: 2.5rem;
  height: 2.5rem;
  padding: 0.5rem;
  cursor: pointer;
}
.player.desktop .wrapper-middle .controls .back svg,
.player.desktop .wrapper-middle .controls .forward svg {
  fill: #94FD86;
}
.player.desktop .wrapper-middle .controls .back:hover svg,
.player.desktop .wrapper-middle .controls .forward:hover svg {
  fill: #78DE7F;
}
.player.desktop .wrapper-middle .controls .progress {
  flex-grow: 1;
  background-color: #115b4a;
  height: 1.5rem;
  position: relative;
}
.player.desktop .wrapper-middle .controls .progress .bar {
  height: 1.5rem;
  position: absolute;
  vertical-align: middle;
  overflow: hidden;
}
.player.desktop .wrapper-middle .controls .progress .bar span {
  position: absolute;
  display: block;
  width: 213px;
  height: 100%;
  text-align: center;
  line-height: 1.5rem;
  vertical-align: middle;
}
.player.desktop .wrapper-middle .controls .progress .bar.positive {
  background: #94FD86;
  left: 0;
}
.player.desktop .wrapper-middle .controls .progress .bar.positive span {
  left: 0;
  color: #043E42;
}
.player.desktop .wrapper-middle .controls .progress .bar.negative {
  background: #115b4a;
  right: 0;
}
.player.desktop .wrapper-middle .controls .progress .bar.negative span {
  right: 0;
  color: #94FD86;
}
.player.desktop .wrapper-middle .streaming-links {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  height: 2.5rem;
  padding: 0.6rem;
}
.player.desktop .wrapper-middle .streaming-links a {
  text-decoration: none;
  color: #94FD86;
  height: 20px;
  width: 20px;
  margin: auto;
  display: none;
}
.player.desktop .wrapper-middle .streaming-links a svg {
  max-width: 20px;
  max-height: 20px;
}
.player.desktop .wrapper-middle .streaming-links a svg path {
  fill: #94FD86;
  transition: all 0.5s;
}
.player.desktop .wrapper-middle .streaming-links a.spotify:hover svg path {
  fill: #2ebd59;
}
.player.desktop .wrapper-middle .streaming-links a.lastfm:hover svg path {
  fill: #d51007;
}
.player.desktop .wrapper-middle .streaming-links a.itunes:hover svg path {
  fill: #05c0ff;
}
.player.desktop .wrapper-middle .streaming-links a.soundcloud:hover svg path {
  fill: #FF4F00;
}
.player.desktop .wrapper-middle .streaming-links a.amazon:hover svg path {
  fill: #f18a04;
}
.player.desktop .wrapper-middle .streaming-links a.deezer:hover svg path {
  fill: #ff1ba5;
}
.player.desktop .wrapper-middle .streaming-links a.podcast:hover svg path {
  fill: #c339ff;
}
.player.desktop .wrapper-bottom {
  padding: 0.5rem 2rem 0;
  position: relative;
  font-size: 0.875rem;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: 2rem;
}
.player.desktop .wrapper-bottom::after {
  content: "";
  background: #78DE7F;
  transform: rotate(-3deg);
  position: absolute;
  top: -0.4rem;
  right: 1.5rem;
  bottom: -0.7rem;
  left: 1.5rem;
  z-index: -1;
}
.player.desktop .wrapper-bottom a {
  color: #fff;
  margin: auto;
}
.player.desktop .wrapper-bottom a:hover, .player.desktop .wrapper-bottom a.active {
  color: #94FD86;
}
.player.desktop .toggle {
  margin: 0 auto;
  cursor: pointer;
  line-height: 0;
  margin: auto;
}
.player.desktop .toggle svg {
  width: 16px;
}
.player.desktop .toggle svg path {
  fill: rgba(255, 255, 255, 0.9);
}
.player.desktop .toggle:hover svg path {
  fill: #94FD86;
}
.player.mobile {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
@media (min-width: 640px) {
  .player.mobile {
    width: 50%;
    left: auto;
  }
}
@media screen and (max-width: 480px) {
  .player.mobile {
    width: 50%;
    left: auto;
  }
}
.player.mobile .wrapper-top {
  background-color: #fefefe;
  border-top: 1px solid #D8D1C9;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  padding: 0 0.5rem 0 0;
  display: none;
  flex-direction: row;
  align-items: center;
}
.player.mobile .wrapper-top.closed {
  display: none;
}
.player.mobile .wrapper-top.open {
  display: flex;
}
.player.mobile .wrapper-top .play-btn {
  flex-grow: 1;
}
.player.mobile .wrapper-top .meta-data {
  margin-left: 1rem;
  flex-grow: 100;
  width: 60%;
  position: relative;
}
.player.mobile .wrapper-top .meta-data .radio-show {
  font-size: 12px;
  color: #043E42;
  display: block;
  line-height: 1;
  margin-bottom: 0.25rem;
  text-align: left;
}
.player.mobile .wrapper-top .meta-data .playing-title {
  display: block;
  font-size: 13px;
  line-height: 16px;
  font-weight: 800;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  text-align: left;
}
.player.mobile .wrapper-top .meta-data::after {
  content: " ";
  background-image: linear-gradient(to right, rgba(254, 254, 254, 0), #fefefe);
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: auto;
  width: 2rem;
}
.player.mobile .wrapper-middle {
  display: none;
  overflow: hidden;
  flex-direction: column;
  background: #043E42;
  transition-property: height;
  transition: height 0.5s;
}
.player.mobile .wrapper-middle .controls {
  height: 2.5rem;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.player.mobile .wrapper-middle .controls .back,
.player.mobile .wrapper-middle .controls .forward {
  width: 2.5rem;
  height: 2.5rem;
  padding: 0.5rem;
  cursor: pointer;
}
.player.mobile .wrapper-middle .controls .back svg,
.player.mobile .wrapper-middle .controls .forward svg {
  fill: #94FD86;
}
.player.mobile .wrapper-middle .controls .back:hover svg,
.player.mobile .wrapper-middle .controls .forward:hover svg {
  fill: #78DE7F;
}
.player.mobile .wrapper-middle .controls .progress {
  flex-grow: 1;
  background-color: #115b4a;
  height: 1.5rem;
  position: relative;
}
.player.mobile .wrapper-middle .controls .progress .bar {
  height: 1.5rem;
  position: absolute;
  vertical-align: middle;
  overflow: hidden;
}
.player.mobile .wrapper-middle .controls .progress .bar span {
  position: absolute;
  display: block;
  width: 213px;
  height: 100%;
  text-align: center;
  line-height: 1.5rem;
  vertical-align: middle;
}
.player.mobile .wrapper-middle .controls .progress .bar.positive {
  background: #94FD86;
  left: 0;
}
.player.mobile .wrapper-middle .controls .progress .bar.positive span {
  left: 0;
  color: #043E42;
}
.player.mobile .wrapper-middle .controls .progress .bar.negative {
  background: #115b4a;
  right: 0;
}
.player.mobile .wrapper-middle .controls .progress .bar.negative span {
  right: 0;
  color: #94FD86;
}
.player.mobile .wrapper-middle .streaming-links {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  height: 2.5rem;
  padding: 0.6rem;
}
.player.mobile .wrapper-middle .streaming-links a {
  text-decoration: none;
  color: #94FD86;
  height: 20px;
  width: 20px;
  margin: auto;
}
.player.mobile .wrapper-middle .streaming-links a svg {
  max-width: 20px;
  max-height: 20px;
}
.player.mobile .wrapper-middle .streaming-links a svg path {
  fill: #94FD86;
  transition: all 0.5s;
}
.player.mobile .wrapper-bottom {
  background: #78DE7F;
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  margin-left: 0;
  width: 100%;
}
@media (min-width: 640px) {
  .player.mobile .wrapper-bottom {
    width: 200%;
    margin-left: -100%;
  }
}
@media screen and (max-width: 480px) {
  .player.mobile .wrapper-bottom {
    width: 200%;
    margin-left: -100%;
  }
}
.player.mobile .wrapper-bottom ul {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: center;
}
.player.mobile .wrapper-bottom ul li {
  display: inline-block;
}
.player.mobile .wrapper-bottom a {
  color: #fff;
  padding: 0.5rem 1rem;
  display: flex;
  align-content: center;
  margin: auto;
}
.player.mobile .wrapper-bottom a.active {
  color: #94FD86;
}
.player.mobile .wrapper-bottom a:first-of-type::before {
  content: "\e907";
  font-family: "nova";
  margin-right: 0.25rem;
  font-size: 1.5rem;
  line-height: 1.9rem;
}
.player.mobile .wrapper-bottom a:last-of-type::before {
  content: "\e926";
  font-family: "nova";
  margin-right: 0.25rem;
  font-size: 1rem;
}
.player.mobile .wrapper-bottom .toggle {
  display: none;
}
.player.mobile .toggle {
  flex-grow: 1;
  line-height: 0;
  cursor: pointer;
}
.player.mobile .toggle svg {
  width: 20px;
}
.player.mobile .toggle svg path {
  fill: #0a0a0a;
}
.player .wrapper-middle.open {
  height: 100%;
}
.player .wrapper-middle.closed {
  max-height: 0;
}
.player .wrapper-middle .info {
  margin: 1rem;
  color: #94FD86;
  font-size: 0.7rem;
  text-align: center;
}
.player .toggle svg.show {
  display: inline-block;
}
.player .toggle svg.hide {
  display: none;
}

.plyr--audio {
  display: none !important;
}

.play-btn {
  display: inline-block;
  background: #4AC96F;
  height: 2.75rem;
  text-align: center;
  cursor: pointer;
  transition: all 0.3s;
}
.play-btn:hover {
  background: #78DE7F;
}
.play-btn::before {
  content: "\e907";
  font-family: "nova";
  font-size: 2rem;
  line-height: 1.45;
  color: #fff;
  width: 2.75rem;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
}

.js-marquee-wrapper {
  width: 500px !important;
}

.seek-bar {
  clear: both;
  background-color: #043E42;
  width: 100%;
}

.progress-bar {
  display: block;
  background-color: #94FD86;
  height: 0.25rem;
  width: 50%;
}

.block {
  display: block !important;
}

.flex {
  display: flex !important;
}

.none {
  display: none !important;
}

form {
  display: block;
}

fieldset {
  padding: 0;
  margin: 0;
  border: 0;
}

form#search {
  position: relative;
  display: block;
  opacity: 0;
  height: 0;
  overflow: hidden;
  z-index: 10;
  transition: all 0.15s ease-out 0s;
}
form#search.open {
  opacity: 1;
  height: auto;
}

fieldset.search__container {
  position: relative;
  text-align: center;
  box-shadow: inset 0 3px 0 rgba(4, 62, 66, 0.2);
  background: rgba(120, 222, 127, 0.97);
}
fieldset.search__container .search__button {
  display: none;
  float: left;
  font-size: 3rem;
  color: #fff;
}
fieldset.search__container .search__input {
  display: block;
  font-family: "Graphik Web", helvetica, arial, sans-serif;
  font-size: 1.875rem;
  color: #fff;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  width: 100%;
  padding: 0 0 0.25em;
  margin: 0;
  background: none;
  border-bottom: 4px solid #fff;
}
fieldset.search__container .search__input::placeholder {
  color: #fff;
}
@media (min-width: 880px) {
  fieldset.search__container .search__button {
    display: block;
  }
  fieldset.search__container .search__input {
    font-size: 3rem;
    font-weight: 500;
    margin-left: 0.75em;
    width: 80%;
  }
}

.search__align {
  display: inline-block;
  text-align: left;
  min-height: 10em;
  padding: 3em 1em;
  margin: 3px 0 0;
}
@media (min-width: 880px) {
  .search__align {
    min-height: 11.5em;
    padding: 9.85em 1em;
  }
}

label {
  display: block;
  font-size: 0.75rem;
  font-weight: 600;
  color: #555;
  width: 100%;
  margin-top: 1.5em;
  margin-bottom: 0.25em;
  text-transform: uppercase;
}

input[type=search] {
  appearance: none;
  border: 0;
  border-radius: 0;
  background: #fff;
}
input[type=search]:focus {
  outline: none;
}

input[type=text],
input[type=email],
input[type=number] {
  display: block;
  font-size: 1rem;
  padding: 0.5em 0.5em;
  width: 100%;
  border: 1px solid #d5d1cd;
  border-radius: 2px;
  background: #fff;
}
input[type=text]:hover, input[type=text]:focus,
input[type=email]:hover,
input[type=email]:focus,
input[type=number]:hover,
input[type=number]:focus {
  outline: none;
}

input[type=file] {
  display: block;
  width: 100%;
  font-size: 1rem;
  padding: 0.5em 0;
}

textarea {
  font-size: 110%;
  padding: 1em;
  width: 100%;
  min-height: 100px;
  max-height: 300px;
  resize: vertical;
  border-radius: 2px;
  border: 1px solid #d5d1cd;
}

fieldset span.error {
  display: block;
  font-size: 0.75rem;
  color: #E74C3C;
  padding: 6px 0;
}
fieldset .button.button--solid {
  color: #635C57;
  text-shadow: none;
  background: #e6e6e6;
  margin-top: 2em;
}
fieldset .button.button--solid:hover {
  color: #fff !important;
  border-color: #4AC96F;
  background: #4AC96F;
}

.flash {
  position: absolute;
  top: 0;
  left: 50%;
  color: #fff;
  text-align: center;
  padding: 4px 0;
  width: 18em;
  margin-left: -9em;
  background: #444;
}
.flash.flash--success {
  background: #4AC96F;
}
.flash.flash--error {
  background: #E74C3C;
}

a.icon--dradiowissen:hover {
  color: #4AC96F !important;
}

a.icon--facebook:hover {
  color: #3B5998 !important;
}

a.icon--twitter:hover {
  color: #00ACEE !important;
}

a.icon--google:hover {
  color: #DD4B39 !important;
}

a.icon--whatsapp:hover {
  color: #43d854 !important;
}

a.icon--youtube:hover {
  color: #DD4B39 !important;
}

a.icon--vimeo:hover {
  color: #86C9EF !important;
}

a.icon--dailymotion:hover {
  color: #006899 !important;
}

a.icon--flickr:hover {
  color: #ff0084 !important;
}

a.icon--instagram:hover {
  color: #5E95C6 !important;
}

a.icon--vine:hover {
  color: #00A478 !important;
}

a.icon--spotify:hover {
  color: #2ebd59 !important;
}

a.icon--soundcloud:hover {
  color: #FF4F00 !important;
}

a.icon--lastfm:hover {
  color: #d51007 !important;
}

a.icon--pinterest:hover {
  color: #bd081c !important;
}

a.icon--tumblr:hover {
  color: #35465c !important;
}

a.icon--foursquare:hover {
  color: #f94877 !important;
}

a.icon--tiktok:hover {
  color: #fe2c55 !important;
}

[class^=icon-]:before, [class*=" icon-"]:before {
  font-family: "nova";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  /* remove if not needed */
  margin-left: 0.2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon--info:before {
  content: "\e900";
}

.icon--controller-play:before {
  content: "\e907";
}

.icon--controller-paus:before {
  content: "\e908";
}

.icon--controller-stop:before {
  content: "\e920";
}

.icon--controller-volume:before {
  content: "\e909";
}

.icon--cross:before {
  content: "\e90a";
}

.icon--dots-three-horizontal:before {
  content: "\e90b";
}

.icon--plus:before {
  content: "\e921";
}

.icon--link:before {
  content: "\e91b";
}

.icon--download:before {
  content: "\e90c";
}

.icon--export:before {
  content: "\e90d";
}

.icon--heart:before {
  content: "\e90e";
}

.icon--infinity:before {
  content: "\e90f";
}

.icon--message:before {
  content: "\e910";
}

.icon--share:before {
  content: "\e911";
}

.icon--star:before {
  content: "\e912";
}

.icon--video:before {
  content: "\e901";
}

.icon--chevron-thin-left:before {
  content: "\e913";
}

.icon--chevron-thin-right:before {
  content: "\e914";
}

.icon--chevron-left:before {
  content: "\e915";
}

.icon--chevron-right:before {
  content: "\e916";
}

.icon--location-pin:before {
  content: "\e91c";
}

.icon--search:before {
  content: "\e91d";
}

.icon--magnifying-glass:before {
  content: "\e91d";
}

.icon--menu:before {
  content: "\e91e";
}

.icon--playlist:before {
  content: "\e926";
}

.icon--facebook:before {
  content: "\e905";
}

.icon--twitter:before {
  content: "\e904";
}

.icon--google:before {
  content: "\e906";
}

.icon--whatsapp:before {
  content: "\e91f";
}

.icon--youtube:before {
  content: "\e901";
}

.icon--vimeo:before {
  content: "\e902";
}

.icon--flickr:before {
  content: "\e924";
}

.icon--instagram:before {
  content: "\e927";
}

.icon--vine:before {
  content: "\e91a";
}

.icon--spotify:before {
  content: "\e903";
}

.icon--soundcloud:before {
  content: "\e922";
}

.icon--lastfm:before {
  content: "\e918";
}

.icon--pinterest:before {
  content: "\e923";
}

.icon--tumblr:before {
  content: "\e919";
}

.icon--foursquare:before {
  content: "\e917";
}

.icon--podcast:before {
  content: "\e928";
}

.icon--embed:before {
  content: "\e929";
}

.icon--tiktok:before {
  content: "\e92a";
}

.jp-play:before {
  content: "\e907";
}

.jp-pause:before {
  content: "\e908";
}

.jp-stop:before {
  content: "\e920";
}

a.icon--volume {
  transition: none;
}
a.icon--volume.volume--high {
  background: url(/img/volume--control.png) -114px 0px no-repeat;
}
a.icon--volume.volume--medium {
  background: url(/img/volume--control.png) -76px 0px no-repeat;
}
a.icon--volume.volume--low {
  background: url(/img/volume--control.png) -38px 0px no-repeat;
}
a.icon--volume.volume--mute {
  background: url(/img/volume--control.png) 0px 0px no-repeat;
}

#podlove-subscribe-button {
  text-decoration: none;
  font-family: inherit;
  font-size: inherit;
  height: 40px;
}

.section--playlist .wrapper > .wrapper {
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media (min-width: 880px) {
  .section--playlist .wrapper > .wrapper {
    flex-direction: row;
  }
}
.section--playlist ul {
  padding: 0;
  margin: 0;
}
.section--playlist li.active {
  position: relative;
}
.section--playlist li.active::before {
  content: "";
  position: absolute;
  background-color: #4AC96F;
  transform: rotateZ(-3deg);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
}
.section--playlist li.active a {
  color: #fff !important;
}
.section--playlist .weekdays {
  width: 100%;
  list-style: none;
  display: flex;
  justify-content: center;
  margin-bottom: 0.5rem;
}
@media (min-width: 880px) {
  .section--playlist .weekdays {
    margin-bottom: 1.5rem;
  }
}
.section--playlist .weekdays li {
  padding: 0 0.5rem;
}
@media (min-width: 880px) {
  .section--playlist .weekdays li {
    padding: 0 1rem;
  }
}
.section--playlist .weekdays li a {
  color: #043E42;
  font-size: 1rem;
  font-weight: 800;
}
.section--playlist .weekdays.desktop {
  display: none;
}
@media (min-width: 640px) {
  .section--playlist .weekdays.desktop {
    display: flex;
  }
}
.section--playlist .weekdays.mobile {
  display: flex;
}
@media (min-width: 640px) {
  .section--playlist .weekdays.mobile {
    display: none;
  }
}
.section--playlist .weekdays.fix-weekdays {
  position: fixed;
  top: 35px;
  left: 0;
  z-index: 5;
  padding-bottom: 1rem;
  padding-top: 0.5rem;
  background-color: #fff;
}
.section--playlist .weekdays.fix-weekdays ~ .timeOfDay {
  position: fixed;
  background-color: #fff;
  z-index: 5;
  left: 0;
  padding-top: 0.5rem;
  top: 85px;
}
@media (min-width: 768px) {
  .section--playlist .weekdays.fix-weekdays ~ .timeOfDay {
    top: 182px;
  }
}
@media (min-width: 768px) {
  .section--playlist .weekdays.fix-weekdays {
    top: 90px;
    padding-top: 3rem;
    background-color: #fff;
  }
}
.section--playlist .timeOfDay {
  width: 100%;
  list-style: none;
  display: flex;
  justify-content: center;
  margin-bottom: 1.5rem;
}
.section--playlist .timeOfDay li {
  padding: 0 0.5rem;
  margin-bottom: 0.75rem;
}
@media (min-width: 880px) {
  .section--playlist .timeOfDay li {
    padding: 0 1rem;
  }
}
.section--playlist .timeOfDay li a {
  color: #043E42;
  font-size: 1rem;
  font-weight: 800;
}
.section--playlist .timeOfDay a.notavailable {
  color: grey;
}
.section--playlist .playlist {
  width: 100%;
  list-style: none;
  margin-left: 1rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media (min-width: 880px) {
  .section--playlist .playlist {
    margin-left: 4rem;
  }
}
.section--playlist .playlist.hide {
  display: none;
}
.section--playlist .playlist .divider {
  font-size: 0.75rem;
  color: #043E42;
  font-weight: 500;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
  width: 100%;
}
@media (min-width: 880px) {
  .section--playlist .playlist .divider {
    padding-left: 10%;
  }
}
.section--playlist .playlist .divider::after {
  content: "";
  display: block;
  height: 1px;
  flex-grow: 2;
  margin-left: 0.25rem;
  background-image: linear-gradient(to right, #043E42, #fff);
}
.section--playlist .playlist .item {
  display: flex;
  align-items: flex-start;
  margin-bottom: 1.75rem;
  flex-direction: column;
}
@media (min-width: 880px) {
  .section--playlist .playlist .item {
    align-items: center;
    flex-direction: row;
    margin-bottom: 2.25rem;
    margin-left: 20%;
  }
}
.section--playlist .playlist .item figure {
  display: flex;
}
.section--playlist .playlist .item .playlist__cover {
  width: 4rem;
  height: 4rem;
  margin-right: 1rem;
}
.section--playlist .playlist .item .playlist__title {
  position: relative;
  margin-top: 0.5rem;
}
.section--playlist .playlist .item .playlist__title::before {
  content: "";
  position: absolute;
  background-color: #94FD86;
  transform: rotateZ(-3deg);
  top: -0.5rem;
  bottom: -0.5rem;
  left: -2.5rem;
  right: -1rem;
  z-index: -1;
}
@media (min-width: 880px) {
  .section--playlist .playlist .item .playlist__title::before {
    bottom: -1rem;
  }
}
.section--playlist .playlist .item .playlist__title .title {
  font-size: 1.5rem;
}
.section--playlist .playlist .item .playlist__title .artist {
  font-size: 1rem;
  color: #043E42;
  font-weight: 500;
}
.section--playlist .playlist .item .playlist__streaming {
  margin: 0.75rem 0 0.5rem 5rem;
  display: none;
  align-items: center;
  list-style: none;
}
@media (min-width: 880px) {
  .section--playlist .playlist .item .playlist__streaming {
    margin: 0 0 0.5rem 2rem;
  }
}
.section--playlist .playlist .item .playlist__streaming a {
  color: #043E42;
  display: inline-block;
  margin-right: 0.5rem;
  line-height: 20px;
  vertical-align: middle;
}
.section--playlist .playlist .item .playlist__streaming a svg {
  vertical-align: middle;
  max-width: 25px;
  max-height: 20px;
}
.section--playlist .playlist .item .playlist__streaming a svg path {
  fill: #043E42;
  transition: all 0.5s;
}
.section--playlist .playlist .item .playlist__streaming a.spotify:hover svg path {
  fill: #2ebd59;
}
.section--playlist .playlist .item .playlist__streaming a.lastfm:hover svg path {
  fill: #d51007;
}
.section--playlist .playlist .item .playlist__streaming a.itunes:hover svg path {
  fill: #05c0ff;
}
.section--playlist .playlist .item .playlist__streaming a.soundcloud:hover svg path {
  fill: #FF4F00;
}
.section--playlist .playlist .item .playlist__streaming a.amazon:hover svg path {
  fill: #f18a04;
}
.section--playlist .playlist .item .playlist__streaming a.deezer:hover svg path {
  fill: #ff1ba5;
}
.section--playlist .playlist .item .playlist__streaming a.podcast:hover svg path {
  fill: #c339ff;
}

.podcast--buttons {
  padding: 0;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  list-style: none;
}
.podcast--buttons .hasIcon {
  display: flex;
  align-items: center;
  margin-right: 0;
}
.podcast--buttons svg {
  max-width: 1.25rem;
  max-height: 1.25rem;
  margin-right: 0.25rem;
}

article .podcast--buttons {
  justify-content: flex-start;
}
article .podcast--buttons .hasIcon {
  margin-right: 0.25rem;
  margin-bottom: 0.25rem;
}
@media (min-width: 640px) {
  article .podcast--buttons .hasIcon {
    margin-right: 0.0625rem;
    margin-bottom: 0;
  }
}
article .podcast--buttons .hasIcon:hover, article .podcast--buttons .hasIcon:visited {
  color: #fff;
}

a.newsflash {
  display: block;
  font-size: 1.25rem;
  font-weight: 800;
  line-height: 1.2;
  padding: 1.75rem 0 1rem;
  background-color: #E74C3C;
  color: #fff;
}
@media (min-width: 768px) {
  a.newsflash {
    font-size: 1.5rem;
  }
}
a.newsflash .wrapper {
  position: relative;
  display: flex;
  justify-content: center;
  text-align: center;
}
a.newsflash .tag {
  font-size: 1rem;
  font-weight: 800;
  letter-spacing: 0.05rem;
  padding: 0.25rem 1.25rem;
  margin: auto;
  position: absolute;
  top: -2rem;
  left: auto;
  color: #E74C3C;
  z-index: 0;
}
@media (min-width: 768px) {
  a.newsflash .tag {
    padding: 0 1.25rem 0.25rem;
    font-size: 1.125rem;
    left: 1.25rem;
  }
}
a.newsflash .tag::before {
  content: "";
  background-color: #fff;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  transform: rotate(-3deg);
}

.teaser-length {
  margin: 6rem auto;
  padding: 0 1.5rem;
}
.teaser-length h2 {
  color: #fefefe;
  display: inline-block;
  position: relative;
}
.teaser-length h2::before {
  content: "";
  background-color: #94FD86;
  position: absolute;
  top: 0;
  right: -100vw;
  bottom: 0;
  left: -50vw;
  z-index: -1;
  transform: skewY(-3deg);
}
.teaser-length h2::after {
  content: "";
  position: absolute;
  background-color: #4AC96F;
  top: -0.75rem;
  bottom: -0.75rem;
  left: -1rem;
  right: -1rem;
  z-index: -1;
  transform: rotate(-3deg);
}
.teaser-length .tabs {
  list-style: none;
  display: flex;
  justify-content: center;
  margin-bottom: 2.5rem;
}
.teaser-length .tabs li {
  margin: 0 1.5rem;
}
.teaser-length .tabs li label {
  position: relative;
  font-size: 1.5rem;
  color: #043E42;
  cursor: pointer;
  text-transform: none;
}
.teaser-length .tabs li label::before {
  position: absolute;
  top: 0;
  right: -1rem;
  bottom: 0;
  left: -1rem;
  background-color: #4AC96F;
  z-index: -1;
  transform: rotate(-3deg);
}
.teaser-length .tabs-content {
  width: calc(100% + 4rem);
  margin-left: -2rem;
  margin-right: -2rem;
  position: relative;
  padding-bottom: 4rem;
}
@media (min-width: 768px) {
  .teaser-length .tabs-content {
    padding-bottom: 8rem;
  }
}
.teaser-length .tabs-content::after {
  content: "";
  background-color: #94FD86;
  position: absolute;
  top: auto;
  right: -50vw;
  bottom: 0;
  left: -50vw;
  height: 1rem;
  transform: skewY(-3deg);
  z-index: -1;
}
@media (min-width: 768px) {
  .teaser-length .tabs-content::after {
    height: 2rem;
  }
}
.teaser-length .tabs-panel {
  display: none;
  flex-flow: column;
  align-items: center;
}
@media (min-width: 768px) {
  .teaser-length .tabs-panel {
    flex-flow: row;
    align-items: flex-start;
  }
}
.teaser-length .tabs-panel .teaser {
  width: auto;
  margin: 0 2rem 2rem;
  position: relative;
}
@media (min-width: 768px) {
  .teaser-length .tabs-panel .teaser {
    width: 100%;
    margin: 0 2rem;
    flex-flow: 0;
  }
}
.teaser-length .tabs-panel .teaser::before, .teaser-length .tabs-panel .teaser::after {
  content: "";
  position: absolute;
  transform: rotate(-3deg);
  z-index: -1;
}
.teaser-length .tabs-panel .teaser::after {
  left: -1.25rem;
  right: -1.25rem;
}
.teaser-length .tabs-panel .teaser:nth-of-type(3n+1)::before {
  top: -1.75rem;
  left: -1.75rem;
  width: 5.25rem;
  height: 5.25rem;
  background-color: #94FD86;
}
.teaser-length .tabs-panel .teaser:nth-of-type(3n+1)::after {
  background-color: #78DE7F;
  height: 1.25rem;
  top: 5.5rem;
}
.teaser-length .tabs-panel .teaser:nth-of-type(3n+2)::before {
  top: -1.25rem;
  left: calc(50% - 2.625rem);
  width: 5.25rem;
  height: 5.25rem;
  background-color: #94FD86;
}
.teaser-length .tabs-panel .teaser:nth-of-type(3n+2)::after {
  background-color: #1D7751;
  height: 2.25rem;
  top: 2.5rem;
}
.teaser-length .tabs-panel .teaser:nth-of-type(3n+3)::before {
  top: -1.25rem;
  right: -1.25rem;
  width: 6rem;
  height: 6rem;
  background-color: #94FD86;
}
.teaser-length .tabs-panel .teaser:nth-of-type(3n+3)::after {
  background-color: #043E42;
  height: 2rem;
  top: 6rem;
}
.teaser-length input[name=length] {
  display: none;
}
.teaser-length input[name=length]:checked#short ~ .tabs label[for=short] {
  color: #fefefe;
}
.teaser-length input[name=length]:checked#short ~ .tabs label[for=short]::before {
  content: "";
}
.teaser-length input[name=length]:checked#short ~ .tabs-content #short-panel {
  display: flex;
}
.teaser-length input[name=length]:checked#medium ~ .tabs label[for=medium] {
  color: #fefefe;
}
.teaser-length input[name=length]:checked#medium ~ .tabs label[for=medium]::before {
  content: "";
}
.teaser-length input[name=length]:checked#medium ~ .tabs-content #medium-panel {
  display: flex;
}
.teaser-length input[name=length]:checked#long ~ .tabs label[for=long] {
  color: #fefefe;
}
.teaser-length input[name=length]:checked#long ~ .tabs label[for=long]::before {
  content: "";
}
.teaser-length input[name=length]:checked#long ~ .tabs-content #long-panel {
  display: flex;
}
.teaser-length .kicker {
  margin-bottom: 0.5rem;
}
.teaser-length .image {
  position: relative;
  margin-bottom: 1rem;
}
.teaser-length .image > button {
  cursor: pointer;
  width: 2.75rem;
  height: 2.75rem;
  display: block;
  background-color: #4AC96F;
  position: absolute;
  bottom: 0;
  left: 0;
  transition: 0.5s;
}
.teaser-length .image > button:hover {
  background-color: #78DE7F;
}
.teaser-length .image > button::before {
  width: auto;
  margin-top: 0;
}
.teaser-length h3 {
  hyphens: auto;
}

.toolkit {
  margin: 4rem 0;
  background-color: #043E42;
  padding: 1rem 0;
}
.toolkit ul {
  color: #fefefe;
  list-style: none;
  max-width: 73.125rem;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.toolkit ul li:first-child {
  margin-left: 0;
}
.toolkit ul li:last-child {
  margin-right: 0;
}
.toolkit ul a {
  color: #fefefe;
}
.toolkit ul.links {
  margin: 0 auto;
}
.toolkit ul.links li {
  margin: 1rem 1.5rem;
}
.toolkit ul.links a {
  padding: 0.5rem 1.5rem;
  position: relative;
  z-index: 0;
  font-weight: 800;
  font-size: 1.5rem;
  line-height: 1.5;
}
.toolkit ul.links a::before {
  content: "";
  background-color: #4AC96F;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: rotate(-3deg);
  z-index: -1;
}
.toolkit ul.links a:hover::before {
  background-color: #78DE7F;
}
.toolkit ul.social-media {
  margin: 0 auto;
}
.toolkit ul.social-media li {
  margin: 0 1rem;
}
.toolkit ul.social-media a {
  font-size: 2rem;
}
.toolkit ul.social-media a:hover {
  color: #94FD86;
}

.topics {
  margin: 2rem -1rem;
  overflow: visible;
  z-index: 0;
  position: relative;
}
@media (min-width: 768px) {
  .topics {
    overflow: hidden;
    transform: skewX(3deg);
    margin: 2rem 0 4rem;
  }
}
.topics h2 {
  margin-bottom: 1.5rem;
  position: relative;
  display: inline-block;
}
@media (min-width: 768px) {
  .topics h2 {
    transform: skewX(-3deg);
  }
}
.topics h2::before {
  content: "";
  position: absolute;
  top: 1rem;
  height: 6rem;
  background-color: #4AC96F;
  width: 50vw;
  transform: rotate(-3deg);
  display: none;
}
@media (min-width: 768px) {
  .topics h2::before {
    right: calc(100% + 1rem);
    display: block;
  }
}
.topics h2::after {
  content: "";
  position: absolute;
  top: 0;
  left: calc(100% + 1rem);
  height: 5rem;
  background-color: #78DE7F;
  width: 100%;
  transform: rotate(-3deg);
}
@media (min-width: 768px) {
  .topics h2::after {
    top: -1.5rem;
    right: 10wv;
    height: 6rem;
  }
}
.topics .swiper-wrapper {
  transform: none;
  flex-direction: column;
}
@media (min-width: 768px) {
  .topics .swiper-wrapper {
    transform: translate3d(0px, 0, 0);
    flex-direction: row;
  }
}
.topics .topic {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.topics .topic::before, .topics .topic::after {
  display: block;
  content: "";
  height: 2rem;
  width: 100vw;
  background-color: #fefefe;
  position: absolute;
  z-index: 1;
  transform: skewY(-3deg);
}
@media (min-width: 768px) {
  .topics .topic::before, .topics .topic::after {
    display: none;
  }
}
.topics .topic::before {
  align-self: flex-start;
  transform-origin: 0 0;
}
.topics .topic::after {
  align-self: flex-end;
  transform-origin: 100% 100%;
}
@media (min-width: 768px) {
  .topics .topic {
    width: 358px;
    height: 600px;
    background-color: #0a0a0a;
  }
}
.topics .topic-inner {
  height: 100vw;
}
@media (min-width: 768px) {
  .topics .topic-inner {
    transform: skewX(-3deg);
    margin: auto -1.5rem;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(100% + 3rem);
    transition: opacity 0.5s ease;
    height: 100%;
  }
}
.topics .topic-inner > a {
  display: flex;
}
@media (min-width: 768px) {
  .topics .topic-inner > a {
    flex-direction: row;
    justify-content: center;
    align-items: flex-end;
    margin: auto;
    width: 100%;
    height: 100%;
    position: relative;
  }
}
.topics .topic-inner > a::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.5));
}
@media (min-width: 768px) {
  .topics .topic-inner > a::before {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), transparent 20%, rgba(0, 0, 0, 0.5));
  }
}
.topics .topic-inner img {
  display: block;
  width: 100%;
  height: 50%;
  object-fit: cover;
}
@media (min-width: 768px) {
  .topics .topic-inner img {
    position: absolute;
    margin: auto;
    align-self: flex-start;
    height: auto;
    width: auto;
    min-height: 100%;
    object-fit: cover;
  }
}
.topics .topic-inner .text {
  position: absolute;
  bottom: 2rem;
  left: 1rem;
  right: 1rem;
  color: #fefefe;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  z-index: 1;
}
@media (min-width: 768px) {
  .topics .topic-inner .text {
    left: 2rem;
    right: auto;
    transition: 1s ease;
  }
}
.topics .topic-inner .text .title {
  display: inline-block;
  color: #fefefe;
  font-size: 2.5rem;
  font-weight: 800;
  line-height: 1;
  position: relative;
  z-index: 0;
  padding: 0.75rem 1rem;
  align-self: flex-start;
}
.topics .topic-inner .text .title::before {
  content: "";
  background-color: #4AC96F;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: -2rem;
  z-index: -1;
  transform: rotate(-3deg);
}
.topics .topic-inner .text .subtitle {
  display: none;
}
@media (min-width: 768px) {
  .topics .topic-inner .text .subtitle {
    display: block;
    margin: 0.5rem 2rem 2rem 2rem;
    opacity: 0;
    transition: 0.75s ease;
    text-shadow: 1px 1px 2px #043E42;
    max-height: 0;
  }
}
.topics .topic:hover .topic-inner {
  opacity: 1 !important;
}
.topics .topic:hover .subtitle {
  max-height: 500px;
  opacity: 1;
}
@media (min-width: 768px) {
  .topics:hover > .swiper-wrapper .topic .topic-inner {
    opacity: 0.65;
  }
}

.wrapper .swiper-button-prev.swiper-button-disabled,
.wrapper .swiper-button-next.swiper-button-disabled {
  display: none;
}
@media (min-width: 768px) {
  .wrapper .swiper-button-prev.swiper-button-disabled,
  .wrapper .swiper-button-next.swiper-button-disabled {
    display: none;
  }
}
.wrapper .swiper-button-prev,
.wrapper .swiper-container-rtl .swiper-button-next {
  display: none;
  align-items: center;
  justify-content: center;
  background-image: none;
  color: #fefefe;
  font-size: 4rem;
  line-height: 1;
  font-family: "nova";
  transition: 0.5s;
}
.wrapper .swiper-button-prev::before,
.wrapper .swiper-container-rtl .swiper-button-next::before {
  content: "\e915";
  position: absolute;
  background-color: #4AC96F;
  transition: 0.5s;
  width: 4rem;
  text-align: center;
}
.wrapper .swiper-button-prev:hover::before,
.wrapper .swiper-container-rtl .swiper-button-next:hover::before {
  background-color: #78DE7F;
}
@media (min-width: 768px) {
  .wrapper .swiper-button-prev,
  .wrapper .swiper-container-rtl .swiper-button-next {
    display: flex;
    left: 1rem;
  }
}
.wrapper .swiper-button-prev:focus,
.wrapper .swiper-container-rtl .swiper-button-next:focus {
  outline: none;
}
.wrapper .swiper-button-next,
.wrapper .swiper-container-rtl .swiper-button-prev {
  display: none;
  align-items: center;
  justify-content: center;
  background-image: none;
  color: #fefefe;
  font-size: 4rem;
  line-height: 1;
  font-family: "nova";
  transition: 0.5s;
}
.wrapper .swiper-button-next::before,
.wrapper .swiper-container-rtl .swiper-button-prev::before {
  content: "\e916";
  position: absolute;
  background-color: #4AC96F;
  transition: 0.5s;
  width: 4rem;
  text-align: center;
}
.wrapper .swiper-button-next:hover::before,
.wrapper .swiper-container-rtl .swiper-button-prev:hover::before {
  background-color: #78DE7F;
}
@media (min-width: 768px) {
  .wrapper .swiper-button-next,
  .wrapper .swiper-container-rtl .swiper-button-prev {
    display: flex;
    right: 1rem;
  }
}
.wrapper .swiper-button-next:focus,
.wrapper .swiper-container-rtl .swiper-button-prev:focus {
  outline: none;
}

#popup {
  z-index: 9999;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #fefefe;
  max-width: 768px;
  width: 90%;
}
#popup::before {
  content: "";
  background-color: rgba(4, 62, 66, 0.9);
  position: fixed;
  width: 100vw;
  height: 100vh;
  z-index: -1;
}
#popup .popup__body {
  background-color: #fefefe;
  padding: 0 1rem 1rem;
  width: 100%;
}
#popup .button {
  background-color: #4AC96F;
  color: #fefefe;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  padding: 0.25rem 1rem;
}
#popup .button:hover {
  background-color: #78DE7F;
}
#popup .close {
  color: #fefefe;
  background-color: #4AC96F;
  position: absolute;
  font-size: 1.5rem;
  line-height: 1;
  top: -0.75rem;
  right: -0.75rem;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding-bottom: 0.125rem;
  cursor: pointer;
}
#popup .close:hover {
  background-color: #78DE7F;
}

.section--video {
  max-width: 1170px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  padding: 2rem 1rem;
  display: block;
}
.section--video h2 {
  color: #fefefe;
  display: inline-block;
  position: relative;
}
.section--video h2::after {
  content: "";
  position: absolute;
  background-color: #4AC96F;
  top: -0.75rem;
  bottom: -0.75rem;
  left: -1rem;
  right: -1rem;
  z-index: -1;
  transform: rotate(-3deg);
}

.consent-switch {
  color: #4AC96F;
  cursor: pointer;
  transition: all 0.3s;
  position: relative;
  z-index: 0;
  padding-left: 1.75rem;
  margin-left: 0.125rem;
}
.consent-switch.inactive::before {
  content: "";
  display: inline-block;
  width: 1.5rem;
  height: 0.875rem;
  border-radius: 0.5rem;
  border: 0.125rem solid #78DE7F;
  background-color: #fefefe;
  position: absolute;
  bottom: 0.125rem;
  left: 0;
  z-index: 1;
  transition: all 0.3s;
}
.consent-switch.inactive::after {
  content: "";
  display: inline-block;
  width: 0.875rem;
  height: 0.875rem;
  border: 0.125rem solid #4AC96F;
  border-radius: 50%;
  background-color: #fefefe;
  position: absolute;
  left: 0;
  bottom: 0.125rem;
  z-index: 2;
  transition: all 0.3s;
}
.consent-switch.active::before {
  content: "";
  display: inline-block;
  width: 1.5rem;
  height: 0.875rem;
  border-radius: 0.5rem;
  border: none;
  background-color: #78DE7F;
  position: absolute;
  bottom: 0.125rem;
  left: 0;
  z-index: 1;
  transition: all 0.3s;
}
.consent-switch.active::after {
  content: "";
  display: inline-block;
  width: 0.875rem;
  height: 0.875rem;
  border: 0.125rem solid #4AC96F;
  border-radius: 50%;
  background-color: #fefefe;
  position: absolute;
  left: 0.625rem;
  bottom: 0.125rem;
  z-index: 2;
  transition: all 0.3s;
}

.chaptermarks__list {
  padding: 0;
  display: flex;
  flex-direction: column;
}
.chaptermarks__item {
  display: flex;
  line-height: 1.2;
  margin-bottom: 0.25rem;
  list-style: none;
}
.chaptermarks__link {
  cursor: pointer;
  flex: 0 0 8ch;
  display: flex;
  justify-content: space-around;
  margin-right: 1ch;
  padding: 0.25rem 1rem 0.25rem 0;
  color: #4AC96F;
}
.chaptermarks__link:hover {
  color: #1D7751;
}
.chaptermarks__label {
  padding: 0.25rem 0;
  line-height: 1.2;
}

/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  touch-action: manipulation;
  -moz-backface-visibility: hidden;
  /* fix firefox animation glitch */
}

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}

.owl-carousel .owl-item img {
  display: block;
  width: 100%;
}

.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
  display: none;
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
  cursor: pointer;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
  background: none;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit;
}

.owl-carousel.owl-loaded {
  display: block;
}

.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}

.owl-carousel.owl-hidden {
  opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
  visibility: hidden;
}

.owl-carousel.owl-drag .owl-item {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab;
}

.owl-carousel.owl-rtl {
  direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
  float: right;
}

/* No Js */
.no-js .owl-carousel {
  display: block;
}

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
  z-index: 0;
}

.owl-carousel .owl-animated-out {
  z-index: 1;
}

.owl-carousel .fadeOut {
  animation-name: fadeOut;
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out;
}

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item {
  /**
  	This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
  	calculation of the height of the owl-item that breaks page layouts
   */
}

.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease;
}

.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
  max-height: 0;
}

.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d;
}

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease;
}

.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
  transform: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease;
}

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
}

/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
/*
 * 	Default theme - Owl Carousel CSS File
 */
.owl-theme .owl-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}

.owl-theme .owl-nav [class*=owl-] {
  color: #FFF;
  font-size: 14px;
  margin: 5px;
  padding: 4px 7px;
  background: #D6D6D6;
  display: inline-block;
  cursor: pointer;
  border-radius: 3px;
}

.owl-theme .owl-nav [class*=owl-]:hover {
  background: #869791;
  color: #FFF;
  text-decoration: none;
}

.owl-theme .owl-nav .disabled {
  opacity: 0.5;
  cursor: default;
}

.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px;
}

.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}

.owl-theme .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: #D6D6D6;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 200ms ease;
  border-radius: 30px;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: #869791;
}

.owl-nav button {
  position: absolute;
  opacity: 0.8;
  top: 13%;
  transform: translateY(-50%);
  transition: all 0.15s ease-out 0s;
  color: #fff !important;
  font-size: 6rem !important;
}
.owl-nav button.owl-prev {
  left: 2rem;
}
.owl-nav button.owl-next {
  right: 2rem;
}
@media screen and (min-width: 55em) {
  .owl-nav button {
    top: 50%;
  }
}
@media screen and (min-width: 40em) {
  .owl-nav button {
    top: 29%;
  }
}

/*  Owl Carousel CSS3 Transitions
 * *  v1.3.2 */
.owl-origin {
  -webkit-perspective: 1200px;
  -webkit-perspective-origin-x: 50%;
  -webkit-perspective-origin-y: 50%;
  -moz-perspective: 1200px;
  -moz-perspective-origin-x: 50%;
  -moz-perspective-origin-y: 50%;
  perspective: 1200px;
}

/* fade */
.owl-fade-out {
  z-index: 10;
  -webkit-animation: fadeOut 0.7s both ease;
  -moz-animation: fadeOut 0.7s both ease;
  animation: fadeOut 0.7s both ease;
}

.owl-fade-in {
  -webkit-animation: fadeIn 0.7s both ease;
  -moz-animation: fadeIn 0.7s both ease;
  animation: fadeIn 0.7s both ease;
}

/* backSlide */
.owl-backSlide-out {
  -webkit-animation: backSlideOut 1s both ease;
  -moz-animation: backSlideOut 1s both ease;
  animation: backSlideOut 1s both ease;
}

.owl-backSlide-in {
  -webkit-animation: backSlideIn 1s both ease;
  -moz-animation: backSlideIn 1s both ease;
  animation: backSlideIn 1s both ease;
}

/* goDown */
.owl-goDown-out {
  -webkit-animation: scaleToFade 0.7s ease both;
  -moz-animation: scaleToFade 0.7s ease both;
  animation: scaleToFade 0.7s ease both;
}

.owl-goDown-in {
  -webkit-animation: goDown 0.6s ease both;
  -moz-animation: goDown 0.6s ease both;
  animation: goDown 0.6s ease both;
}

/* scaleUp */
.owl-fadeUp-in {
  -webkit-animation: scaleUpFrom 0.5s ease both;
  -moz-animation: scaleUpFrom 0.5s ease both;
  animation: scaleUpFrom 0.5s ease both;
}

.owl-fadeUp-out {
  -webkit-animation: scaleUpTo 0.5s ease both;
  -moz-animation: scaleUpTo 0.5s ease both;
  animation: scaleUpTo 0.5s ease both;
}

/* Keyframes */
/*empty */
@-webkit-keyframes empty {
  0% {
    opacity: 1;
  }
}
@-moz-keyframes empty {
  0% {
    opacity: 1;
  }
}
@keyframes empty {
  0% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes backSlideOut {
  25% {
    opacity: 0.5;
    -webkit-transform: translateZ(-500px);
  }
  75% {
    opacity: 0.5;
    -webkit-transform: translateZ(-500px) translateX(-200%);
  }
  100% {
    opacity: 0.5;
    -webkit-transform: translateZ(-500px) translateX(-200%);
  }
}
@-moz-keyframes backSlideOut {
  25% {
    opacity: 0.5;
    -moz-transform: translateZ(-500px);
  }
  75% {
    opacity: 0.5;
    -moz-transform: translateZ(-500px) translateX(-200%);
  }
  100% {
    opacity: 0.5;
    -moz-transform: translateZ(-500px) translateX(-200%);
  }
}
@keyframes backSlideOut {
  25% {
    opacity: 0.5;
    transform: translateZ(-500px);
  }
  75% {
    opacity: 0.5;
    transform: translateZ(-500px) translateX(-200%);
  }
  100% {
    opacity: 0.5;
    transform: translateZ(-500px) translateX(-200%);
  }
}
@-webkit-keyframes backSlideIn {
  0%, 25% {
    opacity: 0.5;
    -webkit-transform: translateZ(-500px) translateX(200%);
  }
  75% {
    opacity: 0.5;
    -webkit-transform: translateZ(-500px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(0) translateX(0);
  }
}
@-moz-keyframes backSlideIn {
  0%, 25% {
    opacity: 0.5;
    -moz-transform: translateZ(-500px) translateX(200%);
  }
  75% {
    opacity: 0.5;
    -moz-transform: translateZ(-500px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateZ(0) translateX(0);
  }
}
@keyframes backSlideIn {
  0%, 25% {
    opacity: 0.5;
    transform: translateZ(-500px) translateX(200%);
  }
  75% {
    opacity: 0.5;
    transform: translateZ(-500px);
  }
  100% {
    opacity: 1;
    transform: translateZ(0) translateX(0);
  }
}
@-webkit-keyframes scaleToFade {
  to {
    opacity: 0;
    -webkit-transform: scale(0.8);
  }
}
@-moz-keyframes scaleToFade {
  to {
    opacity: 0;
    -moz-transform: scale(0.8);
  }
}
@keyframes scaleToFade {
  to {
    opacity: 0;
    transform: scale(0.8);
  }
}
@-webkit-keyframes goDown {
  from {
    -webkit-transform: translateY(-100%);
  }
}
@-moz-keyframes goDown {
  from {
    -moz-transform: translateY(-100%);
  }
}
@keyframes goDown {
  from {
    transform: translateY(-100%);
  }
}
@-webkit-keyframes scaleUpFrom {
  from {
    opacity: 0;
    -webkit-transform: scale(1.5);
  }
}
@-moz-keyframes scaleUpFrom {
  from {
    opacity: 0;
    -moz-transform: scale(1.5);
  }
}
@keyframes scaleUpFrom {
  from {
    opacity: 0;
    transform: scale(1.5);
  }
}
@-webkit-keyframes scaleUpTo {
  to {
    opacity: 0;
    -webkit-transform: scale(1.5);
  }
}
@-moz-keyframes scaleUpTo {
  to {
    opacity: 0;
    -moz-transform: scale(1.5);
  }
}
@keyframes scaleUpTo {
  to {
    opacity: 0;
    transform: scale(1.5);
  }
}
#nprogress {
  pointer-events: none;
  -webkit-pointer-events: none;
}

#nprogress .spinner {
  display: block;
  position: fixed;
  bottom: 1rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1000;
}
@media (min-width: 768px) {
  #nprogress .spinner {
    bottom: 2rem;
    left: 2rem;
    transform: none;
  }
}
#nprogress .spinner-icon {
  width: 1rem;
  height: 1rem;
  background-color: #fefefe;
  -webkit-animation: rotateplane 1.2s infinite ease-in-out;
  animation: rotateplane 1.2s infinite ease-in-out;
}
@media (min-width: 768px) {
  #nprogress .spinner-icon {
    background-color: #4AC96F;
  }
}

@-webkit-keyframes rotateplane {
  0% {
    -webkit-transform: perspective(120px);
  }
  50% {
    -webkit-transform: perspective(120px) rotateY(180deg);
  }
  100% {
    -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
  }
}
@keyframes rotateplane {
  0% {
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }
  100% {
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
/*#nprogress .bar {
 * *    position: fixed;
 * *    top: 49px;
 * *    left: 0;
 * *    width: 100%;
 * *    height: 36px;
 * *    background: #ddd;
 * *    opacity: .9;
 * *    z-index: 200;
 * *} */
/**
 * Swiper 8.4.5
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2022 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: November 21, 2022
 */
@font-face {
  font-family: "swiper-icons";
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-pointer-events {
  touch-action: pan-y;
}
.swiper-pointer-events.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}

/* 3D Effects */
.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none; /* For Firefox */
  -ms-overflow-style: none; /* For Internet Explorer and Edge */
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}
.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  width: var(--swiper-centered-offset-after);
}
.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  height: var(--swiper-centered-offset-after);
}
.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
}

.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fadeIn {
  animation-name: fadeIn;
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeInUp {
  animation-name: fadeInUp;
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.fadeOut {
  animation-duration: 4s;
  animation-name: fadeOut;
}

@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr, img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p, h2, h3 {
    orphans: 3;
    widows: 3;
  }
  h2, h3 {
    page-break-after: avoid;
  }
}
@keyframes plyr-progress {
  to {
    background-position: var(--plyr-progress-loading-size, 25px) 0;
  }
}
@keyframes plyr-popup {
  0% {
    opacity: 0.5;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes plyr-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.plyr {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  align-items: center;
  direction: ltr;
  display: flex;
  flex-direction: column;
  font-family: var(--plyr-font-family, inherit);
  font-variant-numeric: tabular-nums;
  font-weight: var(--plyr-font-weight-regular, 400);
  line-height: var(--plyr-line-height, 1.7);
  max-width: 100%;
  min-width: 200px;
  position: relative;
  text-shadow: none;
  transition: box-shadow 0.3s ease;
  z-index: 0;
}
.plyr video,
.plyr audio,
.plyr iframe {
  display: block;
  height: 100%;
  width: 100%;
}
.plyr button {
  font: inherit;
  line-height: inherit;
  width: auto;
}
.plyr:focus {
  outline: 0;
}

.plyr--full-ui {
  box-sizing: border-box;
}
.plyr--full-ui *,
.plyr--full-ui *::after,
.plyr--full-ui *::before {
  box-sizing: inherit;
}

.plyr--full-ui a,
.plyr--full-ui button,
.plyr--full-ui input,
.plyr--full-ui label {
  touch-action: manipulation;
}

.plyr__badge {
  background: var(--plyr-badge-background, hsl(216deg, 15%, 34%));
  border-radius: var(--plyr-badge-border-radius, 2px);
  color: var(--plyr-badge-text-color, #fff);
  font-size: var(--plyr-font-size-badge, 9px);
  line-height: 1;
  padding: 3px 4px;
}

.plyr--full-ui ::-webkit-media-text-track-container {
  display: none;
}

.plyr__captions {
  animation: plyr-fade-in 0.3s ease;
  bottom: 0;
  display: none;
  font-size: var(--plyr-font-size-small, 13px);
  left: 0;
  padding: var(--plyr-control-spacing, 10px);
  position: absolute;
  text-align: center;
  transition: transform 0.4s ease-in-out;
  width: 100%;
}
.plyr__captions span:empty {
  display: none;
}
@media (min-width: 480px) {
  .plyr__captions {
    font-size: var(--plyr-font-size-base, 15px);
    padding: calc(var(--plyr-control-spacing, 10px) * 2);
  }
}
@media (min-width: 768px) {
  .plyr__captions {
    font-size: var(--plyr-font-size-large, 18px);
  }
}

.plyr--captions-active .plyr__captions {
  display: block;
}

.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty) ~ .plyr__captions {
  transform: translateY(calc(var(--plyr-control-spacing, 10px) * -4));
}

.plyr__caption {
  background: var(--plyr-captions-background, rgba(0, 0, 0, 0.8));
  border-radius: 2px;
  box-decoration-break: clone;
  color: var(--plyr-captions-text-color, #fff);
  line-height: 185%;
  padding: 0.2em 0.5em;
  white-space: pre-wrap;
}
.plyr__caption div {
  display: inline;
}

.plyr__control {
  background: transparent;
  border: 0;
  border-radius: var(--plyr-control-radius, 3px);
  color: inherit;
  cursor: pointer;
  flex-shrink: 0;
  overflow: visible;
  padding: calc(var(--plyr-control-spacing, 10px) * 0.7);
  position: relative;
  transition: all 0.3s ease;
}
.plyr__control svg {
  display: block;
  fill: currentColor;
  height: var(--plyr-control-icon-size, 18px);
  pointer-events: none;
  width: var(--plyr-control-icon-size, 18px);
}
.plyr__control:focus {
  outline: 0;
}
.plyr__control.plyr__tab-focus {
  outline: var(--plyr-tab-focus-color, var(--plyr-color-main, #78DE7F)) dotted 3px;
  outline-offset: 2px;
}

a.plyr__control {
  text-decoration: none;
}
a.plyr__control::after, a.plyr__control::before {
  display: none;
}

.plyr__control:not(.plyr__control--pressed) .icon--pressed,
.plyr__control.plyr__control--pressed .icon--not-pressed,
.plyr__control:not(.plyr__control--pressed) .label--pressed,
.plyr__control.plyr__control--pressed .label--not-pressed {
  display: none;
}

.plyr--full-ui ::-webkit-media-controls {
  display: none;
}

.plyr__controls {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  text-align: center;
}
.plyr__controls .plyr__progress__container {
  flex: 1;
  min-width: 0;
}
.plyr__controls .plyr__controls__item {
  margin-left: calc(var(--plyr-control-spacing, 10px) / 4);
}
.plyr__controls .plyr__controls__item:first-child {
  margin-left: 0;
  margin-right: auto;
}
.plyr__controls .plyr__controls__item.plyr__progress__container {
  padding-left: calc(var(--plyr-control-spacing, 10px) / 4);
}
.plyr__controls .plyr__controls__item.plyr__time {
  padding: 0 calc(var(--plyr-control-spacing, 10px) / 2);
}
.plyr__controls .plyr__controls__item.plyr__progress__container:first-child, .plyr__controls .plyr__controls__item.plyr__time:first-child, .plyr__controls .plyr__controls__item.plyr__time + .plyr__time {
  padding-left: 0;
}
.plyr__controls:empty {
  display: none;
}

.plyr [data-plyr=captions],
.plyr [data-plyr=pip],
.plyr [data-plyr=airplay],
.plyr [data-plyr=fullscreen] {
  display: none;
}

.plyr--captions-enabled [data-plyr=captions],
.plyr--pip-supported [data-plyr=pip],
.plyr--airplay-supported [data-plyr=airplay],
.plyr--fullscreen-enabled [data-plyr=fullscreen] {
  display: inline-block;
}

.plyr__menu {
  display: flex;
  position: relative;
}
.plyr__menu .plyr__control svg {
  transition: transform 0.3s ease;
}
.plyr__menu .plyr__control[aria-expanded=true] svg {
  transform: rotate(90deg);
}
.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip {
  display: none;
}
.plyr__menu__container {
  animation: plyr-popup 0.2s ease;
  background: var(--plyr-menu-background, rgba(255, 255, 255, 0.9));
  border-radius: var(--plyr-menu-radius, 4px);
  bottom: 100%;
  box-shadow: var(--plyr-menu-shadow, 0 1px 2px rgba(0, 0, 0, 0.15));
  color: var(--plyr-menu-color, hsl(216deg, 15%, 34%));
  font-size: var(--plyr-font-size-base, 15px);
  margin-bottom: 10px;
  position: absolute;
  right: -3px;
  text-align: left;
  white-space: nowrap;
  z-index: 3;
}
.plyr__menu__container > div {
  overflow: hidden;
  transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
.plyr__menu__container::after {
  border: var(--plyr-menu-arrow-size, 4px) solid transparent;
  border-top-color: var(--plyr-menu-background, rgba(255, 255, 255, 0.9));
  content: "";
  height: 0;
  position: absolute;
  right: calc(((var(--plyr-control-icon-size, 18px) / 2) + calc(var(--plyr-control-spacing, 10px) * 0.7)) - (var(--plyr-menu-arrow-size, 4px) / 2));
  top: 100%;
  width: 0;
}
.plyr__menu__container [role=menu] {
  padding: calc(var(--plyr-control-spacing, 10px) * 0.7);
}
.plyr__menu__container [role=menuitem],
.plyr__menu__container [role=menuitemradio] {
  margin-top: 2px;
}
.plyr__menu__container [role=menuitem]:first-child,
.plyr__menu__container [role=menuitemradio]:first-child {
  margin-top: 0;
}
.plyr__menu__container .plyr__control {
  align-items: center;
  color: var(--plyr-menu-color, hsl(216deg, 15%, 34%));
  display: flex;
  font-size: var(--plyr-font-size-menu, var(--plyr-font-size-small, 13px));
  padding: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) / 1.5) calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 1.5);
  user-select: none;
  width: 100%;
}
.plyr__menu__container .plyr__control > span {
  align-items: inherit;
  display: flex;
  width: 100%;
}
.plyr__menu__container .plyr__control::after {
  border: var(--plyr-menu-item-arrow-size, 4px) solid transparent;
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.plyr__menu__container .plyr__control--forward {
  padding-right: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 4);
}
.plyr__menu__container .plyr__control--forward::after {
  border-left-color: var(--plyr-menu-arrow-color, hsl(216deg, 15%, 52%));
  right: calc((calc(var(--plyr-control-spacing, 10px) * 0.7) * 1.5) - var(--plyr-menu-item-arrow-size, 4px));
}
.plyr__menu__container .plyr__control--forward.plyr__tab-focus::after, .plyr__menu__container .plyr__control--forward:hover::after {
  border-left-color: currentColor;
}
.plyr__menu__container .plyr__control--back {
  font-weight: var(--plyr-font-weight-regular, 400);
  margin: calc(var(--plyr-control-spacing, 10px) * 0.7);
  margin-bottom: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) / 2);
  padding-left: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 4);
  position: relative;
  width: calc(100% - (calc(var(--plyr-control-spacing, 10px) * 0.7) * 2));
}
.plyr__menu__container .plyr__control--back::after {
  border-right-color: var(--plyr-menu-arrow-color, hsl(216deg, 15%, 52%));
  left: calc((calc(var(--plyr-control-spacing, 10px) * 0.7) * 1.5) - var(--plyr-menu-item-arrow-size, 4px));
}
.plyr__menu__container .plyr__control--back::before {
  background: var(--plyr-menu-back-border-color, hsl(216deg, 15%, 88%));
  box-shadow: 0 1px 0 var(--plyr-menu-back-border-shadow-color, #fff);
  content: "";
  height: 1px;
  left: 0;
  margin-top: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) / 2);
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 100%;
}
.plyr__menu__container .plyr__control--back.plyr__tab-focus::after, .plyr__menu__container .plyr__control--back:hover::after {
  border-right-color: currentColor;
}
.plyr__menu__container .plyr__control[role=menuitemradio] {
  padding-left: calc(var(--plyr-control-spacing, 10px) * 0.7);
}
.plyr__menu__container .plyr__control[role=menuitemradio]::before, .plyr__menu__container .plyr__control[role=menuitemradio]::after {
  border-radius: 100%;
}
.plyr__menu__container .plyr__control[role=menuitemradio]::before {
  background: rgba(0, 0, 0, 0.1);
  content: "";
  display: block;
  flex-shrink: 0;
  height: 16px;
  margin-right: var(--plyr-control-spacing, 10px);
  transition: all 0.3s ease;
  width: 16px;
}
.plyr__menu__container .plyr__control[role=menuitemradio]::after {
  background: #fff;
  border: 0;
  height: 6px;
  left: 12px;
  opacity: 0;
  top: 50%;
  transform: translateY(-50%) scale(0);
  transition: transform 0.3s ease, opacity 0.3s ease;
  width: 6px;
}
.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::before {
  background: var(--plyr-control-toggle-checked-background, var(--plyr-color-main, #78DE7F));
}
.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::after {
  opacity: 1;
  transform: translateY(-50%) scale(1);
}
.plyr__menu__container .plyr__control[role=menuitemradio].plyr__tab-focus::before, .plyr__menu__container .plyr__control[role=menuitemradio]:hover::before {
  background: rgba(35, 40, 47, 0.1);
}
.plyr__menu__container .plyr__menu__value {
  align-items: center;
  display: flex;
  margin-left: auto;
  margin-right: calc((calc(var(--plyr-control-spacing, 10px) * 0.7) - 2px) * -1);
  overflow: hidden;
  padding-left: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 3.5);
  pointer-events: none;
}

.plyr--full-ui input[type=range] {
  appearance: none;
  background: transparent;
  border: 0;
  border-radius: calc(var(--plyr-range-thumb-height, 13px) * 2);
  color: var(--plyr-range-fill-background, var(--plyr-color-main, #78DE7F));
  display: block;
  height: calc((var(--plyr-range-thumb-active-shadow-width, 3px) * 2) + var(--plyr-range-thumb-height, 13px));
  margin: 0;
  min-width: 0;
  padding: 0;
  transition: box-shadow 0.3s ease;
  width: 100%;
}
.plyr--full-ui input[type=range]::-webkit-slider-runnable-track {
  background: transparent;
  border: 0;
  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
  height: var(--plyr-range-track-height, 5px);
  transition: box-shadow 0.3s ease;
  user-select: none;
  background-image: linear-gradient(to right, currentColor var(--value, 0%), transparent var(--value, 0%));
}
.plyr--full-ui input[type=range]::-webkit-slider-thumb {
  background: var(--plyr-range-thumb-background, #fff);
  border: 0;
  border-radius: 100%;
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2));
  height: var(--plyr-range-thumb-height, 13px);
  position: relative;
  transition: all 0.2s ease;
  width: var(--plyr-range-thumb-height, 13px);
  appearance: none;
  margin-top: calc((var(--plyr-range-thumb-height, 13px) - var(--plyr-range-track-height, 5px)) / 2 * -1);
}
.plyr--full-ui input[type=range]::-moz-range-track {
  background: transparent;
  border: 0;
  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
  height: var(--plyr-range-track-height, 5px);
  transition: box-shadow 0.3s ease;
  user-select: none;
}
.plyr--full-ui input[type=range]::-moz-range-thumb {
  background: var(--plyr-range-thumb-background, #fff);
  border: 0;
  border-radius: 100%;
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2));
  height: var(--plyr-range-thumb-height, 13px);
  position: relative;
  transition: all 0.2s ease;
  width: var(--plyr-range-thumb-height, 13px);
}
.plyr--full-ui input[type=range]::-moz-range-progress {
  background: currentColor;
  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
  height: var(--plyr-range-track-height, 5px);
}
.plyr--full-ui input[type=range]::-ms-track {
  background: transparent;
  border: 0;
  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
  height: var(--plyr-range-track-height, 5px);
  transition: box-shadow 0.3s ease;
  user-select: none;
  color: transparent;
}
.plyr--full-ui input[type=range]::-ms-fill-upper {
  background: transparent;
  border: 0;
  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
  height: var(--plyr-range-track-height, 5px);
  transition: box-shadow 0.3s ease;
  user-select: none;
}
.plyr--full-ui input[type=range]::-ms-fill-lower {
  background: transparent;
  border: 0;
  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
  height: var(--plyr-range-track-height, 5px);
  transition: box-shadow 0.3s ease;
  user-select: none;
  background: currentColor;
}
.plyr--full-ui input[type=range]::-ms-thumb {
  background: var(--plyr-range-thumb-background, #fff);
  border: 0;
  border-radius: 100%;
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2));
  height: var(--plyr-range-thumb-height, 13px);
  position: relative;
  transition: all 0.2s ease;
  width: var(--plyr-range-thumb-height, 13px);
  margin-top: 0;
}
.plyr--full-ui input[type=range]::-ms-tooltip {
  display: none;
}
.plyr--full-ui input[type=range]::-moz-focus-outer {
  border: 0;
}
.plyr--full-ui input[type=range]:focus {
  outline: 0;
}
.plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track {
  outline: var(--plyr-tab-focus-color, var(--plyr-color-main, #78DE7F)) dotted 3px;
  outline-offset: 2px;
}
.plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track {
  outline: var(--plyr-tab-focus-color, var(--plyr-color-main, #78DE7F)) dotted 3px;
  outline-offset: 2px;
}
.plyr--full-ui input[type=range].plyr__tab-focus::-ms-track {
  outline: var(--plyr-tab-focus-color, var(--plyr-color-main, #78DE7F)) dotted 3px;
  outline-offset: 2px;
}

.plyr__poster {
  background-color: var(--plyr-video-background, var(--plyr-video-background, rgb(0, 0, 0)));
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: opacity 0.2s ease;
  width: 100%;
  z-index: 1;
}

.plyr--stopped.plyr__poster-enabled .plyr__poster {
  opacity: 1;
}

.plyr--youtube.plyr--paused.plyr__poster-enabled:not(.plyr--stopped) .plyr__poster {
  display: none;
}

.plyr__time {
  font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px));
}

.plyr__time + .plyr__time::before {
  content: "⁄";
  margin-right: var(--plyr-control-spacing, 10px);
}
@media (max-width: 767px) {
  .plyr__time + .plyr__time {
    display: none;
  }
}

/* stylelint-disable selector-max-compound-selectors */
.plyr__tooltip {
  background: var(--plyr-tooltip-background, rgba(255, 255, 255, 0.9));
  border-radius: var(--plyr-tooltip-radius, 5px);
  bottom: 100%;
  box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.15));
  color: var(--plyr-tooltip-color, hsl(216deg, 15%, 34%));
  font-size: var(--plyr-font-size-small, 13px);
  font-weight: var(--plyr-font-weight-regular, 400);
  left: 50%;
  line-height: 1.3;
  margin-bottom: calc(calc(var(--plyr-control-spacing, 10px) / 2) * 2);
  opacity: 0;
  padding: calc(var(--plyr-control-spacing, 10px) / 2) calc(calc(var(--plyr-control-spacing, 10px) / 2) * 1.5);
  pointer-events: none;
  position: absolute;
  transform: translate(-50%, 10px) scale(0.8);
  transform-origin: 50% 100%;
  transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease;
  white-space: nowrap;
  z-index: 2;
}
.plyr__tooltip::before {
  border-left: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
  border-right: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
  border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, rgba(255, 255, 255, 0.9));
  bottom: calc(var(--plyr-tooltip-arrow-size, 4px) * -1);
  content: "";
  height: 0;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 0;
  z-index: 2;
}

.plyr .plyr__control:hover .plyr__tooltip,
.plyr .plyr__control.plyr__tab-focus .plyr__tooltip,
.plyr__tooltip--visible {
  opacity: 1;
  transform: translate(-50%, 0) scale(1);
}

.plyr .plyr__control:hover .plyr__tooltip {
  z-index: 3;
}

.plyr__controls > .plyr__control:first-child .plyr__tooltip,
.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip {
  left: 0;
  transform: translate(0, 10px) scale(0.8);
  transform-origin: 0 100%;
}
.plyr__controls > .plyr__control:first-child .plyr__tooltip::before,
.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip::before {
  left: calc((var(--plyr-control-icon-size, 18px) / 2) + calc(var(--plyr-control-spacing, 10px) * 0.7));
}

.plyr__controls > .plyr__control:last-child .plyr__tooltip {
  left: auto;
  right: 0;
  transform: translate(0, 10px) scale(0.8);
  transform-origin: 100% 100%;
}
.plyr__controls > .plyr__control:last-child .plyr__tooltip::before {
  left: auto;
  right: calc((var(--plyr-control-icon-size, 18px) / 2) + calc(var(--plyr-control-spacing, 10px) * 0.7));
  transform: translateX(50%);
}

.plyr__controls > .plyr__control:first-child:hover .plyr__tooltip, .plyr__controls > .plyr__control:first-child.plyr__tab-focus .plyr__tooltip,
.plyr__controls > .plyr__control:first-child .plyr__tooltip--visible,
.plyr__controls > .plyr__control:first-child + .plyr__control:hover .plyr__tooltip,
.plyr__controls > .plyr__control:first-child + .plyr__control.plyr__tab-focus .plyr__tooltip,
.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip--visible,
.plyr__controls > .plyr__control:last-child:hover .plyr__tooltip,
.plyr__controls > .plyr__control:last-child.plyr__tab-focus .plyr__tooltip,
.plyr__controls > .plyr__control:last-child .plyr__tooltip--visible {
  transform: translate(0, 0) scale(1);
}

.plyr__progress {
  left: calc(var(--plyr-range-thumb-height, 13px) * 0.5);
  margin-right: var(--plyr-range-thumb-height, 13px);
  position: relative;
}
.plyr__progress input[type=range], .plyr__progress__buffer {
  margin-left: calc(var(--plyr-range-thumb-height, 13px) * -0.5);
  margin-right: calc(var(--plyr-range-thumb-height, 13px) * -0.5);
  width: calc(100% + var(--plyr-range-thumb-height, 13px));
}
.plyr__progress input[type=range] {
  position: relative;
  z-index: 2;
}
.plyr__progress .plyr__tooltip {
  left: 0;
  max-width: 120px;
  overflow-wrap: break-word;
}

.plyr__progress__buffer {
  -webkit-appearance: none; /* stylelint-disable-line */
  background: transparent;
  border: 0;
  border-radius: 100px;
  height: var(--plyr-range-track-height, 5px);
  left: 0;
  margin-top: calc((var(--plyr-range-track-height, 5px) / 2) * -1);
  padding: 0;
  position: absolute;
  top: 50%;
}
.plyr__progress__buffer::-webkit-progress-bar {
  background: transparent;
}
.plyr__progress__buffer::-webkit-progress-value {
  background: currentColor;
  border-radius: 100px;
  min-width: var(--plyr-range-track-height, 5px);
  transition: width 0.2s ease;
}
.plyr__progress__buffer::-moz-progress-bar {
  background: currentColor;
  border-radius: 100px;
  min-width: var(--plyr-range-track-height, 5px);
  transition: width 0.2s ease;
}
.plyr__progress__buffer::-ms-fill {
  border-radius: 100px;
  transition: width 0.2s ease;
}

.plyr--loading .plyr__progress__buffer {
  animation: plyr-progress 1s linear infinite;
  background-image: linear-gradient(-45deg, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 25%, transparent 25%, transparent 50%, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 50%, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 75%, transparent 75%, transparent);
  background-repeat: repeat-x;
  background-size: var(--plyr-progress-loading-size, 25px) var(--plyr-progress-loading-size, 25px);
  color: transparent;
}

.plyr--video.plyr--loading .plyr__progress__buffer {
  background-color: var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25));
}

.plyr--audio.plyr--loading .plyr__progress__buffer {
  background-color: var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6));
}

.plyr__progress__marker {
  background-color: var(--plyr-progress-marker-background, #fff);
  border-radius: 1px;
  height: var(--plyr-range-track-height, 5px);
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: var(--plyr-progress-marker-width, 3px);
  z-index: 3;
}

.plyr__volume {
  align-items: center;
  display: flex;
  max-width: 110px;
  min-width: 80px;
  position: relative;
  width: 20%;
}
.plyr__volume input[type=range] {
  margin-left: calc(var(--plyr-control-spacing, 10px) / 2);
  margin-right: calc(var(--plyr-control-spacing, 10px) / 2);
  position: relative;
  z-index: 2;
}

.plyr--is-ios .plyr__volume {
  min-width: 0;
  width: auto;
}

.plyr--audio {
  display: block;
}

.plyr--audio .plyr__controls {
  background: var(--plyr-audio-controls-background, #fff);
  border-radius: inherit;
  color: var(--plyr-audio-control-color, hsl(216deg, 15%, 34%));
  padding: var(--plyr-control-spacing, 10px);
}

.plyr--audio .plyr__control.plyr__tab-focus, .plyr--audio .plyr__control:hover, .plyr--audio .plyr__control[aria-expanded=true] {
  background: var(--plyr-audio-control-background-hover, var(--plyr-color-main, #78DE7F));
  color: var(--plyr-audio-control-color-hover, #fff);
}

.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track {
  background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6)));
}
.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track {
  background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6)));
}
.plyr--full-ui.plyr--audio input[type=range]::-ms-track {
  background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6)));
}
.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb {
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1));
}
.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb {
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1));
}
.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb {
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1));
}

.plyr--audio .plyr__progress__buffer {
  color: var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6));
}

.plyr--video {
  background: var(--plyr-video-background, var(--plyr-video-background, rgb(0, 0, 0)));
  overflow: hidden;
}
.plyr--video.plyr--menu-open {
  overflow: visible;
}

.plyr__video-wrapper {
  background: var(--plyr-video-background, var(--plyr-video-background, rgb(0, 0, 0)));
  height: 100%;
  margin: auto;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.plyr__video-embed,
.plyr__video-wrapper--fixed-ratio {
  aspect-ratio: 16/9;
}
@supports not (aspect-ratio: 16/9) {
  .plyr__video-embed,
  .plyr__video-wrapper--fixed-ratio {
    height: 0;
    padding-bottom: 56.25%;
    position: relative;
  }
}

.plyr__video-embed iframe,
.plyr__video-wrapper--fixed-ratio video {
  border: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.plyr--full-ui .plyr__video-embed > .plyr__video-embed__container {
  padding-bottom: 240%;
  position: relative;
  transform: translateY(-38.28125%);
}

.plyr--video .plyr__controls {
  background: var(--plyr-video-controls-background, linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75)));
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  bottom: 0;
  color: var(--plyr-video-control-color, #fff);
  left: 0;
  padding: calc(var(--plyr-control-spacing, 10px) / 2);
  padding-top: calc(var(--plyr-control-spacing, 10px) * 2);
  position: absolute;
  right: 0;
  transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
  z-index: 3;
}
@media (min-width: 480px) {
  .plyr--video .plyr__controls {
    padding: var(--plyr-control-spacing, 10px);
    padding-top: calc(var(--plyr-control-spacing, 10px) * 3.5);
  }
}

.plyr--video.plyr--hide-controls .plyr__controls {
  opacity: 0;
  pointer-events: none;
  transform: translateY(100%);
}

.plyr--video .plyr__control.plyr__tab-focus, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true] {
  background: var(--plyr-video-control-background-hover, var(--plyr-color-main, #78DE7F));
  color: var(--plyr-video-control-color-hover, #fff);
}

.plyr__control--overlaid {
  background: var(--plyr-video-control-background-hover, var(--plyr-color-main, #78DE7F));
  border: 0;
  border-radius: 100%;
  color: var(--plyr-video-control-color, #fff);
  display: none;
  left: 50%;
  opacity: 0.9;
  padding: calc(var(--plyr-control-spacing, 10px) * 1.5);
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: 0.3s;
  z-index: 2;
}
.plyr__control--overlaid svg {
  left: 2px;
  position: relative;
}
.plyr__control--overlaid:hover, .plyr__control--overlaid:focus {
  opacity: 1;
}

.plyr--playing .plyr__control--overlaid {
  opacity: 0;
  visibility: hidden;
}

.plyr--full-ui.plyr--video .plyr__control--overlaid {
  display: block;
}

.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track {
  background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25)));
}
.plyr--full-ui.plyr--video input[type=range]::-moz-range-track {
  background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25)));
}
.plyr--full-ui.plyr--video input[type=range]::-ms-track {
  background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25)));
}
.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb {
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5));
}
.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb {
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5));
}
.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb {
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5));
}

.plyr--video .plyr__progress__buffer {
  color: var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25));
}

.plyr:fullscreen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
}
.plyr:fullscreen video {
  height: 100%;
}
.plyr:fullscreen .plyr__control .icon--exit-fullscreen {
  display: block;
}
.plyr:fullscreen .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}
.plyr:fullscreen.plyr--hide-controls {
  cursor: none;
}
@media (min-width: 1024px) {
  .plyr:fullscreen .plyr__captions {
    font-size: var(--plyr-font-size-xlarge, 21px);
  }
}

.plyr--fullscreen-fallback {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
  bottom: 0;
  display: block;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 10000000;
}
.plyr--fullscreen-fallback video {
  height: 100%;
}
.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen {
  display: block;
}
.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}
.plyr--fullscreen-fallback.plyr--hide-controls {
  cursor: none;
}
@media (min-width: 1024px) {
  .plyr--fullscreen-fallback .plyr__captions {
    font-size: var(--plyr-font-size-xlarge, 21px);
  }
}

.plyr__ads {
  border-radius: inherit;
  bottom: 0;
  cursor: pointer;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}
.plyr__ads > div,
.plyr__ads > div iframe {
  height: 100%;
  position: absolute;
  width: 100%;
}
.plyr__ads::after {
  background: hsl(216deg, 15%, 16%);
  border-radius: 2px;
  bottom: var(--plyr-control-spacing, 10px);
  color: #fff;
  content: attr(data-badge-text);
  font-size: 11px;
  padding: 2px 6px;
  pointer-events: none;
  position: absolute;
  right: var(--plyr-control-spacing, 10px);
  z-index: 3;
}
.plyr__ads:empty::after {
  display: none;
}

.plyr__cues {
  background: currentColor;
  display: block;
  height: var(--plyr-range-track-height, 5px);
  left: 0;
  opacity: 0.8;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 3px;
  z-index: 3;
}

.plyr__preview-thumb {
  background-color: var(--plyr-tooltip-background, rgba(255, 255, 255, 0.9));
  border-radius: var(--plyr-tooltip-radius, 5px);
  bottom: 100%;
  box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.15));
  margin-bottom: calc(calc(var(--plyr-control-spacing, 10px) / 2) * 2);
  opacity: 0;
  padding: 3px;
  pointer-events: none;
  position: absolute;
  transform: translate(0, 10px) scale(0.8);
  transform-origin: 50% 100%;
  transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease;
  z-index: 2;
}
.plyr__preview-thumb--is-shown {
  opacity: 1;
  transform: translate(0, 0) scale(1);
}
.plyr__preview-thumb::before {
  border-left: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
  border-right: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
  border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, rgba(255, 255, 255, 0.9));
  bottom: calc(var(--plyr-tooltip-arrow-size, 4px) * -1);
  content: "";
  height: 0;
  left: calc(50% + var(--preview-arrow-offset));
  position: absolute;
  transform: translateX(-50%);
  width: 0;
  z-index: 2;
}
.plyr__preview-thumb__image-container {
  background: hsl(216deg, 15%, 79%);
  border-radius: calc(var(--plyr-tooltip-radius, 5px) - 1px);
  overflow: hidden;
  position: relative;
  z-index: 0;
}
.plyr__preview-thumb__image-container img, .plyr__preview-thumb__image-container::after {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.plyr__preview-thumb__image-container::after {
  border-radius: inherit;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15);
  content: "";
  pointer-events: none;
}
.plyr__preview-thumb__image-container img {
  max-height: none;
  max-width: none;
}
.plyr__preview-thumb__time-container {
  background: var(--plyr-video-controls-background, linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75)));
  border-bottom-left-radius: calc(var(--plyr-tooltip-radius, 5px) - 1px);
  border-bottom-right-radius: calc(var(--plyr-tooltip-radius, 5px) - 1px);
  bottom: 0;
  left: 0;
  line-height: 1.1;
  padding: 20px 6px 6px;
  position: absolute;
  right: 0;
  z-index: 3;
}
.plyr__preview-thumb__time-container span {
  color: #fff;
  font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px));
}

.plyr__preview-scrubbing {
  bottom: 0;
  filter: blur(1px);
  height: 100%;
  left: 0;
  margin: auto;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity 0.3s ease;
  width: 100%;
  z-index: 1;
}
.plyr__preview-scrubbing--is-shown {
  opacity: 1;
}
.plyr__preview-scrubbing img {
  height: 100%;
  left: 0;
  max-height: none;
  max-width: none;
  object-fit: contain;
  position: absolute;
  top: 0;
  width: 100%;
}

.plyr--no-transition {
  transition: none !important;
}

.plyr__sr-only {
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  border: 0 !important;
  height: 1px !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
}

.plyr [hidden] {
  display: none !important;
}