/* TAIO Custom — Glossy-Navbar beim Scrollen */

.nav-block {
  position: relative;
  overflow: hidden;
  transition:
    background-color 0.45s ease,
    box-shadow 0.45s ease,
    border-color 0.45s ease,
    -webkit-backdrop-filter 0.45s ease,
    backdrop-filter 0.45s ease;
}

/* Licht-Schimmer (Gloss-Highlight), im Ruhezustand unsichtbar */
.nav-block::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.22) 0%,
                            rgba(255, 255, 255, 0.05) 38%,
                            rgba(255, 255, 255, 0) 55%),
    radial-gradient(120% 180% at 50% -60%, rgba(255, 255, 255, 0.25) 0%,
                                           rgba(255, 255, 255, 0) 60%);
  opacity: 0;
  transition: opacity 0.45s ease;
}

.navbar.is-scrolled .nav-block {
  background-color: rgba(10, 12, 14, 0.55);
  -webkit-backdrop-filter: blur(26px) saturate(180%);
  backdrop-filter: blur(26px) saturate(180%);
  border-color: rgba(255, 255, 255, 0.22);
  box-shadow:
    0 10px 34px rgba(0, 0, 0, 0.35),
    inset 0 1px 0 rgba(255, 255, 255, 0.28);
}

.navbar.is-scrolled .nav-block::after {
  opacity: 1;
}

/* Leistungen: Unterlängen der großen Paket-Titel nicht abschneiden */
.price-plan {
  line-height: 1.08em;
  margin-bottom: -0.1em;
}