/* =========================
   FULL PAGE PRELOADER
   ========================= */
#gg-preloader {
  position: fixed;
  inset: 0;
  z-index: 999999;
  background: #09152c;
  opacity: 1;
  transition: opacity 700ms ease;
  display: grid;
  place-items: center;
  pointer-events: all;
}
#gg-preloader.gg-hide {
  opacity: 0;
  pointer-events: none;
}
#gg-preloader .gg-percent {
  font-family: moussescript, serif;
  text-transform: none;
  letter-spacing: 0;
  font-size: 70px;
  line-height: 1.38;
  font-weight: 400;
  color: #fff;
  user-select: none;
}
@media (max-width: 1000px) { #gg-preloader .gg-percent { font-size: 52px; } }
@media (max-width: 690px)  { #gg-preloader .gg-percent { font-size: 42px; } }

/* Kein Tag-Flash beim Initial-Render */
html[data-gg-night-init="1"] .nectar-parallax-scene li.layer > div[style*="-Winter-Tag.webp"] {
  opacity: 0 !important;
}

/* ===== Night-Theme ===== */
html[data-gg-night="1"] #ajax-content-wrap > .container-wrap {
  background-color: #09152c !important;
}

/* ===== Header (#top) in Nacht ausblenden und bei Tag einblenden ===== */
#top {
  transition: opacity 400ms ease;
  will-change: opacity;
}
html[data-gg-night="1"] #top {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* ===== Overlay-Layer für Nachtbilder ===== */
.gg-daynight-layer { position: relative; }
.gg-daynight-layer::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image: var(--gg-night-bg);
  background-size: var(--gg-bg-size, cover);
  background-position: var(--gg-bg-pos, center);
  background-repeat: var(--gg-bg-repeat, no-repeat);
  opacity: var(--gg-night-opacity, 1);
  transition: opacity 400ms ease;
  will-change: opacity;
}

/* ===== Logo: Nacht-Overlay (neg.svg) + Tag-IMG ausblenden in Nacht ===== */
.gg-logo-wrap {
  position: relative;
  display: inline-block;
}
.gg-logo-wrap::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image: var(--gg-logo-night, none);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  opacity: var(--gg-logo-night-opacity, 1);
  transition: opacity 400ms ease;
  will-change: opacity;
}
.gg-logo-wrap img.zapferlalmlogo {
  display: block;
  transition: opacity 400ms ease;
  will-change: opacity;
  opacity: 1;
}

/* In Nacht: Tag-IMG aus, Nacht-Overlay an */
html[data-gg-night="1"] .gg-logo-wrap img.zapferlalmlogo {
  opacity: 0 !important;
}
html[data-gg-night="1"] .gg-logo-wrap {
  --gg-logo-night-opacity: 1;
}