/*
Theme Name: Slusia Night Originalgetreu
Theme URI: https://www.slusia-night.de/
Author: klickStelle / Migration
Description: Originalgetreuer WordPress-Nachbau der bisherigen Jimdo-Website.
Version: 1.0.0
Text Domain: slusia-night
*/

html { scroll-behavior: smooth; }
body { background: #111 url("assets/media/background.jpg") center top / cover fixed no-repeat; }
.j-admin-links, .cc-individual-cookie-settings, .cc-FloatingButtonBarContainer { display: none !important; }
.jtpl-navigation { position: sticky; top: 0; z-index: 1000; }

@media (max-width: 1171px) {
  .jtpl-mobile-navigation__inner .j-nav-has-children > ul { display: block; }
  .jtpl-mobile-navigation__inner .jmd-nav__toggle-button { display: none; }
}
.cc-m-gallery-container { display: grid !important; gap: 3px; height: auto !important; }
.cc-m-gallery-cool { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.cc-m-gallery-stack { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.cc-m-gallery-cool-item, .cc-m-gallery-stack-item { float: none !important; width: auto !important; height: auto !important; position: static !important; margin: 0 !important; }
.cc-m-gallery-cool-item > div, .cc-m-gallery-cool-item a { height: 100%; }
.cc-m-gallery-cool-item a { aspect-ratio: 4.8 / 1; overflow: hidden; }
.cc-m-gallery-cool-item img { width: 100% !important; height: 100% !important; object-fit: cover; display: block; }
.cc-m-gallery-stack > .cc-m-gallery-stack-item { display: block !important; }
.cc-m-gallery-stack-item img { width: 100% !important; height: auto !important; display: block; }
.cc-m-gallery-container a { display: block; cursor: zoom-in; }
.slusia-lightbox { position: fixed; inset: 0; z-index: 999999; display: none; align-items: center; justify-content: center; background: rgba(0,0,0,.94); padding: 28px; box-sizing: border-box; }
.slusia-lightbox.is-open { display: flex; }
.slusia-lightbox img { max-width: 94vw; max-height: 90vh; object-fit: contain; }
.slusia-lightbox button { position: fixed; appearance: none; border: 0; background: rgba(255,255,255,.14); color: #fff; font-size: 32px; width: 52px; height: 52px; cursor: pointer; }
.slusia-lightbox__close { right: 18px; top: 18px; }
.slusia-lightbox__prev { left: 18px; top: calc(50% - 26px); }
.slusia-lightbox__next { right: 18px; top: calc(50% - 26px); }
.cc-m-video-youtu-container { width: 100%; max-width: 960px; min-height: 520px; margin: 0 auto; }
@media (max-width: 1171px) {
  body { background-attachment: scroll; }
  .cc-m-gallery-cool { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cc-m-gallery-stack { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .slusia-lightbox { padding: 12px; }
  .slusia-lightbox button { width: 44px; height: 44px; font-size: 26px; }
  .cc-m-video-youtu-container { min-height: 260px; }
}