/**
 * Image Block Styles
 * 
 * Flexible image block with 3 variants:
 * - 2 images + text
 * - 1-4 images gallery
 * - 2 images + shortcode
 */

/* Main Image */
.image-block-main img {
  max-height: 600px;
  object-fit: cover;
}

/* Secondary Image (smaller, in sidebar) */
.image-block-secondary {
  min-height: 200px;
}

.image-block-secondary img {
  max-height: 400px;
}

/* Content Section */
.image-block-content {
  padding: 1.5rem 0;
}

.image-block-content .text-content ul {
  padding-left: 1.5rem;
  margin-bottom: 1rem;
}

.image-block-content .text-content ul li {
  list-style-type: disc;
  margin-bottom: 0.5rem;
}

.image-block-content .text-content ul li::marker {
  color: var(--brand-secondary-color, var(--bs-primary, #0d6efd));
}

/* Gallery Items (picture variant) */
.image-block-gallery-item img {
  aspect-ratio: 4/3;
  object-fit: cover;
}

/* Single image gets more height */
/* .row > .col-12 .image-block-gallery-item img {
  aspect-ratio: 16/9;
  max-height: 600px;
} */

/* Shortcode Container */
.image-block-shortcode {
  padding: 1.5rem 0;
}

.image-block-parallax .bildwrapper{height:500px;align-content: center;text-align:center;}
.image-block-parallax .bildwrapper .headline{color:var(--white);font-size:200%;margin-bottom:0;line-height:1.1;}
.image-block-parallax .bildwrapper .subline{color:var(--white);font-size:125%;}
.image-block-parallax .bildwrapper .btn{margin:50px auto 0;display:block;width:max-content;}

.image-block-picture .subline{display:block;margin-top:25px;text-align:center;text-transform:none;}

/* Responsive Adjustments */
@media (max-width: 991.98px) {
  .image-block-main img,
  .image-block-secondary img {
    max-height: 400px;
  }
  
  .image-block-secondary {
    min-height: auto;
  }
}

@media (max-width: 767.98px) {
  
  .image-block-content,
  .image-block-shortcode {
    padding: 1rem 0;
  }

  .image-block-parallax .bildwrapper .headline{
    font-size: 150%;
  }
}

@media(max-width:575px){
  .image-block-parallax .bildwrapper{height:250px;background-attachment:unset!important;}

  .image-block-parallax .bildwrapper .subline{font-size:115%}

}