@font-face {
  font-family: "Comic";
  src: url("../fonts/Comic.8ea30cf2a2ba.woff2") format("woff2"), url("../fonts/Comic.bac80affc4e9.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

.laptop-only {
  display: none;
}

strong, b {
  font-weight: bold;
  font-family: Helvetica, Arial, sans-serif;
}

.frontend {
  font-size: 14px;
}

.ask {
  background-color: #8e74c7;
  color: black;
}
.ask a {
  color: black;
}
.ask img {
  filter: grayscale(1);
}
.ask h1.logo {
  font-family: "Comic Sans MS", "Comic", sans-serif;
}
.ask strong, .ask b, .ask .video-thumbnail .video-thumbnail-caption b {
  font-family: Courier, "Courier New", monospace;
  font-size: 13px;
  line-height: 1.2;
  color: black;
}
.ask strong, .ask b, .ask .video-thumbnail .video-thumbnail-caption b {
  font-weight: bold;
}
.ask .search-form ::-moz-placeholder {
  color: black;
  opacity: 1; /* Firefox */
}
.ask .search-form ::placeholder {
  color: black;
  opacity: 1; /* Firefox */
}
.ask .search-form input {
  border-color: black;
}
.ask #content, .ask #footer {
  font-family: Courier, "Courier New", monospace;
  font-weight: normal;
  font-size: 13px;
  line-height: 1.2;
}
.ask #content h1, .ask #content h2, .ask #content h3, .ask #content p, .ask #content ul, .ask #content ol, .ask #content blockquote, .ask #footer h1, .ask #footer h2, .ask #footer h3, .ask #footer p, .ask #footer ul, .ask #footer ol, .ask #footer blockquote {
  font-size: 13px;
  line-height: 1.2;
  color: black;
  font-weight: normal;
}
.ask #content h1 {
  letter-spacing: 0.6em;
  text-transform: uppercase;
}
.ask #videos h2.section-title,
.ask #masterpiece h2.section-title {
  font-size: 13px;
  font-weight: normal;
  letter-spacing: 0.6em;
  margin-bottom: 2.4em;
  text-transform: uppercase;
}
.ask #videos ul,
.ask #masterpiece ul {
  grid-column-gap: calc(30px - 1.2em) !important;
}
@media screen and (min-width: 768px) {
  .ask #videos ul,
  .ask #masterpiece ul {
    width: calc(100% + 1.2em);
    position: relative;
    left: -0.6em;
  }
}
.ask #videos ul li.video-thumbnail,
.ask #masterpiece ul li.video-thumbnail {
  padding: 0.6em;
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .ask #videos ul li.video-thumbnail,
  .ask #masterpiece ul li.video-thumbnail {
    width: calc(100% + 1.2em);
    position: relative;
    left: -0.6em;
  }
}
.ask #masterpiece {
  margin-bottom: 6em;
}
.ask #materialien {
  font-size: 13px;
  line-height: 1.2;
  margin-top: 6em;
  font-size: 13px;
}
.ask #materialien h2 {
  font-size: 13px;
  font-weight: normal;
  letter-spacing: 0.6em;
  margin-bottom: 2.4em;
  text-transform: uppercase;
}
.ask #materialien ol {
  -moz-column-count: 2;
       column-count: 2;
  -moz-column-gap: 2.4em;
       column-gap: 2.4em;
  list-style: none;
  margin: 1.2em 0;
  padding: 0;
}
.ask #materialien ol li {
  font-size: 13px;
  line-height: 1.2;
  margin-bottom: 0;
  display: inline-block;
  padding: 0.6em;
  position: relative;
  top: -0.6em;
  left: -0.6em;
}
@media screen and (max-width: 767px) {
  .ask #materialien ol li {
    width: 100%;
    width: calc(100% + 16px);
    display: block;
    box-sizing: border-box;
    left: -8px;
    right: -8px;
    padding: 0.6em 0 0.6em 8px;
  }
}
.ask #materialien ol li .number {
  display: inline-block;
  margin-right: 1.8em;
}
.ask #materialien ol li figure {
  width: 12em;
  display: block;
}
.ask #materialien ol li figure img {
  max-width: 100%;
  height: auto;
}
.ask #materialien ol li .authors {
  font-weight: bold;
  color: black;
}
.ask #materialien ol li a i {
  text-transform: uppercase;
  font-style: normal;
  color: black;
}
@media screen and (max-width: 480px) {
  .ask #materialien ol {
    -moz-column-count: 1;
         column-count: 1;
    -moz-column-gap: 0;
         column-gap: 0;
  }
}
@media screen and (min-width: 1440px) {
  .ask #materialien ol {
    -moz-column-count: 3;
         column-count: 3;
  }
}
@media screen and (min-width: 1800px) {
  .ask #materialien ol {
    -moz-column-count: 4;
         column-count: 4;
  }
}
@media screen and (max-width: 767px) {
  .ask #materialien ol span.subtitle,
  .ask #materialien ol span.publisher,
  .ask #materialien ol span.year {
    display: none;
  }
}
.ask #toggle-menu {
  color: black !important;
}
.ask.template-mediathek #einleitung {
  max-width: 55em;
  margin-bottom: 6em;
  line-height: 1.2;
}
.ask #credits {
  margin-top: 7.2em;
}
@media screen and (max-width: 767px) {
  .ask {
    margin: 8px;
  }
}

.single.ask.material article {
  margin-top: 6em;
}
.single.ask.material article h1, .single.ask.material article h2, .single.ask.material article h3, .single.ask.material article p, .single.ask.material article blockquote {
  font-family: Courier, "Courier New", monospace;
  font-weight: normal;
  font-size: 13px;
  max-width: 60em;
}
.single.ask.material article header {
  margin-bottom: 3.6em;
}
.single.ask.material article header h1 {
  line-height: 1.8;
  margin-bottom: 2.4em;
  text-transform: uppercase;
  letter-spacing: 0.6em;
  -webkit-hyphens: manual;
  hyphens: manual;
}
.single.ask.material article header p {
  margin: 0;
}
.single.ask.material article header p.authors {
  margin-bottom: 1.2em;
}
.single.ask.material article section#body .block.rich-text {
  line-height: 1.8;
}
.single.ask.material article section#body .block.image {
  margin: 3.6em 0;
}
.single.ask.material article section#body .block.image figure {
  margin: 0;
}
.single.ask.material article section#body .block.image figure img {
  display: block;
  width: 100%;
  height: auto;
}
.single.ask.material article section#body .block.image figure.small {
  min-width: 200px !important;
}
@media screen and (max-width: 767px) {
  .single.ask.material article section#body .block.image figure {
    margin-left: auto;
    margin-right: auto;
  }
  .single.ask.material article section#body .block.image figure.medium, .single.ask.material article section#body .block.image figure.large {
    width: 100% !important;
  }
}
.single.ask.material article section#in-use {
  margin: 6em 0 3.6em;
}
.single.ask.material article section#in-use > h2 {
  margin-bottom: 1.8em;
  text-transform: uppercase;
  letter-spacing: 0.6em;
}
.single.ask.material #footer nav.back-to-home {
  position: fixed;
  top: 8px;
  right: 8px;
}

.ask.template-video article #materialien {
  margin-top: 0;
}
@media screen and (max-width: 767px) {
  .ask.template-video article #materialien {
    margin-top: 6em;
  }
}
.ask.template-video article #materialien ol {
  -moz-column-count: 1;
       column-count: 1;
}
.ask.template-video article footer {
  font-family: Courier, "Courier New", monospace;
  font-weight: normal;
  font-size: 13px;
  color: black;
}
.ask.template-video article footer h1, .ask.template-video article footer h2, .ask.template-video article footer h3, .ask.template-video article footer p {
  color: black;
}
.ask.template-video .video .text-wrapper #text {
  font-size: 1em;
}

.ask #personen {
  margin-top: 3.6em;
}
.ask #personen h2 {
  letter-spacing: 0.6em;
  margin-bottom: 1.2em;
  text-transform: uppercase;
}
.ask #personen .personen-wrapper {
  -moz-columns: 2;
       columns: 2;
}
@media screen and (min-width: 768px) {
  .ask #personen .personen-wrapper {
    -moz-columns: 3;
         columns: 3;
  }
}
@media screen and (min-width: 1024px) {
  .ask #personen .personen-wrapper {
    -moz-columns: 4;
         columns: 4;
  }
}
@media screen and (min-width: 1440px) {
  .ask #personen .personen-wrapper {
    -moz-columns: 5;
         columns: 5;
  }
}
@media screen and (min-width: 1700px) {
  .ask #personen .personen-wrapper {
    -moz-columns: 6;
         columns: 6;
  }
}
.ask #personen .personen-wrapper .group {
  display: inline-block;
  width: 100%;
  margin-bottom: 1.2em;
}
.ask #personen .personen-wrapper .group h3 {
  margin: 0 0 1.2em;
}
.ask #personen .personen-wrapper .group ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.ask #personen button {
  background: transparent;
  border-radius: 0;
  border: none;
  outline: 0;
  padding: 0;
  font-family: inherit;
  font-size: 13px;
  line-height: 1.2;
  color: black;
  font-weight: bold;
}
@media screen and (hover: hover) {
  .ask #personen button:hover {
    cursor: pointer;
  }
}

body.ask.filtering-active li.active, body.ask.filtering-active button.person.active {
  background: white !important;
}
.block-logo,
.logo {
  text-transform: uppercase;
  letter-spacing: 0.035em;
  font-size: 1em;
  font-weight: 400;
}

a {
  color: #222;
  text-decoration: underline;
}
a:hover {
  text-decoration: underline;
}

p {
  margin: 0 0 1.2em;
}

body.frontend,
.title input,
.heading_2 input,
.heading_3 input,
.heading_4 input,
.heading_5 input,
.Draftail-Editor .DraftEditor-root .DraftEditor-editorContainer,
.interview textarea,
.blockquote textarea,
.meta_heading {
  font-family: "Studio Pro", Helvetica, Arial, sans-serif;
  color: #222;
  line-height: 1.3;
}

.meta_heading {
  text-align: center;
  font-size: 1em;
}

.meta {
  text-align: left;
  margin: 0 0 0.6em;
  font-size: 1em;
}
.meta ul {
  margin: 0;
  display: block;
  margin: 0;
  padding: 0;
}
.meta ul li {
  display: inline;
}
.meta ul li button {
  display: inline;
  background: none;
  border: none;
  outline: 0;
  margin: 0;
  font-size: 1em;
  padding: 0;
  line-height: 1;
}
.meta ul li:after {
  content: ", ";
}
.meta ul li:last-child:after {
  content: "";
}
.meta ul.tags:before {
  content: "Tags: ";
}
.meta p {
  margin: 0;
}

nav a {
  text-decoration: none;
}
nav form {
  width: 100%;
}
nav form input {
  display: block;
  width: 100%;
  font-size: 16px;
  box-sizing: border-box;
  background-color: transparent;
  padding: 4px 0;
  border: none;
  border-bottom: 1px solid black;
  border-radius: 0;
  font-family: "Studio Pro", Helvetica, Arial, sans-serif;
  font-size: 16px;
}
nav form input.button {
  display: none;
}
@media screen and (min-width: 768px) {
  nav form input {
    max-width: 12em;
    font-size: 1em;
  }
}
nav form input:focus, nav form input:active {
  outline: 0;
  border-bottom: 1px solid aqua;
}

#search-results figure {
  margin: 0;
  width: 100%;
  max-width: 800px;
  position: relative;
}
#search-results figure img {
  display: block;
  width: 100%;
  height: auto;
}
#search-results .video-thumbnail {
  box-sizing: border-box;
  margin-bottom: 32px;
  padding: 16px 16px 48px;
}
#search-results .video-thumbnail:not(.ask) {
  background: #222;
  color: #777;
}
#search-results .video-thumbnail:not(.ask) a {
  color: #aaa;
}
@media screen and (hover: hover) {
  #search-results .video-thumbnail:not(.ask) a:hover {
    color: white;
  }
}
#search-results .ask, #search-results .ask strong, #search-results .ask h1, #search-results .ask h2, #search-results .ask b {
  font-family: Courier, "Courier New", monospace;
  font-weight: normal;
  font-size: 13px;
  line-height: 1.2;
}
#search-results article.ask {
  box-sizing: border-box;
  margin-bottom: 32px;
  padding: 16px 16px 48px;
}
#search-results article.ask h2 {
  max-width: 500px;
}

.amadeu-antonio-stiftung {
  margin-top: 2.4em !important;
  max-width: 8em;
}
@media screen and (max-width: 1023px) {
  .amadeu-antonio-stiftung {
    margin: 4.8em auto !important;
  }
}

h1,
h2,
.heading_1,
.heading_2,
.heading_1 input,
.heading_2 input {
  font-weight: bold;
  -webkit-hyphens: auto;
          hyphens: auto;
}

h3,
h4,
h5,
.heading_3,
.heading_4,
.heading_5,
.heading_3 input,
.heading_4 input,
.heading_5 input {
  font-weight: 400;
  -webkit-hyphens: auto;
          hyphens: auto;
}

h1 a, h2 a, h3 a, h4 a, h5 a {
  text-decoration: none;
}
h1 p, h2 p, h3 p, h4 p, h5 p {
  margin: 0;
}

.title,
.heading_2,
.heading_3,
.heading_4,
.heading_5,
.title input,
.heading_2 input,
.heading_3 input,
.heading_4 input,
.heading_5 input,
.logo, .block-logo {
  line-height: 1.1;
}

.title input,
.full_title,
.heading_1,
.heading_2 {
  font-size: 2em;
  letter-spacing: -0.01rem;
}

.title.medium,
.blog_post .heading_2.medium {
  font-size: 3em;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  line-height: 1.1;
  margin-bottom: 0.45em;
}
.title.large,
.blog_post .heading_2.large {
  font-size: 4.4em;
  line-height: 1;
  margin-bottom: 0.3em;
  font-family: "Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif;
}

.heading_3 {
  font-size: 1.5em;
}

.heading_4,
.heading_4 input,
.heading_5,
.heading_5 input,
.paragraph h5 {
  font-size: 1em;
}

.heading_5,
.heading_5 input,
.paragraph h5 {
  font-weight: bold;
  font-family: Helvetica, Arial, sans-serif;
  text-align: center;
  font-size: 1.2em;
  padding: 0 40px;
}

.paragraph h3 {
  font-weight: bold;
  font-family: Helvetica, Arial, sans-serif;
  text-align: center;
  font-size: 1.5em;
}

.heading_3,
.heading_3 input,
.heading_4,
.heading_4 input {
  text-align: center;
}

.paragraph_small .Draftail-Editor .DraftEditor-root .DraftEditor-editorContainer,
.paragraph.paragraph_small {
  font-size: 0.7rem;
  line-height: 1.3;
  letter-spacing: 0.02em;
}

.paragraph_large .Draftail-Editor .DraftEditor-root .DraftEditor-editorContainer,
.paragraph.paragraph_large {
  font-size: 1.5rem;
  line-height: 1.2;
  letter-spacing: -0.01em;
  padding-left: 40px;
}

.paragraph ul, .paragraph ol {
  padding-right: 40px;
  font-size: 1em;
}
.paragraph ul li, .paragraph ol li {
  line-height: 1.2;
  margin: 0 0 0.4em;
}

.interview .author {
  float: left;
  display: inline-block;
  margin-right: 0.3em;
}

.blockquote,
.blockquote textarea {
  font-size: 2rem;
  font-style: italic;
  padding: 0 0 0 0.5em;
  line-height: 1.5;
  font-weight: bold;
}

.block-paragraph {
  font-size: 0.85em;
}
.block-paragraph h3 {
  text-align: center;
  padding: 0 10%;
  margin-top: 2em;
}

.block-paragraph_small {
  font-size: 0.7em;
  line-height: 1.3;
}

.audio {
  margin: 2em 0;
}
.audio .caption {
  font-size: 11px;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  padding-top: 6px;
}

.event-details {
  border: 1px solid black;
  padding: 6px 8px;
  margin: 0 auto 2em;
}
.event-details .datetime {
  margin: 0 0 1em;
}
.event-details .datetime span {
  white-space: nowrap;
}
.event-details .title {
  font-weight: bold;
  font-size: 1.2em;
  margin: 0 0 0.9em 32px;
  text-align: left;
  line-height: 1.2;
}
.event-details address {
  font-size: 0.9em;
  font-style: normal;
  margin: 0;
}
.event-details address p {
  margin: 0;
  padding: 0 0 24px 32px;
}

#content #sidebar {
  margin: 0 0 4.8em;
}
#content #sidebar h3.widget-title {
  font-size: 1em;
  margin: 0 0 0.33em;
}
#content #sidebar #upcoming-events ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#content #sidebar #upcoming-events ul li {
  margin: 0 0 0.33em;
}
header.global,
#content {
  padding-top: 0;
}

header.global {
  margin-bottom: 4.8em;
  position: relative;
}
header.global .logo {
  font-size: 1em;
  margin: 0 0 0;
}
header.global button#toggle-menu {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  background: none;
  padding: 0 0 16px 16px;
  border-radius: none;
  border: none;
  outline: 0;
  font-size: 1em;
  margin: 0;
  font-size: 1.5em;
  line-height: 1;
}
header.global nav {
  font-size: 1.5em;
  padding: 0;
  margin: 1.2em 0;
}
header.global nav address {
  text-align: center;
  font-style: normal;
  padding: 6px;
}
header.global nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
header.global nav ul li {
  text-align: center;
  padding: 6px 0;
}
header.global nav .categories {
  margin-bottom: 1.2em;
}
header.global nav .mediathek, header.global nav .ask {
  text-align: center;
  margin: 0;
  padding: 6px;
  line-height: 1;
}
header.global nav .ask {
  background-color: transparent;
}
header.global nav .ask a {
  background-color: #8e74c7;
  display: inline-block;
  padding-top: 6px;
  margin-bottom: 0.3em;
  line-height: 1;
  border-radius: 8px;
  width: 6em;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
header.global nav .akon {
  margin: 0 auto 0.3em;
  text-align: left;
  height: 1em;
  width: 100%;
  overflow: hidden;
}
header.global nav .akon a {
  font-weight: normal;
  display: block;
  width: 100%;
  color: red;
}
header.global nav .akon a .ticker {
  overflow: hidden;
  font-weight: normal;
  height: 1em;
  width: 120%;
  margin: 0 -10%;
}

.blog_post,
.event_post {
  margin: 0 0 3.9em;
}
.blog_post .title,
.blog_post .heading_2,
.blog_post .heading_3,
.blog_post .heading_4,
.blog_post .heading_5,
.blog_post .meta_heading,
.blog_post .paragraph,
.event_post .title,
.event_post .heading_2,
.event_post .heading_3,
.event_post .heading_4,
.event_post .heading_5,
.event_post .meta_heading,
.event_post .paragraph {
  max-width: 800px;
  margin: 0 0 0.6em;
}
.blog_post .heading_1,
.event_post .heading_1 {
  margin-top: 2.4em;
}
.blog_post .heading_1,
.blog_post .heading_2,
.event_post .heading_1,
.event_post .heading_2 {
  text-align: center;
}
.blog_post .heading_3,
.event_post .heading_3 {
  max-width: 800px;
}
.blog_post .heading_4,
.event_post .heading_4 {
  margin-top: 2em;
}
.blog_post .heading_4,
.blog_post .paragraph,
.event_post .heading_4,
.event_post .paragraph {
  box-sizing: border-box;
}
.blog_post .paragraph,
.event_post .paragraph {
  margin-bottom: 2em;
}
.blog_post .paragraph img,
.event_post .paragraph img {
  width: 41%;
  float: left;
  position: relative;
  margin: 6px 12px 16px -40px;
}
.blog_post .paragraph img.right,
.event_post .paragraph img.right {
  float: right;
  margin: 6px -40px 16px 12px;
}
.blog_post .paragraph.paragraph_small,
.event_post .paragraph.paragraph_small {
  max-width: 770px;
  text-align: justify;
  text-justify: inter-word;
}
.blog_post .paragraph.interview-intro,
.event_post .paragraph.interview-intro {
  max-width: 770px;
  font-size: 1.2em;
  padding: 0.67em 0;
}
.blog_post .blockquote,
.event_post .blockquote {
  margin: 1.5em auto;
  max-width: 800px;
}
.blog_post .blockquote.blockquote_a,
.event_post .blockquote.blockquote_a {
  max-width: 400px;
  color: #000;
  margin-left: 0;
  margin-right: 0;
}
.blog_post .blockquote.blockquote_b,
.event_post .blockquote.blockquote_b {
  max-width: 630px;
  color: #222;
  padding-left: 40px;
  font-family: Arial, sans-serif;
  margin-left: 0;
  margin-right: 0;
}
.blog_post .blockquote.blockquote_c,
.event_post .blockquote.blockquote_c {
  max-width: 630px;
  color: #111;
  padding-right: 60px;
  margin-left: 0;
  margin-right: 0;
}
.blog_post .interview,
.event_post .interview {
  max-width: 630px;
  margin: 0 0 0.75em;
  font-size: 0.9rem;
  line-height: 1.4;
}
.blog_post .interview .author,
.event_post .interview .author {
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.blog_post .interview.interview_a,
.event_post .interview.interview_a {
  font-weight: normal;
  line-height: 1.3;
  max-width: 400px;
  color: #000;
}
.blog_post .interview.interview_a .author,
.event_post .interview.interview_a .author {
  font-weight: normal;
}
.blog_post .interview.interview_b,
.event_post .interview.interview_b {
  color: #222;
  padding-left: 40px;
  font-family: Arial, sans-serif;
  line-height: 1.5;
  font-size: 0.9em;
  text-align: left;
}
.blog_post .interview.interview_c,
.event_post .interview.interview_c {
  color: #111;
  padding-right: 60px;
  font-family: "Times New Roman", Times, serif;
  line-height: 1.3;
}
.blog_post .carousel,
.event_post .carousel {
  margin: 3rem auto;
}
.blog_post figure,
.event_post figure {
  margin: 3rem 0;
}
.blog_post figure img,
.event_post figure img {
  margin: 0 auto;
}
.blog_post.even,
.event_post.even {
  font-family: Arial, sans-serif;
}
.blog_post.dark, .blog_post.dark a,
.event_post.dark,
.event_post.dark a {
  color: #333;
}
.blog_post.darker, .blog_post.darker a,
.event_post.darker,
.event_post.darker a {
  color: #181818;
}

.back-to-home {
  font-size: 1.5em;
  text-align: right;
}

.cf::after {
  content: "";
  clear: both;
  display: table;
}

.darkmode {
  background: #222;
  color: #777;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.darkmode a {
  color: #aaa;
}
@media (hover: hover) {
  .darkmode a:hover {
    color: white;
  }
}
.darkmode nav a {
  color: white;
}
.darkmode .logo a {
  color: #777;
}
.darkmode header.global {
  background: #222;
}
.darkmode .search-form ::-moz-placeholder {
  color: #777;
  opacity: 1; /* Firefox */
}
.darkmode .search-form ::placeholder {
  color: #777;
  opacity: 1; /* Firefox */
}
.darkmode .search-form input {
  border-color: #777;
}

.template-video figure,
.template-mediathek figure,
.ask.single.material figure,
.akon.single.material figure {
  margin: 0;
}
.template-video #toggle-menu,
.template-mediathek #toggle-menu,
.ask.single.material #toggle-menu,
.akon.single.material #toggle-menu {
  color: white;
  top: 8px;
  right: 8px;
}

.blackbox {
  background: black;
  display: flex;
  justify-content: center;
}
.blackbox iframe {
  width: 100%;
}

.template-mediathek #videos ul,
.template-mediathek #masterpiece ul,
.ask.single.material #videos ul,
.ask.single.material #masterpiece ul,
.akon.single.material #videos ul,
.akon.single.material #masterpiece ul {
  display: block;
  list-style: none;
  padding: 0;
  margin: 0;
}
.template-mediathek #videos ul li,
.template-mediathek #masterpiece ul li,
.ask.single.material #videos ul li,
.ask.single.material #masterpiece ul li,
.akon.single.material #videos ul li,
.akon.single.material #masterpiece ul li {
  margin-bottom: 2.4em;
}
.template-mediathek #videos ul li figure,
.template-mediathek #masterpiece ul li figure,
.ask.single.material #videos ul li figure,
.ask.single.material #masterpiece ul li figure,
.akon.single.material #videos ul li figure,
.akon.single.material #masterpiece ul li figure {
  margin: 0 -8px;
}
@media screen and (min-width: 768px) {
  .template-mediathek #videos ul li figure,
  .template-mediathek #masterpiece ul li figure,
  .ask.single.material #videos ul li figure,
  .ask.single.material #masterpiece ul li figure,
  .akon.single.material #videos ul li figure,
  .akon.single.material #masterpiece ul li figure {
    margin: 0;
  }
}
.template-mediathek #videos ul li figure img,
.template-mediathek #masterpiece ul li figure img,
.ask.single.material #videos ul li figure img,
.ask.single.material #masterpiece ul li figure img,
.akon.single.material #videos ul li figure img,
.akon.single.material #masterpiece ul li figure img {
  display: block;
  width: 100%;
  height: auto;
}

.video-thumbnail a.teaser {
  display: block;
  position: relative;
}
.video-thumbnail a.teaser .duration {
  position: absolute;
  bottom: 5px;
  right: 8px;
  color: white;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
  margin: 0;
  font-size: 14px;
  line-height: 1;
}
.video-thumbnail .video-thumbnail-caption {
  font-size: 15px;
  font-weight: normal;
  line-height: 1.2;
  margin: 1.2em 0 0;
}
.video-thumbnail .video-thumbnail-caption p {
  margin: 0;
}
.video-thumbnail .video-thumbnail-caption a {
  text-decoration: none;
}
.video-thumbnail .video-thumbnail-caption b {
  font-size: 0.9em;
  -webkit-text-decoration: uppercase;
          text-decoration: uppercase;
  letter-spacing: 0.04em;
}

.template-video header.global {
  top: 0;
  left: 0;
  width: 100%;
  margin: 0;
  box-sizing: border-box;
}
.template-video #content,
.template-video #footer {
  padding-left: 0;
}
.template-video #content {
  margin-top: 1.2em;
}
.template-video .blackbox {
  height: 56.25vw;
  position: relative;
  margin-left: -8px;
  margin-right: -8px;
}
.template-video .blackbox iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.template-video #search-subtitles {
  margin: 2.4em 0 1.2em;
  padding: 0 7%;
  color: white;
}
.template-video #search-subtitles button#close-subtitles {
  display: none;
}
.template-video #search-subtitles #subtitles-list {
  margin: 2.4em 0;
}
.template-video #search-subtitles #subtitles-list .subtitle {
  margin: 0 auto 1.2em;
  text-align: center;
}
.template-video #search-subtitles #subtitles-list .subtitle span {
  opacity: 0.5;
  width: 100%;
  display: block;
}
.template-video #search-subtitles input {
  width: 100%;
  background: #111;
  color: white;
  padding: 0.5em 0.7em;
  border-radius: 0.25em;
  font-size: 20px;
  border: none;
}
.template-video #search-subtitles input::-moz-placeholder {
  color: white;
  opacity: 0.3;
}
.template-video #search-subtitles input::placeholder {
  color: white;
  opacity: 0.3;
}
@media only screen and (hover: hover) {
  .template-video #search-subtitles.active #subtitles-list .subtitle:hover {
    cursor: pointer;
    -webkit-text-decoration: under;
            text-decoration: under;
  }
}
.template-video .video footer h1 {
  color: #aaa;
}
.template-video #related-videos {
  margin: 2.4em auto;
  overflow: visible;
  position: relative;
}
.template-video #related-videos .swiper-slide {
  padding-bottom: 2.4em;
}
.template-video #related-videos figure img {
  display: block;
  width: 100%;
  height: auto;
}
.template-video #related-videos figure figcaption {
  font-size: 15px;
  margin-top: 1.2em;
  font-weight: normal;
  padding: 0 8px;
}
@media only screen and (min-width: 540px) {
  .template-video #related-videos figure figcaption {
    padding: 0;
  }
}
.template-video #related-videos figure figcaption p {
  margin: 0;
}
.template-video #related-videos figure a {
  text-decoration: none;
}
.template-video #footer .back-to-home {
  display: none;
}
.template-video .responsive-video-wrapper {
  width: 100%;
}
.template-video .tags button {
  color: #777;
}
.template-video article footer {
  color: #777;
  padding: 8px 0;
  margin: 1.2em auto;
}
.template-video article footer h1 {
  font-weight: normal;
  line-height: 1.1;
  font-size: 1.3em;
  margin: 0 0 1em;
}
.template-video article footer h1 b {
  font-size: 0.9em;
  -webkit-text-decoration: uppercase;
          text-decoration: uppercase;
  letter-spacing: 0.04em;
}
.template-video article footer #text {
  font-size: 15px;
  max-width: 800px;
}

.plyr {
  --plyr-color-main: black;
}

.template-video {
  max-width: 100%;
  overflow-x: hidden;
}
.template-video .plyr {
  --plyr-color-main: white;
  --plyr-video-control-color-hover: black;
  --plyr-video-control-color: white;
  --plyr-video-controls-background: linear-gradient(
  	to bottom,
  	hsla(0, 0%, 30%, 0) 0%,
  	hsla(0, 0%, 30%, 0.006) 8.1%,
  	hsla(0, 0%, 30%, 0.024) 15.5%,
  	hsla(0, 0%, 30%, 0.052) 22.5%,
  	hsla(0, 0%, 30%, 0.088) 29%,
  	hsla(0, 0%, 30%, 0.13) 35.3%,
  	hsla(0, 0%, 30%, 0.176) 41.2%,
  	hsla(0, 0%, 30%, 0.225) 47.1%,
  	hsla(0, 0%, 30%, 0.275) 52.9%,
  	hsla(0, 0%, 30%, 0.324) 58.8%,
  	hsla(0, 0%, 30%, 0.37) 64.7%,
  	hsla(0, 0%, 30%, 0.412) 71%,
  	hsla(0, 0%, 30%, 0.448) 77.5%,
  	hsla(0, 0%, 30%, 0.476) 84.5%,
  	hsla(0, 0%, 30%, 0.494) 91.9%,
  	hsla(0, 0%, 30%, 0.5) 100%
  );
}
.template-video .plyr .plyr__control--overlaid {
  background-color: #333;
}
@media (hover: hover) {
  .template-video .plyr .plyr__control--overlaid:hover {
    background-color: white;
  }
}

@keyframes shake {
  10% {
    transform: rotate(1deg) translate3d(0px, 0px, 0);
  }
  20% {
    transform: rotate(-1deg) translate3d(-1px, 0px, 0);
  }
  30% {
    transform: rotate(1deg) translate3d(-1px, -2px, 0);
  }
  40% {
    transform: rotate(1deg) translate3d(0px, -1px, 0);
  }
  50% {
    transform: rotate(1deg) translate3d(1px, 1px, 0);
  }
  60% {
    transform: rotate(1deg) translate3d(0px, 0px, 0);
  }
  70% {
    transform: rotate(-1deg) translate3d(2px, 1px, 0);
  }
  80% {
    transform: rotate(1deg) translate3d(0px, 2px, 0);
  }
  90% {
    transform: rotate(1deg) translate3d(-1px, 0px, 0);
  }
  100% {
    transform: rotate(1deg) translate3d(0px, 1px, 0);
  }
}
.template-homepage .mediathek {
  animation: shake 1.5s cubic-bezier(0.36, 0.07, 0.19, 0.97) infinite;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
}

@media only screen and (min-width: 768px) {
  body.frontend {
    font-size: 15px;
  }
  header.global nav address {
    padding: 0;
  }
  header.global nav .mediathek, header.global nav .ask {
    max-width: 180px;
    text-align: left;
    padding: 0;
    line-height: 1.3;
  }
  header.global nav .ask {
    width: 5em;
  }
  header.global nav .ask a {
    display: inline-block;
    line-height: 1;
    margin-bottom: 0.3em;
    text-align: center;
    margin-left: 0;
    padding-bottom: 4px;
  }
}
@media only screen and (min-width: 768px) and (hover: hover) {
  header.global nav .ask a:hover {
    background-color: black;
    color: white;
    text-decoration: none;
  }
}
@media only screen and (min-width: 768px) {
  header.global nav .categories {
    margin-bottom: 1.8em;
  }
  #main-menu .active {
    font-weight: bold;
  }
  .darkmode #main-menu .active {
    color: white;
  }
  .darkmode header.global {
    padding: 0;
  }
  .row {
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 1400px;
    margin: 0;
  }
  .row .column.col-6 {
    width: 50%;
    margin: 0;
    padding: 0 5% 0 0;
  }
  .row .column.col-6:last-child {
    border-left: 1px solid black;
  }
  .blog_post .event-details,
  .event_post .event-details {
    margin-left: 40px;
    max-width: 400px;
  }
  body.akon .search-form input {
    margin: 0 auto;
  }
  header.global button#toggle-menu {
    padding: 8px;
  }
  .template-video {
    overflow-x: hidden;
  }
  .template-video #content {
    overflow: hidden;
  }
  .template-video article figure {
    position: relative;
  }
  .template-video .blackbox {
    height: calc(100vh - 12em);
    max-height: 56.25vw;
    min-height: 400px !important;
    position: relative;
  }
  .template-video .blackbox .responsive-video-wrapper {
    position: relative;
  }
  .template-video .blackbox iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .template-video #search-subtitles {
    padding: 0;
    position: absolute;
    top: 0;
    right: 50%;
    transform: translateX(50%);
    width: 100%;
    width: calc((100vh - 12em) * 1.778);
    max-width: 100%;
    min-width: 711.2px;
    height: 1px;
    z-index: 999;
    background-color: transparent;
    transition: background-color 400ms ease-in-out;
    z-index: 9;
    margin: 0;
  }
  .template-video #search-subtitles #subtitles-list {
    display: none;
    opacity: 0;
    transition: all 400ms ease-in-out;
  }
  .template-video #search-subtitles input {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.5);
    width: auto;
    font-size: 1em;
    position: absolute;
    top: 9px;
    right: 9px;
    transition: all 400ms ease-in-out;
    z-index: 999;
  }
  .template-video #search-subtitles button#close-subtitles {
    display: none;
  }
  .template-video #search-subtitles.active {
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: white;
  }
  .template-video #search-subtitles.active.loading input {
    opacity: 0.5;
  }
  .template-video #search-subtitles.active input {
    top: 2.4em;
    right: 50%;
    transform: translateX(50%);
    min-width: 10em;
    max-width: 80%;
    z-index: 9999;
    background: #222;
    font-size: 2em;
    border-radius: 0.5em;
  }
  .template-video #search-subtitles.active #subtitles-list {
    opacity: 1;
    display: block;
    color: white;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-top: 12rem;
    text-align: center;
    z-index: 999;
    box-sizing: border-box;
    overflow-y: auto;
  }
  .template-video #search-subtitles.active #subtitles-list p {
    color: white;
  }
  .template-video #search-subtitles.active #subtitles-list .subtitle {
    width: 90%;
    max-width: 36em;
    position: relative;
  }
  .template-video #search-subtitles.active #subtitles-list .subtitle span {
    position: absolute;
    top: 0;
    right: 100%;
    width: auto;
  }
  .template-video #search-subtitles.active button#close-subtitles {
    display: block;
    background: none;
    border: none;
    outline: 0;
    color: white;
    position: absolute;
    top: 8px;
    right: 8px;
    font-size: 1.5rem;
    font-family: "Studio Pro", Helvetica, Arial, sans-serif;
    z-index: 9999;
    padding: 0;
  }
}
@media only screen and (min-width: 768px) and (hover: hover) {
  .template-video #search-subtitles.active button#close-subtitles:hover {
    text-decoration: underline;
    cursor: pointer;
  }
}
@media only screen and (min-width: 768px) {
  .template-video article footer h1 {
    font-size: 1.5em;
  }
  .template-video .responsive-video-wrapper,
  .template-video footer,
  .template-video #related-videos {
    width: calc((100vh - 12em) * 1.778);
    min-width: 711.2px;
  }
  .template-video footer,
  .template-video #related-videos {
    max-width: 100%;
  }
  .template-video .responsive-video-wrapper {
    max-width: 100%;
  }
  .template-video .plyr_video-embed {
    width: 100%;
  }
  .template-video #related-videos .swiper-button-prev,
  .template-video #related-videos .swiper-button-next {
    position: absolute;
    top: 0;
    width: 300%;
    height: 100%;
    background: #222;
    opacity: 0.9;
    color: #777;
    font-size: 2.4em;
    line-height: 1;
  }
}
@media only screen and (min-width: 768px) and (hover: hover) {
  .template-video #related-videos .swiper-button-prev:hover,
  .template-video #related-videos .swiper-button-next:hover {
    opacity: 0.7;
    color: white;
  }
}
@media only screen and (min-width: 768px) {
  .template-video #related-videos .swiper-button-prev::after,
  .template-video #related-videos .swiper-button-next::after {
    font-family: inherit;
    font-size: 1em;
    margin: 0 50px;
  }
  .template-video #related-videos .swiper-button-prev.swiper-button-disabled,
  .template-video #related-videos .swiper-button-next.swiper-button-disabled {
    color: #222;
  }
  .template-video #related-videos .swiper-button-next {
    right: -300%;
    justify-content: left;
  }
  .template-video #related-videos .swiper-button-next::after {
    content: "";
  }
  .template-video #related-videos .swiper-button-prev {
    left: -300%;
    justify-content: right;
  }
  .template-video #related-videos .swiper-button-prev::after {
    content: "";
  }
  .template-mediathek #videos ul,
  .template-mediathek #masterpiece ul,
  .ask.single.material #videos ul,
  .ask.single.material #masterpiece ul,
  .akon.single.material #videos ul,
  .akon.single.material #masterpiece ul {
    width: 100%;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }
  .template-mediathek #videos ul li,
  .template-mediathek #masterpiece ul li,
  .ask.single.material #videos ul li,
  .ask.single.material #masterpiece ul li,
  .akon.single.material #videos ul li,
  .akon.single.material #masterpiece ul li {
    margin-bottom: 0;
  }
  .template-mediathek #videos ul li h2,
  .template-mediathek #masterpiece ul li h2,
  .ask.single.material #videos ul li h2,
  .ask.single.material #masterpiece ul li h2,
  .akon.single.material #videos ul li h2,
  .akon.single.material #masterpiece ul li h2 {
    padding: 0;
  }
  .template-mediathek #masterpiece ul,
  .ask.single.material #masterpiece ul,
  .akon.single.material #masterpiece ul {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
@media only screen and (min-width: 768px) and (orientation: landscape) {
  header.global {
    position: fixed;
    top: 8px;
    left: 8px;
    width: 220px;
    z-index: 99;
    margin-bottom: 0;
    border-bottom: none;
    -webkit-transform: translateZ(0);
  }
  header.global address {
    padding: 0;
    text-align: left;
  }
  header.global button#toggle-menu {
    display: none;
  }
  header.global nav {
    font-size: 1em;
    padding: 0;
  }
  header.global nav address {
    text-align: left;
    margin-bottom: 1.2em;
  }
  header.global nav ul li {
    text-align: left;
    padding: 0;
  }
  #content,
  #footer {
    padding-left: 240px;
  }
  .template-mediathek {
    padding-top: calc(3rem + 15px);
    padding-bottom: 45px;
    padding-right: 30px;
  }
  .template-video header.global {
    height: 3.6em;
  }
  .template-video .video .text-wrapper {
    display: flex;
    justify-content: space-between;
  }
  .template-video .video .text-wrapper #share {
    flex-basis: 220px;
  }
  .template-video .video .text-wrapper #share .shortlink {
    white-space: nowrap;
  }
  .template-video .video .text-wrapper #text {
    flex-grow: 1;
  }
  .row {
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 1400px;
    margin: 0;
  }
  .row .column.col-6 {
    width: 50%;
    margin: 0;
    padding: 0 5% 0 0;
  }
  .row .column.col-6:last-child {
    border-left: 1px solid black;
  }
  .row .column.col-4 {
    width: 33.3%;
    margin: 0;
    padding: 0 5% 0 0;
  }
  .blog_post .heading_1,
  .blog_post .heading_2,
  .blog_post .categories,
  .event_post .heading_1,
  .event_post .heading_2,
  .event_post .categories {
    text-align: left;
  }
  .blog_post .blockquote.blockquote_b,
  .event_post .blockquote.blockquote_b {
    padding-left: 100px;
  }
  .blog_post .blockquote.blockquote_c,
  .event_post .blockquote.blockquote_c {
    padding-right: 100px;
  }
  .blog_post .interview.interview_b,
  .event_post .interview.interview_b {
    padding-left: 100px;
  }
  .blog_post .interview.interview_c,
  .event_post .interview.interview_c {
    padding-right: 100px;
  }
  .event-details {
    max-width: none;
  }
  .event-details .title {
    text-align: left;
  }
  #content #sidebar {
    float: right;
    width: 30%;
    box-sizing: border-box;
  }
  #content #sidebar #upcoming-events {
    position: fixed;
    top: 8px;
    right: 8px;
    width: calc(30% - 76.8px);
  }
  #content main {
    float: left;
    width: 65%;
    box-sizing: border-box;
  }
  .back-to-home {
    font-size: 1em;
    text-align: left;
  }
}
@media only screen and (min-width: 1024px) {
  .laptop-only {
    display: block;
  }
  .mobile-only {
    display: none;
  }
  body.frontend {
    font-size: 15px;
  }
  header.global {
    position: fixed;
    top: 8px;
    left: 8px;
    width: 220px;
    z-index: 99;
    margin-bottom: 0;
    border-bottom: none;
    -webkit-transform: translateZ(0);
  }
  header.global address {
    padding: 0;
    text-align: left;
  }
  header.global button#toggle-menu {
    display: none;
  }
  header.global nav {
    font-size: 1em;
    padding: 0;
  }
  header.global nav address {
    text-align: left;
    margin-bottom: 1.2em;
  }
  header.global nav ul li {
    text-align: left;
    padding: 0;
  }
  #content,
  #footer {
    padding-left: 240px;
  }
  .template-mediathek {
    padding-top: calc(3rem + 15px);
    padding-bottom: 45px;
    padding-right: 30px;
  }
  .template-mediathek #videos ul,
  .ask.single.material #videos ul,
  .akon.single.material #videos ul {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .template-mediathek #masterpiece ul,
  .ask.single.material #masterpiece ul,
  .akon.single.material #masterpiece ul {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .template-video header.global {
    position: relative;
    top: 0;
    left: 0;
  }
  .template-video .video .text-wrapper {
    display: flex;
    justify-content: space-between;
  }
  .template-video .video .text-wrapper #share {
    flex-basis: 220px;
    margin-left: 2.4em;
  }
  .template-video .video .text-wrapper aside {
    flex-basis: 400px;
    margin-left: 2.4em;
    flex-grow: 1;
    max-width: 600px;
  }
  .template-video .video .text-wrapper aside h2 {
    margin-top: 0;
  }
  .template-video .video .text-wrapper #text {
    flex-grow: 1;
    flex-basis: 800px;
  }
  .template-video #footer .back-to-home,
  .ask.single.material #footer .back-to-home,
  .akon.single.material #footer .back-to-home {
    display: block;
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 9999;
    font-size: 1.5rem;
    font-family: "Studio Pro", Helvetica, Arial, sans-serif;
    line-height: 1.2;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 1600px) {
  .template-mediathek #videos,
  .ask.single.material #videos {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@font-face {
  font-family: "AKON";
  src: url("../fonts/AKON/AKON-DmCd.e13623c2ff85.woff2") format("woff2"), url("../fonts/AKON/AKON-DmCd.c789ff6ff23b.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "AKON";
  src: url("../fonts/AKON/AKON-DmCdIt.9877c32d2992.woff2") format("woff2"), url("../fonts/AKON/AKON-DmCdIt.4ce5dcec65cc.woff") format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
:root {
  --akon-font-family: AKON, "Arial Narrow", Arial, Helvetica, sans-serif;
  --akon-text-font-family: "Studio Pro", "Helvetica-Neue", Helvetica, Arial, sans-serif;
  --akon-font-size: 16px;
  --color-akon-blue: #000082;
}
@media screen and (min-width: 768px) {
  :root {
    --akon-font-size: 15px;
  }
}
@media screen and (min-width: 1024px) {
  :root {
    --akon-font-size: 16px;
  }
}
@media screen and (min-width: 1440px) {
  :root {
    --akon-font-size: 17px;
  }
}
@media screen and (min-width: 1600px) {
  :root {
    --akon-font-size: 18px;
  }
}
@media screen and (min-width: 1920px) {
  :root {
    --akon-font-size: 19px;
  }
}
@keyframes BLINKINGBACKGROUND {
  0%, 49% {
    background-color: fuchsia;
  }
}
body.akon {
  color: black;
  font-weight: bold;
  text-transform: uppercase;
  padding-right: 0;
  padding-top: 0;
  margin: 0;
  font-size: var(--akon-font-size);
  font-family: var(--akon-text-font-family);
}
body.akon a {
  color: black;
}
body.akon .ticker {
  position: fixed;
  left: 0;
  line-height: 1;
  padding: 0.2em 0 0;
  width: 100%;
  text-align: center;
  font-size: 3em;
  z-index: 9;
  font-family: var(--akon-font-family);
  white-space: nowrap;
  overflow: hidden;
  overflow: hidden;
  text-align: center;
}
body.akon #top-ticker {
  position: relative;
  top: 0;
  background: var(--color-akon-blue);
  color: red;
  top: 0;
}
body.akon #middle-ticker {
  background: black;
  color: white;
  bottom: 1.2em;
}
body.akon #bottom-ticker {
  color: yellow;
  bottom: 0;
  text-shadow: 1px 1px 0px black, -1px -1px 0px black, 0 -1px 0px black, -1px 0 0px black, 0 1px 0px black, 1px 0 0px black;
}
body.akon header.global {
  background: var(--color-akon-blue);
  color: white;
  top: 0;
  left: 0;
  padding: 8px;
}
@media screen and (max-width: 1023px) {
  body.akon header.global {
    margin-bottom: 2.4em;
  }
}
body.akon header.global a {
  color: white;
}
body.akon header.global h1.logo {
  font-size: 15px;
}
body.akon header.global .akon-logo {
  padding-top: 0.3em;
}
body.akon #footer {
  background: var(--color-akon-blue);
  padding: 1.8em 8px;
}
@media screen and (min-width: 1024px) {
  body.akon #footer {
    padding-left: calc(266px - 1.2em);
  }
}
body.akon #footer .sponsors {
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 1024px) {
  body.akon #footer .sponsors {
    justify-content: flex-start;
  }
}
body.akon #footer .sponsors figure {
  margin-top: 0 !important;
  margin-right: 1.8em;
}
body.akon #footer .sponsors figure.amadeu-antonio-stiftung {
  max-width: 8em;
  margin: 0 !important;
}
body.akon #footer .sponsors figure.amadeu-antonio-stiftung svg {
  width: 100%;
  height: auto;
}
body.akon #footer .sponsors figure.senat {
  max-width: 10em;
}
body.akon #footer .sponsors figure.senat img {
  width: 100%;
  height: auto;
}
body.akon #footer #credits {
  margin-bottom: 2.4em;
  text-transform: none;
  font-weight: normal;
  color: white;
}
body.akon #footer #credits p {
  margin-bottom: 0;
}
body.akon strong, body.akon b, body.akon .video-thumbnail .video-thumbnail-caption b {
  font-weight: bold;
}
body.akon .search-form ::-moz-placeholder {
  color: white;
  opacity: 1; /* Firefox */
}
body.akon .search-form ::placeholder {
  color: white;
  opacity: 1; /* Firefox */
}
body.akon .search-form input {
  border-color: white;
}
body.akon .akon-logo {
  margin: 0;
  text-align: center;
  font-size: 1em;
}
body.akon .akon-logo figure {
  display: inline-block;
  background: var(--color-akon-blue);
  color: white;
  font-size: 3em;
  transform: translateY(-0.1em);
  padding: 0.3em 1em 0;
  line-height: 1;
  max-width: 6em;
}
body.akon .akon-logo figure img {
  width: 100%;
}
@media screen and (max-width: 767px) {
  body.akon #content {
    padding-left: 8px;
    padding-right: 8px;
  }
}
@media screen and (min-width: 1024px) {
  body.akon #content {
    padding-left: 236px;
    padding-left: calc(266px - 1.2em);
  }
}
body.akon #content .akon-logo {
  text-align: right;
}
@media screen and (max-width: 1023px) {
  body.akon #content .akon-logo {
    display: none;
  }
}
body.akon #videos h2.section-title, body.akon #videos h2,
body.akon #materialien h2.section-title,
body.akon #materialien h2,
body.akon #personen h2.section-title,
body.akon #personen h2 {
  font-family: var(--akon-font-family);
}
@media screen and (min-width: 1024px) {
  body.akon #videos {
    padding-right: calc(30px - 1.2em);
  }
}
body.akon #videos h2.section-title {
  display: none;
}
body.akon #videos ul {
  width: 100%;
  grid-column-gap: calc(30px - 1.2em) !important;
}
@media screen and (min-width: 1440px) {
  body.akon #videos ul {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media screen and (min-width: 1700px) {
  body.akon #videos ul {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}
body.akon #videos ul li.video-thumbnail {
  background-color: teal;
  padding: 0 0 0 5px;
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  body.akon #videos ul li.video-thumbnail {
    margin-bottom: 16px;
  }
}
body.akon #videos ul li.video-thumbnail .duration {
  background: white;
  color: black;
  padding: 0.3em 0.4em 0;
  line-height: 1;
  text-shadow: none;
  bottom: 0;
  right: 1em;
}
body.akon #videos ul li.video-thumbnail figure {
  margin: 0;
}
body.akon #videos ul li.video-thumbnail footer {
  position: relative;
  padding-top: 15px;
  padding-bottom: 10px;
}
body.akon #videos ul li.video-thumbnail footer p.category {
  color: white;
  padding: 0.4em 15px 0.1em 0;
  line-height: 1;
  margin: 0;
  position: absolute;
  top: 9px;
  left: 0;
  z-index: 1;
}
body.akon #videos ul li.video-thumbnail footer h2.video-thumbnail-caption {
  padding-top: 1em;
  font-weight: bold;
  color: black;
  background: white;
  text-align: center;
  font-size: 22.5px;
  width: calc(100% - 5px);
  margin: 0 auto 5px 0;
}
body.akon #videos ul li.video-thumbnail footer h2.video-thumbnail-caption a {
  color: black;
}
body.akon #materialien {
  background: var(--color-akon-blue);
  color: white;
  position: relative;
  padding-top: 2em;
  margin-top: 2em;
}
body.akon #materialien h2 {
  background: white;
  color: black;
  position: absolute;
  top: -0.1em;
  left: 0;
  margin: 0;
  padding-right: 1em;
}
body.akon #materialien a {
  color: white;
}
body.akon #materialien ol {
  -moz-column-count: 2;
       column-count: 2;
  -moz-column-gap: 2.4em;
       column-gap: 2.4em;
  list-style: none;
  margin: 1.2em 0;
  padding: 0 8px;
}
body.akon #materialien ol li {
  line-height: 1.2;
  margin-bottom: 0;
  display: inline-block;
  padding: 0.6em;
  position: relative;
  top: -0.6em;
  left: -0.6em;
  text-transform: none;
  font-weight: normal;
}
@media screen and (max-width: 767px) {
  body.akon #materialien ol li {
    width: 100%;
    width: calc(100% + 16px);
    display: block;
    box-sizing: border-box;
    left: -8px;
    right: -8px;
    padding: 0.6em 0 0.6em 8px;
  }
}
body.akon #materialien ol li .number {
  display: inline-block;
  margin-right: 1.8em;
}
body.akon #materialien ol li figure {
  width: 12em;
  display: block;
}
body.akon #materialien ol li figure img {
  max-width: 100%;
  height: auto;
}
body.akon #materialien ol li .authors {
  font-weight: normal;
  color: white;
}
body.akon #materialien ol li a i {
  text-transform: uppercase;
  font-style: normal;
  font-weight: bold;
  color: white;
}
@media screen and (max-width: 480px) {
  body.akon #materialien ol {
    -moz-column-count: 1;
         column-count: 1;
    -moz-column-gap: 0;
         column-gap: 0;
  }
}
@media screen and (min-width: 1440px) {
  body.akon #materialien ol {
    -moz-column-count: 3;
         column-count: 3;
  }
}
@media screen and (min-width: 1800px) {
  body.akon #materialien ol {
    -moz-column-count: 4;
         column-count: 4;
  }
}
@media screen and (max-width: 767px) {
  body.akon #materialien ol span.subtitle,
  body.akon #materialien ol span.publisher,
  body.akon #materialien ol span.year {
    display: none;
  }
}
body.akon #personen {
  margin-top: 2em;
  margin-bottom: 4.8em;
  color: red;
}
body.akon #personen a, body.akon #personen button {
  color: red;
}
body.akon #personen .personen-wrapper {
  -moz-columns: 2;
       columns: 2;
}
@media screen and (min-width: 768px) {
  body.akon #personen .personen-wrapper {
    -moz-columns: 3;
         columns: 3;
  }
}
@media screen and (min-width: 1024px) {
  body.akon #personen .personen-wrapper {
    -moz-columns: 4;
         columns: 4;
  }
}
@media screen and (min-width: 1440px) {
  body.akon #personen .personen-wrapper {
    -moz-columns: 5;
         columns: 5;
  }
}
@media screen and (min-width: 1700px) {
  body.akon #personen .personen-wrapper {
    -moz-columns: 6;
         columns: 6;
  }
}
body.akon #personen .personen-wrapper ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
body.akon #personen button {
  background: transparent;
  border-radius: 0;
  border: none;
  outline: 0;
  padding: 0;
  font-weight: normal;
  font-size: var(--akon-font-size);
}
@media screen and (hover: hover) {
  body.akon #personen button:hover {
    cursor: pointer;
  }
}
body.akon #toggle-menu {
  color: whitesmoke !important;
}
@media screen and (max-width: 767px) {
  body.akon #toggle-menu {
    right: 8px !important;
  }
}
body.akon.template-mediathek {
  padding-bottom: 12em;
}
body.akon.template-mediathek #einleitung {
  margin-top: 0.6em;
  max-width: 44em;
  margin-bottom: 1.2em;
  line-height: 1.2;
  text-transform: none;
  color: red;
  font-weight: normal;
}

.single.akon.material article {
  margin-top: 10px;
  background: var(--color-akon-blue);
  color: white;
  padding: 1.8em 1.8em 0;
}
.single.akon.material article a {
  color: white;
}
.single.akon.material article h1, .single.akon.material article h2, .single.akon.material article h3, .single.akon.material article p, .single.akon.material article blockquote {
  max-width: 60em;
}
.single.akon.material article header {
  margin-bottom: 3.6em;
}
.single.akon.material article header p {
  font-weight: normal;
  text-transform: none;
  margin: 0;
}
.single.akon.material article header p.authors {
  margin-bottom: 1.2em;
}
.single.akon.material article section#body .block.rich-text {
  line-height: 1.8;
  text-transform: none;
  font-weight: normal;
}
.single.akon.material article section#body .block.image {
  margin: 3.6em 0;
}
.single.akon.material article section#body .block.image figure {
  margin: 0;
}
.single.akon.material article section#body .block.image figure img {
  display: block;
  width: 100%;
  height: auto;
}
.single.akon.material article section#body .block.image figure.small {
  min-width: 200px !important;
}
@media screen and (max-width: 767px) {
  .single.akon.material article section#body .block.image figure {
    margin-left: auto;
    margin-right: auto;
  }
  .single.akon.material article section#body .block.image figure.medium, .single.akon.material article section#body .block.image figure.large {
    width: 100% !important;
  }
}
.single.akon.material article section#in-use {
  margin: 6em 0 0;
}
.single.akon.material article section#in-use > h2 {
  margin-bottom: 1.8em;
  text-transform: uppercase;
  background: white;
  color: black;
  padding: 10px 1.8em 6px 1.8em;
  transform: translateX(-1.8em);
  display: block;
  width: calc(100% + 1.8em);
  line-height: 1;
}
.single.akon.material article section#in-use #videos ul li figure {
  margin: 0;
}
@media screen and (min-width: 1024px) {
  .single.akon.material article .akon-logo {
    position: absolute;
    top: 0px;
    right: 0px;
  }
}

.akon.template-video header.global {
  height: auto;
  margin-bottom: 0;
}
.akon.template-video header.global h1.logo {
  margin-bottom: 8px;
}
.akon.template-video header.global #toggle-menu {
  right: 2em;
}
@media screen and (min-width: 1024px) {
  .akon.template-video header.global h1.akon-logo.mobile-only {
    display: block;
    position: absolute;
    top: 0;
    right: 2em;
    height: 4.5em;
  }
  .akon.template-video header.global h1.akon-logo.mobile-only figure {
    padding: 0 0.5em 0;
    height: 100%;
  }
  .akon.template-video header.global h1.akon-logo.mobile-only figure img {
    width: auto;
    height: 100%;
  }
}
.akon.template-video #content {
  padding-left: 0;
  padding-right: 0;
  margin-top: 0;
}
.akon.template-video article {
  padding-top: 0.6em;
}
.akon.template-video article #materialien {
  margin-top: 0;
}
@media screen and (max-width: 767px) {
  .akon.template-video article #materialien {
    margin-top: 6em;
  }
}
.akon.template-video article #materialien ol {
  -moz-column-count: 1;
       column-count: 1;
}
.akon.template-video article footer {
  padding: 8px;
  color: black;
  box-sizing: border-box;
}
.akon.template-video article footer h1, .akon.template-video article footer h2, .akon.template-video article footer h3 {
  color: black;
  background: white;
  font-family: var(--akon-font-family);
  font-size: 32px;
  text-align: center;
  text-transform: uppercase;
  margin: 0 auto;
  line-height: 1;
  padding: 0.3em 0.8em 0;
}
.akon.template-video article footer h1 p, .akon.template-video article footer h2 p, .akon.template-video article footer h3 p {
  color: black;
}
.akon.template-video article footer .text-wrapper {
  margin-top: 1.2em;
}
.akon.template-video article footer .text-wrapper #materialien h2 {
  color: white;
}
.akon.template-video article footer #text p {
  color: white;
  text-transform: none;
  font-weight: normal;
}
.akon.template-video article footer #text p a {
  color: white;
  text-decoration: underline;
}
.akon.template-video article .back-to-home {
  position: absolute;
  top: 0;
  right: 0;
  background: white;
  z-index: 999;
  font-size: 3em;
  line-height: 1;
  font-weight: 300;
}
.akon.template-video article .back-to-home a {
  width: 4em;
  height: 4em;
  padding: 8px;
  color: black;
}
@media screen and (hover: hover) {
  .akon.template-video article .back-to-home a:hover {
    text-decoration: none;
  }
}
@media screen and (min-width: 1024px) {
  .akon.template-video article .back-to-home {
    top: 0;
  }
}
.akon.template-video .video .text-wrapper #text {
  font-size: 1em;
}
.akon.template-video footer#footer {
  background-color: transparent;
  padding: 0;
}

body.akon.filtering-active li.active, body.akon.filtering-active button.person.active, body.akon.filtering-active li.active p.category { /* Safari 4+ */ /* Firefox 5+ */ /* Opera 12+ */
  animation: BLINKINGBACKGROUND 1s infinite; /* Standard */
}
body.akon.filtering-active #personen button.person.active {
  color: white;
}

.mascot {
  position: fixed;
  top: 0;
  left: 0;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  z-index: 9999;
  will-change: transform;
}
@media (max-width: 767px) {
  .mascot {
    display: none;
  }
}

.mascot__figure img {
  display: none;
  max-width: 240px;
  height: auto;
}

.mascot__text {
  padding: 0.6rem 1.1rem 0.5rem;
  background: var(--color-akon-blue);
  color: white;
  border-radius: 1rem;
  font-size: 0.9rem;
  text-transform: none;
  margin-left: -3em;
  max-width: 24em;
}
.mascot__text a {
  color: white !important;
  text-decoration: underline;
}

.mascot.moving-up.moving-right img.top.right {
  display: block;
}

.mascot.moving-up.moving-left img.top.left {
  display: block;
}

.mascot.moving-down img.bottom {
  display: block;
}

.mascot.moving-down.moving-right img.bottom {
  transform: scaleX(-1);
}/*# sourceMappingURL=frontend.css.map */