/*
Theme Name:     Biering Child
Theme URI:      https://biering-bad.de
Description:    Child Theme für Biering
Author:         Bunkrs
Author URI:     https://bunkrs.de
Template:       biering
Version:        1.0
*/

.fullbg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

@keyframes gradientAnim {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

.vc_custom_1744404541818 .box-bg {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.vc_custom_1744404541818 .inner {
  position: relative;
  z-index: 1;
}

.row-bg-wrap.has-animated-gradient {
    overflow: hidden;
    z-index: 997;
}

.row_col_wrap_12 col span_12 dark left {
    z-index: 999;
}

.buttonradius {
  border-radius: 10px;
}

/* Macht die sticky Spalte korrekt fixiert */
.vc_column_container.sticky-column {
  top: 100px;
  z-index: 1000;
}

/* Deaktiviert Parallax-Blockade */
.nectar-parallax-enabled,
.column-image-bg {
  transform: none !important;
  will-change: auto !important;
}

/* Ermöglicht Sticky durch korrektes Overflow */
.container-wrap,
.vc_row,
.row_col_wrap_12_inner {
  overflow: visible !important;
}
.scrolling-tab-nav {
  position: sticky;
  top: 100px; /* Abstand zum Header */
  z-index: 999;
}
.nectar-parallax-enabled,
.column-image-bg,
.column-image-bg-wrap,
.wpb_row,
.row_col_wrap_12_inner {
  transform: none !important;
  overflow: visible !important;
}

/* Grid-Layout */
#sb_instagram #sbi_images {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 10px;
}

/* Box-Container */
#sb_instagram .sbi_item {
  aspect-ratio: 1 / 1;
  border-radius: 10px !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #000; /* optional fallback */
}

/* Link-Hülle */
#sb_instagram .sbi_item a.sbi_photo {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  border-radius: 10px !important;
  overflow: hidden !important;
}

/* Bild selbst */
#sb_instagram .sbi_item img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 10px !important;
}

.wpb_tabs_nav li.tab-item a span {
  color: var(--extra-color-3);
  font-size: 46px;
  line-height: 56px;
  font-weight: 700;
  letter-spacing: -0.03em;
  text-transform: none;
}

.tabsstartseite .wpb_tabs_nav li a span {
  color: var(--extra-color-3);
  font-size: 46px;
  line-height: 56px;
  font-weight: 700;
  letter-spacing: -0.03em;
  text-transform: none;
}