.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, calc(-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;
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22home%2Fkunde%2Fweb%2Fcontao%2Ffiles%2Fliederkranz%2Fstyles%2Flogo_with_genres.scss%22%2C%22home%2Fkunde%2Fweb%2Fcontao%2Ffiles%2Fliederkranz%2Fstyles%2Fslider.scss%22%2C%22home%2Fkunde%2Fweb%2Fcontao%2Ffiles%2Fliederkranz%2Fstyles%2Fmain.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAgBE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAGE%3BAAAA%3BAAAA%3BAAAA%3BAAMF%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BACvDF%3BAAEI%3BAAAA%3BAAAA%3BAAGE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAME%3BAACE%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAAA%3BAAeR%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BACvCH%3BAAAA%3BAAAA%3BAAAA%3BAAIC%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%22%7D */