/* =========================================================
   BAM BAM GALERIE FINAL
   Backup-Basis + Addons
   KEINE Snapshot-Größen-Orgie mehr
========================================================= */

.bb-gallery-page .container {
  max-width: 1380px !important;
}

.bb-gallery-intro {
  margin-top: -110px;
}

.bb-gallery-intro h2 {
  margin-bottom: 0.9rem !important;
}

/* SUCHE */
.bb-gallery-searchbar {
  width: min(760px, 100%);
  margin: 0 auto 20px auto;
}

.bb-gallery-searchbar input {
  width: 100%;
  min-height: 54px;
  padding: 0 22px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.14);
  background:
    linear-gradient(135deg, rgba(82,151,254,0.12), rgba(172,245,32,0.07)),
    rgba(8,16,30,0.62);
  color: #fff !important;
  font-family: "Rajdhani", sans-serif !important;
  font-weight: 700;
  outline: none;
}

.bb-gallery-searchbar input::placeholder {
  color: rgba(236,250,255,0.5);
}

/* FILTER */
.bb-gallery-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  margin: 0 auto 30px auto;
}

.bb-gallery-filter {
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 44px;
  padding: 0 18px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.13);
  background:
    linear-gradient(135deg, rgba(82,151,254,0.12), rgba(172,245,32,0.07)),
    rgba(8,16,30,0.56);
  color: rgba(236,250,255,0.82);
  font-family: "Orbitron", sans-serif;
  font-size: 0.68rem;
  font-weight: 900;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  cursor: pointer;
  box-shadow:
    0 12px 28px rgba(0,0,0,0.22),
    inset 0 1px 0 rgba(255,255,255,0.08);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease, color 180ms ease;
}

.bb-gallery-filter span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 26px;
  height: 24px;
  padding: 0 8px;
  border-radius: 999px;
  color: #acf520;
  background: rgba(172,245,32,0.09);
  border: 1px solid rgba(172,245,32,0.18);
}

.bb-gallery-filter:hover,
.bb-gallery-filter.is-active {
  transform: translateY(-2px);
  color: #fff;
  border-color: rgba(172,245,32,0.34);
  box-shadow:
    0 18px 38px rgba(0,0,0,0.30),
    0 0 26px rgba(172,245,32,0.12),
    0 0 34px rgba(82,151,254,0.12),
    inset 0 1px 0 rgba(255,255,255,0.10);
}

/* DATUMSGRUPPEN */
.bb-gallery-date-group {
  margin: 0 0 52px 0;
}

.bb-gallery-date-group.is-hidden {
  display: none;
}

.bb-gallery-date-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin: 0 0 16px 0;
  padding: 0 4px;
}

.bb-gallery-date-header h3 {
  margin: 0;
  color: #fff;
  font-family: "Orbitron", sans-serif;
  font-size: clamp(1.2rem, 2vw, 1.9rem);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  text-shadow:
    0 0 18px rgba(172,245,32,0.14),
    0 0 24px rgba(82,151,254,0.14);
}

.bb-gallery-date-header span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 14px;
  border-radius: 999px;
  color: rgba(236,250,255,0.72);
  background: rgba(5,12,22,0.48);
  border: 1px solid rgba(255,255,255,0.12);
  font-weight: 800;
}

/* GRID */
.bb-gallery-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(260px, 1fr));
  gap: 22px;
  align-items: start;
}

/* CARD */
.bb-gallery-card,
.bb-gallery-empty {
  background:
    linear-gradient(145deg, rgba(8,17,31,0.58), rgba(3,8,16,0.36)) !important;
  border: 1px solid rgba(255,255,255,0.13);
  border-radius: 26px;
  box-shadow:
    0 18px 54px rgba(0,0,0,0.30),
    0 0 42px rgba(82,151,254,0.10),
    inset 0 1px 0 rgba(255,255,255,0.08);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  overflow: hidden;
}

.bb-gallery-card {
  transition:
    transform 180ms ease,
    border-color 180ms ease,
    box-shadow 180ms ease,
    opacity 180ms ease;
}

.bb-gallery-card:hover {
  transform: translateY(-4px);
  border-color: rgba(172,245,32,0.22);
  box-shadow:
    0 24px 68px rgba(0,0,0,0.38),
    0 0 34px rgba(172,245,32,0.10),
    0 0 42px rgba(82,151,254,0.13),
    inset 0 1px 0 rgba(255,255,255,0.10);
}

.bb-gallery-card.is-hidden {
  display: none;
}

/* MEDIA */
.bb-gallery-image-link {
  appearance: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  position: relative;
  min-height: 480px;
  padding: 0;
  border: 0;
  overflow: hidden;
  background:
    radial-gradient(circle at center, rgba(82,151,254,0.10), transparent 55%),
    rgba(0,0,0,0.35);
  cursor: pointer;
  text-decoration: none !important;
}

.bb-gallery-image-link::after {
  content: "Ansehen";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(0.92);
  opacity: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 0 18px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.18);
  color: #fff;
  background: rgba(5,12,22,0.72);
  font-family: "Orbitron", sans-serif;
  font-size: 0.68rem;
  font-weight: 900;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  transition: opacity 180ms ease, transform 180ms ease;
  z-index: 4;
}

.bb-gallery-card:hover .bb-gallery-image-link::after {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}

.bb-gallery-image-link img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: contain;
  object-position: center center;
  background: transparent;
  transition:
    transform 220ms ease,
    filter 220ms ease,
    opacity 220ms ease;
}

.bb-gallery-card:hover .bb-gallery-image-link img {
  transform: scale(1.025);
  filter: brightness(1.05) contrast(1.03);
}

/* VIDEO */
.bb-gallery-kind-video .bb-gallery-image-link {
  min-height: 480px;
  aspect-ratio: auto;
}

.bb-gallery-kind-video .bb-gallery-image-link img,
.bb-gallery-video-placeholder {
  width: 100%;
  height: 480px;
  object-fit: cover;
  object-position: center center;
}

.bb-gallery-video-placeholder {
  width: 100%;
  min-height: 260px;
  aspect-ratio: 16 / 9;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 14px;
  background:
    radial-gradient(circle at center, rgba(172,245,32,0.16), transparent 55%),
    radial-gradient(circle at top, rgba(82,151,254,0.18), transparent 58%),
    rgba(0,0,0,0.36);
  color: #fff;
  text-align: center;
}

.bb-gallery-video-placeholder span {
  width: 76px;
  height: 76px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  border: 1px solid rgba(172,245,32,0.32);
  color: #acf520;
  background: rgba(5,12,22,0.72);
  font-size: 2.1rem;
  box-shadow:
    0 0 28px rgba(172,245,32,0.16),
    0 0 38px rgba(82,151,254,0.14);
}

.bb-gallery-video-placeholder strong {
  font-family: "Orbitron", sans-serif;
  font-size: 0.9rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.bb-gallery-video-placeholder small {
  color: rgba(236,250,255,0.62);
  font-weight: 900;
  letter-spacing: 0.18em;
}

.bb-gallery-play-badge {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 86px;
  height: 86px;
  transform: translate(-50%, -50%);
  z-index: 5;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  color: #acf520;
  font-size: 2.2rem;
  background: rgba(5,12,22,0.76);
  border: 1px solid rgba(172,245,32,0.28);
  pointer-events: none;
}

.bb-gallery-video-link::after {
  display: none !important;
}

/* CONTENT */
.bb-gallery-card-content {
  padding: 14px 18px 20px 18px;
}

.bb-gallery-meta-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 12px;
  flex-wrap: wrap;
}

.bb-gallery-type,
.bb-gallery-best {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  padding: 0 12px;
  border-radius: 999px;
  font-family: "Orbitron", sans-serif;
  font-size: 0.62rem;
  font-weight: 900;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.bb-gallery-type {
  color: #acf520;
  background: rgba(172,245,32,0.08);
  border: 1px solid rgba(172,245,32,0.18);
}

.bb-gallery-kind-video .bb-gallery-type {
  color: #fff;
  background: rgba(82,151,254,0.16);
  border-color: rgba(82,151,254,0.28);
}

.bb-gallery-best {
  color: #fff7c2;
  background: linear-gradient(135deg, rgba(255,215,0,0.20), rgba(172,245,32,0.16));
  border: 1px solid rgba(255,215,0,0.35);
}

.bb-gallery-date {
  color: rgba(236,250,255,0.54);
  font-size: 0.82rem;
  white-space: nowrap;
}

.bb-gallery-card h3,
.bb-gallery-empty h3 {
  margin: 0;
  color: #fff;
  font-family: "Orbitron", sans-serif;
  font-size: 1.05rem;
  line-height: 1.2;
  letter-spacing: 0.02em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.bb-gallery-game,
.bb-gallery-category,
.bb-gallery-source {
  color: rgba(236,250,255,0.66);
  font-size: 0.94rem;
  line-height: 1.5;
}

.bb-gallery-category {
  color: rgba(172,245,32,0.78);
  font-weight: 800;
}

.bb-gallery-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 10px;
}

.bb-gallery-tags span {
  min-height: 28px;
  padding: 0 10px;
  border-radius: 999px;
  color: rgba(236,250,255,0.76);
  background: rgba(255,255,255,0.07);
  border: 1px solid rgba(255,255,255,0.10);
  font-size: 0.78rem;
  font-weight: 800;
  display: inline-flex;
  align-items: center;
}

/* EMPTY */
.bb-gallery-empty {
  max-width: 820px;
  margin: 0 auto;
  padding: 28px;
  text-align: center;
}

.bb-gallery-empty p {
  margin: 0;
  color: rgba(236,250,255,0.74);
  font-size: 0.98rem;
  line-height: 1.5;
}

.bb-gallery-empty strong {
  color: #acf520;
  font-weight: 900;
}

/* MODAL */
body.bb-gallery-modal-open {
  overflow: hidden;
}

.bb-gallery-modal {
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 34px;
  background:
    radial-gradient(circle at center, rgba(82,151,254,0.12), transparent 55%),
    rgba(0,0,0,0.84);
  opacity: 0;
  pointer-events: none;
  transition: opacity 180ms ease;
}

.bb-gallery-modal.is-open {
  opacity: 1;
  pointer-events: auto;
}

.bb-gallery-modal-inner {
  width: min(1180px, 100%);
  max-height: calc(100vh - 68px);
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
  border-radius: 28px;
  overflow: hidden;
  background: rgba(8,17,31,0.92);
  border: 1px solid rgba(255,255,255,0.15);
}

.bb-gallery-modal-media {
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0,0,0,0.42);
}

.bb-gallery-modal-media img,
.bb-gallery-modal-media video {
  width: 100%;
  max-height: calc(100vh - 190px);
  display: block;
  object-fit: contain;
}

.bb-gallery-modal-info {
  padding: 18px 22px 20px;
}

.bb-gallery-modal-info span {
  display: inline-flex;
  margin-bottom: 8px;
  padding: 5px 10px;
  border-radius: 999px;
  color: #acf520;
  background: rgba(172,245,32,0.08);
  border: 1px solid rgba(172,245,32,0.18);
  font-family: "Orbitron", sans-serif;
  font-size: 0.62rem;
  font-weight: 900;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.bb-gallery-modal-info h3 {
  margin: 0 0 6px 0;
  color: #fff;
  font-family: "Orbitron", sans-serif;
  font-size: clamp(1.2rem, 2vw, 1.9rem);
  line-height: 1.15;
}

.bb-gallery-modal-info p {
  margin: 0;
  color: rgba(236,250,255,0.68);
}

.bb-gallery-modal-close {
  appearance: none;
  position: fixed;
  right: 22px;
  top: 18px;
  z-index: 100000;
  width: 46px;
  height: 46px;
  border: 1px solid rgba(255,255,255,0.16);
  border-radius: 999px;
  color: #fff;
  background: rgba(5,12,22,0.78);
  font-size: 2rem;
  line-height: 1;
  cursor: pointer;
  box-shadow:
    0 18px 38px rgba(0,0,0,0.34),
    inset 0 1px 0 rgba(255,255,255,0.08);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  transition: transform 160ms ease, border-color 160ms ease;
}

.bb-gallery-modal-close:hover {
  transform: scale(1.06);
  border-color: rgba(172,245,32,0.36);
}

/* ROSA HOVER KILLER */
.bb-gallery-page a,
.bb-gallery-page a:hover,
.bb-gallery-page button,
.bb-gallery-page button:hover,
.bb-gallery-page .button:hover,
.bb-gallery-page input:hover,
.bb-gallery-page input:focus {
  color: inherit !important;
  background-color: transparent !important;
  text-decoration: none !important;
}

.bb-gallery-card a:hover,
.bb-gallery-card button:hover,
.bb-gallery-image-link:hover {
  background:
    radial-gradient(circle at center, rgba(82,151,254,0.10), transparent 55%),
    rgba(0,0,0,0.35) !important;
  box-shadow: none !important;
  color: inherit !important;
}

/* RESPONSIVE */
@media screen and (max-width: 1180px) {
  .bb-gallery-grid {
    grid-template-columns: repeat(2, minmax(260px, 1fr));
  }
}

@media screen and (max-width: 900px) {
  .bb-gallery-intro {
    margin-top: -70px;
  }

  .bb-gallery-toolbar {
    margin-bottom: 24px;
  }
}

@media screen and (max-width: 620px) {
  .bb-gallery-grid {
    grid-template-columns: 1fr;
  }

  .bb-gallery-intro {
    margin-top: -40px;
  }

  .bb-gallery-filter {
    width: 100%;
  }

  .bb-gallery-meta-row {
    align-items: flex-start;
    flex-direction: column;
  }

  .bb-gallery-date {
    white-space: normal;
  }

  .bb-gallery-date-header {
    flex-direction: column;
    align-items: flex-start;
  }

  .bb-gallery-modal {
    padding: 16px;
  }

  .bb-gallery-modal-inner {
    max-height: calc(100vh - 32px);
    border-radius: 20px;
  }

  .bb-gallery-modal-media img,
  .bb-gallery-modal-media video {
    max-height: calc(100vh - 165px);
  }

  .bb-gallery-modal-close {
    right: 14px;
    top: 12px;
  }
}

/* =========================================================
   PAKET 5: Video Modal + Mobile finaler Feinschliff
========================================================= */

.bb-gallery-modal-media video {
  width: 100% !important;
  max-width: 100% !important;
  max-height: calc(100vh - 190px) !important;
  border: 0;
  outline: none;
  background: #000;
}

.bb-gallery-modal-media video::-webkit-media-controls-panel {
  background-color: rgba(0,0,0,0.7);
}

.bb-gallery-kind-video .bb-gallery-image-link {
  min-height: 480px;
  aspect-ratio: auto;
}

.bb-gallery-kind-video .bb-gallery-image-link img,
.bb-gallery-video-placeholder {
  width: 100%;
  height: 480px;
  object-fit: cover;
  object-position: center center;
}

/* Replay ohne Thumbnail: Play sauber mittig */
.bb-gallery-video-placeholder span {
  margin: 0 auto;
}

/* Thumbnail-Replay: genau ein Playbutton */
.bb-gallery-video-link .bb-gallery-play-badge {
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
}

/* Placeholder hat eigenen Playbutton, also keinen Extra-Badge */
.bb-gallery-video-placeholder + .bb-gallery-play-badge {
  display: none !important;
}

/* Mobile Galerie */
@media screen and (max-width: 760px) {
  .bb-gallery-page .container {
    width: min(100% - 18px, 1380px) !important;
  }

  .bb-gallery-searchbar {
    width: 100%;
    margin-bottom: 16px;
  }

  .bb-gallery-searchbar input {
    min-height: 50px;
    font-size: 0.95rem;
  }

  .bb-gallery-toolbar {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }

  .bb-gallery-filter {
    width: 100%;
    padding: 0 12px;
    font-size: 0.6rem;
  }

  .bb-gallery-grid {
    gap: 22px;
  }

  .bb-gallery-image-link {
    min-height: 0;
  }

  .bb-gallery-kind-video .bb-gallery-image-link,
  .bb-gallery-kind-video .bb-gallery-image-link img,
  .bb-gallery-video-placeholder {
    height: 300px;
    min-height: 300px;
  }

  .bb-gallery-play-badge,
  .bb-gallery-video-placeholder span {
    width: 68px;
    height: 68px;
    font-size: 1.8rem;
  }

  .bb-gallery-card-content {
    padding: 14px 16px 18px;
  }

  .bb-gallery-card h3 {
    font-size: 1rem;
  }
}

@media screen and (max-width: 430px) {
  .bb-gallery-toolbar {
    grid-template-columns: 1fr;
  }

  .bb-gallery-kind-video .bb-gallery-image-link,
  .bb-gallery-kind-video .bb-gallery-image-link img,
  .bb-gallery-video-placeholder {
    height: 240px;
    min-height: 240px;
  }
}

/* =========================================================
   EVENT FEED
========================================================= */

.bb-event-feed {
  margin: 0 auto 34px auto;
  padding: 20px;
  border-radius: 26px;
  border: 1px solid rgba(255,255,255,0.13);
  background:
    linear-gradient(145deg, rgba(8,17,31,0.58), rgba(3,8,16,0.36)) !important;
  box-shadow:
    0 18px 54px rgba(0,0,0,0.26),
    0 0 42px rgba(82,151,254,0.08),
    inset 0 1px 0 rgba(255,255,255,0.08);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

.bb-event-feed-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 14px;
}

.bb-event-feed-header h3 {
  margin: 0;
  color: #fff;
  font-family: "Orbitron", sans-serif;
  font-size: 1rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.bb-event-feed-header span {
  color: rgba(172,245,32,0.78);
  font-size: 0.8rem;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.bb-event-feed-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 12px;
}

.bb-event-feed-item {
  display: grid;
  grid-template-columns: 42px 1fr;
  gap: 12px;
  align-items: start;
  padding: 12px;
  border-radius: 18px;
  background: rgba(255,255,255,0.055);
  border: 1px solid rgba(255,255,255,0.09);
}

.bb-event-feed-icon {
  width: 42px;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: rgba(172,245,32,0.08);
  border: 1px solid rgba(172,245,32,0.16);
}

.bb-event-feed-item strong {
  display: block;
  color: #fff;
  line-height: 1.2;
}

.bb-event-feed-item p {
  margin: 3px 0 4px 0;
  color: rgba(236,250,255,0.66);
  font-size: 0.88rem;
  line-height: 1.3;
}

.bb-event-feed-item small,
.bb-event-feed-empty {
  color: rgba(236,250,255,0.48);
  font-size: 0.78rem;
}

@media screen and (max-width: 760px) {
  .bb-event-feed-list {
    grid-template-columns: 1fr;
  }

  .bb-event-feed-header {
    flex-direction: column;
    align-items: flex-start;
  }
}

/* =========================================================
   GHOST GAME META
========================================================= */

.bb-gallery-ghostbox {
  margin-top: 12px;
  padding: 12px;
  border-radius: 16px;
  background:
    linear-gradient(135deg, rgba(82,151,254,0.13), rgba(172,245,32,0.07)),
    rgba(0,0,0,0.22);
  border: 1px solid rgba(172,245,32,0.16);
}

.bb-gallery-ghostbox strong {
  display: block;
  color: #acf520;
  margin-bottom: 7px;
  font-size: 0.86rem;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.bb-gallery-ghostbox span {
  display: block;
  color: rgba(236,250,255,0.74);
  font-size: 0.84rem;
  line-height: 1.35;
}

/* Paket 14: Mobile/Performance */
.bb-gallery-image-link img {
  image-rendering: auto;
  backface-visibility: hidden;
  transform: translateZ(0);
}

.bb-gallery-grid {
  contain: layout style paint;
}

.bb-gallery-card {
  contain: content;
}

@media (max-width: 820px) {

  .bb-gallery-grid {
    gap: 18px;
  }

  .bb-gallery-card-content {
    padding: 12px 14px 16px;
  }

  .bb-gallery-card h3 {
    font-size: .95rem;
  }

  .bb-gallery-date {
    font-size: .72rem;
  }
}

/* =========================================================
   PAKET 15: dezentes Wasserzeichen
========================================================= */

.bb-gallery-watermark {
  position: absolute;
  right: 14px;
  bottom: 12px;
  z-index: 6;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  max-width: calc(100% - 28px);
  min-height: 28px;
  padding: 0 10px;

  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.13);

  color: rgba(236,250,255,0.58);
  background: rgba(0,0,0,0.34);

  font-family: "Orbitron", sans-serif;
  font-size: 0.56rem;
  font-weight: 900;
  letter-spacing: 0.14em;
  text-transform: uppercase;

  pointer-events: none;
  user-select: none;

  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.bb-gallery-card:hover .bb-gallery-watermark {
  color: rgba(172,245,32,0.82);
  border-color: rgba(172,245,32,0.20);
}

@media screen and (max-width: 620px) {
  .bb-gallery-watermark {
    right: 10px;
    bottom: 10px;
    font-size: 0.5rem;
  }
}

/* Paket 18: Browser-Kompatibilität Galerie */
@supports not (display: grid) {
  .bb-gallery-grid,
  .bb-event-feed-list {
    display: block;
  }

  .bb-gallery-card,
  .bb-event-feed-item {
    margin-bottom: 22px;
  }
}

@media (hover: none) {
  .bb-gallery-card:hover,
  .bb-gallery-filter:hover {
    transform: none !important;
  }

  .bb-gallery-image-link::after {
    display: none !important;
  }
}

/* Eventfeed öffentlich ausblenden */
.bb-gallery-page .bb-event-feed,
.bb-event-feed {
  display: none !important;
}

/* =========================================================
   GALERIE MOBILE FINAL FIX
========================================================= */

@media screen and (max-width: 760px) {

  .bb-gallery-intro {
    margin-top: 10px !important;
    padding-top: 18px !important;
  }

  .bb-gallery-searchbar {
    margin-top: 58px !important;
    margin-bottom: 18px !important;
    width: calc(100% - 18px) !important;
  }

  .bb-gallery-searchbar input {
    min-height: 54px !important;
    padding-left: 62px !important;
    font-size: 0.92rem !important;
  }

  .bb-gallery-toolbar {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 12px !important;
    width: calc(100% - 18px) !important;
    margin: 0 auto 28px auto !important;
  }

  .bb-gallery-filter {
    min-height: 58px !important;
    width: 100% !important;
    padding: 0 12px !important;
    font-size: 0.72rem !important;
  }

  .bb-gallery-date-header {
    width: calc(100% - 18px) !important;
    margin: 0 auto 16px auto !important;
  }

  .bb-gallery-date-header h3 {
    font-size: 1.55rem !important;
  }

  .bb-gallery-grid {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
    width: calc(100% - 18px) !important;
    margin: 0 auto !important;
  }

  .bb-gallery-card {
    border-radius: 24px !important;
    overflow: hidden !important;
  }

  .bb-gallery-image-link {
    min-height: 0 !important;
    height: auto !important;
    padding: 14px !important;
    background:
      radial-gradient(circle at center, rgba(82,151,254,0.08), transparent 55%),
      rgba(0,0,0,0.26) !important;
  }

  .bb-gallery-kind-image .bb-gallery-image-link img {
    width: 100% !important;
    height: auto !important;
    max-height: 430px !important;
    object-fit: contain !important;
    object-position: center center !important;
    border-radius: 16px !important;
  }

  .bb-gallery-kind-video .bb-gallery-image-link {
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    aspect-ratio: 16 / 9 !important;
  }

  .bb-gallery-kind-video .bb-gallery-image-link img,
  .bb-gallery-video-placeholder {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 16 / 9 !important;
    object-fit: cover !important;
    object-position: center center !important;
  }

  .bb-gallery-card-content {
    padding: 16px 18px 22px !important;
  }

  .bb-gallery-meta-row {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
  }

  .bb-gallery-type {
    min-height: 36px !important;
    padding: 0 14px !important;
    font-size: 0.7rem !important;
  }

  .bb-gallery-date {
    font-size: 0.82rem !important;
  }

  .bb-gallery-card h3 {
    font-size: 1.22rem !important;
    line-height: 1.18 !important;
  }

  .bb-gallery-category,
  .bb-gallery-game,
  .bb-gallery-source {
    font-size: 1rem !important;
  }

  .bb-gallery-watermark {
    display: none !important;
  }
}

@media screen and (max-width: 430px) {
  .bb-gallery-toolbar {
    grid-template-columns: 1fr 1fr !important;
  }

  .bb-gallery-filter {
    font-size: 0.64rem !important;
    min-height: 54px !important;
  }

  .bb-gallery-kind-image .bb-gallery-image-link img {
    max-height: 390px !important;
  }
}

/* =========================================================
   VIDEO MODAL MIT TIMELINE
========================================================= */

body.bb-video-modal-open {
  overflow: hidden;
}

.bb-video-modal {
  position: fixed;
  inset: 0;
  z-index: 999999;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 26px;
}

.bb-video-modal.is-open {
  display: flex;
}

.bb-video-modal-backdrop {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at center, rgba(82,151,254,.14), transparent 54%),
    rgba(0,0,0,.86);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

.bb-video-modal-box {
  position: relative;
  z-index: 2;
  width: min(1180px, 96vw);
  border-radius: 28px;
  padding: 18px;
  background:
    linear-gradient(145deg, rgba(8,17,31,.92), rgba(3,8,16,.88));
  border: 1px solid rgba(255,255,255,.16);
  box-shadow:
    0 28px 90px rgba(0,0,0,.62),
    0 0 44px rgba(82,151,254,.18),
    inset 0 1px 0 rgba(255,255,255,.08);
}

.bb-video-modal-title {
  color: #fff;
  font-family: "Orbitron", sans-serif;
  font-weight: 900;
  font-size: 1rem;
  letter-spacing: .08em;
  margin: 0 48px 14px 2px;
}

.bb-video-modal-player {
  width: 100%;
  max-height: calc(100vh - 150px);
  display: block;
  border-radius: 18px;
  background: #000;
  outline: none;
}

.bb-video-modal-close {
  position: absolute;
  right: 14px;
  top: 12px;
  z-index: 3;
  width: 38px;
  height: 38px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.18);
  background: rgba(0,0,0,.42);
  color: #fff;
  font-size: 26px;
  line-height: 1;
  cursor: pointer;
}

@media screen and (max-width: 760px) {
  .bb-video-modal {
    padding: 12px;
  }

  .bb-video-modal-box {
    border-radius: 20px;
    padding: 12px;
  }

  .bb-video-modal-title {
    font-size: .82rem;
  }

  .bb-video-modal-player {
    max-height: calc(100vh - 120px);
    border-radius: 14px;
  }
}

/* VIDEO CONTROLS SICHTBAR */
.bb-video-modal-player {
  min-height: 420px !important;
  height: auto !important;
  background: #000 !important;
}

.bb-video-modal-player::-webkit-media-controls {
  display: flex !important;
  opacity: 1 !important;
}

@media screen and (max-width: 760px) {
  .bb-video-modal-player {
    min-height: 240px !important;
  }
}

/* =========================================================
   CUSTOM VIDEO TIMELINE
========================================================= */

.bb-video-modal-player {
  width: 100% !important;
  display: block !important;
  border-radius: 18px 18px 0 0 !important;
  background: #000 !important;
}

.bb-video-controls {
  display: grid !important;
  grid-template-columns: 48px 58px 1fr 58px !important;
  gap: 12px !important;
  align-items: center !important;

  padding: 14px 16px !important;
  border-radius: 0 0 18px 18px !important;

  background: rgba(3, 8, 16, .94) !important;
  border-top: 1px solid rgba(255,255,255,.12) !important;
}

.bb-video-play {
  width: 42px !important;
  height: 42px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(172,245,32,.45) !important;
  background: rgba(172,245,32,.12) !important;
  color: #acf520 !important;
  font-weight: 900 !important;
  cursor: pointer !important;
}

.bb-video-time {
  color: rgba(236,250,255,.82) !important;
  font-family: monospace !important;
  font-size: .9rem !important;
  text-align: center !important;
}

.bb-video-range {
  width: 100% !important;
  accent-color: #acf520 !important;
  cursor: pointer !important;
}

@media screen and (max-width: 760px) {
  .bb-video-controls {
    grid-template-columns: 42px 48px 1fr 48px !important;
    gap: 8px !important;
    padding: 12px !important;
  }

  .bb-video-play {
    width: 38px !important;
    height: 38px !important;
  }

  .bb-video-time {
    font-size: .75rem !important;
  }
}

/* =========================================================
   VIDEO TIMELINE STYLE FIX - nicht mehr Baumarkt 1998
========================================================= */

.bb-video-controls {
  display: grid !important;
  grid-template-columns: 46px 56px 1fr 56px !important;
  gap: 12px !important;
  align-items: center !important;

  margin-top: 0 !important;
  padding: 14px 16px 16px !important;

  border-radius: 0 0 18px 18px !important;
  background:
    linear-gradient(180deg, rgba(4,10,18,.96), rgba(1,4,10,.98)) !important;

  border-top: 1px solid rgba(255,255,255,.10) !important;
}

.bb-video-play {
  width: 42px !important;
  height: 42px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 999px !important;
  border: 1px solid rgba(172,245,32,.45) !important;

  background:
    radial-gradient(circle at center, rgba(172,245,32,.20), rgba(172,245,32,.06)) !important;

  color: #acf520 !important;
  font-family: "Orbitron", sans-serif !important;
  font-size: .9rem !important;
  font-weight: 900 !important;

  box-shadow:
    0 0 18px rgba(172,245,32,.16),
    inset 0 1px 0 rgba(255,255,255,.10) !important;

  cursor: pointer !important;
}

.bb-video-time {
  color: rgba(236,250,255,.82) !important;
  font-family: "Orbitron", monospace !important;
  font-size: .72rem !important;
  font-weight: 800 !important;
  letter-spacing: .04em !important;
  text-align: center !important;
  white-space: nowrap !important;
}

/* Range Grundzustand */
.bb-video-range {
  appearance: none !important;
  -webkit-appearance: none !important;

  width: 100% !important;
  height: 12px !important;

  border-radius: 999px !important;
  outline: none !important;

  background:
    linear-gradient(90deg, rgba(172,245,32,.85), rgba(82,151,254,.72)) !important;

  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.14),
    0 0 18px rgba(82,151,254,.12) !important;

  cursor: pointer !important;
}

/* Chrome / Safari Thumb */
.bb-video-range::-webkit-slider-thumb {
  -webkit-appearance: none !important;
  appearance: none !important;

  width: 20px !important;
  height: 20px !important;

  border-radius: 999px !important;
  border: 2px solid rgba(255,255,255,.95) !important;

  background: #acf520 !important;

  box-shadow:
    0 0 0 5px rgba(172,245,32,.12),
    0 0 18px rgba(172,245,32,.55) !important;

  cursor: pointer !important;
}

/* Firefox Thumb */
.bb-video-range::-moz-range-thumb {
  width: 20px !important;
  height: 20px !important;

  border-radius: 999px !important;
  border: 2px solid rgba(255,255,255,.95) !important;

  background: #acf520 !important;

  box-shadow:
    0 0 0 5px rgba(172,245,32,.12),
    0 0 18px rgba(172,245,32,.55) !important;

  cursor: pointer !important;
}

/* Firefox Track */
.bb-video-range::-moz-range-track {
  height: 12px !important;
  border-radius: 999px !important;
  background:
    linear-gradient(90deg, rgba(172,245,32,.85), rgba(82,151,254,.72)) !important;
}

/* Mobile */
@media screen and (max-width: 760px) {
  .bb-video-controls {
    grid-template-columns: 42px 44px 1fr 44px !important;
    gap: 8px !important;
    padding: 12px !important;
  }

  .bb-video-play {
    width: 38px !important;
    height: 38px !important;
    font-size: .78rem !important;
  }

  .bb-video-time {
    font-size: .62rem !important;
  }

  .bb-video-range {
    height: 10px !important;
  }

  .bb-video-range::-webkit-slider-thumb {
    width: 18px !important;
    height: 18px !important;
  }

  .bb-video-range::-moz-range-thumb {
    width: 18px !important;
    height: 18px !important;
  }
}

/* =========================================
   VIDEO TIMELINE SIZE TUNING
========================================= */

.bb-video-range {
  height: 6px !important;
  border-radius: 999px !important;
}

.bb-video-range::-webkit-slider-runnable-track {
  height: 6px !important;
  border-radius: 999px !important;
}

.bb-video-range::-moz-range-track {
  height: 6px !important;
  border-radius: 999px !important;
}

.bb-video-range::-webkit-slider-thumb {
  margin-top: -7px !important;
}

@media screen and (max-width: 760px) {

  .bb-video-range {
    height: 5px !important;
  }

  .bb-video-range::-webkit-slider-runnable-track {
    height: 5px !important;
  }

  .bb-video-range::-moz-range-track {
    height: 5px !important;
  }

  .bb-video-range::-webkit-slider-thumb {
    margin-top: -6px !important;
  }
}

/* =========================================================
   VIDEO CONTROLS LAYOUT FINAL
   Play | Zeit | Timeline mittig | Zeit
========================================================= */

.bb-video-controls {
  grid-template-columns: 54px 66px minmax(0, 1fr) 66px !important;
  gap: 18px !important;
  align-items: center !important;

  padding: 14px 22px 16px !important;
}

.bb-video-play {
  grid-column: 1 !important;
  justify-self: center !important;
}

.bb-video-current {
  grid-column: 2 !important;
  justify-self: center !important;
}

.bb-video-range {
  grid-column: 3 !important;

  width: 100% !important;
  max-width: 100% !important;

  justify-self: stretch !important;

  margin: 0 !important;
}

.bb-video-duration {
  grid-column: 4 !important;
  justify-self: center !important;
}

/* Track bleibt schick, aber läuft nicht in Buttons */
.bb-video-range::-webkit-slider-runnable-track {
  height: 6px !important;
  border-radius: 999px !important;
}

.bb-video-range::-moz-range-track {
  height: 6px !important;
  border-radius: 999px !important;
}

.bb-video-range::-webkit-slider-thumb {
  margin-top: -7px !important;
}

/* Mobile sauber enger */
@media screen and (max-width: 760px) {
  .bb-video-controls {
    grid-template-columns: 44px 42px minmax(0, 1fr) 42px !important;
    gap: 8px !important;
    padding: 12px 12px 14px !important;
  }

  .bb-video-range::-webkit-slider-runnable-track {
    height: 5px !important;
  }

  .bb-video-range::-moz-range-track {
    height: 5px !important;
  }

  .bb-video-range::-webkit-slider-thumb {
    margin-top: -6px !important;
  }
}

/* =========================================================
   VIDEO CONTROLS EXACT FINAL
   wie Mockup: Play | Zeit | Timeline | Dauer
========================================================= */

.bb-video-controls {
  display: grid !important;
  grid-template-columns: 54px 1px 60px 1px minmax(260px, 1fr) 1px 60px !important;
  gap: 16px !important;
  align-items: center !important;

  width: calc(100% - 32px) !important;
  margin: 0 auto 12px auto !important;
  padding: 12px 18px !important;

  border-radius: 999px !important;
  background:
    linear-gradient(180deg, rgba(8,17,31,.92), rgba(2,6,12,.96)) !important;

  border: 1px solid rgba(255,255,255,.12) !important;

  box-shadow:
    0 10px 34px rgba(0,0,0,.36),
    inset 0 1px 0 rgba(255,255,255,.08) !important;
}

.bb-video-play {
  grid-column: 1 !important;

  width: 44px !important;
  height: 44px !important;

  justify-self: center !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 999px !important;
  border: 1px solid rgba(172,245,32,.58) !important;

  background:
    radial-gradient(circle at center, rgba(172,245,32,.20), rgba(172,245,32,.05)) !important;

  color: #acf520 !important;
  font-size: 0 !important;

  box-shadow:
    0 0 18px rgba(172,245,32,.20),
    inset 0 1px 0 rgba(255,255,255,.12) !important;
}

.bb-video-play::before {
  content: "▶" !important;
  font-size: 15px !important;
  line-height: 1 !important;
  margin-left: 2px !important;
}

.bb-video-play:has-text("⏸")::before {
  content: "⏸" !important;
}

.bb-video-controls::before,
.bb-video-controls::after {
  content: "" !important;
  display: block !important;
  width: 1px !important;
  height: 28px !important;
  background: rgba(255,255,255,.12) !important;
}

/* Grid-Trenner sauber über Pseudo nicht zuverlässig genug,
   deshalb Zeiten/Range exakt setzen */
.bb-video-current {
  grid-column: 3 !important;
}

.bb-video-range {
  grid-column: 5 !important;

  width: 100% !important;
  height: 6px !important;

  margin: 0 !important;
  padding: 0 !important;

  justify-self: stretch !important;

  appearance: none !important;
  -webkit-appearance: none !important;

  border-radius: 999px !important;
  background:
    linear-gradient(90deg, #acf520 0%, rgba(172,245,32,.82) 28%, rgba(82,151,254,.82) 100%) !important;

  box-shadow:
    0 0 16px rgba(82,151,254,.12),
    inset 0 0 0 1px rgba(255,255,255,.08) !important;
}

.bb-video-duration {
  grid-column: 7 !important;
}

.bb-video-time {
  color: rgba(236,250,255,.88) !important;
  font-family: "Orbitron", monospace !important;
  font-size: .72rem !important;
  font-weight: 900 !important;
  letter-spacing: .04em !important;
  text-align: center !important;
  white-space: nowrap !important;
}

.bb-video-range::-webkit-slider-runnable-track {
  height: 6px !important;
  border-radius: 999px !important;
  background: transparent !important;
}

.bb-video-range::-webkit-slider-thumb {
  -webkit-appearance: none !important;
  appearance: none !important;

  width: 20px !important;
  height: 20px !important;
  margin-top: -7px !important;

  border-radius: 999px !important;
  border: 2px solid rgba(255,255,255,.96) !important;

  background: #acf520 !important;

  box-shadow:
    0 0 0 5px rgba(172,245,32,.13),
    0 0 18px rgba(172,245,32,.60) !important;
}

.bb-video-range::-moz-range-track {
  height: 6px !important;
  border-radius: 999px !important;
  background: transparent !important;
}

.bb-video-range::-moz-range-thumb {
  width: 20px !important;
  height: 20px !important;

  border-radius: 999px !important;
  border: 2px solid rgba(255,255,255,.96) !important;

  background: #acf520 !important;

  box-shadow:
    0 0 0 5px rgba(172,245,32,.13),
    0 0 18px rgba(172,245,32,.60) !important;
}

@media screen and (max-width: 760px) {
  .bb-video-controls {
    grid-template-columns: 42px 44px minmax(0, 1fr) 44px !important;
    gap: 8px !important;
    width: calc(100% - 18px) !important;
    padding: 10px 12px !important;
  }

  .bb-video-current {
    grid-column: 2 !important;
  }

  .bb-video-range {
    grid-column: 3 !important;
    height: 5px !important;
  }

  .bb-video-duration {
    grid-column: 4 !important;
  }

  .bb-video-time {
    font-size: .62rem !important;
  }

  .bb-video-play {
    width: 36px !important;
    height: 36px !important;
  }

  .bb-video-range::-webkit-slider-runnable-track {
    height: 5px !important;
  }

  .bb-video-range::-webkit-slider-thumb {
    width: 18px !important;
    height: 18px !important;
    margin-top: -6px !important;
  }

  .bb-video-range::-moz-range-track {
    height: 5px !important;
  }

  .bb-video-range::-moz-range-thumb {
    width: 18px !important;
    height: 18px !important;
  }
}

/* =========================================
   TIMELINE SELBST SCHMALER
========================================= */

.bb-video-range {
  height: 4px !important;
}

.bb-video-range::-webkit-slider-runnable-track {
  height: 4px !important;
}

.bb-video-range::-moz-range-track {
  height: 4px !important;
}

.bb-video-range::-webkit-slider-thumb {
  margin-top: -8px !important;
}

@media screen and (max-width: 760px) {

  .bb-video-range {
    height: 3px !important;
  }

  .bb-video-range::-webkit-slider-runnable-track {
    height: 3px !important;
  }

  .bb-video-range::-moz-range-track {
    height: 3px !important;
  }

  .bb-video-range::-webkit-slider-thumb {
    margin-top: -8px !important;
  }
}

/* =========================================================
   GALLERY NIGHTSTYLE REBUILD - categories + homepage font
========================================================= */

.bb-page-gallery,
.bb-page-gallery * {
  font-family: inherit;
}

.bb-gallery-head {
  text-align: center;
  margin-bottom: 2rem;
}

.bb-gallery-kicker,
.bb-gallery-category-kicker {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #acf520;
  text-transform: uppercase;
  letter-spacing: .18em;
  font-weight: 950;
  font-size: .78rem;
  margin-bottom: .85rem;
}

.bb-gallery-head h2 {
  margin: 0 0 1rem;
  color: #fff;
  font-size: clamp(3rem, 8vw, 6rem);
  line-height: .9;
}

.bb-gallery-head p,
.bb-gallery-subhead p,
.bb-gallery-category-body p {
  color: rgba(236,250,255,.72);
  line-height: 1.65;
}

.bb-gallery-category-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
}

.bb-gallery-category-card,
.bb-gallery-card,
.bb-gallery-empty {
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 28px;
  background:
    radial-gradient(circle at top left, rgba(172,245,32,.07), transparent 42%),
    radial-gradient(circle at bottom right, rgba(0,64,255,.11), transparent 44%),
    rgba(8,17,31,.82);
  box-shadow: 0 24px 70px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.06);
  color: #fff;
  text-decoration: none !important;
  overflow: hidden;
}

.bb-gallery-category-card {
  display: flex;
  flex-direction: column;
  min-height: 420px;
  transition: .22s ease;
}

.bb-gallery-category-card:hover,
.bb-gallery-card:hover {
  transform: translateY(-4px);
  border-color: rgba(172,245,32,.62);
  box-shadow: 0 30px 90px rgba(0,0,0,.45), 0 0 30px rgba(172,245,32,.13);
}

.bb-gallery-category-cover {
  height: 220px;
  background: #02050b;
  display: grid;
  place-items: center;
  overflow: hidden;
}

.bb-gallery-category-cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.bb-gallery-category-cover span {
  font-size: 4rem;
}

.bb-gallery-category-body {
  padding: 22px;
}

.bb-gallery-category-body h3 {
  margin: 0 0 .7rem;
  color: #fff;
  font-size: clamp(1.8rem, 4vw, 2.7rem);
}

.bb-gallery-category-body strong {
  display: inline-flex;
  margin-top: .5rem;
  color: #acf520;
  font-weight: 950;
}

.bb-gallery-subhead {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: end;
  margin-bottom: 22px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 28px;
  background: rgba(8,17,31,.66);
  padding: 24px;
}

.bb-gallery-subhead h3 {
  margin: 0;
  color: #fff;
  font-size: clamp(2.4rem, 6vw, 4.5rem);
}

.bb-gallery-back,
.bb-gallery-empty a {
  min-height: 50px;
  padding: 0 22px;
  border-radius: 999px;
  border: 1px solid rgba(172,245,32,.58);
  background: rgba(172,245,32,.08);
  color: #fff !important;
  text-decoration: none !important;
  font-weight: 950;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}

.bb-gallery-back:hover {
  color: #acf520 !important;
  box-shadow: 0 0 26px rgba(172,245,32,.16);
}

.bb-gallery-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 18px;
}

.bb-gallery-card {
  display: flex;
  flex-direction: column;
  transition: .22s ease;
}

.bb-gallery-thumb {
  position: relative;
  background: #02050b;
  overflow: hidden;
  min-height: 190px;
}

.bb-gallery-thumb img {
  width: 100%;
  height: 100%;
  min-height: 190px;
  object-fit: cover;
  display: block;
}

.bb-gallery-card:not(.bb-gallery-video-link) .bb-gallery-thumb img {
  height: auto;
  min-height: 0;
  object-fit: contain;
}

.bb-gallery-card-body {
  padding: 16px;
}

.bb-gallery-card-body strong {
  display: block;
  color: #fff;
  font-weight: 950;
  line-height: 1.3;
  word-break: break-word;
}

.bb-gallery-card-body span {
  display: block;
  margin-top: .4rem;
  color: rgba(236,250,255,.62);
  font-size: .88rem;
}

.bb-gallery-play-badge {
  position: absolute;
  right: 18px;
  bottom: 18px;
  width: 58px;
  height: 58px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, rgba(172,245,32,.95), rgba(83,165,255,.55));
  border: 1px solid rgba(172,245,32,.85);
  color: #fff;
  font-size: 1.45rem;
  box-shadow: 0 0 32px rgba(172,245,32,.36);
  pointer-events: none;
}

.bb-gallery-empty {
  padding: 32px;
}

.bb-gallery-modal {
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: none;
}

.bb-gallery-modal.is-open {
  display: block;
}

.bb-gallery-modal-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.88);
  backdrop-filter: blur(10px);
}

.bb-gallery-modal-box {
  position: relative;
  z-index: 2;
  min-height: 100vh;
  display: grid;
  align-content: center;
  padding: 72px 24px 40px;
}

.bb-gallery-modal-close {
  position: fixed;
  right: 22px;
  top: 22px;
  z-index: 3;
  width: 52px;
  height: 52px;
  border-radius: 999px;
  border: 1px solid rgba(172,245,32,.55);
  background: rgba(8,17,31,.92);
  color: #fff;
  font-size: 2rem;
}

.bb-gallery-video-stage video,
.bb-gallery-video-player {
  width: min(1180px, 100%);
  max-height: 76vh;
  margin: 0 auto;
  display: block;
  border-radius: 22px;
  background: #02050b;
  box-shadow: 0 30px 90px rgba(0,0,0,.65);
}

.bb-gallery-video-title {
  display: none;
}

@media(max-width: 900px) {
  .bb-gallery-category-grid {
    grid-template-columns: 1fr;
  }

  .bb-gallery-category-card {
    min-height: 0;
  }

  .bb-gallery-category-cover {
    height: 210px;
  }

  .bb-gallery-subhead {
    display: grid;
  }

  .bb-gallery-grid {
    grid-template-columns: 1fr;
  }
}

/* =========================================================
   HOTFIX: Galerie Kategorien + Replay Player Nightstyle
========================================================= */

.bb-page-gallery,
.bb-page-gallery * {
  font-family: inherit !important;
}

.bb-gallery-category-grid {
  align-items: stretch !important;
}

.bb-gallery-category-card {
  min-height: 490px !important;
  display: flex !important;
  flex-direction: column !important;
}

.bb-gallery-category-cover {
  height: 245px !important;
  flex: 0 0 auto !important;
}

.bb-gallery-category-body {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  min-height: 245px !important;
}

.bb-gallery-category-body h3 {
  margin-top: 0 !important;
  line-height: 1.05 !important;
}

.bb-gallery-category-body p {
  flex: 1 1 auto !important;
  margin-bottom: 18px !important;
}

.bb-gallery-category-body strong {
  margin-top: auto !important;
  align-self: flex-start !important;
}

.bb-gallery-subhead {
  min-height: 170px !important;
  align-items: center !important;
}

.bb-gallery-subhead > div {
  min-width: 0 !important;
}

.bb-gallery-subhead h3 {
  line-height: .95 !important;
  word-break: normal !important;
}

.bb-gallery-subhead p {
  max-width: 760px !important;
  margin-bottom: 0 !important;
}

.bb-gallery-back {
  flex: 0 0 auto !important;
}

.bb-gallery-modal-lock {
  overflow: hidden !important;
}

.bb-gallery-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 99999 !important;
  display: none !important;
}

.bb-gallery-modal.is-open {
  display: block !important;
}

.bb-gallery-modal-backdrop {
  position: absolute !important;
  inset: 0 !important;
  background: rgba(0,0,0,.88) !important;
  backdrop-filter: blur(12px) !important;
}

.bb-gallery-modal-box {
  position: relative !important;
  z-index: 2 !important;
  min-height: 100vh !important;
  display: grid !important;
  align-content: center !important;
  padding: 72px 4vw 40px !important;
  box-sizing: border-box !important;
}

.bb-gallery-modal-close {
  position: fixed !important;
  top: 24px !important;
  right: 24px !important;
  z-index: 5 !important;
  width: 52px !important;
  height: 52px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(172,245,32,.55) !important;
  background: rgba(8,17,31,.92) !important;
  color: #fff !important;
  font-size: 2rem !important;
  line-height: 1 !important;
}

.bb-gallery-video-stage {
  width: min(1420px, 100%) !important;
  margin: 0 auto !important;
}

.bb-gallery-video-shell {
  width: 100% !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  border-radius: 28px !important;
  background:
    radial-gradient(circle at top left, rgba(172,245,32,.06), transparent 34%),
    radial-gradient(circle at bottom right, rgba(0,64,255,.09), transparent 38%),
    rgba(8,17,31,.76) !important;
  box-shadow: 0 30px 90px rgba(0,0,0,.58), inset 0 1px 0 rgba(255,255,255,.06) !important;
  padding: 22px !important;
  box-sizing: border-box !important;
}

.bb-gallery-video-player {
  width: 100% !important;
  max-height: 76vh !important;
  display: block !important;
  border-radius: 18px !important;
  background: #02050b !important;
  object-fit: contain !important;
}

.bb-video-controls {
  display: grid !important;
  grid-template-columns: 56px 1px 70px minmax(0, 1fr) 70px !important;
  gap: 18px !important;
  align-items: center !important;
  width: 100% !important;
  margin: 22px auto 0 !important;
  padding: 14px 22px !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, rgba(8,17,31,.92), rgba(2,6,12,.97)) !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  box-shadow:
    0 18px 44px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.08),
    0 0 26px rgba(82,151,254,.08) !important;
  box-sizing: border-box !important;
}

.bb-video-play {
  grid-column: 1 !important;
  width: 46px !important;
  height: 46px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  border: 1px solid rgba(172,245,32,.72) !important;
  background: radial-gradient(circle at center, rgba(172,245,32,.24), rgba(172,245,32,.07)) !important;
  color: #acf520 !important;
  font-size: 0 !important;
  cursor: pointer !important;
  box-shadow:
    0 0 22px rgba(172,245,32,.28),
    inset 0 1px 0 rgba(255,255,255,.12) !important;
}

.bb-video-play::before {
  content: "▶" !important;
  font-size: 18px !important;
  margin-left: 3px !important;
}

.bb-video-play.pause::before {
  content: "Ⅱ" !important;
  margin-left: 0 !important;
}

.bb-video-current {
  grid-column: 3 !important;
}

.bb-video-range {
  grid-column: 4 !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 7px !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, #acf520 0%, rgba(172,245,32,.82) 35%, rgba(82,151,254,.90) 100%) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.08), 0 0 18px rgba(82,151,254,.14) !important;
  cursor: pointer !important;
}

.bb-video-duration {
  grid-column: 5 !important;
}

.bb-video-time {
  color: rgba(236,250,255,.90) !important;
  font-family: inherit !important;
  font-size: .92rem !important;
  font-weight: 950 !important;
  letter-spacing: .04em !important;
  text-align: center !important;
  white-space: nowrap !important;
  font-variant-numeric: tabular-nums !important;
}

.bb-video-range::-webkit-slider-runnable-track {
  height: 7px !important;
  border-radius: 999px !important;
  background: transparent !important;
}

.bb-video-range::-webkit-slider-thumb {
  -webkit-appearance: none !important;
  appearance: none !important;
  width: 22px !important;
  height: 22px !important;
  margin-top: -7.5px !important;
  border-radius: 999px !important;
  border: 2px solid rgba(255,255,255,.96) !important;
  background: #acf520 !important;
  box-shadow: 0 0 0 6px rgba(172,245,32,.13), 0 0 22px rgba(172,245,32,.70) !important;
}

.bb-video-range::-moz-range-track {
  height: 7px !important;
  border-radius: 999px !important;
  background: transparent !important;
}

.bb-video-range::-moz-range-thumb {
  width: 22px !important;
  height: 22px !important;
  border-radius: 999px !important;
  border: 2px solid rgba(255,255,255,.96) !important;
  background: #acf520 !important;
  box-shadow: 0 0 0 6px rgba(172,245,32,.13), 0 0 22px rgba(172,245,32,.70) !important;
}

@media(max-width: 900px) {
  .bb-gallery-subhead {
    min-height: 0 !important;
  }

  .bb-video-controls {
    grid-template-columns: 42px 52px minmax(0,1fr) 52px !important;
    gap: 10px !important;
    padding: 10px 12px !important;
  }

  .bb-video-play {
    width: 38px !important;
    height: 38px !important;
  }

  .bb-video-current {
    grid-column: 2 !important;
  }

  .bb-video-range {
    grid-column: 3 !important;
  }

  .bb-video-duration {
    grid-column: 4 !important;
  }

  .bb-video-time {
    font-size: .72rem !important;
  }
}

/* =========================================================
   GALLERY FONT/CARD FIX
========================================================= */

.bb-page-gallery,
.bb-page-gallery * {
  font-family: inherit !important;
}

.bb-gallery-category-body h3,
.bb-gallery-subhead h3,
.bb-gallery-head h2 {
  font-family: inherit !important;
  letter-spacing: normal !important;
}

.bb-gallery-category-body h3 {
  font-size: clamp(1.75rem, 2.4vw, 2.35rem) !important;
  line-height: 1.08 !important;
  word-break: normal !important;
  overflow-wrap: anywhere !important;
}

.bb-gallery-category-card {
  min-width: 0 !important;
}

.bb-gallery-category-body {
  min-width: 0 !important;
}

.bb-gallery-category-body p {
  font-size: 1rem !important;
}

.bb-gallery-category-body strong {
  min-height: 34px !important;
  display: inline-flex !important;
  align-items: end !important;
}

/* Rosa endgültig raus */
.bb-page-gallery a:hover,
.bb-page-gallery button:hover,
.bb-page-gallery .bb-gallery-card:hover,
.bb-page-gallery .bb-gallery-category-card:hover {
  border-color: rgba(172,245,32,.68) !important;
  box-shadow: 0 30px 90px rgba(0,0,0,.45), 0 0 30px rgba(172,245,32,.14) !important;
  color: #acf520 !important;
}

/* FINAL PLAYERBAR wie Screenshot */
.bb-gallery-video-shell{
  padding:24px !important;
  border-radius:28px !important;
}

.bb-gallery-video-player{
  width:100% !important;
  max-height:74vh !important;
  border-radius:18px !important;
}

.bb-video-controls{
  display:grid !important;
  grid-template-columns:58px 1px 72px minmax(0,1fr) 72px !important;
  gap:20px !important;
  align-items:center !important;
  width:100% !important;
  margin:24px auto 0 !important;
  padding:14px 24px !important;
  border-radius:999px !important;
  background:linear-gradient(180deg,rgba(8,17,31,.92),rgba(2,6,12,.97)) !important;
  border:1px solid rgba(255,255,255,.18) !important;
  box-shadow:0 20px 50px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.08) !important;
}

.bb-video-controls::before{
  content:"" !important;
  grid-column:2 !important;
  width:1px !important;
  height:42px !important;
  background:rgba(255,255,255,.18) !important;
}

.bb-video-play{
  grid-column:1 !important;
  width:48px !important;
  height:48px !important;
  border-radius:50% !important;
  border:1px solid rgba(172,245,32,.78) !important;
  background:radial-gradient(circle,rgba(172,245,32,.26),rgba(172,245,32,.06)) !important;
  color:#acf520 !important;
  font-size:0 !important;
}

.bb-video-play::before{
  content:"▶" !important;
  font-size:19px !important;
  margin-left:3px !important;
}

.bb-video-play.pause::before{
  content:"Ⅱ" !important;
  margin-left:0 !important;
}

.bb-video-current{
  grid-column:3 !important;
}

.bb-video-range{
  grid-column:4 !important;
  width:100% !important;
  height:8px !important;
  appearance:none !important;
  -webkit-appearance:none !important;
  border-radius:999px !important;
  background:linear-gradient(90deg,#acf520 0%,rgba(172,245,32,.88) 38%,rgba(82,151,254,.95) 100%) !important;
}

.bb-video-duration{
  grid-column:5 !important;
}

.bb-video-time{
  color:rgba(236,250,255,.95) !important;
  font-size:.95rem !important;
  font-weight:950 !important;
  text-align:center !important;
  font-variant-numeric:tabular-nums !important;
}

.bb-video-range::-webkit-slider-thumb{
  -webkit-appearance:none !important;
  width:24px !important;
  height:24px !important;
  margin-top:-8px !important;
  border-radius:50% !important;
  border:2px solid #fff !important;
  background:#acf520 !important;
  box-shadow:0 0 0 7px rgba(172,245,32,.14),0 0 22px rgba(172,245,32,.72) !important;
}

.bb-video-range::-webkit-slider-runnable-track{
  height:8px !important;
  border-radius:999px !important;
}

.bb-video-range::-moz-range-thumb{
  width:24px !important;
  height:24px !important;
  border-radius:50% !important;
  border:2px solid #fff !important;
  background:#acf520 !important;
  box-shadow:0 0 0 7px rgba(172,245,32,.14),0 0 22px rgba(172,245,32,.72) !important;
}

.bb-video-range::-moz-range-track{
  height:8px !important;
  border-radius:999px !important;
  background:linear-gradient(90deg,#acf520 0%,rgba(172,245,32,.88) 38%,rgba(82,151,254,.95) 100%) !important;
}

/* PLAYERBAR RAHMEN ENGER - FINAL */
.bb-gallery-video-shell{
  padding:16px !important;
}

.bb-video-controls{
  padding:10px 16px !important;
  gap:14px !important;
  border-radius:28px !important;
  margin:18px auto 0 !important;
}

.bb-video-controls::before{
  height:34px !important;
}

.bb-video-play{
  width:44px !important;
  height:44px !important;
}

.bb-video-range{
  height:7px !important;
}

.bb-video-range::-webkit-slider-runnable-track{
  height:7px !important;
}

.bb-video-range::-webkit-slider-thumb{
  width:22px !important;
  height:22px !important;
  margin-top:-7.5px !important;
}

.bb-video-range::-moz-range-track{
  height:7px !important;
}

.bb-video-range::-moz-range-thumb{
  width:22px !important;
  height:22px !important;
}

/* KILL RAJDHANI - ORBITRON ONLY */
.bb-page-gallery,
.bb-page-gallery *,
.bb-gallery-modal,
.bb-gallery-modal *,
.bb-video-controls,
.bb-video-controls * {
  font-family: "Orbitron", Arial, sans-serif !important;
}

/* Galerie Titel nicht mehr brutal umbrechen */
.bb-gallery-category-body h3 {
  font-size: clamp(1.45rem, 2vw, 2.05rem) !important;
  line-height: 1.12 !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
}

.bb-gallery-category-card {
  min-width: 0 !important;
}

.bb-gallery-category-body {
  min-width: 0 !important;
}

@media(min-width: 1000px) {
  .bb-gallery-category-grid {
    grid-template-columns: repeat(3, minmax(320px, 1fr)) !important;
  }
}

/* =========================================================
   REPLAY PLAYERBAR FINAL - REFERENZ NACHT
   Schrift NICHT anfassen
========================================================= */

.bb-gallery-video-shell {
  padding: 18px !important;
  border-radius: 26px !important;
}

.bb-gallery-video-player {
  width: 100% !important;
  max-height: 74vh !important;
  border-radius: 16px !important;
  display: block !important;
  background: #02050b !important;
  object-fit: contain !important;
}

.bb-video-controls {
  display: grid !important;
  grid-template-columns: 52px 1px 62px minmax(0, 1fr) 62px !important;
  align-items: center !important;
  gap: 18px !important;

  min-height: 86px !important;
  height: 86px !important;
  max-height: 86px !important;

  width: 100% !important;
  margin: 18px auto 0 !important;
  padding: 0 22px !important;
  box-sizing: border-box !important;

  border-radius: 999px !important;
  border: 1px solid rgba(255,255,255,.20) !important;
  background:
    linear-gradient(180deg, rgba(8,17,31,.86), rgba(2,6,12,.96)) !important;

  box-shadow:
    0 18px 44px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.08) !important;
}

.bb-video-controls::before {
  content: "" !important;
  grid-column: 2 !important;
  display: block !important;
  width: 1px !important;
  height: 42px !important;
  background: rgba(255,255,255,.20) !important;
  align-self: center !important;
}

.bb-video-controls::after {
  content: "" !important;
  display: none !important;
}

.bb-video-play {
  grid-column: 1 !important;
  width: 46px !important;
  height: 46px !important;
  min-width: 46px !important;
  min-height: 46px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  padding: 0 !important;
  margin: 0 !important;
  border-radius: 50% !important;

  border: 1px solid rgba(172,245,32,.78) !important;
  background: radial-gradient(circle, rgba(172,245,32,.24), rgba(172,245,32,.06)) !important;
  color: #acf520 !important;
  font-size: 0 !important;

  box-shadow:
    0 0 22px rgba(172,245,32,.22),
    inset 0 1px 0 rgba(255,255,255,.12) !important;
}

.bb-video-play::before {
  content: "▶" !important;
  font-size: 18px !important;
  line-height: 1 !important;
  margin-left: 3px !important;
}

.bb-video-play.pause::before {
  content: "Ⅱ" !important;
  margin-left: 0 !important;
}

.bb-video-current {
  grid-column: 3 !important;
}

.bb-video-range {
  grid-column: 4 !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 7px !important;

  appearance: none !important;
  -webkit-appearance: none !important;

  border-radius: 999px !important;
  background: linear-gradient(90deg, #acf520 0%, rgba(172,245,32,.86) 38%, rgba(82,151,254,.96) 100%) !important;

  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.08),
    0 0 18px rgba(82,151,254,.14) !important;
}

.bb-video-duration {
  grid-column: 5 !important;
}

.bb-video-time {
  display: block !important;
  color: rgba(236,250,255,.95) !important;
  font-size: .92rem !important;
  font-weight: 950 !important;
  text-align: center !important;
  white-space: nowrap !important;
  font-variant-numeric: tabular-nums !important;
}

.bb-video-range::-webkit-slider-runnable-track {
  height: 7px !important;
  border-radius: 999px !important;
  background: transparent !important;
}

.bb-video-range::-webkit-slider-thumb {
  -webkit-appearance: none !important;
  appearance: none !important;

  width: 22px !important;
  height: 22px !important;
  margin-top: -7.5px !important;

  border-radius: 50% !important;
  border: 2px solid rgba(255,255,255,.96) !important;
  background: #acf520 !important;

  box-shadow:
    0 0 0 7px rgba(172,245,32,.13),
    0 0 22px rgba(172,245,32,.70) !important;
}

.bb-video-range::-moz-range-track {
  height: 7px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, #acf520 0%, rgba(172,245,32,.86) 38%, rgba(82,151,254,.96) 100%) !important;
}

.bb-video-range::-moz-range-thumb {
  width: 22px !important;
  height: 22px !important;

  border-radius: 50% !important;
  border: 2px solid rgba(255,255,255,.96) !important;
  background: #acf520 !important;

  box-shadow:
    0 0 0 7px rgba(172,245,32,.13),
    0 0 22px rgba(172,245,32,.70) !important;
}

/* =========================================================
   PLAYERBAR: Inhalt sauber mittig in den Rahmen setzen
========================================================= */

.bb-video-controls {
  height: 86px !important;
  min-height: 86px !important;
  max-height: 86px !important;
  padding: 0 22px !important;
  align-items: center !important;
  overflow: visible !important;
}

.bb-video-controls > * {
  align-self: center !important;
  position: static !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  transform: none !important;
}

.bb-video-controls::before {
  align-self: center !important;
  margin: 0 !important;
}

.bb-video-play {
  margin: 0 !important;
  transform: none !important;
}

.bb-video-current,
.bb-video-duration {
  margin: 0 !important;
  line-height: 1 !important;
  transform: none !important;
}

.bb-video-range {
  margin: 0 !important;
  transform: none !important;
}

/* =========================================================
   PLAYERBAR FINAL: Inhalt in die Mitte, kein Badewannen-Versatz
   Schrift wird NICHT geändert
========================================================= */

.bb-video-controls {
  display: flex !important;
  align-items: center !important;
  justify-content: stretch !important;
  gap: 20px !important;

  height: 86px !important;
  min-height: 86px !important;
  max-height: 86px !important;

  padding: 0 24px !important;
  overflow: visible !important;
}

.bb-video-controls::before,
.bb-video-controls::after {
  display: none !important;
  content: none !important;
}

.bb-video-play {
  flex: 0 0 46px !important;
  width: 46px !important;
  height: 46px !important;
  min-width: 46px !important;
  min-height: 46px !important;
  margin: 0 !important;
  transform: none !important;
}

.bb-video-current {
  flex: 0 0 66px !important;
  width: 66px !important;
  border-left: 1px solid rgba(255,255,255,.18) !important;
  padding-left: 20px !important;
  margin: 0 !important;
  line-height: 1 !important;
  text-align: center !important;
}

.bb-video-range {
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 160px !important;
  margin: 0 !important;
  transform: none !important;
}

.bb-video-duration {
  flex: 0 0 66px !important;
  width: 66px !important;
  border-left: 1px solid rgba(255,255,255,.18) !important;
  padding-left: 20px !important;
  margin: 0 !important;
  line-height: 1 !important;
  text-align: center !important;
}

/* Galerie: Kicker raus, Texte ruhiger */
.bb-gallery-kicker,
.bb-gallery-category-kicker {
  display: none !important;
}

.bb-gallery-head {
  margin-top: -1.5rem !important;
  margin-bottom: 1.6rem !important;
}

.bb-gallery-head p {
  max-width: 820px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.bb-gallery-category-body {
  padding-top: 22px !important;
}

.bb-gallery-category-body h3 {
  font-size: clamp(1.35rem, 1.75vw, 1.85rem) !important;
  line-height: 1.16 !important;
}

/* =========================================================
   GALERIE: Überschriften-Luft
   Schrift NICHT anfassen
========================================================= */

.bb-gallery-subhead h3,
.bb-gallery-head h2,
.bb-gallery-category-body h3 {
  line-height: 1.16 !important;
  margin-bottom: 18px !important;
}

.bb-gallery-subhead p,
.bb-gallery-head p,
.bb-gallery-category-body p {
  line-height: 1.65 !important;
  margin-top: 0 !important;
}

/* =========================================================
   GALERIE BILDER FINAL - saubere Cards, keine Dateinamen
========================================================= */

.bb-gallery-grid {
  align-items: start !important;
}

.bb-gallery-card {
  height: auto !important;
  overflow: visible !important;
}

.bb-gallery-card .bb-gallery-thumb {
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  display: block !important;
  overflow: visible !important;
  border-radius: 24px !important;
  background: transparent !important;
}

.bb-gallery-card .bb-gallery-thumb img {
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: center center !important;
  display: block !important;
}

.bb-gallery-card-body {
  min-height: 58px !important;
  padding: 14px 16px !important;
}

.bb-gallery-card-body strong {
  display: none !important;
}

.bb-gallery-card-body span {
  margin: 0 !important;
  color: rgba(236,250,255,.68) !important;
  font-size: .78rem !important;
  line-height: 1.35 !important;
}

@media(max-width: 900px) {
  .bb-gallery-card .bb-gallery-thumb {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
  }
}

/* =========================================================
   BAMBAM GLASS RULE - GALERIE
========================================================= */

.bb-gallery-category-card,
.bb-gallery-card,
.bb-gallery-subhead,
.bb-gallery-empty,
.bb-gallery-video-shell {
  background: rgba(5, 15, 30, 0.55) !important;
  backdrop-filter: blur(18px) !important;
  -webkit-backdrop-filter: blur(18px) !important;

  border: 1px solid rgba(172,245,32,.18) !important;

  box-shadow:
    0 0 40px rgba(0,64,255,.08),
    inset 0 1px 0 rgba(255,255,255,.04) !important;
}

/* ============================================================
   BamBam Gallery Fix
   Kategorie-Cards: Snapshots/Uploads nicht mehr brutal beschneiden
   Replays behalten weiterhin ihren Cover-Look.
   ============================================================ */

.bb-gallery-category-card .bb-gallery-category-cover {
  background: rgba(0, 0, 0, .28);
}

.bb-gallery-category-card .bb-gallery-category-cover img {
  width: 100% !important;
  height: auto !important;
  max-height: 430px !important;
  object-fit: contain !important;
  object-position: center center !important;
  display: block !important;
  background: rgba(0, 0, 0, .28);
}

.bb-gallery-category-card[href*="type=replays"] .bb-gallery-category-cover,
.bb-gallery-category-card[href*="type=replay"] .bb-gallery-category-cover {
  aspect-ratio: 16 / 9 !important;
  overflow: hidden !important;
}

.bb-gallery-category-card[href*="type=replays"] .bb-gallery-category-cover img,
.bb-gallery-category-card[href*="type=replay"] .bb-gallery-category-cover img {
  height: 100% !important;
  max-height: none !important;
  object-fit: cover !important;
}

@media (max-width: 760px) {
  .bb-gallery-category-card .bb-gallery-category-cover img {
    max-height: 360px !important;
  }
}

/* =========================================================
   PUBLIC GALLERY LIGHTBOX FINAL SINGLE SOURCE 2026-06-09
   Ein Block. Keine CSS-Lasagne. Danke.
   ========================================================= */

html.bb-public-gallery-lightbox-open,
body.bb-public-gallery-lightbox-open {
    overflow: hidden !important;
}

.bb-public-gallery-lightbox {
    position: fixed !important;
    inset: 0 !important;
    z-index: 999999 !important;
    display: none !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 12px !important;
    background: rgba(0,0,0,.86) !important;
    overflow: hidden !important;
}

.bb-public-gallery-lightbox.is-open {
    display: flex !important;
}

.bb-public-gallery-lightbox-backdrop {
    position: absolute !important;
    inset: 0 !important;
    background: rgba(0,0,0,.78) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
}

.bb-public-gallery-lightbox-panel {
    position: relative !important;
    z-index: 2 !important;
    width: min(1120px, 94vw) !important;
    max-height: 90dvh !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    border-radius: 22px !important;
    background: rgba(5,15,30,.88) !important;
    border: 1px solid rgba(172,245,32,.22) !important;
    box-shadow: 0 30px 120px rgba(0,0,0,.62) !important;
}

.bb-public-gallery-lightbox-stage {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    max-height: calc(90dvh - 58px) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 10px !important;
    overflow: hidden !important;
}

.bb-public-gallery-lightbox-stage img,
.bb-public-gallery-lightbox-stage video {
    display: block !important;
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: calc(90dvh - 88px) !important;
    object-fit: contain !important;
    border-radius: 14px !important;
}

.bb-public-gallery-lightbox-stage video {
    width: 100% !important;
    background: #000 !important;
}

.bb-public-gallery-lightbox-footer {
    flex: 0 0 auto !important;
    min-height: 54px !important;
    padding: 9px 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    background: rgba(2,8,20,.94) !important;
    border-top: 1px solid rgba(255,255,255,.08) !important;
}

.bb-public-gallery-lightbox-footer strong {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    color: #fff !important;
    font-size: 13px !important;
}

.bb-public-gallery-lightbox-footer a {
    min-height: 30px !important;
    padding: 7px 11px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(172,245,32,.28) !important;
    background: rgba(5,15,30,.72) !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}

.bb-public-gallery-lightbox-close {
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    z-index: 20 !important;
    width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
    padding: 0 !important;
    border-radius: 999px !important;
    border: 1px solid rgba(172,245,32,.35) !important;
    background: rgba(5,15,30,.80) !important;
    color: #fff !important;
    font-size: 20px !important;
    line-height: 30px !important;
    text-align: center !important;
}

.bb-public-gallery-lightbox-nav {
    position: absolute !important;
    top: 50% !important;
    z-index: 15 !important;
    width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
    padding: 0 !important;
    transform: translateY(-50%) !important;
    border-radius: 999px !important;
    border: 1px solid rgba(172,245,32,.25) !important;
    background: rgba(5,15,30,.62) !important;
    color: #fff !important;
    font-size: 22px !important;
    line-height: 28px !important;
    opacity: .78 !important;
}

.bb-public-gallery-lightbox-prev {
    left: 8px !important;
}

.bb-public-gallery-lightbox-next {
    right: 8px !important;
}

.bb-public-gallery-lightbox:has(video) .bb-public-gallery-lightbox-nav {
    display: none !important;
}

@media (max-width: 760px) {
    .bb-public-gallery-lightbox {
        padding: 8px !important;
    }

    .bb-public-gallery-lightbox-panel {
        width: 96vw !important;
        max-height: 82dvh !important;
        border-radius: 16px !important;
    }

    .bb-public-gallery-lightbox-stage {
        max-height: calc(82dvh - 50px) !important;
        padding: 8px !important;
    }

    .bb-public-gallery-lightbox-stage img,
    .bb-public-gallery-lightbox-stage video {
        max-height: calc(82dvh - 78px) !important;
        max-width: 100% !important;
        border-radius: 10px !important;
    }

    .bb-public-gallery-lightbox-footer {
        min-height: 48px !important;
        padding: 7px 9px !important;
    }

    .bb-public-gallery-lightbox-footer strong {
        font-size: 12px !important;
    }

    .bb-public-gallery-lightbox-footer a {
        min-height: 28px !important;
        padding: 6px 9px !important;
        font-size: 11px !important;
    }
}


/* =========================================================
   PUBLIC GALLERY LIGHTBOX JS STRUCTURE FIX 2026-06-09
   Topbar / Stage / Footer sauber getrennt.
   ========================================================= */

.bb-public-gallery-lightbox-panel {
    display: grid !important;
    grid-template-rows: auto minmax(0, 1fr) auto !important;
}

.bb-public-gallery-lightbox-topbar {
    min-height: 46px !important;
    padding: 8px 10px 8px 14px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 10px !important;
    background: rgba(2,8,20,.94) !important;
    border-bottom: 1px solid rgba(255,255,255,.08) !important;
}

.bb-public-gallery-lightbox-topbar strong {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    color: #fff !important;
    font-size: 13px !important;
}

.bb-public-gallery-lightbox-stage-wrap {
    position: relative !important;
    min-height: 0 !important;
    display: grid !important;
    grid-template-columns: 34px minmax(0, 1fr) 34px !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 8px !important;
    overflow: hidden !important;
}

.bb-public-gallery-lightbox-stage {
    min-width: 0 !important;
    min-height: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-height: none !important;
    padding: 0 !important;
}

.bb-public-gallery-lightbox-stage img,
.bb-public-gallery-lightbox-stage video {
    max-width: 100% !important;
    max-height: 100% !important;
}

.bb-public-gallery-lightbox-nav {
    position: static !important;
    transform: none !important;
    width: 32px !important;
    height: 44px !important;
    min-height: 44px !important;
    opacity: .82 !important;
}

.bb-public-gallery-lightbox-close {
    position: static !important;
    width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
}

.bb-public-gallery-lightbox-footer {
    justify-content: flex-end !important;
}

@media (max-width: 760px) {
    .bb-public-gallery-lightbox-panel {
        width: 96vw !important;
        height: 82dvh !important;
        max-height: 82dvh !important;
        grid-template-rows: 42px minmax(0, 1fr) 42px !important;
    }

    .bb-public-gallery-lightbox-topbar {
        min-height: 42px !important;
        padding: 6px 8px 6px 11px !important;
    }

    .bb-public-gallery-lightbox-stage-wrap {
        grid-template-columns: 30px minmax(0, 1fr) 30px !important;
        gap: 4px !important;
        padding: 6px !important;
    }

    .bb-public-gallery-lightbox-stage img,
    .bb-public-gallery-lightbox-stage video {
        max-height: calc(82dvh - 96px) !important;
    }

    .bb-public-gallery-lightbox-nav {
        width: 30px !important;
        height: 40px !important;
        min-height: 40px !important;
        font-size: 22px !important;
        line-height: 36px !important;
    }

    .bb-public-gallery-lightbox-footer {
        min-height: 42px !important;
        padding: 6px 8px !important;
    }

    .bb-public-gallery-lightbox-footer a {
        min-height: 28px !important;
        padding: 6px 9px !important;
        font-size: 11px !important;
    }
}

/* =========================================================
   PUBLIC GALLERY POLAROID PREVIEW FIX 2026-06-09
   Ziel: Snapshot-/Polaroid-Vorschau vollständig zeigen, nicht abschneiden.
   ========================================================= */

.bb-page-gallery .bb-gallery-card .bb-gallery-thumb {
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 14px !important;
    overflow: hidden !important;
    background: rgba(2,8,20,.34) !important;
}

.bb-page-gallery .bb-gallery-card .bb-gallery-thumb img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center center !important;
    border-radius: 16px !important;
}

@media (max-width: 760px) {
    .bb-page-gallery .bb-gallery-card .bb-gallery-thumb {
        padding: 10px !important;
    }

    .bb-page-gallery .bb-gallery-card .bb-gallery-thumb img {
        width: 100% !important;
        height: auto !important;
        object-fit: contain !important;
    }
}

/* =========================================================
   GALLERY POLAROID + LIGHTBOX CONTROLS FINAL 2026-06-09
   Polaroid bleibt Polaroid. Vorschau nicht abschneiden.
   ========================================================= */

.bb-page-gallery .bb-gallery-grid {
    align-items: start !important;
}

.bb-page-gallery .bb-gallery-card {
    overflow: hidden !important;
}

.bb-page-gallery .bb-gallery-card .bb-gallery-thumb {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    padding: 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: visible !important;
}

.bb-page-gallery .bb-gallery-card .bb-gallery-thumb img {
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center center !important;
    display: block !important;
}

.bb-page-gallery .bb-gallery-card-body {
    padding-top: 8px !important;
}

/* Lightbox Controls kleiner und weniger Presslufthammer */
.bb-public-gallery-lightbox-close {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    min-height: 30px !important;
    max-width: 30px !important;
    max-height: 30px !important;
    padding: 0 !important;
    font-size: 15px !important;
    line-height: 26px !important;
    border-radius: 999px !important;
}

.bb-public-gallery-lightbox-nav {
    width: 28px !important;
    height: 34px !important;
    min-width: 28px !important;
    min-height: 34px !important;
    max-width: 28px !important;
    max-height: 34px !important;
    padding: 0 !important;
    font-size: 20px !important;
    line-height: 30px !important;
    opacity: .62 !important;
}

.bb-public-gallery-lightbox-stage-wrap {
    grid-template-columns: 28px minmax(0, 1fr) 28px !important;
}

@media (max-width: 760px) {
    .bb-page-gallery .bb-gallery-card .bb-gallery-thumb {
        padding: 8px !important;
    }

    .bb-public-gallery-lightbox-close {
        width: 28px !important;
        height: 28px !important;
        min-width: 28px !important;
        min-height: 28px !important;
        font-size: 14px !important;
        line-height: 24px !important;
    }

    .bb-public-gallery-lightbox-nav {
        width: 26px !important;
        height: 32px !important;
        min-width: 26px !important;
        min-height: 32px !important;
        font-size: 18px !important;
        line-height: 28px !important;
    }

    .bb-public-gallery-lightbox-stage-wrap {
        grid-template-columns: 26px minmax(0, 1fr) 26px !important;
    }
}

/* =========================================================
   GALLERY POLAROID CARD PREVIEW REAL FINAL 2026-06-09
   Snapshot-Karten als echte Polaroid-Vorschau, nicht halb abgesägt.
   ========================================================= */

.bb-page-gallery .bb-gallery-card .bb-gallery-thumb {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: unset !important;
    padding: 14px !important;
    overflow: visible !important;
    background: transparent !important;
}

.bb-page-gallery .bb-gallery-card .bb-gallery-thumb img {
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center !important;
    border-radius: 14px !important;
}

.bb-page-gallery .bb-gallery-card {
    height: auto !important;
    min-height: 0 !important;
}

.bb-page-gallery .bb-gallery-grid {
    grid-auto-rows: auto !important;
}

@media (max-width: 760px) {
    .bb-page-gallery .bb-gallery-card {
        padding: 10px !important;
    }

    .bb-page-gallery .bb-gallery-card .bb-gallery-thumb {
        padding: 6px !important;
    }

    .bb-page-gallery .bb-gallery-card .bb-gallery-thumb img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
    }
}

/* Lightbox-Controls endgültig weniger Monster */
.bb-public-gallery-lightbox-topbar {
    min-height: 38px !important;
    height: 38px !important;
}

.bb-public-gallery-lightbox-close {
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
    min-height: 26px !important;
    font-size: 13px !important;
    line-height: 22px !important;
}

.bb-public-gallery-lightbox-nav {
    width: 24px !important;
    height: 30px !important;
    min-width: 24px !important;
    min-height: 30px !important;
    font-size: 17px !important;
    line-height: 26px !important;
    opacity: .48 !important;
}

.bb-public-gallery-lightbox-stage-wrap {
    grid-template-columns: 24px minmax(0, 1fr) 24px !important;
}

/* =========================================================
   GALLERY POLAROID NO-CROP FINAL KILL 2026-06-09
   Entfernt alte max-height/overflow-Fallen aus Galerie-Karten.
   ========================================================= */

.bb-page-gallery .bb-gallery-grid > .bb-gallery-card,
.bb-page-gallery .bb-gallery-card,
.bb-page-gallery a.bb-gallery-card {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
}

.bb-page-gallery .bb-gallery-card .bb-gallery-thumb,
.bb-page-gallery a.bb-gallery-card .bb-gallery-thumb {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    overflow: visible !important;
    padding: 10px !important;
}

.bb-page-gallery .bb-gallery-card .bb-gallery-thumb img,
.bb-page-gallery a.bb-gallery-card .bb-gallery-thumb img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center center !important;
}

.bb-page-gallery .bb-gallery-card-body {
    position: relative !important;
    z-index: 2 !important;
}

/* =========================================================
   MOBILE GALLERY POLAROID PREVIEW REAL FIX 2026-06-09
   Nur Mobile: Polaroid vollständig anzeigen, keine feste Höhe.
   ========================================================= */

@media (max-width: 760px) {
    body:not(.bb-admin-page) .bb-page-gallery .bb-gallery-grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        grid-auto-rows: auto !important;
        gap: 18px !important;
        align-items: start !important;
    }

    body:not(.bb-admin-page) .bb-page-gallery .bb-gallery-card,
    body:not(.bb-admin-page) .bb-page-gallery a.bb-gallery-card {
        display: block !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow: visible !important;
        padding: 10px !important;
    }

    body:not(.bb-admin-page) .bb-page-gallery .bb-gallery-thumb,
    body:not(.bb-admin-page) .bb-page-gallery .bb-gallery-card .bb-gallery-thumb {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        aspect-ratio: auto !important;
        overflow: visible !important;
        padding: 0 !important;
    }

    body:not(.bb-admin-page) .bb-page-gallery .bb-gallery-thumb img,
    body:not(.bb-admin-page) .bb-page-gallery .bb-gallery-card .bb-gallery-thumb img {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        object-fit: contain !important;
        object-position: center !important;
    }

    body:not(.bb-admin-page) .bb-page-gallery .bb-gallery-card-body {
        padding: 9px 4px 2px !important;
    }
}

/* =========================================================
   MOBILE POLAROID CARD REAL FINAL KILL 2026-06-09
   Karte darf Polaroid NICHT beschneiden. Ende Gelände.
   ========================================================= */

@media (max-width: 760px) {
    body:not(.bb-admin-page) .bb-page-gallery .bb-gallery-grid {
        display: flex !important;
        flex-direction: column !important;
        gap: 20px !important;
    }

    body:not(.bb-admin-page) .bb-page-gallery a.bb-gallery-card,
    body:not(.bb-admin-page) .bb-page-gallery .bb-gallery-card {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow: visible !important;
        padding: 12px !important;
        box-sizing: border-box !important;
    }

    body:not(.bb-admin-page) .bb-page-gallery .bb-gallery-thumb {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow: visible !important;
        aspect-ratio: auto !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    body:not(.bb-admin-page) .bb-page-gallery .bb-gallery-thumb img {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        object-fit: contain !important;
        object-position: center center !important;
        border-radius: 14px !important;
    }

    body:not(.bb-admin-page) .bb-page-gallery .bb-gallery-card-body {
        display: block !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        padding: 10px 4px 2px !important;
        overflow: visible !important;
    }
}

/* =========================================================
   MOBILE GALLERY POLAROID DESIGNED FINAL 2026-06-09
   Schluss mit Abschneiden. Mobile Galerie als echte Polaroid-Cards.
   ========================================================= */

@media (max-width: 760px) {
    body:not(.bb-admin-page) .bb-page-gallery .bb-gallery-grid {
        display: flex !important;
        flex-direction: column !important;
        gap: 22px !important;
        align-items: stretch !important;
    }

    body:not(.bb-admin-page) .bb-page-gallery .bb-gallery-card,
    body:not(.bb-admin-page) .bb-page-gallery a.bb-gallery-card {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow: visible !important;
        padding: 14px 14px 18px !important;
        border-radius: 24px !important;
        background: rgba(5, 15, 30, .58) !important;
        border: 1px solid rgba(172,245,32,.22) !important;
        box-shadow: 0 16px 46px rgba(0,0,0,.36) !important;
        box-sizing: border-box !important;
    }

    body:not(.bb-admin-page) .bb-page-gallery .bb-gallery-thumb,
    body:not(.bb-admin-page) .bb-page-gallery .bb-gallery-card .bb-gallery-thumb {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        aspect-ratio: auto !important;
        overflow: visible !important;
        padding: 0 !important;
        margin: 0 !important;
        background: transparent !important;
        border-radius: 20px !important;
    }

    body:not(.bb-admin-page) .bb-page-gallery .bb-gallery-thumb img,
    body:not(.bb-admin-page) .bb-page-gallery .bb-gallery-card .bb-gallery-thumb img {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        object-fit: contain !important;
        object-position: center center !important;
        border-radius: 18px !important;
        background: transparent !important;
    }

    body:not(.bb-admin-page) .bb-page-gallery .bb-gallery-card-body {
        display: block !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow: visible !important;
        padding: 12px 4px 0 !important;
        margin: 0 !important;
        text-align: center !important;
        background: transparent !important;
        border: 0 !important;
    }

    body:not(.bb-admin-page) .bb-page-gallery .bb-gallery-card-body span {
        display: block !important;
        color: rgba(236,250,255,.72) !important;
        font-size: .78rem !important;
        line-height: 1.3 !important;
        white-space: normal !important;
    }
}

/* =========================================================
   SNAPSHOT POLAROID CLEAN CLASSES 2026-06-09
   Keine bb-gallery-card / bb-gallery-thumb Altlasten mehr.
   ========================================================= */

.bb-page-gallery .bb-snapshot-polaroid-card {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    overflow: visible !important;
    padding: 14px !important;
    border-radius: 24px !important;
    background: rgba(5, 15, 30, .58) !important;
    border: 1px solid rgba(172,245,32,.22) !important;
    box-shadow: 0 16px 46px rgba(0,0,0,.36) !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
}

.bb-page-gallery .bb-snapshot-polaroid-img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
    border-radius: 18px !important;
}

.bb-page-gallery .bb-snapshot-polaroid-meta {
    padding: 12px 4px 0 !important;
    text-align: center !important;
    color: rgba(236,250,255,.72) !important;
    font-size: .78rem !important;
    line-height: 1.3 !important;
}

@media (max-width: 760px) {
    .bb-page-gallery .bb-gallery-grid {
        display: flex !important;
        flex-direction: column !important;
        gap: 22px !important;
    }

    .bb-page-gallery .bb-snapshot-polaroid-card {
        padding: 14px !important;
    }
}

/* =========================================================
   MOBILE REPLAY LIGHTBOX PLAYER FIX 2026-06-10
   Replay/Video im Mobile-Modal nicht als Briefmarke anzeigen.
   ========================================================= */

@media (max-width: 760px) {
    body:not(.bb-admin-page) .bb-public-gallery-lightbox.is-open {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 10px !important;
        overflow: hidden !important;
    }

    body:not(.bb-admin-page) .bb-public-gallery-lightbox.is-open .bb-public-gallery-lightbox-panel {
        width: calc(100vw - 20px) !important;
        height: auto !important;
        max-height: calc(100dvh - 32px) !important;
        min-height: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        overflow: hidden !important;
    }

    body:not(.bb-admin-page) .bb-public-gallery-lightbox.is-open .bb-public-gallery-lightbox-stage {
        width: 100% !important;
        height: auto !important;
        min-height: 220px !important;
        max-height: calc(100dvh - 118px) !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        overflow: hidden !important;
        background: #000 !important;
    }

    body:not(.bb-admin-page) .bb-public-gallery-lightbox.is-open .bb-public-gallery-lightbox-stage video,
    body:not(.bb-admin-page) .bb-public-gallery-lightbox.is-open .bb-public-gallery-lightbox-stage img {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        max-width: 100% !important;
        max-height: calc(100dvh - 118px) !important;
        object-fit: contain !important;
        object-position: center center !important;
        transform: none !important;
        margin: 0 auto !important;
    }

    body:not(.bb-admin-page) .bb-public-gallery-lightbox.is-open .bb-public-gallery-lightbox-stage video {
        aspect-ratio: 16 / 9 !important;
        background: #000 !important;
    }

    body:not(.bb-admin-page) .bb-public-gallery-lightbox.is-open .bb-public-gallery-lightbox-footer {
        flex: 0 0 auto !important;
        min-height: 54px !important;
        padding: 9px 10px !important;
    }
}

/* =========================================================
   MOBILE REPLAY STAGEWRAP HARD FIX 2026-06-10
   Der Wrapper war die Briefmarke. Nicht mehr.
   ========================================================= */

@media (max-width: 760px) {
    body:not(.bb-admin-page) .bb-public-gallery-lightbox.bb-public-gallery-lightbox-video-mode .bb-public-gallery-lightbox-panel {
        width: calc(100vw - 20px) !important;
        max-width: 980px !important;
        height: auto !important;
        max-height: calc(100dvh - 24px) !important;
        display: flex !important;
        flex-direction: column !important;
    }

    body:not(.bb-admin-page) .bb-public-gallery-lightbox.bb-public-gallery-lightbox-video-mode .bb-public-gallery-lightbox-stage-wrap {
        width: 100% !important;
        min-height: 220px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        grid-template-columns: 1fr !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    body:not(.bb-admin-page) .bb-public-gallery-lightbox.bb-public-gallery-lightbox-video-mode .bb-public-gallery-lightbox-nav {
        display: none !important;
    }

    body:not(.bb-admin-page) .bb-public-gallery-lightbox.bb-public-gallery-lightbox-video-mode .bb-public-gallery-lightbox-stage {
        width: 100% !important;
        min-height: 220px !important;
        max-height: calc(100dvh - 112px) !important;
        padding: 0 !important;
        background: #000 !important;
    }

    body:not(.bb-admin-page) .bb-public-gallery-lightbox.bb-public-gallery-lightbox-video-mode video.bb-replay-video-hardfill {
        width: 100% !important;
        min-height: 180px !important;
        max-height: calc(100dvh - 112px) !important;
        object-fit: contain !important;
        background: #000 !important;
    }
}

/* =========================================================
   PUBLIC REPLAY MODAL VIDEO VISIBLE FIX 2026-06-13
   Video läuft, aber Bild war unsichtbar/zerquetscht.
   ========================================================= */

html.bb-public-gallery-lightbox-open,
html.bb-public-gallery-lightbox-open body,
body.bb-public-gallery-lightbox-open{
    overflow:hidden!important;
}

#bbPublicGalleryLightbox.is-open{
    position:fixed!important;
    inset:0!important;
    z-index:999999!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:18px!important;
    background:rgba(0,0,0,.78)!important;
}

#bbPublicGalleryLightbox .bb-public-gallery-lightbox-panel{
    width:min(1100px, calc(100vw - 36px))!important;
    max-height:calc(100dvh - 36px)!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
}

#bbPublicGalleryLightbox .bb-public-gallery-lightbox-stage-wrap{
    width:100%!important;
    min-height:320px!important;
    flex:1 1 auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
}

#bbPublicGalleryLightbox .bb-public-gallery-lightbox-stage{
    width:100%!important;
    min-height:320px!important;
    max-height:calc(100dvh - 150px)!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:#000!important;
    overflow:hidden!important;
}

#bbPublicGalleryLightbox video,
#bbPublicGalleryLightbox video.bb-replay-video-hardfill{
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:260px!important;
    max-width:100%!important;
    max-height:calc(100dvh - 150px)!important;
    object-fit:contain!important;
    object-position:center center!important;
    opacity:1!important;
    visibility:visible!important;
    background:#000!important;
    transform:none!important;
}

@media(max-width:760px){
    #bbPublicGalleryLightbox.is-open{
        padding:10px!important;
    }

    #bbPublicGalleryLightbox .bb-public-gallery-lightbox-panel{
        width:calc(100vw - 20px)!important;
        max-height:calc(100dvh - 20px)!important;
    }

    #bbPublicGalleryLightbox .bb-public-gallery-lightbox-stage-wrap,
    #bbPublicGalleryLightbox .bb-public-gallery-lightbox-stage{
        min-height:240px!important;
    }

    #bbPublicGalleryLightbox video,
    #bbPublicGalleryLightbox video.bb-replay-video-hardfill{
        min-height:220px!important;
    }
}

/* =========================================================
   PUBLIC REPLAY TIMELINE VISIBLE FIX 2026-06-13
   Native Video-Controlleiste/Timeline darf nicht abgeschnitten werden.
   ========================================================= */

#bbPublicGalleryLightbox.is-open .bb-public-gallery-lightbox-panel{
    height:auto!important;
    min-height:0!important;
    max-height:calc(100dvh - 28px)!important;
    overflow:visible!important;
}

#bbPublicGalleryLightbox.is-open .bb-public-gallery-lightbox-stage-wrap{
    flex:0 1 auto!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    padding:10px 10px 14px!important;
}

#bbPublicGalleryLightbox.is-open .bb-public-gallery-lightbox-stage{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    padding:0!important;
}

#bbPublicGalleryLightbox.is-open video.bb-replay-video-hardfill{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:calc(100dvh - 170px)!important;
    object-fit:contain!important;
    display:block!important;
    overflow:visible!important;
}

#bbPublicGalleryLightbox.is-open .bb-public-gallery-lightbox-footer{
    flex:0 0 auto!important;
    position:relative!important;
    z-index:3!important;
}

@media(max-width:760px){
    #bbPublicGalleryLightbox.is-open video.bb-replay-video-hardfill{
        max-height:calc(100dvh - 150px)!important;
    }

    #bbPublicGalleryLightbox.is-open .bb-public-gallery-lightbox-stage-wrap{
        padding:8px 8px 12px!important;
    }
}

/* =========================================================
   PUBLIC REPLAY CUSTOM CONTROLS 2026-06-13
   Eigene Timeline statt zickiger Browser-Controls.
   ========================================================= */

#bbPublicGalleryLightbox .bb-replay-player-wrap{
    width:100%!important;
    display:flex!important;
    flex-direction:column!important;
    gap:10px!important;
    background:#000!important;
}

#bbPublicGalleryLightbox .bb-replay-controls{
    width:100%!important;
    min-height:52px!important;
    display:grid!important;
    grid-template-columns:48px 56px minmax(0,1fr) 64px!important;
    align-items:center!important;
    gap:12px!important;
    padding:10px 12px!important;
    border-radius:18px!important;
    border:1px solid rgba(172,245,32,.22)!important;
    background:
        linear-gradient(90deg, rgba(172,245,32,.10), rgba(0,64,255,.16)),
        rgba(5,15,30,.92)!important;
}

#bbPublicGalleryLightbox .bb-replay-toggle{
    width:42px!important;
    height:42px!important;
    border-radius:14px!important;
    border:1px solid rgba(172,245,32,.35)!important;
    background:rgba(172,245,32,.14)!important;
    color:#acf520!important;
    font-size:18px!important;
    font-weight:950!important;
    cursor:pointer!important;
}

#bbPublicGalleryLightbox .bb-replay-time{
    color:rgba(245,248,255,.88)!important;
    font-size:13px!important;
    font-weight:950!important;
    text-align:center!important;
    font-variant-numeric:tabular-nums!important;
}

#bbPublicGalleryLightbox .bb-replay-bar{
    height:12px!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.13)!important;
    overflow:hidden!important;
    cursor:pointer!important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)!important;
}

#bbPublicGalleryLightbox .bb-replay-bar span{
    display:block!important;
    width:0%;
    height:100%!important;
    border-radius:999px!important;
    background:linear-gradient(90deg, #acf520, #0040ff)!important;
}

@media(max-width:760px){
    #bbPublicGalleryLightbox .bb-replay-controls{
        grid-template-columns:44px 48px minmax(0,1fr) 52px!important;
        gap:8px!important;
        padding:8px!important;
        border-radius:14px!important;
    }

    #bbPublicGalleryLightbox .bb-replay-toggle{
        width:38px!important;
        height:38px!important;
    }

    #bbPublicGalleryLightbox .bb-replay-time{
        font-size:12px!important;
    }
}

/* =========================================================
   PUBLIC REPLAY NATIVE CONTROLS RESTORE 2026-06-13
   Zurück zu nativen Browser-Controls, aber sichtbar und nicht abgeschnitten.
   ========================================================= */

#bbPublicGalleryLightbox.is-open{
    position:fixed!important;
    inset:0!important;
    z-index:999999!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:18px!important;
    background:rgba(0,0,0,.78)!important;
}

#bbPublicGalleryLightbox.is-open .bb-public-gallery-lightbox-panel{
    width:min(1120px, calc(100vw - 36px))!important;
    height:auto!important;
    max-height:calc(100dvh - 36px)!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:visible!important;
}

#bbPublicGalleryLightbox.is-open .bb-public-gallery-lightbox-stage-wrap{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    display:block!important;
    overflow:visible!important;
    padding:10px 10px 18px!important;
}

#bbPublicGalleryLightbox.is-open .bb-public-gallery-lightbox-stage{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    display:block!important;
    overflow:visible!important;
    background:#000!important;
}

#bbPublicGalleryLightbox.is-open video{
    display:block!important;
    width:100%!important;
    height:auto!important;
    max-width:100%!important;
    max-height:calc(100dvh - 165px)!important;
    object-fit:contain!important;
    background:#000!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
}

#bbPublicGalleryLightbox.is-open .bb-public-gallery-lightbox-footer{
    flex:0 0 auto!important;
    position:relative!important;
    z-index:3!important;
}

@media(max-width:760px){
    #bbPublicGalleryLightbox.is-open{
        padding:10px!important;
    }

    #bbPublicGalleryLightbox.is-open .bb-public-gallery-lightbox-panel{
        width:calc(100vw - 20px)!important;
        max-height:calc(100dvh - 20px)!important;
    }

    #bbPublicGalleryLightbox.is-open video{
        max-height:calc(100dvh - 145px)!important;
    }
}

/* =========================================================
   PUBLIC LIGHTBOX ADMIN-STYLE NATIVE VIDEO FINAL 2026-06-13
   Native Browser-Timeline wie im Admin. Kein Custom-Player-Müll.
   ========================================================= */

#bbPublicGalleryLightbox{
    display:none!important;
}

#bbPublicGalleryLightbox.is-open{
    position:fixed!important;
    inset:0!important;
    z-index:999999!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:24px!important;
    background:rgba(0,0,0,.84)!important;
}

#bbPublicGalleryLightbox .bb-public-gallery-lightbox-backdrop{
    position:absolute!important;
    inset:0!important;
}

#bbPublicGalleryLightbox .bb-public-gallery-lightbox-panel{
    position:relative!important;
    z-index:2!important;
    width:min(1120px, calc(100vw - 48px))!important;
    max-height:calc(100dvh - 48px)!important;
    border-radius:22px!important;
    border:1px solid rgba(172,245,32,.24)!important;
    background:rgba(5,15,30,.82)!important;
    box-shadow:0 0 50px rgba(0,64,255,.20)!important;
    overflow:visible!important;
    padding:14px!important;
}

#bbPublicGalleryLightbox .bb-public-gallery-lightbox-close{
    position:absolute!important;
    top:-14px!important;
    right:-14px!important;
    z-index:5!important;
    width:34px!important;
    height:34px!important;
    border-radius:999px!important;
    border:1px solid rgba(172,245,32,.35)!important;
    background:rgba(5,15,30,.95)!important;
    color:#fff!important;
    font-size:22px!important;
    line-height:1!important;
    cursor:pointer!important;
}

#bbPublicGalleryLightbox .bb-public-gallery-lightbox-stage{
    width:100%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:#000!important;
    overflow:visible!important;
}

#bbPublicGalleryLightbox video{
    display:block!important;
    width:100%!important;
    height:auto!important;
    max-width:100%!important;
    max-height:calc(100dvh - 150px)!important;
    object-fit:contain!important;
    background:#000!important;
}

#bbPublicGalleryLightbox img{
    display:block!important;
    max-width:100%!important;
    max-height:calc(100dvh - 150px)!important;
    object-fit:contain!important;
}

#bbPublicGalleryLightbox .bb-public-gallery-lightbox-footer{
    display:flex!important;
    justify-content:space-between!important;
    align-items:center!important;
    gap:14px!important;
    padding-top:10px!important;
    color:#fff!important;
    font-size:12px!important;
    font-weight:900!important;
}

#bbPublicGalleryLightbox .bb-public-gallery-lightbox-footer a{
    color:#acf520!important;
    text-decoration:none!important;
}

@media(max-width:760px){
    #bbPublicGalleryLightbox.is-open{
        padding:10px!important;
    }

    #bbPublicGalleryLightbox .bb-public-gallery-lightbox-panel{
        width:calc(100vw - 20px)!important;
        max-height:calc(100dvh - 20px)!important;
        padding:8px!important;
        border-radius:16px!important;
    }

    #bbPublicGalleryLightbox video,
    #bbPublicGalleryLightbox img{
        max-height:calc(100dvh - 120px)!important;
    }
}

/* =========================================================
   PUBLIC GALLERY UPLOAD/SNAPSHOT CARD FIX 2026-06-13
   Uploads/Snapshots wieder gleichmäßig. Replays nicht anfassen.
   ========================================================= */

body:not(.bb-admin-page) .bb-page-gallery .bb-gallery-grid{
    display:grid!important;
    grid-template-columns:repeat(auto-fit, minmax(190px, 1fr))!important;
    gap:20px!important;
    align-items:start!important;
}

body:not(.bb-admin-page) .bb-page-gallery .bb-snapshot-polaroid-card{
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    min-height:0!important;
    height:auto!important;
    padding:10px!important;
    border-radius:18px!important;
    overflow:hidden!important;
    background:rgba(5,15,30,.62)!important;
    border:1px solid rgba(172,245,32,.18)!important;
    box-shadow:0 0 30px rgba(0,64,255,.08)!important;
    text-decoration:none!important;
}

body:not(.bb-admin-page) .bb-page-gallery .bb-snapshot-polaroid-img{
    display:block!important;
    width:100%!important;
    height:150px!important;
    min-height:150px!important;
    max-height:150px!important;
    object-fit:cover!important;
    object-position:center center!important;
    border-radius:14px!important;
    margin:0!important;
}

body:not(.bb-admin-page) .bb-page-gallery .bb-snapshot-polaroid-meta{
    display:block!important;
    min-height:34px!important;
    max-height:34px!important;
    overflow:hidden!important;
    margin:8px 0 0!important;
    padding:0 2px!important;
    color:rgba(245,248,255,.78)!important;
    font-size:11px!important;
    line-height:1.25!important;
    font-weight:800!important;
    text-align:center!important;
    word-break:break-word!important;
}

@media(max-width:760px){
    body:not(.bb-admin-page) .bb-page-gallery .bb-gallery-grid{
        grid-template-columns:repeat(2, minmax(0, 1fr))!important;
        gap:14px!important;
    }

    body:not(.bb-admin-page) .bb-page-gallery .bb-snapshot-polaroid-card{
        padding:8px!important;
        border-radius:16px!important;
    }

    body:not(.bb-admin-page) .bb-page-gallery .bb-snapshot-polaroid-img{
        height:128px!important;
        min-height:128px!important;
        max-height:128px!important;
    }

    body:not(.bb-admin-page) .bb-page-gallery .bb-snapshot-polaroid-meta{
        font-size:10px!important;
        min-height:32px!important;
        max-height:32px!important;
    }
}

/* =========================================================
   PUBLIC SNAPSHOT CARDS FINAL
   Snapshots nicht mehr als Briefkastenschlitz anzeigen.
   Replays/Uploads bleiben unberührt.
   ========================================================= */

.bb-gallery-page .bb-snapshot-polaroid-card{
    display:flex !important;
    flex-direction:column !important;
    gap:10px !important;
    padding:12px !important;
    border-radius:18px !important;
    background:rgba(5,15,30,.58) !important;
    border:1px solid rgba(172,245,32,.18) !important;
    box-shadow:0 0 28px rgba(0,64,255,.10), inset 0 1px 0 rgba(255,255,255,.04) !important;
    backdrop-filter:blur(18px) !important;
    -webkit-backdrop-filter:blur(18px) !important;
    overflow:hidden !important;
    text-decoration:none !important;
    min-height:auto !important;
    height:auto !important;
}

.bb-gallery-page .bb-snapshot-polaroid-img{
    display:block !important;
    width:100% !important;
    height:auto !important;
    aspect-ratio:16 / 9 !important;
    max-height:none !important;
    object-fit:contain !important;
    object-position:center center !important;
    border-radius:14px !important;
    background:rgba(0,0,0,.35) !important;
}

.bb-gallery-page .bb-snapshot-polaroid-meta{
    position:static !important;
    display:block !important;
    width:100% !important;
    padding:8px 10px !important;
    margin:0 !important;
    border-radius:999px !important;
    background:rgba(5,15,30,.72) !important;
    color:rgba(255,255,255,.82) !important;
    text-align:center !important;
    font-size:12px !important;
    line-height:1.2 !important;
    font-weight:900 !important;
    letter-spacing:.04em !important;
}

.bb-gallery-page .bb-snapshot-polaroid-card:hover .bb-snapshot-polaroid-img{
    transform:none !important;
}

@media (max-width:760px){
    .bb-gallery-page .bb-snapshot-polaroid-card{
        padding:10px !important;
        border-radius:16px !important;
    }

    .bb-gallery-page .bb-snapshot-polaroid-img{
        aspect-ratio:16 / 9 !important;
    }
}

/* =========================================================
   PUBLIC SNAPSHOT CARD HARDFIX
   endgültig: keine flachen Snapshot-Streifen mehr
   ========================================================= */

html body .bb-gallery-grid .bb-snapshot-polaroid-card{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    padding:14px!important;
    overflow:visible!important;
    border-radius:18px!important;
}

html body .bb-gallery-grid .bb-snapshot-polaroid-card .bb-snapshot-polaroid-img,
html body .bb-gallery-grid a.bb-snapshot-polaroid-card > img.bb-snapshot-polaroid-img{
    display:block!important;
    width:100%!important;
    height:220px!important;
    min-height:220px!important;
    max-height:220px!important;
    aspect-ratio:auto!important;
    object-fit:contain!important;
    object-position:center center!important;
    border-radius:14px!important;
    background:rgba(0,0,0,.45)!important;
}

html body .bb-gallery-grid .bb-snapshot-polaroid-meta{
    position:relative!important;
    inset:auto!important;
    transform:none!important;
    width:100%!important;
    height:auto!important;
    margin:10px 0 0!important;
    padding:8px 10px!important;
    display:block!important;
    text-align:center!important;
}

@media(max-width:760px){
    html body .bb-gallery-grid .bb-snapshot-polaroid-card .bb-snapshot-polaroid-img,
    html body .bb-gallery-grid a.bb-snapshot-polaroid-card > img.bb-snapshot-polaroid-img{
        height:180px!important;
        min-height:180px!important;
        max-height:180px!important;
    }
}

/* =========================================================
   PUBLIC SNAPSHOT POLAROID REAL FIX
   Polaroid-Gimmick bleibt, Bild wird sauber zentriert.
   ========================================================= */

html body .bb-gallery-grid a.bb-snapshot-polaroid-card{
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    align-items:center!important;
    padding:18px 18px 46px!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    background:#f4f1ea!important;
    border:1px solid rgba(255,255,255,.65)!important;
    border-radius:16px!important;
    box-shadow:
        0 18px 38px rgba(0,0,0,.32),
        inset 0 1px 0 rgba(255,255,255,.75)!important;
    overflow:hidden!important;
}

html body .bb-gallery-grid a.bb-snapshot-polaroid-card > img.bb-snapshot-polaroid-img{
    display:block!important;
    width:100%!important;
    height:auto!important;
    aspect-ratio:16/9!important;
    min-height:0!important;
    max-height:none!important;
    object-fit:contain!important;
    object-position:center center!important;
    background:#111!important;
    border-radius:6px!important;
    margin:0 auto!important;
    padding:0!important;
}

html body .bb-gallery-grid .bb-snapshot-polaroid-meta{
    position:absolute!important;
    left:18px!important;
    right:18px!important;
    bottom:12px!important;
    width:auto!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    color:#303030!important;
    text-align:center!important;
    font-size:12px!important;
    line-height:1.2!important;
    font-weight:900!important;
    letter-spacing:.04em!important;
}

@media(max-width:760px){
    html body .bb-gallery-grid a.bb-snapshot-polaroid-card{
        padding:14px 14px 42px!important;
    }

    html body .bb-gallery-grid .bb-snapshot-polaroid-meta{
        left:14px!important;
        right:14px!important;
        bottom:11px!important;
    }
}

/* =========================================================
   PUBLIC GALLERY LIGHTBOX CENTER FIX
   echte Lightbox-Klassen aus bambam-gallery-lightbox.js
   ========================================================= */

html body.bb-public-gallery-lightbox-open{
    overflow:hidden!important;
}

html body .bb-public-gallery-lightbox{
    position:fixed!important;
    inset:0!important;
    z-index:999999!important;
    display:none!important;
    align-items:center!important;
    justify-content:center!important;
    padding:24px!important;
}

html body .bb-public-gallery-lightbox.is-open{
    display:flex!important;
}

html body .bb-public-gallery-lightbox-backdrop{
    position:absolute!important;
    inset:0!important;
    background:rgba(0,0,0,.78)!important;
}

html body .bb-public-gallery-lightbox-panel{
    position:relative!important;
    z-index:2!important;
    width:min(1180px,96vw)!important;
    height:auto!important;
    max-height:92vh!important;
    display:grid!important;
    grid-template-rows:minmax(0,1fr) auto!important;
    border-radius:24px!important;
    overflow:hidden!important;
    background:rgba(5,15,30,.88)!important;
    border:1px solid rgba(172,245,32,.20)!important;
    box-shadow:0 0 60px rgba(0,64,255,.24)!important;
}

html body .bb-public-gallery-lightbox-stage{
    min-height:0!important;
    width:100%!important;
    max-height:calc(92vh - 86px)!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:18px!important;
    background:rgba(0,0,0,.42)!important;
    overflow:hidden!important;
}

html body .bb-public-gallery-lightbox-stage img,
html body .bb-public-gallery-lightbox-stage video{
    display:block!important;
    width:auto!important;
    height:auto!important;
    max-width:100%!important;
    max-height:calc(92vh - 122px)!important;
    object-fit:contain!important;
    object-position:center center!important;
    margin:auto!important;
}

html body .bb-public-gallery-lightbox-footer{
    padding:12px 18px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
}

html body .bb-public-gallery-lightbox-close{
    position:absolute!important;
    top:10px!important;
    right:10px!important;
    z-index:4!important;
}

@media(max-width:760px){
    html body .bb-public-gallery-lightbox{
        padding:12px!important;
    }

    html body .bb-public-gallery-lightbox-panel{
        width:96vw!important;
        max-height:90vh!important;
        border-radius:18px!important;
    }

    html body .bb-public-gallery-lightbox-stage{
        max-height:calc(90vh - 82px)!important;
        padding:12px!important;
    }

    html body .bb-public-gallery-lightbox-stage img,
    html body .bb-public-gallery-lightbox-stage video{
        max-height:calc(90vh - 110px)!important;
    }
}