/* =========================================================
   NCC – Leasing WOW (Blue Premium)
   Gilt NUR auf dieser Seite: body.leasing-page
   ========================================================= */

body.leasing-page{
  /* überschreibt dein Gelb-System */
  --brand: #2a8cff !important;
  --btn:   #2a8cff !important;

  --btn2:  #1f3c88;
  --line:  rgba(255,255,255,.14);
  --shadow: 0 22px 70px rgba(0,0,0,.48);
}

/* Header Zeiten / Akzente blau */
body.leasing-page .custom-color{ color: var(--brand) !important; }

/* Gelbe Trennlinie (kommt oft vom Theme) auf dieser Seite killen */
body.leasing-page #pageTitle{
  border-top: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}
body.leasing-page #pageTitle::before,
body.leasing-page #pageTitle::after{
  display:none !important;
}

/* H1: Premium (weiß + blaue Glow-Line) */
body.leasing-page #pageTitle h1{
  color:#fff !important;
  text-shadow: 0 12px 30px rgba(0,0,0,.35);
}
body.leasing-page #pageTitle h1::after{
  background: linear-gradient(90deg,
    transparent,
    rgba(42,140,255,.95),
    transparent
  ) !important;
  box-shadow: 0 16px 30px rgba(42,140,255,.18) !important;
}

/* Breadcrumb-Link blau */
body.leasing-page #pageTitle .breadcrumb a{ color: var(--brand) !important; }

/* Quick Nav: Wow Pills */
body.leasing-page .quick-nav a{
  background: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
}
body.leasing-page .quick-nav a:hover{
  border-color: rgba(42,140,255,.55) !important;
  background: rgba(42,140,255,.12) !important;
  color:#fff !important;
}

/* HERO: Gelb-Radials raus -> Blau */
body.leasing-page .lr-hero{
  background:
    radial-gradient(900px 380px at 15% 15%, rgba(42,140,255,.20), transparent 55%),
    radial-gradient(700px 320px at 90% 10%, rgba(31,60,136,.18), transparent 60%),
    linear-gradient(180deg, rgba(20,27,36,.92), rgba(16,23,35,.92)) !important;
  border-color: rgba(255,255,255,.14) !important;
}

/* Kicker: Blau-Gradient */
body.leasing-page .lr-kicker{
  background: linear-gradient(90deg, var(--brand), var(--btn2)) !important;
  color:#fff !important;
}

/* Primary Buttons: Blau */
body.leasing-page .lr-btn--primary{
  background: linear-gradient(90deg, var(--brand), var(--btn2)) !important;
  color:#fff !important;
}
body.leasing-page .lr-btn--ghost{
  border-color: rgba(42,140,255,.35) !important;
}
body.leasing-page .lr-btn--ghost:hover{
  background: rgba(42,140,255,.10) !important;
  border-color: rgba(42,140,255,.55) !important;
}

/* Mini Info Links */
body.leasing-page .lr-mini a{ color: var(--brand) !important; }

/* Note Box: Blau statt Gelb */
body.leasing-page .lr-note{
  background: rgba(42,140,255,.14) !important;
  border-color: rgba(42,140,255,.28) !important;
}

/* Tiles Icons: Blau */
body.leasing-page .lr-tile .ic{
  background: rgba(42,140,255,.18) !important;
}
body.leasing-page .lr-tile:hover{
  border-color: rgba(42,140,255,.35) !important;
}

/* CTA Box: Blau statt Gelb */
body.leasing-page .lr-cta{
  border-color: rgba(42,140,255,.28) !important;
  background:
    radial-gradient(700px 260px at 20% 30%, rgba(42,140,255,.20), transparent 55%),
    linear-gradient(180deg, rgba(20,27,36,.92), rgba(16,23,35,.92)) !important;
}

/* Bootstrap Buttons innerhalb der CTA */
body.leasing-page .btn.btn-primary{
  background: linear-gradient(90deg, var(--brand), var(--btn2)) !important;
  border-color: transparent !important;
  color:#fff !important;
}
body.leasing-page .btn.btn-invert:hover{
  border-color: rgba(42,140,255,.55) !important;
  color: var(--brand) !important;
}

/* Services Bilder: Premium Hover */
body.leasing-page .services-block-alt .image{
  box-shadow: 0 18px 42px rgba(0,0,0,.26);
  border-color: rgba(255,255,255,.14) !important;
}
body.leasing-page .services-block-alt .image img{
  transition: transform .45s ease, filter .45s ease;
}
body.leasing-page .services-block-alt:hover .image img{
  transform: scale(1.06);
  filter: contrast(1.06) saturate(1.06);
}
body.leasing-page .services-block-alt .caption .title{
  color: var(--brand) !important;
}

/* FAQ Border links blau */
body.leasing-page details.faq-item{
  border-left-color: var(--brand) !important;
}

/* Call Button: Blau */
body.leasing-page .call-button{
  background: linear-gradient(90deg, var(--brand), var(--btn2)) !important;
  color:#fff !important;
  box-shadow: 0 16px 36px rgba(42,140,255,.22) !important;
}
body.leasing-page .call-button:hover{
  filter: brightness(1.05);
}

/* Fokus: Wenn man klickt/Tabbt nix gelb */
body.leasing-page a:focus,
body.leasing-page button:focus{
  outline: 3px solid rgba(42,140,255,.30) !important;
  outline-offset: 2px;
}