/* Hide Jimdo's mobile-menu backdrop scrim. Without the runtime it is stuck visible as a
   full-screen fixed layer (z-index 2199) that intercepts every click. Not needed statically. */
.ascHf{ display:none !important; }

/* Persistent (sticky) header: keep the top menu visible while scrolling. The original header
   is position:absolute over the hero; pin it to the viewport instead. */
header{
  position:fixed !important; top:0; left:0; right:0; width:100%;
  z-index:9000;
  transition:background-color .3s ease, box-shadow .3s ease;
}
/* Once scrolled away from the hero, give it a solid dark background so the menu stays legible
   over page content, and force the nav text light for contrast. */
header.ts-scrolled{ background-color:rgba(12,14,16,.95); box-shadow:0 2px 18px rgba(0,0,0,.4); }
header.ts-scrolled .lo9Ld{ color:#f1f1f1 !important; }

/* Reveal Jimdo scroll-animated elements. On the live site JS fades these in on scroll;
   with the runtime stripped they would stay invisible (inline opacity:0), so force them
   into their final visible state. Selectors are kept narrow so swiper carousels are untouched. */
.QebWJ,
[style*="opacity 200ms"],
[style*="opacity 400ms"],
[style*="opacity 600ms"]{
  opacity:1 !important;
  transform:none !important;
}

/* Testimonials pagination: Swiper's "dynamic bullets" are positioned by JS (frozen here),
   so render them as a simple static centred row of dots that our carousel JS drives. */
.swiper-pagination{
  position:static !important; transform:none !important; width:auto !important;
  text-align:center; margin-top:14px; line-height:0;
}
.swiper-pagination-bullet{
  position:static !important; transform:none !important; left:auto !important;
  display:inline-block !important; width:9px !important; height:9px !important;
  margin:0 5px !important; border-radius:50%; background:#c3d82e;
  opacity:.4; transition:opacity .2s ease; cursor:pointer;
}
.swiper-pagination-bullet-active{ opacity:1 !important; }

/* Custom static-site overrides: mobile navigation (replaces the JS-generated menu). */
#tsHamburger{ display:none; }
#tsMobileNav{
  position:fixed; inset:0; background:rgba(10,12,14,.985);
  z-index:99998; display:flex; align-items:center; justify-content:center;
  opacity:0; pointer-events:none; transition:opacity .28s ease;
}
body.ts-menu-open{ overflow:hidden; }
body.ts-menu-open #tsMobileNav{ opacity:1; pointer-events:auto; }
#tsMobileNav nav{ display:flex; flex-direction:column; gap:6px; text-align:center; }
#tsMobileNav a{
  color:#f4f4f4; font-family:'PT Serif',serif; font-size:26px; line-height:1.2;
  text-decoration:none; padding:14px 40px; transition:color .2s ease;
}
#tsMobileNav a:hover,#tsMobileNav a:active{ color:#c3d82e; }

/* Below 921px Jimdo hides its own desktop nav, so the hamburger takes over there. */
@media (max-width:920px){
  #tsHamburger{
    display:flex; position:fixed; top:20px; right:18px; z-index:99999;
    flex-direction:column; justify-content:center; align-items:center; gap:6px;
    width:42px; height:42px; padding:0; background:transparent; border:0; cursor:pointer;
  }
  #tsHamburger span{
    display:block; width:26px; height:2px; background:#e9e9e9; border-radius:2px;
    transition:transform .28s ease, opacity .2s ease;
  }
  body.ts-menu-open #tsHamburger span:nth-child(1){ transform:translateY(8px) rotate(45deg); }
  body.ts-menu-open #tsHamburger span:nth-child(2){ opacity:0; }
  body.ts-menu-open #tsHamburger span:nth-child(3){ transform:translateY(-8px) rotate(-45deg); }
  /* hide the desktop header "Contact Us" button on mobile, matching the original */
  .S7q2B{ display:none !important; }
  /* hide the desktop nav on mobile (the reveal rule above would otherwise un-hide it) */
  header .lXoOb{ display:none !important; }
}