@font-face {
  font-family: Apfelgrotezk Mittel;
  src: url('../fonts/ApfelGrotezk-Mittel.woff2') format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Apfelgrotezk;
  src: url('../fonts/ApfelGrotezk-Regular.woff2') format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --_colors---pink: #b97db0;
  --_colors---dark-lilac: #270f3d;
  --_colors---lilac: #622583;
  --_colors---yellow: #fe0;
  --_colors---orange: #eaa512;
  --_colors---transparent: #0000;
}

a {
  text-decoration: underline;
}

.navbar {
  background-color: var(--_colors---pink);
  justify-content: space-between;
  align-items: center;
  width: 100vw;
  height: 3.5rem;
  padding: 10px 15px;
  display: flex;
  position: fixed;
}

.nav-logo {
  justify-content: center;
  align-items: center;
  width: 3.5rem;
  height: 3.5rem;
  display: flex;
}

.navlogo-image {
  width: 100%;
}

.nav-div {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.nav-menu {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-end;
  align-items: center;
  height: auto;
  display: flex;
}

.navicon-div {
  height: 1.5rem;
}

.nav-icon {
  height: 100%;
}

.nav-heading {
  color: var(--_colors---dark-lilac);
  margin-top: 2px;
  margin-bottom: 0;
  font-family: Apfelgrotezk Mittel, Arial, sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 30px;
}

.body {
  background-color: var(--_colors---pink);
}

.logo-section {
  background-color: var(--_colors---dark-lilac);
  justify-content: space-between;
  height: 7vw;
  padding: 1vw;
  display: flex;
}

.logodiv {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 10vw;
  height: 100%;
  display: flex;
}

.logodiv._1 {
  width: 10vw;
}

.logodiv._2 {
  width: 5vw;
}

.logodiv._3 {
  width: 7vw;
}

.logodiv._4, .logodiv._5 {
  width: 4vw;
}

.logodiv._6 {
  width: 9vw;
}

.logodiv._7 {
  width: 6vw;
}

.logodiv._8 {
  width: 10vw;
}

.logodiv._9 {
  width: 7vw;
}

.logodiv._10 {
  width: 6vw;
}

.logo-image {
  object-fit: cover;
  flex: 1;
}

.footer {
  background-color: var(--_colors---pink);
  justify-content: space-between;
  align-items: flex-end;
  padding: 1vw;
  display: flex;
}

.footer-textdiv {
  width: 40%;
}

.footer-text {
  color: var(--_colors---lilac);
  margin-bottom: 0;
  font-family: Apfelgrotezk Mittel, Arial, sans-serif;
  font-size: 13px;
  line-height: 18px;
}

.footer-text.links {
  font-family: Apfelgrotezk, Arial, sans-serif;
  font-weight: 400;
}

.footer-text.links.mobile {
  display: none;
}

.footer-text.rechts {
  text-align: right;
  font-family: Apfelgrotezk, Arial, sans-serif;
}

.footer-text.rechts.mobile {
  display: none;
}

.nav-left {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  display: flex;
}

.navicon-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.nav-link {
  color: var(--_colors---dark-lilac);
  text-underline-offset: 4px;
  margin-top: 2px;
  margin-bottom: 0;
  font-family: Apfelgrotezk Mittel, Arial, sans-serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 22px;
  text-decoration: none;
}

.nav-link.pl, .nav-link.en {
  display: none;
}

.navlink-div {
  text-decoration: none;
}

.navlink-div:hover, .navlink-div.w--current {
  text-decoration: underline;
  -webkit-text-decoration-color: var(--_colors---dark-lilac);
  text-decoration-color: var(--_colors---dark-lilac);
  text-decoration-thickness: 2px;
}

.hero-section {
  background-color: var(--_colors---lilac);
  justify-content: center;
  align-items: center;
  padding-top: 3.5rem;
  display: flex;
  position: relative;
}

.hero-image-mobile {
  display: none;
}

.hero-image-mobile.programm {
  margin-top: -.1rem;
}

.hero-image {
  width: 100vw;
  display: block;
}

.hero-image.programm {
  margin-top: -.2rem;
}

.hero-heading {
  color: var(--_colors---yellow);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Apfelgrotezk Mittel, Arial, sans-serif;
  font-size: 5vw;
  font-weight: 500;
  line-height: 4vw;
}

.hero-heading:hover {
  color: var(--_colors---pink);
}

.hero-heading.pl, .hero-heading.en {
  display: none;
}

.hero-link {
  background-color: var(--_colors---pink);
  flex-flow: row;
  justify-content: center;
  align-items: center;
  margin-bottom: 1.8vw;
  margin-right: 1.8vw;
  padding: .3vw;
  text-decoration: none;
  display: flex;
  position: absolute;
  inset: auto 0% 0% auto;
}

.hero-link:hover {
  background-color: var(--_colors---yellow);
}

.header-div {
  background-color: var(--_colors---pink);
  flex-flow: row;
  justify-content: center;
  align-items: center;
  padding: .3vw;
  text-decoration: none;
  display: flex;
}

.header-div.tickets {
  background-color: var(--_colors---yellow);
}

.header-div.orte {
  background-color: var(--_colors---orange);
}

.header-div.schedule {
  background-color: var(--_colors---pink);
}

.about-section {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: var(--_colors---orange);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 20px;
  display: flex;
}

.header {
  color: var(--_colors---dark-lilac);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Apfelgrotezk Mittel, Arial, sans-serif;
  font-size: 5vw;
  font-weight: 500;
  line-height: 4vw;
}

.header.tickets {
  color: var(--_colors---lilac);
}

.header.tickets.pl, .header.tickets.en {
  display: none;
}

.header.orte {
  color: var(--_colors---lilac);
}

.header.orte.de {
  display: block;
}

.header.orte.pl, .header.orte.en {
  display: none;
}

.header.schedule {
  color: var(--_colors---dark-lilac);
}

.header.schedule.pl, .header.schedule.en {
  display: none;
}

.description-text {
  color: var(--_colors---dark-lilac);
  margin-bottom: 0;
  font-family: Apfelgrotezk, Arial, sans-serif;
  font-size: 1.8vw;
  line-height: 2.8vw;
}

.description-text.about.pl, .description-text.about.en {
  display: none;
}

.description-text.tickets.de {
  font-family: Apfelgrotezk, Arial, sans-serif;
}

.description-text.tickets.pl, .description-text.tickets.en {
  display: none;
}

.description-text.orte {
  font-size: 1.4vw;
  line-height: 2vw;
}

.description-text.artist.pl, .description-text.artist.en {
  display: none;
}

.description-div {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.description-div.orte {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr 5fr;
  grid-auto-columns: 1fr;
  justify-items: stretch;
  width: 100%;
  display: grid;
}

.ticket-div {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: var(--_colors---pink);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 35vw;
  padding: 20px;
  display: flex;
}

.info-section {
  display: flex;
}

.orte-div {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: var(--_colors---yellow);
  flex-flow: row;
  justify-content: flex-end;
  align-items: flex-start;
  width: 65vw;
  padding: 20px;
  display: flex;
}

.language-bar {
  background-color: var(--_colors---yellow);
  justify-content: space-between;
  align-items: center;
  width: 140px;
  padding: 4px 8px;
  display: flex;
}

.language-link {
  color: var(--_colors---dark-lilac);
  text-underline-offset: 4px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Apfelgrotezk Mittel, Arial, sans-serif;
  font-size: 28px;
  font-weight: 500;
  line-height: 26px;
  text-decoration: none;
}

.language-link.deutsch {
  color: var(--_colors---dark-lilac);
  cursor: pointer;
}

.language-link.polnisch, .language-link.englisch {
  cursor: pointer;
}

.languagebar-container {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 2vw;
  margin-left: 35%;
  margin-right: 35%;
  display: flex;
  position: fixed;
  inset: auto 0% 0%;
}

.language-underline-div {
  justify-content: space-between;
  width: 140px;
  display: flex;
}

.language-underline {
  width: 100%;
  height: 5px;
}

.language-underline.de {
  background-color: var(--_colors---dark-lilac);
}

.description-link {
  color: var(--_colors---dark-lilac);
  font-family: Apfelgrotezk Mittel, Arial, sans-serif;
}

.orte-text-div {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 35%;
  height: 100%;
  display: flex;
}

.orte-img-div {
  width: 65%;
}

.address-text-div {
  flex-flow: column;
  display: flex;
}

.adress-header {
  color: var(--_colors---dark-lilac);
  text-underline-offset: 4px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Apfelgrotezk Mittel, Arial, sans-serif;
  font-size: 1.4vw;
  font-weight: 500;
  line-height: 2vw;
  text-decoration: none;
}

.map-icon {
  width: 60%;
}

.body-2 {
  background-color: var(--_colors---pink);
}

.hero-header-div {
  background-color: var(--_colors---pink);
  flex-flow: row;
  justify-content: center;
  align-items: center;
  margin-bottom: 1.8vw;
  margin-right: 1.8vw;
  padding: .3vw;
  text-decoration: none;
  display: flex;
  position: absolute;
  inset: auto 0% 0% auto;
}

.hero-header-div.programm {
  margin-bottom: 0;
  margin-right: 0;
  inset: auto;
}

.programm-heading {
  color: var(--_colors---yellow);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Apfelgrotezk Mittel, Arial, sans-serif;
  font-size: 8vw;
  font-weight: 500;
  line-height: 6vw;
}

.programm-heading.pl, .programm-heading.en {
  display: none;
}

.pdf-icon-link {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 6vw;
  margin-bottom: 1.8vw;
  margin-right: 1.8vw;
  display: flex;
  position: absolute;
  inset: auto 0% 0% auto;
}

.pdf-icon {
  cursor: pointer;
  display: block;
}

.pdf-icon.hover {
  display: none;
}

.schedule-section {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: var(--_colors---orange);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 20px;
  display: flex;
}

.schedule-div {
  flex-flow: column;
  width: 100%;
  display: flex;
}

.schedule-img {
  display: block;
}

.artist-section {
  background-color: var(--_colors---transparent);
}

.artist-div {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: var(--_colors---lilac);
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  padding: 20px;
  display: flex;
}

.artist-div._1.open {
  background-color: var(--_colors---pink);
}

.artist-div.open {
  background-color: var(--_colors---pink);
  cursor: auto;
  display: none;
}

.artist-headline-div {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.reservieren-button-link {
  background-color: var(--_colors---yellow);
  flex-flow: row;
  justify-content: center;
  align-items: center;
  padding: .3vw;
  text-decoration: none;
  display: none;
}

.reservieren-button-link:hover {
  background-color: var(--_colors---lilac);
}

.reservieren-button-link._1.open, .reservieren-button-link.open {
  display: block;
}

.reservieren-button-text {
  color: var(--_colors---dark-lilac);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Apfelgrotezk Mittel, Arial, sans-serif;
  font-size: 4vw;
  font-weight: 500;
  line-height: 3vw;
}

.reservieren-button-text:hover {
  color: var(--_colors---yellow);
}

.reservieren-button-text.de, .reservieren-button-text.de:hover {
  display: block;
}

.reservieren-button-text.pl, .reservieren-button-text.en {
  display: none;
}

.artist-header-div {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  cursor: pointer;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: .3vw;
  text-decoration: none;
  display: flex;
  overflow: clip;
}

.artist-header {
  color: var(--_colors---pink);
  text-transform: uppercase;
  width: 100%;
  margin-top: -.5vw;
  margin-bottom: -.5vw;
  font-family: Apfelgrotezk Mittel, Arial, sans-serif;
  font-size: 4vw;
  font-weight: 500;
  line-height: 4vw;
}

.artist-header._2.short {
  display: none;
}

.artist-header._2.short.open {
  display: block;
}

.artist-header.open {
  color: var(--_colors---dark-lilac);
}

.expand-icon-div {
  width: 3vw;
  height: 4vw;
  margin-top: -.5vw;
  margin-bottom: -.5vw;
  display: flex;
}

.artist-divider {
  background-color: var(--_colors---pink);
  width: 100vw;
  height: 3px;
}

.artist-content-div {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-start;
  display: flex;
}

.artist-info-div {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  width: 40%;
  display: flex;
}

.artist-description-div {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: space-between;
  width: 60%;
  display: flex;
}

.artist-img {
  width: 100%;
}

.artist-title-div {
  flex-flow: column;
}

.artist-title {
  color: var(--_colors---yellow);
  margin-top: 0;
  margin-bottom: -.6vw;
  font-family: Apfelgrotezk Mittel, Arial, sans-serif;
  font-size: 4vw;
  font-weight: 500;
  line-height: 4.8vw;
}

.artist-credits-text {
  color: var(--_colors---lilac);
  margin-bottom: 0;
  font-family: Apfelgrotezk, Arial, sans-serif;
  font-size: 1.2vw;
  line-height: 1.8vw;
}

.artist-credits-text.pl, .artist-credits-text.en {
  display: none;
}

.artist-genre-text {
  color: var(--_colors---lilac);
  text-transform: uppercase;
  margin-bottom: 0;
  font-family: Apfelgrotezk Mittel, Arial, sans-serif;
  font-size: 1.8vw;
  line-height: 2.8vw;
}

.artist-genre-text.pl, .artist-genre-text.en {
  display: none;
}

.artist-addinfo-div {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  display: flex;
}

.artist-addinfo {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 8fr 1fr 1fr 8fr 1fr 1fr 8fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.artist-date-div {
  flex-flow: row;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.artist-date-text {
  color: var(--_colors---lilac);
  font-family: Apfelgrotezk Mittel, Arial, sans-serif;
  font-size: 1.8vw;
  line-height: 2.8vw;
}

.addinfo-text {
  color: var(--_colors---lilac);
  margin-bottom: 0;
  font-family: Apfelgrotezk Mittel, Arial, sans-serif;
  font-size: 1.2vw;
  line-height: 1.8vw;
}

.addinfo-text.pl, .addinfo-text.en {
  display: none;
}

.addinfo-icon {
  width: 70%;
  margin-top: .2vw;
  display: block;
}

.addinfo-spacer {
  width: 100%;
}

.reservieren-button-wrapper.desktop {
  display: block;
}

.reservieren-button-wrapper.mobile {
  display: none;
}

.footer-link {
  color: var(--_colors---lilac);
  text-decoration: none;
  -webkit-text-decoration-color: var(--_colors---lilac);
  text-decoration-color: var(--_colors---lilac);
}

.footer-link:active {
  color: var(--_colors---yellow);
}

.schedule-img-moble {
  display: none;
}

.expand-icon-img {
  width: 100%;
}

.expand-icon-img.lila {
  display: none;
}

.expand-icon-img.pink {
  display: block;
}

.collapse-icon-img {
  width: 100%;
}

.impressum {
  grid-column-gap: 5vw;
  grid-row-gap: 5vw;
  background-color: var(--_colors---pink);
  width: 100vw;
  height: 100svh;
  padding: 6rem 30vw 6rem 20vw;
  display: none;
  position: fixed;
  inset: 0%;
}

.back-icon-div {
  cursor: pointer;
  flex: none;
  width: 2rem;
  margin-top: -2rem;
  position: sticky;
  top: 6rem;
  bottom: 6rem;
}

.impressum-div {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  width: 100%;
  padding-left: 6rem;
  display: flex;
  overflow: scroll;
}

.back-icon {
  width: 100%;
  display: block;
}

.description-link-icon {
  font-weight: 500;
  text-decoration: none;
}

.ticket-button-wrapper.desktop {
  display: block;
}

.ticket-button-wrapper.mobile {
  display: none;
}

.ticket-button-link {
  background-color: var(--_colors---yellow);
  flex-flow: row;
  justify-content: center;
  align-items: center;
  padding: 3px;
  text-decoration: none;
  display: block;
}

.ticket-button-link:hover {
  background-color: var(--_colors---lilac);
}

.ticket-button-link._1.open, .ticket-button-link.open {
  display: block;
}

.ticket-button-text {
  color: var(--_colors---dark-lilac);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Apfelgrotezk Mittel, Arial, sans-serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 16px;
}

.ticket-button-text:hover {
  color: var(--_colors---yellow);
}

.ticket-button-text.de, .ticket-button-text.de:hover {
  display: block;
}

.ticket-button-text.pl, .ticket-button-text.en {
  display: none;
}

.impressum-heading {
  color: var(--_colors---dark-lilac);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Apfelgrotezk Mittel, Arial, sans-serif;
  font-size: 2rem;
  font-weight: 500;
  line-height: 2rem;
}

.impressum-text {
  color: var(--_colors---dark-lilac);
  margin-bottom: 0;
  font-family: Apfelgrotezk, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
}

.impressum-text.about.pl, .impressum-text.about.en {
  display: none;
}

.impressum-text.tickets.de {
  font-family: Apfelgrotezk, Arial, sans-serif;
}

.impressum-text.tickets.pl, .impressum-text.tickets.en {
  display: none;
}

.impressum-text.orte {
  font-size: 1.4vw;
  line-height: 2vw;
}

.impressum-text.artist.pl, .impressum-text.artist.en {
  display: none;
}

@media screen and (max-width: 767px) {
  .impressum {
    overflow: hidden;
  }
}

@media screen and (max-width: 479px) {
  .navbar {
    z-index: 100;
    height: 3rem;
    padding: 5px 10px;
  }

  .nav-logo {
    width: 2.5rem;
    height: 3rem;
  }

  .nav-menu {
    background-color: var(--_colors---pink);
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .navicon-div {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .nav-heading {
    margin-top: 2px;
    font-size: 24px;
    line-height: 24px;
  }

  .logo-section {
    grid-column-gap: 0vw;
    grid-row-gap: 0vw;
    flex-flow: wrap;
    height: 28vw;
  }

  .logodiv {
    height: 50%;
    margin-left: 2vw;
    margin-right: 2vw;
  }

  .logodiv._1 {
    width: 20vw;
  }

  .logodiv._2 {
    width: 10vw;
  }

  .logodiv._3 {
    width: 14vw;
  }

  .logodiv._4, .logodiv._5 {
    width: 8vw;
  }

  .logodiv._6 {
    width: 18vw;
  }

  .logodiv._7 {
    width: 12vw;
  }

  .logodiv._8 {
    width: 20vw;
  }

  .logodiv._9 {
    width: 14vw;
  }

  .logodiv._10 {
    width: 12vw;
  }

  .footer-text.links {
    font-size: 12px;
    line-height: 16px;
    display: none;
  }

  .footer-text.links.mobile {
    display: block;
  }

  .footer-text.rechts {
    font-size: 12px;
    line-height: 16px;
    display: none;
  }

  .footer-text.rechts.mobile {
    display: block;
  }

  .menu-button {
    justify-content: center;
    align-items: center;
    height: 100%;
    padding: 0;
    display: flex;
    position: static;
  }

  .menu-button.w--open {
    background-color: var(--_colors---pink);
  }

  .icon {
    color: var(--_colors---dark-lilac);
    justify-content: center;
    align-items: center;
    height: 100%;
    margin-top: 2px;
    font-size: 26px;
    line-height: 26px;
    display: flex;
  }

  .navicon-wrapper {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    padding-top: 10px;
    padding-bottom: 5px;
  }

  .navlink-div {
    justify-content: flex-end;
    align-items: center;
    padding-top: 5px;
    padding-bottom: 5px;
    display: flex;
  }

  .navlink-div:hover, .navlink-div.w--current {
    text-decoration: none;
  }

  .hero-section {
    padding-top: 3rem;
  }

  .hero-image-mobile {
    display: block;
  }

  .hero-image {
    display: none;
  }

  .hero-heading {
    font-size: 7.8vw;
    line-height: 6vw;
  }

  .hero-link {
    margin-bottom: 2.2vw;
    margin-right: 2.2vw;
    padding: .5vw;
  }

  .header-div {
    margin-bottom: 0;
    margin-right: 0;
    padding: .5vw;
  }

  .about-section {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    padding: 15px;
  }

  .header {
    font-size: 7.8vw;
    line-height: 6vw;
  }

  .description-text {
    font-size: 5vw;
    line-height: 7vw;
  }

  .description-text.orte {
    font-size: 3.5vw;
    line-height: 4.7vw;
  }

  .description-div.orte {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 5fr 1fr 5fr;
  }

  .ticket-div {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    width: 100vw;
    padding: 15px;
  }

  .info-section {
    flex-flow: column;
  }

  .orte-div {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100vw;
    padding: 15px;
  }

  .language-bar {
    width: 120px;
  }

  .language-link {
    font-size: 22px;
    line-height: 22px;
  }

  .languagebar-container {
    margin-bottom: 4vw;
  }

  .language-underline-div {
    width: 120px;
  }

  .orte-text-div {
    width: auto;
    height: auto;
  }

  .orte-img-div {
    width: 100%;
  }

  .adress-header {
    font-size: 3.5vw;
    line-height: 4.7vw;
  }

  .map-icon {
    width: 90%;
  }

  .hero-header-div {
    margin-bottom: 2.2vw;
    margin-right: 2.2vw;
    padding: .5vw;
  }

  .programm-heading {
    font-size: 9vw;
    line-height: 7vw;
  }

  .pdf-icon-link {
    width: 12vw;
    margin-bottom: 2.2vw;
    margin-right: 2.2vw;
  }

  .pdf-icon {
    width: 12vw;
  }

  .schedule-section {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    padding: 15px;
  }

  .schedule-img {
    display: none;
  }

  .artist-div {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    padding: 15px;
  }

  .artist-headline-div {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .reservieren-button-link {
    margin-bottom: 0;
    margin-right: 0;
    padding: .5vw;
  }

  .reservieren-button-text {
    font-size: 7vw;
    line-height: 6vw;
  }

  .artist-header-div {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    margin-bottom: 0;
    margin-right: 0;
    padding: .5vw;
  }

  .artist-header {
    white-space: normal;
    font-size: 7vw;
    line-height: 7vw;
  }

  .expand-icon-div {
    width: 5vw;
    height: 7vw;
    margin-top: -.5vw;
    margin-bottom: -.5vw;
  }

  .artist-divider {
    height: 2px;
  }

  .artist-content-div {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: column;
    align-items: center;
  }

  .artist-info-div {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    width: 100%;
  }

  .artist-description-div {
    width: 100%;
  }

  .artist-title {
    font-size: 7vw;
    line-height: 8.2vw;
  }

  .artist-credits-text {
    font-size: 3.5vw;
    line-height: 5vw;
  }

  .artist-genre-text {
    font-size: 5vw;
    line-height: 7vw;
  }

  .artist-addinfo {
    grid-template-columns: 1fr 8fr 1fr;
  }

  .artist-date-div {
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
  }

  .artist-date-text {
    font-size: 5vw;
    line-height: 7vw;
  }

  .addinfo-text {
    font-size: 3.5vw;
    line-height: 5vw;
  }

  .addinfo-icon {
    width: 40%;
    margin-top: .4vw;
  }

  .reservieren-button-wrapper.desktop {
    display: none;
  }

  .reservieren-button-wrapper.mobile, .schedule-img-moble {
    display: block;
  }

  .impressum {
    padding: 5rem 12vw 5rem 6vw;
  }

  .back-icon-div {
    width: 6vw;
    margin-top: -6vw;
    top: 5rem;
    bottom: 5rem;
  }

  .impressum-div {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    padding-left: 12vw;
  }

  .ticket-button-wrapper.desktop {
    display: none;
  }

  .ticket-button-wrapper.mobile {
    display: block;
  }

  .impressum-heading {
    font-size: 6vw;
    line-height: 6vw;
  }

  .impressum-text {
    font-size: 3vw;
    line-height: 5vw;
  }

  .impressum-text.orte {
    font-size: 3.5vw;
    line-height: 4.7vw;
  }
}

#w-node-a241e224-8252-3bcd-83d6-0519dddbd628-026c4e14, #w-node-eabef711-919e-516f-45dc-671d1c637308-026c4e14, #w-node-c025e534-3442-d180-7fe3-720bc3f47a36-026c4e14, #w-node-_1edaa758-8613-e430-1dbe-8f670b2a7685-026c4e14, #w-node-_3a81142f-9653-5bad-4829-1190741802d8-901bb51f, #w-node-_3a81142f-9653-5bad-4829-1190741802e1-901bb51f, #w-node-_3a81142f-9653-5bad-4829-1190741802ea-901bb51f, #w-node-_175baa43-8dc3-3288-c9d5-e460c8cb3208-901bb51f, #w-node-_175baa43-8dc3-3288-c9d5-e460c8cb3211-901bb51f, #w-node-_175baa43-8dc3-3288-c9d5-e460c8cb321a-901bb51f, #w-node-_60914f18-1e8e-f8a9-5386-af3ab10ea59f-901bb51f, #w-node-ef2df5df-9cf5-9b98-1a88-8a6c295b2b2e-901bb51f {
  place-self: start center;
}

#w-node-ef2df5df-9cf5-9b98-1a88-8a6c295b2b2f-901bb51f {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-b116f5b2-f374-345c-0eef-de480268a5f9-901bb51f, #w-node-b116f5b2-f374-345c-0eef-de480268a602-901bb51f, #w-node-b116f5b2-f374-345c-0eef-de480268a60b-901bb51f {
  place-self: start center;
}

@media screen and (max-width: 479px) {
  #w-node-ef2df5df-9cf5-9b98-1a88-8a6c295b2b2f-901bb51f {
    grid-column: span 2 / span 2;
  }
}


@font-face {
  font-family: 'Apfelgrotezk Mittel';
  src: url('../fonts/ApfelGrotezk-Mittel.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Apfelgrotezk';
  src: url('../fonts/ApfelGrotezk-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}