/* Gemeinsame Effekt-Ebene fuer die Leistungsseiten: Nebelfeld und Gold-Glow.
   Lokal geladen, kein Fremdcode. */
.bg-field{position:fixed;inset:0;width:100vw;height:100vh;display:block;pointer-events:none;z-index:0;opacity:.7}
.glow{position:fixed;top:0;left:0;width:660px;height:660px;margin:-330px 0 0 -330px;border-radius:50%;background:radial-gradient(circle,rgba(255,222,89,.11),transparent 66%);pointer-events:none;z-index:1;mix-blend-mode:screen;will-change:transform;opacity:0;transition:opacity .8s ease}
.glow.on{opacity:1}
@media (pointer:coarse){.glow{display:none}}
@media (prefers-reduced-motion:reduce){.glow{display:none}}

/* Mobiler Header der Leistungsseiten: kompakt, damit nichts umbricht oder ueberlaeuft */
@media (max-width:560px){
  .nav__in{padding:12px 16px!important}
  .brand img{height:30px!important}
  .nav__right{gap:12px!important}
  .nav__back{font-size:12.5px!important;white-space:nowrap}
  .nav__cta{padding:8px 14px!important;font-size:12.5px!important;white-space:nowrap}
}