.logo_with_genres {
  width: 100%;
  margin-block: 2rem;
  font-size: 1.7em;
  font-weight: bold;
  display: grid;
  grid-auto-columns: 1fr;
  gap: 1em;
  grid-template-areas: ". pop . abba ." "rock logo logo logo musical" ". german . beatles .";
}
@media screen and (max-width: 599px) {
  .logo_with_genres {
    font-size: 1.4em;
    grid-template-areas: ". pop rock abba ." ". logo logo logo. " ". german musical beatles .";
  }
}
.logo_with_genres > * {
  justify-self: center;
  align-self: center;
  text-align: center;
}
.logo_with_genres .logo {
  grid-area: logo;
}
.logo_with_genres .logo img {
  width: 100%;
  max-height: 8em;
}
.logo_with_genres .pop {
  grid-area: pop;
}
.logo_with_genres .abba {
  grid-area: abba;
}
.logo_with_genres .rock {
  grid-area: rock;
}
.logo_with_genres .musical {
  grid-area: musical;
}
.logo_with_genres .german {
  grid-area: german;
}
.logo_with_genres .beatles {
  grid-area: beatles;
}

@media only screen {
  #content .ce_image.mv_slider, .mod_article .ce_image.mv_slider {
    overflow-x: hidden;
  }
  #content .ce_image.mv_slider .image_container, .mod_article .ce_image.mv_slider .image_container {
    display: block;
    width: 100%;
    height: 400px;
    overflow-x: hidden;
    position: relative;
  }
  #content .ce_image.mv_slider .image_container img, .mod_article .ce_image.mv_slider .image_container img {
    position: absolute;
    height: 100%;
    width: auto;
    max-width: fit-content;
    animation: infinite;
    animation-timing-function: cubic-bezier(0.35, -0.01, 0.66, 0.99);
    animation-name: move-image;
    animation-duration: 80s;
  }
  @keyframes move-image {
    0% {
      left: 0;
    }
    50% {
      left: min(-2400px, -3510px + 100vw);
    }
    100% {
      left: 0;
    }
  }
  #news p {
    font-size: 15px;
    font-style: oblique;
  }
}
.ce_image figure {
  display: flex;
  justify-content: center;
}
.ce_image figure img {
  max-height: 130vh;
  max-width: 100%;
  width: auto;
  height: auto;
}