/* V13 – Online-Terminbuchung im Hero klar hervorgehoben + Scroll-CTA. */
.mm-hero-actions{align-items:center}
.mm-hero-actions .mm-btn--primary{box-shadow:0 16px 34px -22px rgba(5,10,26,.95)}

/* Desktop: Der Header-CTA belegt im Ruhezustand keinen Platz und erscheint erst,
   wenn der Termin-CTA im Hero oberhalb des Headers verschwunden ist. */
.mm-scroll-booking{display:none}
@media(min-width:1024px){
  .mm-scroll-booking{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:0 0 auto;
    max-width:0;
    min-height:2.55rem;
    margin-left:0;
    padding:0;
    overflow:hidden;
    border:0 solid #1d2345;
    background:#1d2345;
    color:#fff;
    font-size:.92rem;
    font-weight:600;
    line-height:1;
    white-space:nowrap;
    opacity:0;
    visibility:hidden;
    transform:translateX(14px);
    pointer-events:none;
    transition:max-width .42s cubic-bezier(.22,1,.36,1),padding .42s cubic-bezier(.22,1,.36,1),margin .42s cubic-bezier(.22,1,.36,1),opacity .25s ease,transform .42s cubic-bezier(.22,1,.36,1),visibility 0s linear .42s,background-color .2s ease;
  }
  .mm-scroll-booking.is-visible{
    max-width:10.5rem;
    margin-left:.75rem;
    padding:.55rem 1.05rem;
    border-width:1px;
    opacity:1;
    visibility:visible;
    transform:none;
    pointer-events:auto;
    transition-delay:0s;
  }
  .mm-scroll-booking.is-visible:hover{background:#161a36;border-color:#161a36}
  .mm-scroll-booking:focus-visible{outline:2px solid #5aa0e6;outline-offset:3px}
}

/* Mobile: bewusst kompakt und nicht mehr nahezu über die ganze Hero-Breite. */
@media(max-width:767px){
  .mm-hero-actions{
    display:flex!important;
    width:100%;
    margin-top:1.25rem!important;
    justify-content:flex-start;
  }
  .mm-hero-actions .mm-btn{
    width:auto!important;
    min-width:10.75rem!important;
    max-width:13rem;
    min-height:2.8rem!important;
    padding:.62rem 1.1rem!important;
    font-size:.94rem!important;
    font-weight:600;
    white-space:nowrap;
  }
}

@media(prefers-reduced-motion:reduce){
  .mm-scroll-booking{transition:none!important}
}


/* Online-Terminbuchung als klarer USP, aber im bestehenden ruhigen Design. */
.mm-hero-online{display:flex;flex-direction:column;gap:.18rem;margin-top:1rem;max-width:34rem;padding-left:.9rem;border-left:3px solid #1d2345;color:#fff;text-shadow:0 1px 18px rgba(0,0,0,.28)}
.mm-hero-online strong{font-size:clamp(1rem,1.5vw,1.18rem);font-weight:700;line-height:1.25;letter-spacing:-.01em}
.mm-hero-online span{font-size:.94rem;line-height:1.45;color:rgba(255,255,255,.88)}
@media(max-width:767px){
 .mm-hero-online{margin-top:.9rem;max-width:19rem;padding-left:.7rem;border-left-width:2px}
 .mm-hero-online strong{font-size:1rem}
 .mm-hero-online span{font-size:.86rem;line-height:1.38}
 .mm-hero-actions{margin-top:.9rem!important}
}


/* V15 – dezente Glasbox ohne seitlichen Akzentstreifen.
   Bewusst klarer als V13, aber weiterhin ruhig und kantig. */
.mm-hero-booking-card{
  width:min(100%,35.5rem);
  margin-top:1.05rem;
  padding:1rem 1.05rem 1.05rem;
  border:1px solid rgba(255,255,255,.24);
  background:rgba(11,17,39,.46);
  box-shadow:0 18px 46px -34px rgba(0,0,0,.92), inset 0 1px 0 rgba(255,255,255,.08);
  -webkit-backdrop-filter:blur(9px) saturate(112%);
  backdrop-filter:blur(9px) saturate(112%);
}
.mm-hero-booking-card .mm-hero-online{
  margin-top:0;
  max-width:none;
  padding-left:0;
  border-left:0;
  text-shadow:0 1px 16px rgba(0,0,0,.3);
}
.mm-hero-booking-card .mm-hero-online strong{color:#fff}
.mm-hero-booking-card .mm-hero-online span{color:rgba(255,255,255,.9)}
.mm-hero-booking-card .mm-hero-actions{
  margin-top:.85rem!important;
}
.mm-hero-booking-card .mm-btn--primary{
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 12px 28px -18px rgba(0,0,0,.95);
}
@media(max-width:767px){
  .mm-hero-booking-card{
    width:min(100%,20.75rem);
    margin-top:.9rem;
    padding:.82rem .85rem .88rem;
    background:rgba(11,17,39,.5);
    border-color:rgba(255,255,255,.22);
    -webkit-backdrop-filter:blur(8px) saturate(110%);
    backdrop-filter:blur(8px) saturate(110%);
  }
  .mm-hero-booking-card .mm-hero-online{
    margin-top:0;
    max-width:none;
    padding-left:0;
  }
  .mm-hero-booking-card .mm-hero-actions{
    margin-top:.72rem!important;
  }
}
@media(prefers-reduced-transparency:reduce){
  .mm-hero-booking-card{background:rgba(11,17,39,.78);-webkit-backdrop-filter:none;backdrop-filter:none}
}