/* Header-Buttons: beide im Original-Stil des Gutschein-Buttons (Schrift, Rundung, Hover).
   "Jetzt buchen" = gelber Hauptbutton (unverändert Original), "Gutschein" = umrandete Variante. */
.template #header .button.l4-btn{width:auto;max-width:none;margin:0;white-space:nowrap}
.template #header .button.button-coupon.l4-outline,
.template #header .button.button-coupon.l4-outline:visited{background-color:transparent;color:#1A322E!important;border:2px solid #1A322E;padding:1rem 2rem}
.template #header .button.button-coupon.l4-outline:hover,
.template #header .button.button-coupon.l4-outline:focus-visible{background-color:#F7E967;border-color:#F7E967;color:#000!important;padding:1rem 2rem}
#coupon-nav.l4-cta{display:flex;align-items:center;gap:.75rem}
#coupon-nav-responsive{display:none}
@media screen and (max-width:1480px){
  #coupon-nav.l4-cta{display:none}
  #coupon-nav-responsive{display:flex;flex-direction:column;gap:.75rem;align-items:center}
  .template #header #coupon-nav-responsive .button.l4-btn{width:100%;max-width:260px}
}
/* Hover "Jetzt buchen": invertiert – dunkelgrün mit gelber Schrift */
.template #header .button.button-coupon.l4-btn:not(.l4-outline):hover,
.template #header .button.button-coupon.l4-btn:not(.l4-outline):focus-visible{background-color:#1A322E;color:#F7E967!important}