/*
@include max($tablet) {
	height: 60px;
}
*/
/*
Beispiel:
@include default_text_specs(
    $css-variable-prepend: "kc-teaser-title",
    $font-weight: 700,
    $line-height: 1,
    $text-align: "center"
);
*/
/*
Beispiel:
@include default_h1_specs(
    $css-variable-prepend: "",
    $font-weight: 700,
    $line-height: 1,
    $text-align: "center"
);
*/
/*
Beispiel:
@include default_h2_specs(
    $css-variable-prepend: "",
    $font-weight: 700,
    $line-height: 1,
    $text-align: "center"
);
*/
/*
Beispiel:
@include css_variable_prepend(
    $property: "font-size",
    $prepend-string: 'kc-teaser-title',
    $default-value: 20px
);
*/
/*
@extend %transition;
*/
/*
@extend %transition-timing;
*/
/*
@include max($tablet) {
	height: 60px;
}
*/
body .gallery-container.gallery-strip-container.align-wide,
html .gallery-container.gallery-strip-container.align-wide {
  width: 100% !important;
  max-width: var(--content-width) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
body .gallery-container.gallery-strip-container .gallery-fancybox-container,
html .gallery-container.gallery-strip-container .gallery-fancybox-container {
  display: flex;
  gap: var(--space-md);
  overflow-x: auto;
  padding-bottom: var(--space-md);
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
}
body .gallery-container.gallery-strip-container .gallery-fancybox-container .gallery-image-container,
html .gallery-container.gallery-strip-container .gallery-fancybox-container .gallery-image-container {
  flex: 0 0 380px;
  aspect-ratio: 4/5;
  scroll-snap-align: start;
  position: relative;
  cursor: pointer;
  overflow: hidden;
}
body .gallery-container.gallery-strip-container .gallery-fancybox-container .gallery-image-container img,
html .gallery-container.gallery-strip-container .gallery-fancybox-container .gallery-image-container img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
body .gallery-container.gallery-strip-container .gallery-fancybox-container::-webkit-scrollbar,
html .gallery-container.gallery-strip-container .gallery-fancybox-container::-webkit-scrollbar {
  height: 6px;
}
body .gallery-container.gallery-strip-container .gallery-fancybox-container::-webkit-scrollbar-track,
html .gallery-container.gallery-strip-container .gallery-fancybox-container::-webkit-scrollbar-track {
  background: var(--cream-warm);
}
body .gallery-container.gallery-strip-container .gallery-fancybox-container::-webkit-scrollbar-thumb,
html .gallery-container.gallery-strip-container .gallery-fancybox-container::-webkit-scrollbar-thumb {
  background: var(--clay);
  border-radius: var(--r-full);
}
body .gallery-container.gallery-grid-container.align-wide,
html .gallery-container.gallery-grid-container.align-wide {
  width: auto !important;
  max-width: none !important;
  margin-left: calc(-1 * var(--space-lg)) !important;
  margin-right: calc(-1 * var(--space-lg)) !important;
}
body .gallery-container.gallery-grid-container .gallery-fancybox-container,
html .gallery-container.gallery-grid-container .gallery-fancybox-container {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-auto-rows: 220px;
  gap: var(--space-sm);
}
body .gallery-container.gallery-grid-container .gallery-fancybox-container .gallery-image-container,
html .gallery-container.gallery-grid-container .gallery-fancybox-container .gallery-image-container {
  overflow: hidden;
  cursor: pointer;
  transition: transform 0.4s;
  position: relative;
}
body .gallery-container.gallery-grid-container .gallery-fancybox-container .gallery-image-container img,
html .gallery-container.gallery-grid-container .gallery-fancybox-container .gallery-image-container img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
body .gallery-container.gallery-grid-container .gallery-fancybox-container .gallery-image-container:hover,
html .gallery-container.gallery-grid-container .gallery-fancybox-container .gallery-image-container:hover {
  transform: scale(1.02);
}
body .gallery-container.gallery-grid-container .gallery-fancybox-container .gallery-image-container:nth-child(1),
html .gallery-container.gallery-grid-container .gallery-fancybox-container .gallery-image-container:nth-child(1) {
  grid-column: span 2;
  grid-row: span 2;
}
body .gallery-container.gallery-grid-container .gallery-fancybox-container .gallery-image-container:nth-child(2),
html .gallery-container.gallery-grid-container .gallery-fancybox-container .gallery-image-container:nth-child(2) {
  grid-column: span 1;
}
body .gallery-container.gallery-grid-container .gallery-fancybox-container .gallery-image-container:nth-child(3),
html .gallery-container.gallery-grid-container .gallery-fancybox-container .gallery-image-container:nth-child(3) {
  grid-column: span 1;
}
body .gallery-container.gallery-grid-container .gallery-fancybox-container .gallery-image-container:nth-child(4),
html .gallery-container.gallery-grid-container .gallery-fancybox-container .gallery-image-container:nth-child(4) {
  grid-column: span 1;
  grid-row: span 2;
}
body .gallery-container.gallery-grid-container .gallery-fancybox-container .gallery-image-container:nth-child(5),
html .gallery-container.gallery-grid-container .gallery-fancybox-container .gallery-image-container:nth-child(5) {
  grid-column: span 2;
}
body .gallery-container.gallery-grid-container .gallery-fancybox-container .gallery-image-container:nth-child(6),
html .gallery-container.gallery-grid-container .gallery-fancybox-container .gallery-image-container:nth-child(6) {
  grid-column: span 1;
}
@media (max-width: 580px) {
  body .gallery-container.gallery-grid-container.align-wide,
  body .gallery-container.gallery-strip-container.align-wide,
  html .gallery-container.gallery-grid-container.align-wide,
  html .gallery-container.gallery-strip-container.align-wide {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  body .gallery-container.gallery-grid-container .gallery-fancybox-container,
  html .gallery-container.gallery-grid-container .gallery-fancybox-container {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-auto-rows: 160px;
  }
  body .gallery-container.gallery-grid-container .gallery-fancybox-container .gallery-image-container:nth-child(1), body .gallery-container.gallery-grid-container .gallery-fancybox-container .gallery-image-container:nth-child(4),
  html .gallery-container.gallery-grid-container .gallery-fancybox-container .gallery-image-container:nth-child(1),
  html .gallery-container.gallery-grid-container .gallery-fancybox-container .gallery-image-container:nth-child(4) {
    grid-row: span 1;
    grid-column: span 2;
  }
  body .gallery-container.gallery-strip-container .gallery-fancybox-container .gallery-image-container,
  html .gallery-container.gallery-strip-container .gallery-fancybox-container .gallery-image-container {
    flex: 0 0 280px;
  }
}