.emptyMessage.hide, .orderForm.hide {
display: none; }
@media all and (min-width: 992px) {
.veranstaltungen.list {
padding-bottom: 3.75rem !important; } }
.newsletter h2 {
margin-bottom: 2.75rem; }
.newsletter .btn-row {
margin-top: 0; }.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 { }
.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; }
.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; }