.site-loading-wrap {
  display: flex;
  padding: 20%;
}


#wpadminbar {
  display: none;
}
html {
  margin-top: 0 !important;
}

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* Vue transition classes
-------------------------------------------- */
.fade-enter-active {
  transition: opacity 0.4s cubic-bezier(0.4, 0, 0, 1);
}
.fade-leave-active {
  transition: opacity 0.2s cubic-bezier(0.4, 0, 0, 1);
}
.fade-enter-to,
.fade-leave {
  opacity: 1;
}
.fade-enter,
.fade-leave-to {
  opacity: 0;
}
@font-face {
  font-family: "Patron";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://diffus.de/assets/patron/PatronWEB-Regular.woff2") format("woff2"),
    /* Super Modern Browsers */
    url("https://diffus.de/assets/patron/PatronWEB-Regular.woff") format("woff");
  /* Modern Browsers */
}
html {
  --background-color-1: #d9d9d9;
  --background-color-2: #f0f0f0;
  --text-color-1: #191919;
  --highlight-color: #b482ff;
  --category-color: #000;
  --link-color: #b4b4b4;
  --live: #c8c8b4;
  --white: #ffffff;
  --mediathek: #272727;
  --topmargin: 80px;
  --content-size-large: 1440px;
  --content-size-small: 800px;
  font-size: 12px;
  line-height: 1.1em;
}
body {
  font-family: "Patron", sans-serif;
  overflow-x: hidden;
}
input {
  font-family: "Patron", sans-serif;
}
body:has(.cookie_notice_wrapper) {
  overflow: hidden;
}
h1,
h2,
h3,
h4,
h5,
h6,
div {
  line-height: 1.1em;
}
p,
main ul {
  line-height: 1.5em;
  font-size: 1.5rem;
}
main ol,
main ul {
  list-style: disc;
  list-style-position: inside;
}
.wp-block-lazyblock-latest-posts ol,
.wp-block-lazyblock-latest-posts ul {
  list-style: none;
}
a {
  text-decoration: underline;
  color: var(--text-color-1);
}
a:hover {
  text-decoration: underline;
  color: var(--link-color);
}
.article_content>div:first-of-type {
  margin-top: -500px !important;
  padding-top: 500px !important;
}
article>div.wp-block-latest-posts__featured-image {
  margin-top: -500px !important;
  padding-top: 500px !important;
}
.article_content>*,
.post_meta_artists,
.post_meta_similar {
  margin: 0 calc((100vw - 100%) / -2);
  padding: 40px calc((100vw - 100%) / 2);
  padding-bottom: 0;
}
.post_meta_artists,
.article_content>figure {
  padding-bottom: 80px;
  margin-top: 80px;
}
.article_content>figure {
  margin-bottom: 40px;
}
.article_content iframe {
  max-width: 100%;
}
.article_content>h1,
.article_content>h2,
.article_content>h3,
.article_content>h4 {
  padding-bottom: 0 !important;
}
.article_content h2:has(+ figure),
.article_content h3:has(+ figure),
.article_content h4:has(+ figure) {
  background: var(--text-color-1);
  color: var(--background-color-2);
  margin-bottom: -4.666rem !important;
  margin-top: 2.333rem;
}
@media screen and (min-width: 1000px) {
.article_content>h1,
  .article_content>h2,
  .article_content>h3,
  .article_content>h4 {
    padding: 40px calc((100vw - 100%) / 2 + 4rem);
}
.article_content h2:has(+ figure),
  .article_content h3:has(+ figure),
  .article_content h4:has(+ figure) {
    background: var(--text-color-1);
    color: var(--background-color-2);
    margin-bottom: -80px !important;
    margin-top: 40px;
}
}
figure {
  background: var(--text-color-1);
  color: var(--background-color-1);
}
figure.wp-block-gallery {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  overflow-x: scroll;
  align-items: center;
  gap: 2rem;
}
figure.wp-block-gallery figure img {
  max-width: calc(90vw - 4rem);
  max-height: 50vh;
  height: unset;
}
.post_meta_artists,
.post_meta_similar {
  background: var(--background-color-2);
  color: var(--text-color-1);
}
.post_meta_artists.festival {
  background: none;
}
.post_meta_artists.festival p {
  display: inline;
}
article .post_meta_artists.festival p:nth-of-type(1),
article .post_meta_artists.festival p:nth-of-type(2),
article .post_meta_artists.festival p:nth-of-type(3),
article .post_meta_artists.festival p:nth-of-type(4),
article .post_meta_artists.festival p:nth-of-type(5),
article .post_meta_artists.festival p:nth-of-type(1) span,
article .post_meta_artists.festival p:nth-of-type(2) span,
article .post_meta_artists.festival p:nth-of-type(3) span,
article .post_meta_artists.festival p:nth-of-type(4) span,
article .post_meta_artists.festival p:nth-of-type(5) span {
  font-size: 2.5rem;
}
.post_meta_artists.festival p:not(:last-child):after {
  content: ", ";
  padding-right: 0.5rem;
}
article .post_meta_artists.festival p:nth-of-type(5):after {
  content: "";
}
.post_meta_artists.festival .post_meta_artists_list_wrapper {
  display: block;
  text-align: center;
}
.post_meta_artists.festival .post_meta_artists_list_wrapper a {
  display: inherit;
}
figure .wp-block-embed__wrapper {
  aspect-ratio: 16/9;
}
figure .wp-block-embed__wrapper iframe {
  height: 100%;
  width: 100%;
}
#vue-wordpress-app {
  overflow-x: hidden;
  background: var(--background-color-1);
  color: var(--text-color-1);
}
#vue-wordpress-app main {
  max-width: 1440px;
  margin: auto;
  padding: 0 2rem;
}
#vue-wordpress-app:not(.single, .podcasts, .playlists, .videos, .live) main {
  padding-top: var(--top-header-height);
}
#vue-wordpress-app main.searchwrapper {
  margin-bottom: calc(var(--topmargin) * -1);
  padding-bottom: 0;
}
#vue-wordpress-app main.searchwrapper h1 {
  font-size: 3rem;
  text-align: left;
}
#vue-wordpress-app main.searchwrapper input {
  font-size: 3rem;
  background: transparent;
  border: none;
  outline: none;
  color: var(--background-color-1);
  border-bottom: 1px solid var(--background-color-1);
}
#vue-wordpress-app main article {
  max-width: 800px;
  margin: auto;
}
main article .wp-block-latest-posts__featured-image {
  margin: 0 calc((100vw - 100%) / -2);
  text-align: center;
  background: var(--category-color);
  position: relative;
}
main article .wp-block-latest-posts__featured-image img {
  max-width: min(calc(100vw - 40%), 800px);
  max-height: min(calc(100vh - 40%), 800px);
  margin: calc((100vw - 100%) / -2);
  width: 100%;
  height: 100%;
  padding: 10%;
  padding: max(10%, 70px) 10%;
}
main article .wp-block-latest-posts__featured-image p {
  color: var(--background-color-2);
  position: absolute;
  right: 2rem;
  bottom: 2rem;
  font-size: 1.333rem;
}
.adv-link img {
  width: 100%;
}
.cookie_notice_wrapper {
  width: 100vw;
  height: 100vh;
  height: 100dvh;
  background: rgba(0, 0, 0, 0.7);
  z-index: 99999;
  position: fixed;
}
.cookie_notice {
  position: absolute;
  z-index: 999999;
  background: var(--white);
  color: var(--text-color-1);
  width: 80%;
  margin-left: 50%;
  transform: translateX(-50%);
  padding: 2rem;
  border-bottom: 2px solid;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  gap: 2rem;
  top: 25vh;
  max-width: 600px;
}
.cookie_notice button.has-black-background-color {
  color: var(--white);
}
.cookie_notice button.has-black-background-color:hover {
  color: var(--text-color-1);
}
h1 {
  font-size: 4rem;
  text-align: center;
  margin: 2rem 0 0 0;
}
h2 {
  font-size: 3rem;
}
h3 {
  font-size: 2rem;
}
h4 {
  font-size: 1.5rem;
}
main article h2 {
  margin-left: 55px;
}
main article h3 {
  margin-left: 55px;
}
header#top-header .header_search span.highlight {
  background: #ff5f55;
}
header#top-header .header_search .more-search {
  max-width: 100%;
  margin-top: 2rem;
}
header#top-header .header_search .search-result {
  border-bottom: 1px solid var(--text-color-1);
  padding-bottom: 2rem;
  width: 80%;
}
header#top-header .header_search .search-result .categories {
  margin: 1.5rem 0 1rem 0;
}
header#top-header .header_search .artist_image {
  border-radius: 50%;
  aspect-ratio: 1/1;
  width: 100%;
  object-fit: cover;
  margin-bottom: 0.5rem;
  width: 50%;
}
header#top-header .search_result_artist a {
  color: var(--text-color-1);
  text-decoration: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  font-size: 2rem;
}
header#top-header .search_result_artist h2 {
  margin-top: 1rem;
}
@media screen and (min-width: 1000px) {
header#top-header .search_result_artist {
    position: absolute;
    right: max(2rem, calc((100% - var(--content-size-large)) / 2));
    top: 250px;
    width: calc((100% - 2 * (max(2rem, calc((100% - var(--content-size-large)) / 2)))) * 0.185);
}
header#top-header .search_results_category {
    height: calc(100vh - 20rem);
    overflow-y: scroll;
}
}
header#top-header .header_search .search_result_artist,
header#top-header .header_search .search-input,
header#top-header .header_search .more-search {
  display: none;
}
header#top-header:hover .header_search .search_result_artist,
header#top-header:hover .header_search .search-input,
header#top-header:hover .header_search .more-search {
  display: block;
}
header#top-header.search .header_search .search_result_artist,
header#top-header.search .header_search .search-input,
header#top-header.search .header_search .more-search {
  display: block;
}
header#top-header .search_results_category {
  display: flex;
  justify-content: center;
  width: 100%;
}
header#top-header .search-result a {
  font-size: 1.5rem;
  line-height: 1.2em;
}
header#top-header .search-result .categories {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  gap: 1rem;
  flex-wrap: wrap;
}
header#top-header {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  position: fixed;
  background: transparent;
  color: var(--text-color-1);
  top: 0;
  padding: 2rem max(2rem, calc((100% - var(--content-size-large)) / 2));
  width: calc(100% - max(4rem, calc(100% - var(--content-size-large))));
  z-index: 999;
  transition: all 0.2s ease 0s;
}
header#top-header.search {
  height: 100vh;
  max-height: 100vh;
  height: 100dvh;
  max-height: 100dvh;
}
@media screen and (max-width: 999px) {
header#top-header:not(.header--hidden) {
    --text-color-1: #f0f0f0;
    --background-color-1: #191919;
    background: var(--background-color-1);
    height: calc(100vh - 4rem);
    height: calc(100dvh - 4rem);
}
header#top-header:not(.header--hidden) .logo {
    filter: none !important;
}
header#top-header .search-button,
  header#top-header .search-input,
  header#top-header .search_result_artist {
    margin-top: 2rem;
}
header#top-header.header--hidden {
    background: transparent;
}
header#top-header.header--hidden .main-menu,
  header#top-header.header--hidden .search-button,
  header#top-header.header--hidden .header_search {
    opacity: 0;
    overflow: hidden;
}
header#top-header.search .header_search {
    overflow-y: scroll;
    height: calc(100vh - 21rem);
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    overflow-x: hidden;
}
header#top-header:not(.search) .main-menu {
    margin-top: 2rem;
    width: 100%;
}
}
@media screen and (min-width: 1000px) {
header#top-header {
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    height: auto;
    max-height: 250px;
}
header#top-header .search-meta {
    order: 3;
    display: flex;
    flex-direction: column;
    gap: calc(7rem);
}
header#top-header .menu-toggle {
    display: none;
}
header#top-header.header--hidden:not(:hover) {
    background: transparent;
}
header#top-header.header--hidden:not(:hover) .main-menu,
  header#top-header.header--hidden:not(:hover) .search-button,
  header#top-header.header--hidden:not(:hover) .header_search {
    opacity: 0;
    overflow: hidden;
}
}
header#top-header .logo {
  max-width: 12vw;
  filter: invert(1);
  min-width: 10rem;
  transition: filter 0.2s ease 0s;
  cursor: pointer;
}
header#top-header .main-menu>ul {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: nowrap;
  gap: 1rem;
}
@media screen and (min-width: 1000px) {
header#top-header .main-menu>ul {
    flex-direction: row;
}
}
header#top-header .main-menu>ul>li {
  padding-top: 2rem;
  font-size: 2rem;
  border-top: 1px solid var(--text-color-1);
}
header#top-header.search .main-menu>ul>li {
  border-top: none;
}
header#top-header .main-menu>ul>li>ul {
  font-size: 1rem;
  line-height: 2rem;
  margin-top: 1.5em;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  column-gap: 4rem;
}
header#top-header.search .main-menu>ul>li>ul {
  margin-top: 2rem;
}
header#top-header .main-menu a,
header#top-header .social-menu a {
  color: var(--text-color-1);
  text-decoration: none;
  display: inline-block;
  line-height: 1.4em;
}
header#top-header .social-menu>ul {
  display: flex;
  flex-direction: row;
  gap: 1rem 2rem;
  flex-wrap: wrap;
  justify-content: center;
  line-height: 1rem;
  border-top: 1px solid var(--text-color-1);
  padding-top: 1rem;
}
header#top-header .main-menu a.category {
  font-size: 2rem;
}
header#top-header .categories a.category {
  font-size: 1rem;
  /*background: #555;*/
  color: var(--background-color-1) !important;
}
header#top-header.search {
  --text-color-1: #f0f0f0;
  --background-color-1: #191919;
  background: var(--background-color-1);
}
header#top-header.search .logo {
  filter: none;
}
@media screen and (max-width: 999px) {
header#top-header.header--hidden .search-meta,
  header#top-header.header--hidden .main-menu,
  header#top-header.header--hidden .header-search,
  header#top-header.header--hidden .social-menu {
    display: none;
}
header#top-header .search-meta,
  header#top-header .main-menu,
  header#top-header .header-search,
  header#top-header .social-menu {
    display: block;
    width: 100%;
}
header#top-header .main-menu>ul>li>p {
    border-bottom: 1px solid var(--text-color-1);
}
header#top-header .social-menu {
    position: absolute;
    width: 100%;
    left: 0;
    background: var(--background-color-1);
    bottom: 2rem;
}
}
@media screen and (min-width: 1000px) {
header#top-header .main-menu>ul>li>ul,
  header#top-header .social-menu {
    display: none;
}
header#top-header:hover .main-menu>ul>li>ul,
  header#top-header.search .main-menu>ul>li>ul,
  header#top-header:hover .social-menu,
  header#top-header.search .social-menu {
    display: block;
}
header#top-header:hover {
    --text-color-1: #f0f0f0;
    --background-color-1: #191919;
    background: var(--background-color-1);
}
header#top-header:hover .logo {
    filter: none !important;
}
}
header#top-header .main-menu>ul>li,
header#top-header .search-button,
header#top-header .site-branding,
header#top-header.search .search-input,
header#top-header.search .more-search {
  width: 100%;
}
@media screen and (min-width: 1000px) {
header#top-header .main-menu>ul>li,
  header#top-header .search-button,
  header#top-header .header_search .main-menu {
    width: 100%;
}
header#top-header .main-menu>ul>li {
    padding-top: 1.3333rem;
}
header#top-header .site-branding,
  header#top-header .search-meta {
    width: 18.5%;
}
header#top-header .header_search,
  header#top-header>.main-menu {
    width: 60%;
}
}
header#top-header .site-branding {
  display: flex;
  justify-content: space-between;
}
header#top-header .site-branding .menu-toggle {
  font-size: 2rem;
  cursor: pointer;
}
button,
.wp-block-button__link,
input[type="submit"] {
  border: 1px solid var(--text-color-1);
  border-radius: 10em !important;
  font-size: 1.5rem;
  min-height: 2em;
  color: var(--text-color-1);
  background: var(--background-color-1);
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  line-height: 2rem;
  padding: 0.5rem 2rem;
  text-decoration: none;
  cursor: pointer;
}
button.search-button {
  background: transparent;
}
button:hover,
.wp-block-button__link:hover {
  background: var(--text-color-1);
  color: var(--background-color-1);
  text-decoration: none;
}
.has-black-background-color {
  background: var(--text-color-1);
  color: var(--background-color-1);
  text-decoration: none;
}
.has-black-background-color:hover {
  background: var(--background-color-1);
  color: var(--text-color-1);
  text-decoration: none;
}
button.active {
  color: var(--background-color-1);
  background: var(--text-color-1);
}
button.active:hover {
  color: var(--text-color-1);
  background: var(--background-color-1);
}
header#top-header .search-input,
input[type="email"],
input[type="text"] {
  background: none;
  border: none;
  outline: none;
  font-size: 7.5rem;
  padding-bottom: 0.1rem;
  color: var(--text-color-1);
  max-width: 100%;
  border-bottom: 1px solid var(--text-color-1);
  border-radius: none;
}
div[id^="diffus-ad-"] {
  display: grid;
  justify-content: center;
}
.diffus-ad-adlabel {
  text-align: right;
  font-size: 0.75rem;
}
img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}
.wp-block-latest-posts {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 1rem;
  margin-top: 2rem;
}
.is-layout-flex {
  display: flex;
  gap: 1rem;
  margin-top: 2rem;
  flex-wrap: wrap;
}
.is-content-justification-center {
  justify-content: center;
}
.is-layout-flex.is-content-justification-center .wp-block-button {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.is-layout-flex>* {
  flex: 1;
}
.wp-block-latest-posts.is-grid:not(ul.mediathek_view, ul.highlight-accordion) {
  flex-direction: row;
  flex-wrap: wrap;
}
.wp-block-latest-posts.is-grid.columns-2>* {
  flex: calc(50% - 1rem);
}
.wp-block-latest-posts.is-grid.columns-3>* {
  flex: 30%;
  max-width: calc(var(--content-size-large) / 3);
}
.wp-block-latest-posts.is-grid.columns-4>* {
  flex: 21%;
  max-width: calc(var(--content-size-large) / 4);
}
.wp-block-latest-posts.is-grid.columns-5>* {
  flex: 18%;
  max-width: calc(var(--content-size-large) / 5);
}
.wp-block-latest-posts.is-grid .list_date {
  display: none;
}
@media screen and (min-width: 1000px) {
.wp-block-latest-posts:not(.is-grid) {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}
.wp-block-latest-posts:not(.is-grid) .grid_date {
    display: none;
}
}
@media screen and (max-width: 999px) {
.wp-block-latest-posts:not(.is-grid) .grid_date {
    display: none;
}
}
.has-text-align-center {
  text-align: center;
}
.wp-block-separator {
  border: none;
  border-bottom: 2px solid var(--text-color-1);
}
.wp-block-latest-posts__list li {
  background: white;
  border-bottom: 2px solid var(--text-color-1);
  min-width: 240px;
}
.wp-block-latest-posts a {
  text-decoration: none;
  color: var(--text-color-1);
}
.post_wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: stretch;
  row-gap: 1rem;
}
.is-grid .post_wrapper {
  flex-direction: column;
  text-align: center;
}
.is-grid .post_wrapper .wp-block-latest-posts__post-meta-wrapper {
  justify-content: center;
}
.post_wrapper .wp-block-embed__wrapper_wrapper {
  flex: 25%;
  width: 100%;
}
.post_wrapper iframe {
  width: 100%;
  aspect-ratio: 16/9;
}
.post_wrapper .wp-block-latest-posts__post_text_wrapper,
.post_wrapper .wp-block-latest-posts__post_meta {
  flex: 75%;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  justify-content: center;
}
.post_wrapper>div:nth-of-type(2),
.post_wrapper>div:nth-of-type(3) {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: calc(75% - 5rem);
  margin: 2.5rem;
  gap: 2rem;
}
.post_wrapper>div:nth-of-type(3) {
  margin-top: -2.5rem;
}
.post_wrapper .wp-block-latest-posts__featured-image {
  background: var(--category-color);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  height: calc(100% - 2rem);
  aspect-ratio: 1.3;
  width: calc(100% - 2rem);
}
.post_wrapper .wp-block-latest-posts__featured-image img {
  max-width: 100%;
  max-height: 100%;
  width: calc(100% - 1rem);
  height: calc(100% - 1rem);
  object-fit: contain;
}
.wp-block-latest-posts__list.highlight-accordion .post_wrapper .wp-block-latest-posts__featured-image {
  aspect-ratio: unset;
}
.post_wrapper .wp-block-latest-posts__post-meta-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
}
.article_header:not(.festival) {
  border-bottom: 2px solid var(--text-color-1);
}
.article_header .categories {
  margin: 5rem 0 0 0;
  justify-content: center;
}
.article_header h1,
.article_header audio,
.article_header .article_excerpt {
  margin-top: 5rem;
}
.article_header .article_excerpt p {
  line-height: 1.1em;
  font-size: 2rem;
}
.article_header .post-meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5rem 0;
  font-size: 1.333rem;
}
.article_header .post-meta .author_link_wrapper {
  display: flex;
  font-size: inherit;
}
.article_header .post-meta .author_link_wrapper .archive_link {
  font-size: inherit;
  font-style: italic;
}
.categories {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  justify-content: center;
}
.categories .archive_link {
  display: flex;
  justify-content: center;
}
.categories .category,
.category_tag,
footer #menu-social-footer a {
  border-radius: 100px;
  padding: 5px 10px;
  text-transform: uppercase;
  font-size: 1rem;
  display: block;
  background: var(--text-color-1);
  color: var(--background-color-1);
  line-height: 1rem !important;
  text-decoration: none;
  border: 1px solid var(--text-color-1);
}
.tag_header .categories {
  margin: 2rem 0;
  flex-wrap: wrap;
}
.tag_header .categories a:hover {
  color: var(--text-color-1);
  background: var(--background-color-1);
}
.post_meta_artists h3 {
  text-align: center;
  font-size: 3rem;
  margin-bottom: 2rem;
}
.post_meta_artists.festival h3 {
  margin-left: 0;
}
.post_meta_artists_list_wrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 5rem;
  flex-wrap: wrap;
}
.post_meta_artists_list_wrapper .category {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
  font-size: 2rem;
}
.post_meta_artists_list_wrapper .category img {
  width: 120px;
  height: 120px;
  border-radius: 120px;
  object-fit: cover;
  margin-bottom: 2rem;
}
.post_wrapper .wp-block-latest-posts__post-excerpt,
.post_wrapper .wp-block-latest-posts__festival-artistlist,
.post_wrapper .wp-block-latest-posts__festival-date-time p {
  font-size: 1.3333rem;
  display: block;
}
.highlight .post_wrapper time,
.highlight .post_wrapper .wp-block-latest-posts__post-excerpt {
  font-size: 1.5rem;
}
.post_wrapper h2 {
  font-size: 2rem;
}
.highlight .post_wrapper h2 {
  font-size: 3rem;
  margin-top: 20px;
}
.post_wrapper .wp-block-latest-posts__post-excerpt,
.post_wrapper .wp-block-latest-posts__festival-artistlist,
.post_wrapper .wp-block-latest-posts__festival-date-time p {
  line-height: 1.3333em;
}
.wp-block-latest-posts__festival-date-time {
  display: flex;
  justify-content: space-between;
}
.wp-block-latest-posts__festival-date-time p:first-of-type {
  text-align: left;
}
.wp-block-latest-posts__festival-date-time p:nth-of-type(2) {
  text-align: right;
}
.frontpage_feature {
  padding: 0 calc((100vw - 100%) / 2);
  margin: 0 calc((100vw - 100%) / -2);
}
#vue-wordpress-app main .tag_header {
  max-width: var(--content-size-small);
  margin: auto;
  text-align: center;
  margin-bottom: 4rem;
}
#vue-wordpress-app main .tag_header img {
  width: 320px;
  height: 320px;
  object-fit: cover;
  border-radius: 100%;
}
#vue-wordpress-app main .tag_header .description {
  font-size: 1.5rem;
  margin-top: 2rem;
  text-align: left;
  line-height: 2rem;
}
#vue-wordpress-app main .author_social {
  list-style: none;
  margin-top: 2rem;
}
.wp-block-lazyblock-latest-posts ul.mediathek_view,
.wp-block-lazyblock-latest-posts ul.highlight-accordion {
  display: flex;
  flex-direction: row;
  overflow-x: scroll;
  overflow-y: hidden;
  width: calc(100% + ((100vw - 100%) / 2));
  scroll-snap-type: x mandatory;
}
.wp-block-lazyblock-latest-posts ul.highlight-accordion {
  width: 100%;
  align-items: center;
}
.wp-block-lazyblock-latest-posts:has(ul.highlight-accordion) {
  padding: 0;
}
@media screen and (min-width: 1000px) {
.wp-block-lazyblock-latest-posts ul.highlight-accordion h2 {
    font-size: 3rem;
}
.wp-block-lazyblock-latest-posts ul.highlight-accordion .wp-block-latest-posts__post-excerpt {
    font-size: 1.5rem;
    line-height: 1.5em;
}
}
@media screen and (max-width: 999px) {
.wp-block-lazyblock-latest-posts ul.highlight-accordion h2 {
    font-size: 2rem;
}
}
.wp-block-lazyblock-latest-posts:has(ul.mediathek_view) {
  margin: 0 calc((100vw - 100%) / -2);
  padding: 4rem calc((100vw - 100%) / 2);
  background: var(--text-color-1);
  color: var(--background-color-1);
}
.wp-block-lazyblock-latest-posts ul.mediathek_view li:last-of-type {
  margin-right: calc(100vw - 100%);
}
.wp-block-lazyblock-latest-posts {
  transition: all 0.5s;
}
.wp-block-lazyblock-latest-posts.highlight-accordion li {
  background: transparent;
}
.wp-block-lazyblock-latest-posts.dark-background,
.wp-block-lazyblock-latest-posts.dark-background a {
  color: var(--background-color-1);
}
.wp-block-lazyblock-latest-posts.dark-background .wp-block-lazyblock-latest-posts.highlight-accordion li .categories .category {
  color: var(--text-color-1);
  background: var(--background-color-1);
}
.indicator {
  padding-bottom: 2rem;
  justify-content: center;
}
.circle.active {
  background: var(--text-color-1);
}
.circle {
  width: 1rem;
  height: 1rem;
  background: transparent;
  border-radius: 100%;
  border: 1px solid var(--text-color-1);
}
.dark-background .circle {
  border: 1px solid var(--background-color-1);
}
.dark-background .circle.active {
  background: var(--background-color-1);
}
.post_meta_similar .wp-block-lazyblock-latest-posts {
  padding-bottom: 4rem;
}
.wp-block-lazyblock-live {
  background: var(--live);
  padding-bottom: 80px;
  margin: 0 calc((100vw - 100%) / -2);
  padding: 4rem calc((100vw - 100%) / 2);
  color: var(--text-color-1);
}
.wp-block-lazyblock-live a:hover,
.wp-block-lazyblock-live a.active {
  color: var(--white);
}
.festival_meta h2 {
  margin-left: 0;
}
.wp-block-lazyblock-live a.wp-block-button__link,
.festival_meta a.wp-block-button__link {
  font-size: 1rem;
  min-height: 1rem;
  padding: 0rem 0.5rem;
  color: var(--live);
}
.wp-block-lazyblock-live>h2 {
  margin: 2rem 0 4rem 0;
}
.wp-block-lazyblock-live a.wp-block-button__link:hover,
.festival_meta a.wp-block-button__link:hover {
  color: var(--text-color-1);
  background: var(--live);
}
.wp-block-lazyblock-live #searchBox {
  width: 100%;
  font-size: 3rem;
  margin-top: 1rem;
}
.wp-block-lazyblock-live .load-more-button {
  margin-top: 1rem;
}
.wp-block-lazyblock-live #resultsContainer>div,
.festival_meta,
.wp-block-lazyblock-live #tourContainer>div {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid;
  padding: 1em 0;
  flex-wrap: wrap;
  cursor: pointer;
  align-items: center;
}
.wp-block-lazyblock-live #tourContainer>div {
  border-bottom: none;
}
.festival_meta {
  border-bottom: none;
  border-top: 2px solid;
  margin-top: 2rem;
  padding-top: 2rem;
}
.wp-block-lazyblock-live #resultsContainer>div:first-of-type {
  border-top: 1px solid;
}
.wp-block-lazyblock-live #resultsContainer>div>div,
.wp-block-lazyblock-live #tourContainer>div>div {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin: 0 10%;
}
.wp-block-lazyblock-live #resultsContainer>div>div>div,
.wp-block-lazyblock-live #tourContainer>div>div>div {
  display: grid;
  padding: 1em;
  gap: 0.5rem;
  grid-template-columns: 2fr 1fr 1fr 1fr;
  grid-template-rows: auto;
  align-items: center;
}
.wp-block-lazyblock-live #resultsContainer>div>div>div>h2,
.wp-block-lazyblock-live #tourContainer>div>div>div>div>h2 {
  flex-basis: 40%;
  flex-shrink: 3;
  flex-grow: 3;
  margin-left: 0;
}
@media screen and (max-width: 999px) {
.wp-block-lazyblock-live #resultsContainer>div>div>div,
  .wp-block-lazyblock-live #tourContainer>div>div>div {
    grid-template-columns: 50% 50%;
    justify-items: start;
}
.wp-block-lazyblock-live #resultsContainer>div>div>div>h2,
  .wp-block-lazyblock-live #resultsContainer>div>div>div>.tickets,
  .wp-block-lazyblock-live #tourContainer>div>div>div>h2,
  .wp-block-lazyblock-live #tourContainer>div>div>div>.tickets {
    flex-basis: 100%;
}
.wp-block-lazyblock-live {
    padding-bottom: 2.333rem;
}
}
.wp-block-lazyblock-live #resultsContainer>div>div>div>p,
.wp-block-lazyblock-live #tourContainer>div>div>div>p {
  flex-basis: 15%;
  flex-shrink: 1;
  flex-grow: 1;
}
.wp-block-lazyblock-live #resultsContainer>div>div>div>p.tickets,
.wp-block-lazyblock-live #tourContainer>div>div>div>p.tickets {
  display: flex;
  justify-content: center;
  gap: 1rem;
}
.wp-block-lazyblock-latest-posts ul.mediathek_view .wp-block-latest-posts__post-excerpt {
  display: none;
}
.wp-block-lazyblock-latest-posts ul.mediathek_view li {
  position: relative;
  max-width: 375px;
  min-width: min(375px, 75vw);
  border: none;
  background: var(--mediathek);
  scroll-snap-align: start;
}
.wp-block-lazyblock-latest-posts ul.highlight-accordion li {
  min-width: min(750px, 100%);
  scroll-snap-align: start;
  padding: 0 calc((100vw - 750px) / 2);
  border: none;
}
.wp-block-lazyblock-latest-posts ul.highlight-accordion li .post_wrapper .wp-block-latest-posts__featured-image {
  background: transparent;
}
.wp-block-lazyblock-latest-posts ul.mediathek_view .post_wrapper {
  flex-direction: column;
  text-align: left;
  height: 100%;
  flex-wrap: nowrap;
}
.wp-block-lazyblock-latest-posts ul.mediathek_view .post_wrapper .wp-block-latest-posts__post_meta {
  justify-content: space-between;
}
.wp-block-lazyblock-latest-posts ul.mediathek_view .post_wrapper .wp-block-latest-posts__post-meta-wrapper {
  flex-direction: column;
  align-items: flex-start;
}
.wp-block-lazyblock-latest-posts ul.mediathek_view .post_wrapper .wp-block-latest-posts__featured-image {
  padding: 0;
  height: 100%;
  width: 100%;
  aspect-ratio: 16/9;
}
.wp-block-lazyblock-latest-posts ul.mediathek_view.podcasts .post_wrapper .wp-block-latest-posts__featured-image,
.wp-block-lazyblock-latest-posts ul.mediathek_view.playlists .post_wrapper .wp-block-latest-posts__featured-image {
  aspect-ratio: 1/1;
}
.wp-block-lazyblock-latest-posts ul.mediathek_view .post_wrapper .wp-block-latest-posts__featured-image img {
  object-fit: cover;
  aspect-ratio: 16/9;
  width: 100%;
  height: 100%;
}
.wp-block-lazyblock-latest-posts ul.mediathek_view.podcasts .post_wrapper .wp-block-latest-posts__featured-image img,
.wp-block-lazyblock-latest-posts ul.mediathek_view.playlists .post_wrapper .wp-block-latest-posts__featured-image img {
  aspect-ratio: 1/1;
}
.wp-block-lazyblock-latest-posts ul.mediathek_view .post_wrapper .wp-block-latest-posts__content-wrapper {
  bottom: 0;
  margin: 0;
  padding: 2.5rem;
}
.wp-block-lazyblock-latest-posts ul.mediathek_view li a {
  color: var(--background-color-2);
}
.wp-block-lazyblock-latest-posts ul.mediathek_view li a .categories .category {
  background: var(--background-color-2);
  color: var(--text-color-1);
}
.wp-block-lazyblock-latest-posts:has(ul.mediathek_view) .category_tag {
  background: var(--background-color-2);
  color: var(--text-color-1);
}
.wp-block-lazyblock-latest-posts>div,
.wp-block-lazyblock-live>div:first-of-type {
  display: flex;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1rem;
  margin: 2rem 0;
}
.wp-block-lazyblock-live #tourWrapperWrapper {
  display: block;
}
.wp-block-lazyblock-live>p:first-of-type {
  margin-bottom: 2rem;
}
.newsletter_wrapper {
  background: #4b3ce6;
  color: white;
  text-align: center;
  padding: 2em calc((100vw - 100%) / 2);
  margin: 0 calc((100vw - 100%) / -2);
  margin-top: 2rem;
  font-size: 2rem;
}
.newsletter_wrapper h3 {
  font-size: 4rem;
  margin-bottom: 2rem;
}
.newsletter_wrapper #mc_embed_signup input.email {
  border-radius: unset;
  background-color: transparent;
  border: none;
  border-bottom: 2px solid var(--background-color-1);
  color: var(--background-color-1);
  font-size: 2rem;
  margin-top: 2rem;
  text-align: center;
  font-family: "Patron", sans-serif;
}
.newsletter_wrapper #mc_embed_signup input.email::placeholder {
  color: var(--background-color-1);
  opacity: 0.5;
}
.newsletter_wrapper #mc_embed_signup .button {
  background-color: transparent !important;
  border: 1px solid var(--background-color-1);
  color: var(--background-color-1);
  width: auto;
  margin-top: 2rem;
}
.newsletter_wrapper #mc_embed_signup .button:hover {
  background: var(--text-color-1) !important;
  border: 1px solid var(--text-color-1);
  color: var(--background-color-1);
}
footer {
  background: var(--text-color-1);
  color: var(--background-color-1);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 4rem max(2rem, calc((100% - var(--content-size-large)) / 2));
  column-gap: 13rem;
  row-gap: 4rem;
}
footer a {
  color: var(--background-color-1);
}
footer #menu-social-footer,
footer #menu-footer {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}
footer #menu-social-footer a {
  background: var(--background-color-1);
  color: var(--text-color-1);
}
footer #menu-social-footer a:hover {
  color: var(--background-color-1);
  background: var(--text-color-1);
}
footer .sidebars,
footer .sidebars .sidebar {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.pagination {
  font-size: 2rem;
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 2rem;
  text-decoration: underline;
  margin: 2rem 0;
}
@media screen and (min-width: 1000px) {
footer {
    flex-direction: row;
}
}
@media screen and (max-width: 999px) {
p,
  main ul {
    font-size: 1.333rem;
    line-height: 1.5em;
}
#vue-wordpress-app main.searchwrapper h1 {
    font-size: 2rem;
}
#vue-wordpress-app main.searchwrapper input {
    font-size: 2rem;
}
main article .wp-block-latest-posts__featured-image p {
    font-size: 1rem;
}
h1 {
    font-size: 2rem;
}
h2 {
    font-size: 1.7rem;
}
h3 {
    font-size: 1.5rem;
}
h4 {
    font-size: 1.2rem;
}
header#top-header .search-meta {
    font-size: 1.333rem;
    width: 100%;
}
header#top-header .main-menu>ul>li>ul {
    font-size: 1.333rem;
}
button,
  .wp-block-button__link {
    font-size: 1.333em;
    line-height: 1.5rem;
}
header#top-header .search-input {
    font-size: 2.666rem;
}
.article_header .article_excerpt p {
    font-size: 1.333rem;
    line-height: 1.5em;
}
.article_header .post-meta {
    font-size: 1rem;
}
.categories .category {
    font-size: 0.8rem;
    line-height: 0.8rem !important;
}
.post_meta_artists h3 {
    font-size: 2rem;
}
.post_meta_artists_list_wrapper .category {
    font-size: 1.333rem;
}
.post_wrapper .wp-block-latest-posts__post-excerpt,
  .post_wrapper .wp-block-latest-posts__festival-artistlist,
  .post_wrapper .wp-block-latest-posts__festival-date-time p {
    font-size: 1rem;
}
.highlight .post_wrapper time,
  .highlight .post_wrapper .wp-block-latest-posts__post-excerpt {
    font-size: 1rem;
    line-height: 1.1em;
    margin-top: 0;
}
.post_wrapper h2 {
    font-size: 1.5rem;
}
.highlight .post_wrapper h2 {
    font-size: 2rem;
    margin-top: 0;
}
#vue-wordpress-app main .tag_header .description {
    font-size: 1.333rem;
}
.pagination {
    font-size: 1.5rem;
}
.newsletter_wrapper {
    font-size: 1.333rem;
}
.newsletter_wrapper h3 {
    font-size: 2rem;
    margin-bottom: 2rem;
}
ul:not(.highlight) .post_wrapper .wp-block-latest-posts__post-excerpt {
    display: none;
}
div.wp-block-lazyblock-latest-posts ul:not(.mediathek_view) .post_wrapper .wp-block-embed__wrapper_wrapper {
    flex: 50%;
}
.post_wrapper .wp-block-latest-posts__post-meta-wrapper {
    /*justify-content: center;*/
}
.article_content>*,
  .post_meta_artists {
    padding-top: 2.333rem;
}
.post_meta_artists,
  .article_content>figure {
    padding-bottom: 2.333rem;
    margin-top: 4.666rem;
}
.article_header .categories {
    margin-top: 2.333rem;
}
.article_header h1,
  .article_header audio,
  .article_header .article_excerpt {
    margin-top: 2.333rem;
}
.article_header .post-meta {
    padding: 2.333rem 0;
}
.post_meta_artists_list_wrapper .category img {
    width: 100px;
    height: 100px;
}
.post_wrapper>div:nth-of-type(2),
  .post_wrapper>div:nth-of-type(3) {
    flex: calc(50% - 4rem);
    margin: 2rem;
}
}
.article_content>figure:has(+ figure) {
  margin-bottom: 2.333rem !important;
}
.article_content>figure:is(:last-child) {
  margin-bottom: 2.333rem !important;
}
@media screen and (min-width: 1000px) {
.article_content>figure:has(+ figure) {
    margin-bottom: -80px !important;
}
.article_content>figure:is(:last-child) {
    margin-bottom: -80px !important;
}
}
.notracking_notice a {
  color: white;
}
#vue-wordpress-app.search,
#vue-wordpress-app.podcasts,
#vue-wordpress-app.videos,
#vue-wordpress-app.playlists,
#vue-wordpress-app.page.is-mediathek,
body:has(#vue-wordpress-app.search,
  #vue-wordpress-app.podcasts,
  #vue-wordpress-app.playlists,
  #vue-wordpress-app.videos,
  #vue-wordpress-app.page.is-mediathek) {
  background: var(--text-color-1);
  color: var(--background-color-1);
}
#vue-wordpress-app.live,
#vue-wordpress-app.page.is-live,
body:has(#vue-wordpress-app.live, #vue-wordpress-app.page.is-live) {
  background: var(--live);
  color: var(--text-color-1);
}
#vue-wordpress-app.single {
  background: var(--white);
  color: var(--text-color-1);
}
#vue-wordpress-app.podcasts article a,
#vue-wordpress-app.playlists article a,
#vue-wordpress-app.videos article a,
#vue-wordpress-app.page.is-mediathek article a,
#vue-wordpress-app.page.is-mediathek div div p a,
#vue-wordpress-app.page.is-mediathek .pagination a {
  color: var(--background-color-1);
}
#vue-wordpress-app.podcasts .post_meta_artists,
#vue-wordpress-app.playlists .post_meta_artists,
#vue-wordpress-app.videos .post_meta_artists,
#vue-wordpress-app.page.is-mediathek .post_meta_artists {
  background: var(--mediathek);
  color: var(--backgroiund-color-2);
}
#vue-wordpress-app.podcasts .post_meta_artists a,
#vue-wordpress-app.playlists .post_meta_artists a,
#vue-wordpress-app.videos .post_meta_artists a,
#vue-wordpress-app.page.is-mediathek .post_meta_artists a {
  color: var(--background-color-2);
}
#vue-wordpress-app.podcasts main article,
#vue-wordpress-app.playlists main article,
#vue-wordpress-app.videos main article,
#vue-wordpress-app.page:not(.is-mediathek) main {
  padding-bottom: 2rem;
}
.podcasts .article_header .categories .category,
.playlists .article_header .categories .category,
.videos .article_header .categories .category,
#vue-wordpress-app.page.is-mediathek .article_header .categories .category {
  background: var(--background-color-1);
  color: var(--text-color-1) !important;
}
strong {
  font-weight: bold;
}
em {
  font-style: italic;
}
article .wp-block-lazyblock-printmagazin {
  margin-bottom: -80px;
}
@media screen and (max-width: 999px) {
article .wp-block-lazyblock-printmagazin {
    margin-bottom: -4.6666rem;
}
}