#drupal-off-canvas {
  color: #ffffff;
}

html {
  scroll-padding-top: 200px !important;
}

.ui-widget-content {
  background-color: white !important;
}

.normal-teasers .lg\:px-40 {
  padding-inline: unset !important;
}

.normal-teasers .lg\:px-40 .lg\:grid {
  display: flex !important;
  flex-direction: column;
}

.normal-teasers .lg\:px-40 .lg\:grid .block {
  /*flex-direction: column-reverse !important;*/
  padding-inline: unset !important;
  margin-inline: unset !important;
}

.normal-teasers .lg\:px-40 .lg\:grid .block > div:nth-child(1) {
  align-self: center;
}

.normal-teasers .lg\:px-40 .lg\:grid .block > div:nth-child(2) {
  padding: 15px !important;
}

.normal-teasers .col-start-3 {
  grid-column-start: 1 !important;
}

.container--video {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.container--video .media-oembed-content {
  width: 100%;
  height: 50dvw;
  align-self: center;
}

@media all and (min-width: 1200px) {
  .event-search .views-row > div > div {
    display: block !important;
  }

  .event-search .views-row > div > div > div > .block {
    display: flex !important;
  }

  .event-search .views-row > div > div > div > .block > div {
    flex: 1;
  }

  .event-search .views-row > div > div > div > .block > div.image--cover {
    max-width: 360px !important;
  }

  .normal-teasers .lg\:px-40 .lg\:grid .block {
    flex-direction: column-reverse !important;
  }

  .normal-teasers .lg\:px-40 .lg\:grid .block > div:nth-child(2) {
    padding: 25px !important;
  }

  .container--video .media-oembed-content {
    height: 40dvw;
  }
}

@media all and (min-width: 1930px) {
  .container--video.lg\:px-40 {
    padding-inline: calc(50dvw - 808px) !important;
  }
}