/* Variables for background brightness */
:root {
  --overlay: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
}

/* Generated responsive background images */

/* Responsive background for .hero-bg */
.hero-bg {
  background-image: var(--overlay), url('../../images/layout/responsive/small/webp/hero-bg.webp');
}

@supports not (background-image: url('../../images/layout/responsive/small/webp/hero-bg.webp')) {
  .hero-bg {
    background-image: var(--overlay), url('../../images/layout/responsive/small/original/hero-bg.jpg');
  }
}

@media (min-width: 641px) {
  .hero-bg {
    background-image: var(--overlay), url('../../images/layout/responsive/medium/webp/hero-bg.webp');
  }
  @supports not (background-image: url('../../images/layout/responsive/medium/webp/hero-bg.webp')) {
    .hero-bg {
      background-image: var(--overlay), url('../../images/layout/responsive/medium/original/hero-bg.jpg');
    }
  }
}

@media (min-width: 1025px) {
  .hero-bg {
    background-image: var(--overlay), url('../../images/layout/responsive/large/webp/hero-bg.webp');
  }
  @supports not (background-image: url('../../images/layout/responsive/large/webp/hero-bg.webp')) {
    .hero-bg {
      background-image: var(--overlay), url('../../images/layout/responsive/large/original/hero-bg.jpg');
    }
  }
}

@media (min-width: 1441px) {
  .hero-bg {
    background-image: var(--overlay), url('../../images/layout/responsive/xl/webp/hero-bg.webp');
  }
  @supports not (background-image: url('../../images/layout/responsive/xl/webp/hero-bg.webp')) {
    .hero-bg {
      background-image: var(--overlay), url('../../images/layout/responsive/xl/original/hero-bg.jpg');
    }
  }
}

/* Responsive background for .page-header */
.page-header {
  background-image: var(--overlay), url('../../images/layout/responsive/small/webp/adonia_header-bg.webp');
}

@supports not (background-image: url('../../images/layout/responsive/small/webp/adonia_header-bg.webp')) {
  .page-header {
    background-image: var(--overlay), url('../../images/layout/responsive/small/original/adonia_header-bg.jpg');
  }
}

@media (min-width: 641px) {
  .page-header {
    background-image: var(--overlay), url('../../images/layout/responsive/medium/webp/adonia_header-bg.webp');
  }
  @supports not (background-image: url('../../images/layout/responsive/medium/webp/adonia_header-bg.webp')) {
    .page-header {
      background-image: var(--overlay), url('../../images/layout/responsive/medium/original/adonia_header-bg.jpg');
    }
  }
}

@media (min-width: 1025px) {
  .page-header {
    background-image: var(--overlay), url('../../images/layout/responsive/large/webp/adonia_header-bg.webp');
  }
  @supports not (background-image: url('../../images/layout/responsive/large/webp/adonia_header-bg.webp')) {
    .page-header {
      background-image: var(--overlay), url('../../images/layout/responsive/large/original/adonia_header-bg.jpg');
    }
  }
}

@media (min-width: 1441px) {
  .page-header {
    background-image: var(--overlay), url('../../images/layout/responsive/xl/webp/adonia_header-bg.webp');
  }
  @supports not (background-image: url('../../images/layout/responsive/xl/webp/adonia_header-bg.webp')) {
    .page-header {
      background-image: var(--overlay), url('../../images/layout/responsive/xl/original/adonia_header-bg.jpg');
    }
  }
}

/* Responsive background for .service-card[href*="full-service"], #full-service .service-image */
.service-card[href*="full-service"], #full-service .service-image {
  background-image: url('../../images/services/responsive/small/webp/event.webp');
}

@supports not (background-image: url('../../images/services/responsive/small/webp/event.webp')) {
  .service-card[href*="full-service"], #full-service .service-image {
    background-image: url('../../images/services/responsive/small/original/event.jpg');
  }
}

@media (min-width: 641px) {
  .service-card[href*="full-service"], #full-service .service-image {
    background-image: url('../../images/services/responsive/medium/webp/event.webp');
  }
  @supports not (background-image: url('../../images/services/responsive/medium/webp/event.webp')) {
    .service-card[href*="full-service"], #full-service .service-image {
      background-image: url('../../images/services/responsive/medium/original/event.jpg');
    }
  }
}

@media (min-width: 1025px) {
  .service-card[href*="full-service"], #full-service .service-image {
    background-image: url('../../images/services/responsive/large/webp/event.webp');
  }
  @supports not (background-image: url('../../images/services/responsive/large/webp/event.webp')) {
    .service-card[href*="full-service"], #full-service .service-image {
      background-image: url('../../images/services/responsive/large/original/event.jpg');
    }
  }
}

@media (min-width: 1441px) {
  .service-card[href*="full-service"], #full-service .service-image {
    background-image: url('../../images/services/responsive/xl/webp/event.webp');
  }
  @supports not (background-image: url('../../images/services/responsive/xl/webp/event.webp')) {
    .service-card[href*="full-service"], #full-service .service-image {
      background-image: url('../../images/services/responsive/xl/original/event.jpg');
    }
  }
}

/* Responsive background for .service-card[href*="verkauf"], #verkauf .service-image */
.service-card[href*="verkauf"], #verkauf .service-image {
  background-image: url('../../images/services/responsive/small/webp/Lager.webp');
}

@supports not (background-image: url('../../images/services/responsive/small/webp/Lager.webp')) {
  .service-card[href*="verkauf"], #verkauf .service-image {
    background-image: url('../../images/services/responsive/small/original/Lager.jpg');
  }
}

@media (min-width: 641px) {
  .service-card[href*="verkauf"], #verkauf .service-image {
    background-image: url('../../images/services/responsive/medium/webp/Lager.webp');
  }
  @supports not (background-image: url('../../images/services/responsive/medium/webp/Lager.webp')) {
    .service-card[href*="verkauf"], #verkauf .service-image {
      background-image: url('../../images/services/responsive/medium/original/Lager.jpg');
    }
  }
}

@media (min-width: 1025px) {
  .service-card[href*="verkauf"], #verkauf .service-image {
    background-image: url('../../images/services/responsive/large/webp/Lager.webp');
  }
  @supports not (background-image: url('../../images/services/responsive/large/webp/Lager.webp')) {
    .service-card[href*="verkauf"], #verkauf .service-image {
      background-image: url('../../images/services/responsive/large/original/Lager.jpg');
    }
  }
}

@media (min-width: 1441px) {
  .service-card[href*="verkauf"], #verkauf .service-image {
    background-image: url('../../images/services/responsive/xl/webp/Lager.webp');
  }
  @supports not (background-image: url('../../images/services/responsive/xl/webp/Lager.webp')) {
    .service-card[href*="verkauf"], #verkauf .service-image {
      background-image: url('../../images/services/responsive/xl/original/Lager.jpg');
    }
  }
}

/* Responsive background for .service-card[href*="dry-hire"], #dry-hire .service-image */
.service-card[href*="dry-hire"], #dry-hire .service-image {
  background-image: url('../../images/services/responsive/small/webp/jan_ullrich_aufbau.webp');
}

@supports not (background-image: url('../../images/services/responsive/small/webp/jan_ullrich_aufbau.webp')) {
  .service-card[href*="dry-hire"], #dry-hire .service-image {
    background-image: url('../../images/services/responsive/small/original/jan_ullrich_aufbau.JPG');
  }
}

@media (min-width: 641px) {
  .service-card[href*="dry-hire"], #dry-hire .service-image {
    background-image: url('../../images/services/responsive/medium/webp/jan_ullrich_aufbau.webp');
  }
  @supports not (background-image: url('../../images/services/responsive/medium/webp/jan_ullrich_aufbau.webp')) {
    .service-card[href*="dry-hire"], #dry-hire .service-image {
      background-image: url('../../images/services/responsive/medium/original/jan_ullrich_aufbau.JPG');
    }
  }
}

@media (min-width: 1025px) {
  .service-card[href*="dry-hire"], #dry-hire .service-image {
    background-image: url('../../images/services/responsive/large/webp/jan_ullrich_aufbau.webp');
  }
  @supports not (background-image: url('../../images/services/responsive/large/webp/jan_ullrich_aufbau.webp')) {
    .service-card[href*="dry-hire"], #dry-hire .service-image {
      background-image: url('../../images/services/responsive/large/original/jan_ullrich_aufbau.JPG');
    }
  }
}

@media (min-width: 1441px) {
  .service-card[href*="dry-hire"], #dry-hire .service-image {
    background-image: url('../../images/services/responsive/xl/webp/jan_ullrich_aufbau.webp');
  }
  @supports not (background-image: url('../../images/services/responsive/xl/webp/jan_ullrich_aufbau.webp')) {
    .service-card[href*="dry-hire"], #dry-hire .service-image {
      background-image: url('../../images/services/responsive/xl/original/jan_ullrich_aufbau.JPG');
    }
  }
}

/* Responsive background for .service-card[href*="beratung"], #beratung .service-image */
.service-card[href*="beratung"], #beratung .service-image {
  background-image: url('../../images/services/responsive/small/webp/planung.webp');
}

@supports not (background-image: url('../../images/services/responsive/small/webp/planung.webp')) {
  .service-card[href*="beratung"], #beratung .service-image {
    background-image: url('../../images/services/responsive/small/original/planung.jpg');
  }
}

@media (min-width: 641px) {
  .service-card[href*="beratung"], #beratung .service-image {
    background-image: url('../../images/services/responsive/medium/webp/planung.webp');
  }
  @supports not (background-image: url('../../images/services/responsive/medium/webp/planung.webp')) {
    .service-card[href*="beratung"], #beratung .service-image {
      background-image: url('../../images/services/responsive/medium/original/planung.jpg');
    }
  }
}

@media (min-width: 1025px) {
  .service-card[href*="beratung"], #beratung .service-image {
    background-image: url('../../images/services/responsive/large/webp/planung.webp');
  }
  @supports not (background-image: url('../../images/services/responsive/large/webp/planung.webp')) {
    .service-card[href*="beratung"], #beratung .service-image {
      background-image: url('../../images/services/responsive/large/original/planung.jpg');
    }
  }
}

@media (min-width: 1441px) {
  .service-card[href*="beratung"], #beratung .service-image {
    background-image: url('../../images/services/responsive/xl/webp/planung.webp');
  }
  @supports not (background-image: url('../../images/services/responsive/xl/webp/planung.webp')) {
    .service-card[href*="beratung"], #beratung .service-image {
      background-image: url('../../images/services/responsive/xl/original/planung.jpg');
    }
  }
}

/* Responsive background for #theater .gallery-image */
#theater .gallery-image {
  background-image: url('../../images/events/responsive/small/webp/theater.webp');
}

@supports not (background-image: url('../../images/events/responsive/small/webp/theater.webp')) {
  #theater .gallery-image {
    background-image: url('../../images/events/responsive/small/original/theater.jpg');
  }
}

@media (min-width: 641px) {
  #theater .gallery-image {
    background-image: url('../../images/events/responsive/medium/webp/theater.webp');
  }
  @supports not (background-image: url('../../images/events/responsive/medium/webp/theater.webp')) {
    #theater .gallery-image {
      background-image: url('../../images/events/responsive/medium/original/theater.jpg');
    }
  }
}

@media (min-width: 1025px) {
  #theater .gallery-image {
    background-image: url('../../images/events/responsive/large/webp/theater.webp');
  }
  @supports not (background-image: url('../../images/events/responsive/large/webp/theater.webp')) {
    #theater .gallery-image {
      background-image: url('../../images/events/responsive/large/original/theater.jpg');
    }
  }
}

@media (min-width: 1441px) {
  #theater .gallery-image {
    background-image: url('../../images/events/responsive/xl/webp/theater.webp');
  }
  @supports not (background-image: url('../../images/events/responsive/xl/webp/theater.webp')) {
    #theater .gallery-image {
      background-image: url('../../images/events/responsive/xl/original/theater.jpg');
    }
  }
}

/* Responsive background for #adonia .gallery-image */
#adonia .gallery-image {
  background-image: url('../../images/events/responsive/small/webp/adonia_theater.webp');
}

@supports not (background-image: url('../../images/events/responsive/small/webp/adonia_theater.webp')) {
  #adonia .gallery-image {
    background-image: url('../../images/events/responsive/small/original/adonia_theater.jpg');
  }
}

@media (min-width: 641px) {
  #adonia .gallery-image {
    background-image: url('../../images/events/responsive/medium/webp/adonia_theater.webp');
  }
  @supports not (background-image: url('../../images/events/responsive/medium/webp/adonia_theater.webp')) {
    #adonia .gallery-image {
      background-image: url('../../images/events/responsive/medium/original/adonia_theater.jpg');
    }
  }
}

@media (min-width: 1025px) {
  #adonia .gallery-image {
    background-image: url('../../images/events/responsive/large/webp/adonia_theater.webp');
  }
  @supports not (background-image: url('../../images/events/responsive/large/webp/adonia_theater.webp')) {
    #adonia .gallery-image {
      background-image: url('../../images/events/responsive/large/original/adonia_theater.jpg');
    }
  }
}

@media (min-width: 1441px) {
  #adonia .gallery-image {
    background-image: url('../../images/events/responsive/xl/webp/adonia_theater.webp');
  }
  @supports not (background-image: url('../../images/events/responsive/xl/webp/adonia_theater.webp')) {
    #adonia .gallery-image {
      background-image: url('../../images/events/responsive/xl/original/adonia_theater.jpg');
    }
  }
}

/* Responsive background for #katholikentag .gallery-image */
#katholikentag .gallery-image {
  background-image: url('../../images/events/responsive/small/webp/katholikentag.webp');
}

@supports not (background-image: url('../../images/events/responsive/small/webp/katholikentag.webp')) {
  #katholikentag .gallery-image {
    background-image: url('../../images/events/responsive/small/original/katholikentag.jpg');
  }
}

@media (min-width: 641px) {
  #katholikentag .gallery-image {
    background-image: url('../../images/events/responsive/medium/webp/katholikentag.webp');
  }
  @supports not (background-image: url('../../images/events/responsive/medium/webp/katholikentag.webp')) {
    #katholikentag .gallery-image {
      background-image: url('../../images/events/responsive/medium/original/katholikentag.jpg');
    }
  }
}

@media (min-width: 1025px) {
  #katholikentag .gallery-image {
    background-image: url('../../images/events/responsive/large/webp/katholikentag.webp');
  }
  @supports not (background-image: url('../../images/events/responsive/large/webp/katholikentag.webp')) {
    #katholikentag .gallery-image {
      background-image: url('../../images/events/responsive/large/original/katholikentag.jpg');
    }
  }
}

@media (min-width: 1441px) {
  #katholikentag .gallery-image {
    background-image: url('../../images/events/responsive/xl/webp/katholikentag.webp');
  }
  @supports not (background-image: url('../../images/events/responsive/xl/webp/katholikentag.webp')) {
    #katholikentag .gallery-image {
      background-image: url('../../images/events/responsive/xl/original/katholikentag.jpg');
    }
  }
}

/* Responsive background for .story-image */
.story-image {
  background-image: url('../../images/about/responsive/small/webp/ueber_uns.webp');
}

@supports not (background-image: url('../../images/about/responsive/small/webp/ueber_uns.webp')) {
  .story-image {
    background-image: url('../../images/about/responsive/small/original/ueber_uns.jpg');
  }
}

@media (min-width: 641px) {
  .story-image {
    background-image: url('../../images/about/responsive/medium/webp/ueber_uns.webp');
  }
  @supports not (background-image: url('../../images/about/responsive/medium/webp/ueber_uns.webp')) {
    .story-image {
      background-image: url('../../images/about/responsive/medium/original/ueber_uns.jpg');
    }
  }
}

@media (min-width: 1025px) {
  .story-image {
    background-image: url('../../images/about/responsive/large/webp/ueber_uns.webp');
  }
  @supports not (background-image: url('../../images/about/responsive/large/webp/ueber_uns.webp')) {
    .story-image {
      background-image: url('../../images/about/responsive/large/original/ueber_uns.jpg');
    }
  }
}

@media (min-width: 1441px) {
  .story-image {
    background-image: url('../../images/about/responsive/xl/webp/ueber_uns.webp');
  }
  @supports not (background-image: url('../../images/about/responsive/xl/webp/ueber_uns.webp')) {
    .story-image {
      background-image: url('../../images/about/responsive/xl/original/ueber_uns.jpg');
    }
  }
}

/* Responsive background for #immerdieseruwe */
#immerdieseruwe {
  background-image: url('../../images/about/team/responsive/small/webp/uwe_2.webp');
}

@supports not (background-image: url('../../images/about/team/responsive/small/webp/uwe_2.webp')) {
  #immerdieseruwe {
    background-image: url('../../images/about/team/responsive/small/original/uwe_2.jpg');
  }
}

@media (min-width: 641px) {
  #immerdieseruwe {
    background-image: url('../../images/about/team/responsive/medium/webp/uwe_2.webp');
  }
  @supports not (background-image: url('../../images/about/team/responsive/medium/webp/uwe_2.webp')) {
    #immerdieseruwe {
      background-image: url('../../images/about/team/responsive/medium/original/uwe_2.jpg');
    }
  }
}

@media (min-width: 1025px) {
  #immerdieseruwe {
    background-image: url('../../images/about/team/responsive/large/webp/uwe_2.webp');
  }
  @supports not (background-image: url('../../images/about/team/responsive/large/webp/uwe_2.webp')) {
    #immerdieseruwe {
      background-image: url('../../images/about/team/responsive/large/original/uwe_2.jpg');
    }
  }
}

@media (min-width: 1441px) {
  #immerdieseruwe {
    background-image: url('../../images/about/team/responsive/xl/webp/uwe_2.webp');
  }
  @supports not (background-image: url('../../images/about/team/responsive/xl/webp/uwe_2.webp')) {
    #immerdieseruwe {
      background-image: url('../../images/about/team/responsive/xl/original/uwe_2.jpg');
    }
  }
}