.veranstaltungen.list {
  padding-bottom: 3.75rem; }
  @media all and (min-width: 992px) {
    .veranstaltungen.list {
      padding-bottom: 7.5rem; } }
  .veranstaltungen.list .line {
    border-top: 2px solid #000;
    margin-bottom: 3.125rem; }
    @media all and (min-width: 992px) {
      .veranstaltungen.list .line {
        margin-bottom: 6.25rem; } }
  .veranstaltungen.list .noline {
    margin-bottom: 3.125rem; }
    @media all and (min-width: 992px) {
      .veranstaltungen.list .noline {
        margin-bottom: 6.25rem; } }
  .veranstaltungen.list.archive {
    background-color: #EAEDE7; }
    .veranstaltungen.list.archive .heading h2 {
      padding-top: 3rem;
      padding-bottom: 3rem; }
      @media all and (min-width: 769px) {
        .veranstaltungen.list.archive .heading h2 {
          padding-top: 5rem;
          padding-bottom: 5rem; } }
  .veranstaltungen.list .event-item .wrapColor {
    line-height: 0; }
  @media all and (min-width: 640px) and (max-width: 991px) {
    .veranstaltungen.list .event-item .image-side {
      width: 330px; } }
  .veranstaltungen.list .event-item .meta-side {
    position: relative; }
    @media all and (min-width: 640px) and (max-width: 991px) {
      .veranstaltungen.list .event-item .meta-side {
        width: calc(100% - 330px); } }
  .veranstaltungen.list .event-item .category {
    display: inline-block;
    font-family: Roboto;
    font-weight: 700;
    font-size: 1rem; }
    @media all and (min-width: 992px) {
      .veranstaltungen.list .event-item .category {
        margin-bottom: .5rem; } }
    @media all and (max-width: 639px) {
      .veranstaltungen.list .event-item .category {
        margin-top: 1rem; } }
  .veranstaltungen.list .event-item .terms {
    display: none;
    padding-bottom: .9375rem; }
    @media all and (min-width: 992px) {
      .veranstaltungen.list .event-item .terms {
        display: block; } }
    .veranstaltungen.list .event-item .terms .term {
      display: inline-block;
      padding-right: 1.875rem; }
      .veranstaltungen.list .event-item .terms .term .icon {
        position: relative;
        top: 6px;
        padding-right: .2rem; }
  .veranstaltungen.list .event-item .short-text {
    display: none; }
    @media all and (min-width: 992px) {
      .veranstaltungen.list .event-item .short-text {
        display: block; } }
  .veranstaltungen.list .event-item h3, .veranstaltungen.list .event-item h4, .veranstaltungen.list .event-item .terms {
    margin-bottom: 0; }
    @media all and (min-width: 992px) {
      .veranstaltungen.list .event-item h3, .veranstaltungen.list .event-item h4, .veranstaltungen.list .event-item .terms {
        margin-bottom: .9375rem; } }
  .veranstaltungen.list .event-item .line {
    display: block;
    border-top: 2px solid #000;
    margin: 1.25rem 0; }
  .veranstaltungen.list .event-item .cta-icons {
    display: flex;
    gap: 10px; }
    @media all and (min-width: 500px) {
      .veranstaltungen.list .event-item .cta-icons {
        gap: 15px; } }
    .veranstaltungen.list .event-item .cta-icons .ctaItem, .veranstaltungen.list .event-item .cta-icons .favoriten {
      position: relative; }
      .veranstaltungen.list .event-item .cta-icons .ctaItem .icon, .veranstaltungen.list .event-item .cta-icons .favoriten .icon {
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 40px;
        height: 40px;
        aspect-ratio: 1 / 1; }
        .veranstaltungen.list .event-item .cta-icons .ctaItem .icon img, .veranstaltungen.list .event-item .cta-icons .favoriten .icon img {
          height: 100%;
          width: auto; }
      .veranstaltungen.list .event-item .cta-icons .ctaItem.hideMobile, .veranstaltungen.list .event-item .cta-icons .favoriten.hideMobile {
        display: none; }
        @media all and (min-width: 767px) {
          .veranstaltungen.list .event-item .cta-icons .ctaItem.hideMobile, .veranstaltungen.list .event-item .cta-icons .favoriten.hideMobile {
            display: block; } }
      .veranstaltungen.list .event-item .cta-icons .ctaItem .tooltip-text, .veranstaltungen.list .event-item .cta-icons .favoriten .tooltip-text {
        visibility: hidden;
        background-color: #000;
        color: #fff;
        text-align: center;
        padding: 3px 12px;
        border-radius: 6px;
        font-family: Roboto;
        font-size: 1.125rem;
        line-height: 1.5625rem;
        white-space: nowrap;
        position: absolute;
        top: 130%;
        left: 50%;
        transform: translateX(-50%);
        opacity: 0;
        transition: opacity 0.2s;
        z-index: 1; }
      .veranstaltungen.list .event-item .cta-icons .ctaItem .tooltip-text::before, .veranstaltungen.list .event-item .cta-icons .favoriten .tooltip-text::before {
        content: "";
        position: absolute;
        bottom: 100%;
        left: 50%;
        transform: translateX(-50%);
        border-width: 6px;
        border-style: solid;
        border-color: transparent transparent #000 transparent; }
      .veranstaltungen.list .event-item .cta-icons .ctaItem:hover .tooltip-text, .veranstaltungen.list .event-item .cta-icons .favoriten:hover .tooltip-text {
        visibility: visible;
        opacity: 1; }
    .veranstaltungen.list .event-item .cta-icons:last-child {
      margin-right: 15px; }
  .veranstaltungen.list .event-item .favoriten .icon .hover {
    display: none; }
  .veranstaltungen.list .event-item .favoriten .icon:hover .def {
    display: none; }
  .veranstaltungen.list .event-item .favoriten .icon:hover .hover {
    display: inline; }
  .veranstaltungen.list .event-item .favoriten .favoritCtaAdd .filled {
    display: none; }
  .veranstaltungen.list .event-item .favoriten .favoritCtaRemove .empty {
    display: none; }
  .veranstaltungen.list .event-item .btn-row {
    margin-top: 1.5625rem; }
    @media all and (min-width: 641px) and (max-width: 991px) {
      .veranstaltungen.list .event-item .btn-row {
        position: absolute;
        bottom: 1.25rem; } }
    .veranstaltungen.list .event-item .btn-row.flex {
      display: flex;
      justify-content: space-between; }
    .veranstaltungen.list .event-item .btn-row .btn {
      margin-right: .5rem; }
  .veranstaltungen.list .img-outer-wrap-empty {
    aspect-ratio: 1 / 1;
    width: 100%;
    background-color: #BEC8D2; }

.veranstaltungen .image-side {
  position: relative; }
  .veranstaltungen .image-side .img-outer-wrap {
    aspect-ratio: 1 / 1;
    width: 100%; }
    .veranstaltungen .image-side .img-outer-wrap a {
      display: inline-block;
      width: 100%;
      height: 100%; }

.veranstaltungen .event-status-label {
  display: flex;
  position: absolute;
  left: 35px;
  top: 24px;
  z-index: 10;
  border: 1px solid #000000;
  border-radius: 15px;
  background-color: #FF7B7B;
  color: #000000;
  line-height: 30px;
  padding: 0 15px; }
  .veranstaltungen .event-status-label.white {
    background-color: #FFFFFF; }

.recent-events {
  background-color: #D6DCD0;
  padding-top: 4.375rem;
  padding-bottom: 4.375rem; }
  .recent-events.eat {
    background-color: #fff; }
    .recent-events.eat .item {
      background-color: #C8D2DC;
      height: 100%; }
  .recent-events header h2 {
    padding-bottom: 3.125rem; }
  .recent-events .boxslides-container {
    position: relative; }
  .recent-events .boxSidesOuterWrap {
    /*
    &:hover {
        .pager-left, .pager-right
        {
            &.visible {
                display: inline-block;
            }
        }
    }*/ }
    .recent-events .boxSidesOuterWrap:hover .itemsOverflow .pager-left, .recent-events .boxSidesOuterWrap:hover .itemsOverflow .pager-right {
      display: inline-block; }
  @media all and (max-width: 991px) {
    .recent-events .boxslides {
      scroll-behavior: smooth;
      align-items: stretch;
      display: flex;
      justify-content: stretch;
      flex-wrap: nowrap;
      overflow-x: scroll;
      overflow-y: hidden;
      white-space: nowrap;
      transition: all 0.2s;
      user-select: none;
      cursor: pointer;
      scroll-snap-type: x mandatory;
      scrollbar-width: none;
      -ms-overflow-style: -ms-autohiding-scrollbar;
      /*
    &:hover {
        .pager-left, .pager-right
        {
            &.visible {
                display: inline-block;
            }
        }
    }*/ }
      .recent-events .boxslides::-webkit-scrollbar {
        display: none; }
      .recent-events .boxslides.active {
        cursor: grabbing; }
      .recent-events .boxslides .child {
        align-self: stretch; } }
  .recent-events .boxslides .pager-left, .recent-events .boxslides .pager-right {
    display: none;
    position: absolute;
    top: 20%;
    z-index: 100;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    cursor: pointer;
    background-color: rgba(255, 255, 255, 0.5);
    color: #000;
    border: none; }
    .recent-events .boxslides .pager-left:focus-visible, .recent-events .boxslides .pager-right:focus-visible {
      outline: 2px solid #005fcc; }
  @media all and (min-width: 1500px) {
    .recent-events .boxslides.showDeskPaging .pager-left, .recent-events .boxslides.showDeskPaging .pager-right {
      display: inline-block !important; } }
  .recent-events .boxslides .pager-left {
    left: 3%; }
    .recent-events .boxslides .pager-left img {
      position: absolute;
      left: 25%;
      top: 37%; }
  .recent-events .boxslides .pager-right {
    right: 1%; }
    .recent-events .boxslides .pager-right img {
      position: absolute;
      top: 37%;
      right: 25%; }
  .recent-events .pager-left, .recent-events .pager-right {
    display: none;
    position: absolute;
    top: 20%;
    transform: translateY(calc(-20% - 30px));
    z-index: 100;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    cursor: pointer;
    background-color: rgba(255, 255, 255, 0.5); }
  .recent-events .pager-left {
    left: 2%; }
    @media all and (min-width: 1450px) {
      .recent-events .pager-left {
        left: -4%; } }
    .recent-events .pager-left img {
      position: absolute;
      rotate: 90deg;
      left: 25%;
      top: 37%; }
  .recent-events .pager-right {
    right: 2%; }
    @media all and (min-width: 1450px) {
      .recent-events .pager-right {
        right: -4%; } }
    .recent-events .pager-right img {
      position: absolute;
      rotate: -90deg;
      top: 37%;
      right: 25%; }
  @media all and (max-width: 991px) {
    .recent-events .boxslides-box {
      height: 530px !important;
      width: 330px !important;
      white-space: initial; }
      .recent-events .boxslides-box.square {
        height: 300px !important; } }
  .recent-events .btn-row {
    margin-top: 2.5rem; }
  .recent-events.image-text .btn-row {
    margin-top: 0; }
    .recent-events.image-text .btn-row .line {
      margin-top: 1.25rem;
      border-top: 2px solid #000;
      margin-bottom: 1.875rem; }
  .recent-events .event {
    padding: 1.25rem;
    background-color: #fff;
    height: 100%; }
    .recent-events .event.eat {
      padding: 1.25rem;
      background-color: #C8D2DC;
      height: 100%;
      height: auto; }
    .recent-events .event.withImage {
      padding: 0; }
      .recent-events .event.withImage .info {
        padding: 1.25rem; }
    .recent-events .event .label, .recent-events .event .date, .recent-events .event .type {
      display: block; }
    .recent-events .event .date {
      margin-bottom: .9375rem; }
    .recent-events .event h2 {
      margin-top: .625rem;
      margin-bottom: .9375rem; }
    .recent-events .event .btn-row {
      margin-top: .9375rem; }

.archive-list {
  padding-top: 4.375rem;
  padding-bottom: 4.375rem; }
  .archive-list .heading h2 {
    padding-bottom: 3rem; }
    @media all and (min-width: 769px) {
      .archive-list .heading h2 {
        padding-bottom: 3.75rem; } }
  .archive-list .list {
    border-top: 1px solid #000; }
    .archive-list .list a {
      display: inline-block;
      height: 100%;
      width: 100%; }
    .archive-list .list .rowLine {
      display: block;
      padding-top: 1.375rem;
      padding-bottom: 1.375rem;
      border-bottom: 1px solid #000; }
      .archive-list .list .rowLine .date {
        padding-left: 1.875rem; }
      .archive-list .list .rowLine .icons {
        padding-right: 1.875rem; }
      .archive-list .list .rowLine .icons {
        float: right; }
        .archive-list .list .rowLine .icons img.hover {
          display: none; }
        .archive-list .list .rowLine .icons img.default {
          display: inline; }
      .archive-list .list .rowLine:hover img.default {
        display: none; }
      .archive-list .list .rowLine:hover img.hover {
        display: inline; }
  .archive-list .btn-row {
    margin-top: 1.875rem; }

/*# sourceMappingURL=veranstaltungen.css.map */