/* MJK-Button-Verlauf (Vorlage C, seit 31.10.2026).
   Wird von netlify/edge-functions/mjk-buttons.ts automatisch in jede Seite eingebunden.
   Neue Seiten: Hauptbutton einfach mit class="mjk-verlauf" auszeichnen. Bestehende blaue
   Buttons erkennt assets/mjk-buttons.js und gibt ihnen die Klasse selbst. */
.mjk-verlauf{
  color:#fff!important;
  background-color:#3b6bff!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),linear-gradient(100deg,#2f5cf0 0%,#4f86ff 55%,#9fd0ff 120%)!important;
  background-size:160px,100% 100%!important;
  background-blend-mode:soft-light,normal!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 10px 28px -12px rgba(79,134,255,.6)!important;
  border-color:transparent!important;
  transition:transform .2s ease,box-shadow .25s ease,filter .2s ease;
}
.mjk-verlauf:hover{
  transform:translateY(-1px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 14px 32px -12px rgba(79,134,255,.75)!important;
}
.mjk-verlauf:disabled,.mjk-verlauf[aria-disabled="true"]{filter:grayscale(.35) opacity(.7);transform:none}
@media (prefers-reduced-motion:reduce){.mjk-verlauf:hover{transform:none}}