/**
 * 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-text_single .image-block-content {
  background-color: var(--brand-secondary-color);
  padding: 2.5rem;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-radius: 0 10px 10px 0;
}

.image-block-text_single .image-block-main {
  height: 100%;
  width: 100%;
}

.image-block-text_single .image-block-main img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  max-height: none;
  border-radius: 10px 0 0 10px;
}

.image-block-text_single .text{
  padding-left: 0;
  display: flex;
}

.image-block-text_single .bild{
  padding-right: 0;
  display: flex;
}

.image-block-text_single .row {
  align-items: stretch;
}

.image-block-text_single .headline{
  color: var(--brand-accent-color);
}

.image-block-text_single p{
  color: var(--white);
}

.image-block-image_single .image-block-single img{
  width: 100%;
  height: 600px;
  object-fit: contain;
  margin-top: 40px;
}

@media (max-width: 1200px) {

}

@media (max-width: 991px) {
  .image-block-main img,
  .image-block-secondary img {
    max-height: 400px;
  }
  
  .image-block-secondary {
    min-height: auto;
  }

  .image-block-text_single .bild{
    padding-right: calc(var(--bs-gutter-x) * .5);
  }

  .image-block-text_single .text{
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: 0;
  }

  .image-block-text_single .image-block-main img{
    border-radius: 10px 10px 0 0;
    height: 400px;
  }

  .image-block-text_single .image-block-content{
    border-radius: 0 0 10px 10px;
    padding: 2rem;
  }
}

@media (max-width: 768px) {
  .image-block-gallery-item img {
    aspect-ratio: 1/1;
  }
  
  .image-block-content,
  .image-block-shortcode {
    padding: 1rem 0;
  }

  .image-block-image_single .image-block-single img{
    height: 450px;
  }
}

@media (max-width: 576px) {
  .image-block-text_single .image-block-main img{
    height: 250px;
  }
  .image-block-text_single .image-block-content{
    padding: 1.5rem;
  }

  .image-block-image_single .image-block-single img{
    height: 350px;
  }
}

@media (max-width: 400px) {
  .image-block-image_single .image-block-single img{
    height: 200px;
  }
}