/** Shopify CDN: Minification failed

Line 83:0 Unexpected "{"
Line 83:1 Expected identifier but found "%"
Line 83:31 Expected identifier but found whitespace
Line 83:46 Expected identifier but found "%"
Line 96:0 Unexpected "{"
Line 96:1 Expected identifier but found "%"
Line 96:33 Unexpected "("
Line 96:47 Expected identifier but found "%"
Line 124:0 Unexpected "{"
Line 124:1 Expected identifier but found "%"
... and 1 more hidden warnings

**/
.blog-articles {
  display: grid;
  grid-gap: 1rem;
  column-gap: var(--grid-mobile-horizontal-spacing);
  row-gap: var(--grid-mobile-vertical-spacing);
}

.blog-articles .card-wrapper {
  width: 100%;
}

@media screen and (min-width: 750px) {
  .blog-articles {
    grid-template-columns: 1fr 1fr;
    column-gap: var(--grid-desktop-horizontal-spacing);
    row-gap: var(--grid-desktop-vertical-spacing);
  }

  .blog-articles--collage > *:nth-child(3n + 1),
  .blog-articles--collage > *:nth-child(3n + 2):last-child {
    grid-column: span 2;
    text-align: center;
  }

  .blog-articles--collage > *:nth-child(3n + 1) .card,
  .blog-articles--collage > *:nth-child(3n + 2):last-child .card {
    text-align: center;
  }

  .blog-articles--collage > *:nth-child(3n + 1) .article-card__image--small .ratio::before,
  .blog-articles--collage > *:nth-child(3n + 2):last-child .article-card__image--small .ratio::before {
    padding-bottom: 22rem;
  }

  .blog-articles--collage > *:nth-child(3n + 1) .article-card__image--medium .ratio::before,
  .blog-articles--collage > *:nth-child(3n + 2):last-child .article-card__image--medium .ratio::before {
    padding-bottom: 44rem;
  }

  .blog-articles--collage > *:nth-child(3n + 1) .article-card__image--large .ratio::before,
  .blog-articles--collage > *:nth-child(3n + 2):last-child .article-card__image--large .ratio::before {
    padding-bottom: 66rem;
  }
}

@media screen and (min-width: 990px) {
  .blog-articles--collage > *:nth-child(3n + 1) .article-card__image--small .ratio .ratio::before,
  .blog-articles--collage > *:nth-child(3n + 2):last-child .article-card__image--small .ratio .ratio::before {
    padding-bottom: 27.5rem;
  }

  .blog-articles--collage > *:nth-child(3n + 1) .article-card__image--medium .ratio::before,
  .blog-articles--collage > *:nth-child(3n + 2):last-child .article-card__image--medium .ratio::before {
    padding-bottom: 55rem;
  }

  .blog-articles--collage > *:nth-child(3n + 1) .article-card__image--large .ratio::before,
  .blog-articles--collage > *:nth-child(3n + 2):last-child .article-card__image--large .ratio::before {
    padding-bottom: 82.5rem;
  }
}

/* faq style 2026 */          
.blog-faq-master[open] .blog-faq-master-icon {
  transform: rotate(180deg);
  color: #0B5701;
}
{% comment %} Master-Akkordeon: Hover-Effekt {% endcomment %}
.blog-faq-master summary:hover {
  background: linear-gradient(135deg, #FDE79A 0%, #FDF3CC 100%);
  color: #0B5701;
}
.blog-faq-master summary:hover .blog-faq-master-icon {
  color: #0B5701;
  transform: scale(1.1);
}
.blog-faq-master[open] summary {
  background: #fffffe;
  border-bottom-color: #0B5701;
}
{% comment %} Einzelne FAQ-Items (wie gehabt) {% endcomment %}
.blog-faq-item[open] .blog-faq-icon {
  transform: rotate(45deg);
  color: #0B5701;
}
.blog-faq-item summary::-webkit-details-marker,
.blog-faq-master summary::-webkit-details-marker {
  display: none;
}
.blog-faq-item summary:hover {
  color: #0B5701; 
}
.blog-faq-item summary:hover .blog-faq-icon {
  transform: scale(1.15);
  color: #0B5701;
}
.blog-faq-item:hover {
  border-color: #0B5701;
  box-shadow: 0 2px 8px rgba(11, 87, 1, 0.12);
  background: #F7DEDE;
}
.blog-faq-item[open] {
  border-color: #0B5701;
  background: #fffffe;
}
.blog-faq-item:last-child {
  margin-bottom: 0;
}
{% comment %} Mobile Optimierung {% endcomment %}
@media (max-width: 768px) {
  .blog-faq-container {
    margin: 35px auto !important;
  }
  .blog-faq-master summary {
    padding: 16px 20px !important;
    font-size: 18px !important;
  }
  .blog-faq-master-icon {
    font-size: 22px !important;
  }
  .faq-inner-wrapper {
    padding: 22px 18px !important;
  }
  .blog-faq-item {
    padding: 13px 16px !important;
    margin-bottom: 11px !important;
  }
  .blog-faq-item summary {
    font-size: 14px !important;
  }
  .blog-faq-icon {
    font-size: 18px !important;
  }
  .blog-faq-item div {
    font-size: 13px !important;
  }
}