@charset "UTF-8";
/* 1. Use a more-intuitive box-sizing model */
*, *::before, *::after {
  box-sizing: border-box;
}

/* 2. Remove default margin */
* {
  margin: 0;
}

/* 3. Enable keyword animations */
@media (prefers-reduced-motion: no-preference) {
  html {
    interpolate-size: allow-keywords;
  }
}
body {
  /* 4. Add accessible line-height */
  line-height: 1.5;
  /* 5. Improve text rendering */
  -webkit-font-smoothing: antialiased;
}

/* 6. Improve media defaults */
img, picture, video, canvas, svg {
  display: block;
  max-width: 100%;
}

/* 7. Inherit fonts for form controls */
input, button, textarea, select {
  font: inherit;
}

/* 8. Avoid text overflows */
p, h1, h2, h3, h4, h5, h6 {
  overflow-wrap: break-word;
}

/* 9. Improve line wrapping */
/*
  10. Create a root stacking context
*/
#root, #__next {
  isolation: isolate;
}

@font-face {
  font-family: "Favorit";
  src: url("../fonts/ABCFavorit-Regular.woff") format("woff"), url("../fonts/ABCFavorit-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Favorit";
  src: url("../fonts/ABCFavorit-Bold.woff") format("woff"), url("../fonts/ABCFavorit-Bold.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Reckless";
  src: url("../fonts/RecklessStandardM-Regular.woff") format("woff"), url("../fonts/RecklessStandardM-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Reckless";
  src: url("../fonts/RecklessStandardM-RegularItalic.woff") format("woff"), url("../fonts/RecklessStandardM-RegularItalic.woff2") format("woff2");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Reckless";
  src: url("../fonts/RecklessStandardM-Bold.woff") format("woff"), url("../fonts/RecklessStandardM-Bold.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
}
:root {
  --bas-background: #262626;
  --bas-text: #FFFFFF;
  --bas-tag-color: #EDEDED;
  --bas-highlight: #fff;
  --bas-grey: rgba(255,255,255,0.1);
  --bas-grey: #3c3c3c;
  --bas-gap: 1.5rem;
  --bas-text-root: 16px;
  --bas-text-medium: 1.5rem;
  --bas-text-large: 2.25rem;
  --bas-text-xlarge: 3.125rem;
  --bas-text-xxlarge: 6.25rem;
  --bas-section-spacing: calc(10 * var(--bas-text-root));
  --bas-image-radius: var(--bas-text-root);
  --bas-tag-color: #EDEDED;
  --bas-page-color: #FFF;
  --bas-max-content-width: 80rem;
  --focal-point-left: 0.5;
  --focal-point-top: 0.5;
}
@media only screen and (max-width: 767.98px) {
  :root {
    --bas-text-root: 13px;
    --bas-gap: 1.25rem;
    --bas-text-large: 1.6rem;
    --bas-text-xlarge: 2rem;
    --bas-text-xxlarge: 3rem;
    --bas-section-spacing: calc(6 * var(--bas-text-root));
  }
}
@media only screen and (min-width: 768px) {
  :root {
    --bas-text-root: 14px;
  }
}
@media only screen and (min-width: 1200px) {
  :root {
    --bas-text-root: 15px;
  }
}
@media only screen and (min-width: 1600px) {
  :root {
    --bas-text-root: 16px;
  }
}
@media only screen and (min-width: 2200px) {
  :root {
    --bas-text-root: 20px;
  }
}

.visually-hidden {
  border: 0;
  clip-path: inset(50%);
  height: 1px;
  margin: 0;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.text-default {
  font-size: var(--bas-text-root);
}

.text-medium {
  font-size: var(--bas-text-medium);
}

.text-large {
  font-size: var(--bas-text-large);
  font-family: "Reckless";
  line-height: 1.1;
}

.text-xlarge {
  font-size: var(--bas-text-xlarge);
  font-family: "Reckless";
  line-height: 1;
}
@media only screen and (max-width: 767.98px) {
  .text-xlarge {
    hyphens: manual;
  }
}

.text-xxlarge {
  font-size: var(--bas-text-xxlarge);
  font-family: "Reckless";
  line-height: 1;
}

.center {
  text-align: center;
}

.sans {
  font-family: "Favorit";
}

.bas-carousel {
  padding: 0 !important;
}

.slide {
  margin: 0;
  padding: 0;
  display: block;
  padding: calc(var(--bas-gap) / 4);
  opacity: 0.3;
  filter: saturate(0);
  transition: opacity 0.3s ease-in, filter 0.3s ease-in;
}
.slide a {
  text-decoration: none;
  color: var(--bas-slide-color);
}
@media only screen and (max-width: 767.98px) {
  .slide {
    padding: calc(var(--bas-gap) / 8);
  }
}
.slide .slide-inner {
  min-with: 90%;
  pointer-events: none;
}
.slide.is-active .slide-inner {
  pointer-events: auto;
}
.slide:first-child, .slide.is-active {
  filter: saturate(1);
  opacity: 1;
}
.slide:focus, .slide:focus-visible {
  border: none;
  outline: none;
  -webkit-appearance: none;
}
.slide figure {
  position: relative;
  aspect-ratio: 18/7;
  overflow: hidden;
  border-radius: 1rem;
  transition: opacity 0.2s ease-out;
}
@media only screen and (max-width: 767.98px) {
  .slide figure {
    aspect-ratio: 6/3;
  }
}
.slide figure img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: calc(var(--focal-point-left) * 100%) calc(var(--focal-point-top) * 100%);
}
.slide figure .tag {
  position: absolute;
  top: 0.7rem;
  left: 0.7rem;
  border-radius: 0.7rem;
  text-transform: uppercase;
  padding: 0.25rem 0.75rem;
  background: var(--bas-slide-color);
  line-height: 1;
  font-size: 1rem;
  font-family: "Favorit";
  color: black;
}
.slide figure:hover {
  opacity: 0.6;
}
.slide .title-wrapper {
  color: var(--bas-slide-color);
  padding: 0 0.5rem;
  margin-top: 1rem;
  display: flex;
  flex-direction: row;
  gap: calc(1 * var(--bas-gap));
}
.slide .title-wrapper > * {
  width: 50%;
  font-family: "Favorit";
  font-size: var(--text-default);
}
.slide .title-wrapper h2 {
  font-size: var(--bas-text-medium) !important;
}
.slide .title-wrapper p {
  margin-top: 0;
  font-size: var(--bas-text-root) !important;
}
@media only screen and (max-width: 767.98px) {
  .slide .title-wrapper {
    padding: 0;
    gap: calc(0.5 * var(--bas-gap));
    flex-direction: column;
  }
  .slide .title-wrapper > * {
    width: 100%;
  }
}

.splide__track--nav > .splide__list > .splide__slide.is-active {
  border: none;
}

.bas-quote,
.intro {
  text-align: center;
}
.bas-quote blockquote, .bas-quote .text,
.intro blockquote,
.intro .text {
  max-width: var(--bas-max-content-width);
  margin: 0.2em auto;
  font-style: italic;
  line-height: 1.15;
}
.bas-quote cite, .bas-quote .heading,
.intro cite,
.intro .heading {
  font-weight: bold;
  font-style: normal;
  font-size: var(--bas-text-root);
}

[class*=image-desktop-],
[class*=image-mobile-] {
  position: relative;
  overflow: hidden;
  border-radius: var(--bas-image-radius);
  margin-bottom: 1em;
  background: var(--bas-grey);
}
[class*=image-desktop-] img,
[class*=image-mobile-] img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: calc(var(--focal-point-left) * 100%) calc(var(--focal-point-top) * 100%);
  filter: grayscale(100);
  transition: filter 0.3s;
}
[class*=image-desktop-] img:hover,
[class*=image-mobile-] img:hover {
  filter: grayscale(0);
}
[class*=image-desktop-].alternate-greyscale,
[class*=image-mobile-].alternate-greyscale {
  position: relative;
}
[class*=image-desktop-].alternate-greyscale img,
[class*=image-mobile-].alternate-greyscale img {
  filter: none;
  position: absolute;
  top: 0;
  left: 0;
  transition: opacity 0.3s;
}
[class*=image-desktop-].alternate-greyscale:hover .greyscale,
[class*=image-mobile-].alternate-greyscale:hover .greyscale {
  opacity: 0;
}
[class*=image-desktop-] .tag,
[class*=image-mobile-] .tag {
  position: absolute;
  top: 0.7rem;
  left: 0.7rem;
  border-radius: 0.7rem;
  text-transform: uppercase;
  padding: 0.25rem 0.75rem;
  background: var(--bas-page-color);
  line-height: 1;
  font-size: var(--bas-text-root);
  color: black;
  font-family: "Favorit";
}
[class*=image-desktop-] .tag-list,
[class*=image-mobile-] .tag-list {
  position: absolute;
  top: 0.7rem;
  left: 0.7rem;
}
[class*=image-desktop-] .tag-list .tag,
[class*=image-mobile-] .tag-list .tag {
  position: unset;
  display: inline-block;
}
[class*=image-desktop-] .title-text,
[class*=image-mobile-] .title-text {
  display: flex;
  flex-direction: row;
  gap: var(--bas-gap);
}
[class*=image-desktop-] .title-text > *,
[class*=image-mobile-] .title-text > * {
  width: 50%;
}

@media only screen and (max-width: 767.98px) {
  .image-mobile-3-1 {
    aspect-ratio: 3/1;
  }
  .image-mobile-2-1 {
    aspect-ratio: 2/1;
  }
  .image-mobile-3-4 {
    aspect-ratio: 3/4;
  }
  .image-mobile-1-1 {
    aspect-ratio: 1/1;
  }
}
@media only screen and (min-width: 768px) {
  .image-desktop-4-1 {
    aspect-ratio: 4/1;
  }
  .image-desktop-3-1 {
    aspect-ratio: 3/1;
  }
  .image-desktop-3-4 {
    aspect-ratio: 3/4;
  }
  .image-desktop-1-1 {
    aspect-ratio: 1/1;
  }
}
.content,
.content .expandable {
  background: var(--bas-grey);
}
.content.no-fill,
.content .expandable.no-fill {
  background: transparent;
}
.content > *,
.content .expandable > * {
  width: 100%;
}
.content > p,
.content > ul,
.content .expandable > p,
.content .expandable > ul {
  max-width: calc(var(--bas-max-content-width) * 0.75);
  margin: 1em auto;
  font-size: var(--bas-text-large);
  font-family: "Reckless";
}
.content > p.has-large-font-size,
.content > ul.has-large-font-size,
.content .expandable > p.has-large-font-size,
.content .expandable > ul.has-large-font-size {
  font-size: var(--bas-text-large) !important;
}
.content > p.has-x-large-font-size,
.content > ul.has-x-large-font-size,
.content .expandable > p.has-x-large-font-size,
.content .expandable > ul.has-x-large-font-size {
  font-size: var(--bas-text-xlarge) !important;
}
.content > p + p, .content > p + ul,
.content > ul + p,
.content > ul + ul,
.content .expandable > p + p,
.content .expandable > p + ul,
.content .expandable > ul + p,
.content .expandable > ul + ul {
  margin-top: 1em;
}
.content .wp-block-embed,
.content .expandable .wp-block-embed {
  max-width: var(--bas-max-content-width);
  margin: calc(3 * var(--bas-gap)) auto;
}
.content .wp-embed-aspect-16-9 .wp-block-embed__wrapper,
.content .expandable .wp-embed-aspect-16-9 .wp-block-embed__wrapper {
  width: 100%;
  aspect-ratio: 16/9;
}
.content .wp-embed-aspect-16-9 .wp-block-embed__wrapper iframe,
.content .expandable .wp-embed-aspect-16-9 .wp-block-embed__wrapper iframe {
  width: 100%;
  height: 100%;
}

.content {
  padding: calc(2 * var(--bas-gap)) 0;
}
.content .expandable {
  padding: 0;
}

.navigation {
  background: var(--bas-background);
  z-index: 100;
  top: 0;
  lefT: 0;
  right: 0;
  width: 100%;
  padding: calc(1.5 * var(--bas-gap)) var(--bas-gap);
  display: grid;
  grid-template-columns: 4fr 2fr 4fr;
  gap: var(--bas-gap);
  align-items: center;
}
.navigation .nav-left {
  justify-self: start;
}
.navigation .nav-center {
  justify-self: center;
}
.navigation .nav-right {
  justify-self: end;
}
.navigation ul {
  list-style-type: none;
  margin: none;
  padding: 0;
  display: flex;
  flex-direction: row;
  gap: var(--bas-gap);
  text-transform: uppercase;
}
.navigation #bas-signet {
  position: absolute;
  transform: translateX(-50%) translateY(-50%);
}
.navigation * {
  color: var(--bas-highlight);
}

#bas-wordmark,
#bas-signet,
#intro-text {
  fill: var(--bas-highlight);
  color: var(--bas-highlight);
  transition: fill 0.3s ease-out, color 0.3s ease-out;
}

#bas-wordmark {
  padding: calc(var(--bas-gap));
}

.home #bas-wordmark {
  padding: 0;
}

.footer .grid {
  grid-gap: var(--bas-gap);
}
.footer .grid + .grid {
  margin-top: var(--bas-gap);
}

.bas-feature-image-block {
  margin: 2em inherit;
}
.bas-feature-image-block figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.bas-feature-image-block .title-text {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  gap: var(--bas-gap);
}
.bas-feature-image-block .title-text > * {
  font-family: "Favorit";
  font-size: var(--bas-text-root);
  margin: 0;
  width: 100%;
  max-width: none;
}
.bas-feature-image-block .title-text h2 {
  font-size: var(--bas-text-medium);
  width: 50%;
}
@media only screen and (max-width: 767.98px) {
  .bas-feature-image-block .title-text h2 {
    width: 100%;
  }
}
@media only screen and (max-width: 767.98px) {
  .bas-feature-image-block .title-text {
    flex-direction: column;
  }
}

.has-small-font-size {
  font-size: var(--bas-text-root) !important;
  font-family: "Favorit", sans-serif !important;
}

.has-large-font-size {
  font-size: var(--bas-text-large) !important;
}

.intro-meta-inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--bas-gap);
  width: 100%;
  max-width: var(--bas-max-content-width);
  margin: 0 auto;
}
@media only screen and (max-width: 767.98px) {
  .intro-meta-inner {
    display: flex;
    flex-direction: column;
    max-width: 100%;
  }
}

.intro-play {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.play-button {
  display: inline-block;
  background: white;
  width: 6em;
  height: 6em;
  border-radius: 100%;
  text-indent: -999em;
  overflow: hidden;
  border: none;
  background-image: url(../img/icon-play.svg);
  background-size: cover;
  background-repeat: no-repeat;
  margin-bottom: 1em;
  border: 1px solid var(--bas-background);
}

.content > * {
  padding: 0 var(--bas-gap);
}

.wp-block-buttons {
  margin: calc(3 * var(--bas-gap)) auto;
}
.wp-block-buttons a {
  background: transparent;
  border: 1px solid #ccc;
}

.page-presse .title {
  display: none;
}

.bas-press-block-inner {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 1rem 0 0 0;
  border-top: 1px solid white;
}
@media only screen and (max-width: 767.98px) {
  .bas-press-block-inner {
    flex-direction: column;
  }
}
.bas-press-block-inner .info {
  margin-top: 0.5rem;
  width: 75%;
  padding: 0;
  margin-bottom: 1em;
}
.bas-press-block-inner .info > * {
  max-width: none;
}
@media only screen and (max-width: 767.98px) {
  .bas-press-block-inner .info {
    width: 100%;
  }
}
.bas-press-block-inner h2 {
  margin-bottom: 1em;
}

html {
  font-size: 20px;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  scroll-behavior: smooth;
  font-size: var(--bas-text-root);
}

body {
  background: var(--bas-background);
  color: var(--bas-text);
  font-family: "Favorit";
  margin: 0;
  padding: 0;
  line-height: 1.3;
  animation: 1s fadeInUp ease-in;
}
section {
  margin: var(--bas-section-spacing) 0;
  padding: 0 var(--bas-gap);
}
section.no-padding {
  padding-left: 0;
  padding-right: 0;
}
section.no-margin {
  margin: 0;
}
section.title {
  margin-bottom: 0;
}
section.title-image {
  margin: calc(var(--bas-section-spacing)) 0;
}
section.intro {
  margin: calc(var(--bas-section-spacing)) 0;
}
section.intro-play {
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
section.filter-list-section {
  margin: calc(0.5 * var(--bas-section-spacing)) 0;
}
section.filter {
  margin-top: 0;
}

* {
  font-weight: normal;
}

a {
  color: currentcolor;
  text-decoration: none;
  text-underline-offset: 0.15em;
  text-decoration-thickness: 1px;
  text-decoration-color: currentcolor;
}
a:hover, a.active {
  text-decoration: underline;
}

h1 {
  width: 100%;
  margin-top: 1rem;
}
h1 svg {
  width: 100%;
  height: auto;
}

h2 {
  margin: 0;
  font-size: 1.5rem;
  line-height: 1.1;
}
@media only screen and (max-width: 767.98px) {
  h2 {
    font-size: 1.5rem;
  }
}

header {
  padding: var(--bas-gap);
  height: 75vh;
  min-height: 20rem;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  align-items: center;
}

strong {
  font-weight: bold;
}

#bas-signet {
  height: 2.5rem;
  width: auto;
}
@media only screen and (max-width: 767.98px) {
  #bas-signet {
    height: 2rem;
  }
}

.large-text {
  font-family: "Reckless";
  font-size: 1.75rem;
  line-height: 1.1;
}
@media only screen and (max-width: 767.98px) {
  .large-text {
    hyphens: manual;
    font-size: 1.4rem;
    line-height: 1.2;
  }
}

.mission {
  padding: var(--bas-gap);
  margin: 6rem 0;
}
@media only screen and (max-width: 767.98px) {
  .mission {
    margin: 3rem 0;
  }
}
.mission p {
  max-width: var(--bas-max-content-width);
}

.footer {
  line-height: 1.5;
  font-size: var(--bas-text-root);
  padding: var(--bas-gap);
}
.footer a {
  display: inline-block;
}
@media only screen and (max-width: 767.98px) {
  .footer .grid .right {
    text-align: left;
  }
}

.imprint {
  padding-top: 3em;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0s ease-in;
}

.imprint-button {
  width: auto;
  height: 1em;
  cursor: pointer;
}
.imprint-button::after {
  margin-left: 0.5em;
  content: "↓";
  transition: transform 0.1s ease-in;
  display: inline-block;
}
.imprint-button.active::after {
  transform: rotate(-180deg);
}

p + p {
  margin-top: 1em;
}

.grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: calc(3 * var(--bas-gap)) calc(var(--bas-gap));
}
.grid > * {
  grid-column: auto;
}
.grid .right {
  text-align: right;
}
.grid .col-2 {
  grid-column: 2;
}
@media only screen and (max-width: 767.98px) {
  .grid {
    grid-template-columns: 1fr 1fr;
  }
}

h2 + .grid,
h3 + .grid,
.grid + .grid {
  margin-top: var(--bas-gap);
}

.button {
  background: none;
  color: var(--bas-text);
  padding: 0;
  margin: 0;
  border: 0;
  text-align: left;
  display: inline-block;
  text-decoration: none;
}

.title {
  text-align: center;
}
.title .category {
  font-weight: bold;
}
.title h1 {
  margin: 0;
}

.bas-interview {
  width: 100%;
  max-width: var(--bas-max-content-width) !important;
  margin: 1em auto;
  display: flex;
  flex-direction: column;
}
.bas-interview p {
  font-size: var(--bas-text-large);
  font-family: "Reckless";
  width: calc(var(--bas-max-content-width) * 0.5);
  margin: 0;
  text-indent: 0em;
}
@media only screen and (max-width: 767.98px) {
  .bas-interview p {
    width: 80%;
  }
}
.bas-interview p:nth-child(even) {
  align-self: end;
}
.bas-interview p + p {
  margin-top: 2em;
}

.podcast-list {
  display: flex;
  flex-direction: column;
}
.podcast-list .podcast-list-entry {
  border-bottom: 10px solid var(--bas-background);
  padding: calc(2 * var(--bas-gap)) var(--bas-gap);
  background: var(--bas-grey);
}
.podcast-list .podcast-list-entry .podcast-list-entry-inner {
  display: flex;
  flex-direction: row;
  min-width: 50rem;
  max-width: var(--bas-max-content-width);
  margin: 0 auto;
  gap: var(--bas-gap);
}
@media only screen and (max-width: 767.98px) {
  .podcast-list .podcast-list-entry .podcast-list-entry-inner {
    flex-direction: column;
    width: 100%;
    min-width: 0;
  }
}
.podcast-list .podcast-list-entry .cover {
  width: 33%;
}
@media only screen and (max-width: 767.98px) {
  .podcast-list .podcast-list-entry .cover {
    width: 100%;
  }
}
.podcast-list .podcast-list-entry .text {
  width: 66%;
  padding: var(--bas-gap);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media only screen and (max-width: 767.98px) {
  .podcast-list .podcast-list-entry .text {
    width: 100%;
    gap: var(--bas-gap);
  }
}

.button {
  display: inline-block;
  border: 1px solid white;
  padding: 0.5em 1em;
  background: white;
  color: var(--bas-background);
  border-radius: 1.5em;
  cursor: pointer;
}
.button:hover {
  background: transparent;
  color: white;
}
.button.hollow {
  background: transparent;
  color: white;
}
.button.hollow:hover, .button.hollow.active {
  background: white;
  color: var(--bas-background);
}
.button.dotted {
  border: 1px dashed currentcolor;
}

@keyframes fadeInUp {
  0% {
    transform: translateY(0);
    opacity: 0;
  }
  100% {
    transform: translateY(0%);
    opacity: 1;
  }
}
.home-intro {
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
  min-height: 70vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}

.home .bas-carousel:first-child {
  margin-top: 0;
}

.filter-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: calc(var(--bas-gap) * 0.5);
}

h1 {
  font-size: var(--bas-text-xxlarge);
  font-family: "Reckless";
  line-height: 1;
  margin-top: 3em;
}
h1:first-of-type {
  margin-top: 0;
}

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