.info-bar {
     background: #fff;
     color: #000;
     margin-top: -50px;
     border-radius: 8px;
     box-shadow: 0 10px 30px rgba(0,0,0,0.1);
     padding: 1rem;
     z-index: 5;
     position: relative;

     @media (min-width: 768px) {
         margin-top: -30px;
     }

     ul {
         list-style: none;
         display: flex;
         justify-content: space-around;
         align-items: center;
         font-weight: bold;
         flex-direction: column;
         padding: 0;
         margin: 0;
         text-align: center;

         li:not(.separator) {
             padding: 0.5rem 0;
         }

         li.separator {
             border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
         }

         @media (min-width: 768px) {
             flex-direction: row;

             li:not(.separator) {
                 padding: 0;
             }

             li.separator {
                 border-bottom: 0;
                 border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
             }
         }
     }
 }
.event-content-elements {
    .frame:first-child {
        padding-top: 0;
    }
}

 :root {
     --image-hero-section: '';
 }

 .hero-section {
     background: if(
     style(--image-hero-section: ''): var(--bs-secondary);
     else: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), var(--image-hero-section);
 );

     background-size: cover;
     background-position: center;
     color: white;
     padding: 100px 0;margin: calc(var(--frame-spacing-xl) * -1) -50% 0 -50%;height: 400px;
 }


 .event_guest--cancelled {
     .event_guest__image {
         figure {
             filter: grayscale(1);
         }

         &:after {
             content: "abgesagt";
             position: absolute;
             color: red;
             font-size: 1.75em;
             font-family: 'Sensa Wild Fill', sans-serif;
             top: 0;
             left: 0;
             right: 0;
             bottom: 0;
             justify-self: center;
             align-self: center;
         }
     }

     .event_guest__services {
         display: none;
     }
 }