/* Fassung 22 – CTAs wieder an das ruhige bestehende Erscheinungsbild angepasst. */
:root{--fiv-gold-22:#AA7124;--fiv-gold-soft-22:#D2A35F;--fiv-ink-22:#141413;--fiv-line-22:#D8D0C3}

/* Ruhige, hochwertige CTAs ohne Schatten-/Kartenoptik. */
.fiv-update-19 .cta-consult-19,
.fiv-update-19.briefing-15 .cta-consult-19,
.fiv-update-19 main .cta-consult-19,
.fiv-checkout .site-header .nav-cta,
.fiv-checkout main .checkout-primary,
.fiv-checkout main .btn-gold,
.fiv-vouchers main .btn-gold,
.fiv-vouchers .voucher-purchase{
  display:inline-flex;align-items:center;justify-content:center;gap:12px;
  min-height:52px;padding:12px 22px;border:1px solid var(--fiv-gold-22)!important;
  border-radius:3px!important;background:var(--fiv-ink-22)!important;color:#fff!important;
  font-weight:600!important;font-size:17px;line-height:1.4;text-decoration:none;
  box-shadow:none!important;transform:none!important;transition:background .18s ease,border-color .18s ease,color .18s ease;
}
.fiv-update-19 .cta-consult-19:hover,
.fiv-update-19.briefing-15 .cta-consult-19:hover,
.fiv-update-19 main .cta-consult-19:hover,
.fiv-checkout .site-header .nav-cta:hover,
.fiv-checkout main .checkout-primary:hover,
.fiv-checkout main .btn-gold:hover,
.fiv-vouchers main .btn-gold:hover,
.fiv-vouchers .voucher-purchase:hover{
  background:#242421!important;border-color:var(--fiv-gold-soft-22)!important;color:#fff!important;
}
.fiv-update-19 .cta-gift-19,
.fiv-update-19 main .cta-gift-19{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  min-height:52px;padding:12px 22px;border:1px solid var(--fiv-gold-22)!important;
  border-radius:3px!important;background:#fff!important;color:var(--fiv-ink-22)!important;
  font-weight:600!important;font-size:17px;line-height:1.4;text-decoration:none;
  box-shadow:none!important;transform:none!important;
}
.fiv-update-19 .cta-gift-19:hover,.fiv-update-19 main .cta-gift-19:hover{
  background:#fbf7f0!important;border-color:var(--fiv-gold-soft-22)!important;color:var(--fiv-ink-22)!important;
}
:is(.fiv-update-19 .cta-consult-19,.fiv-update-19 .cta-gift-19,.fiv-checkout .checkout-primary,.fiv-vouchers .voucher-purchase):focus-visible{
  outline:3px solid var(--fiv-gold-soft-22)!important;outline-offset:4px;
}
/* Header-CTA bleibt kompakt und fügt sich in die Navigation ein. */
.fiv-update-19 .site-header .main-nav .cta-consult-19,
.fiv-checkout .site-header .nav-cta{
  min-height:46px;padding:10px 18px;background:#fff!important;color:var(--fiv-ink-22)!important;
  border:1px solid var(--fiv-gold-22)!important;font-size:16px;box-shadow:none!important;
}
.fiv-update-19 .site-header .main-nav .cta-consult-19:hover,
.fiv-checkout .site-header .nav-cta:hover{background:#fbf7f0!important;color:var(--fiv-ink-22)!important}

/* Geschenkseite: nur das Wort „verschenken“ in der festgelegten Goldfarbe. */
.fiv-vouchers .gift-title-gold-22{color:var(--fiv-gold-22);font-style:normal;font-weight:400}

/* Kartenbereich: visuell wie die übrigen Eingabefelder, kompakt und sauber ausgerichtet. */
.fiv-checkout .checkout-card-panel{
  margin:18px 0 4px!important;padding:20px 22px!important;border:1px solid var(--fiv-line-22)!important;
  border-left:2px solid var(--fiv-gold-22)!important;background:#fff!important;border-radius:3px!important;
}
.fiv-checkout .checkout-card-panel>p.small{font-size:15px!important;line-height:1.55!important;color:#62615e!important;margin:0 0 18px!important}
.fiv-checkout .checkout-card-grid{gap:17px 20px!important}
.fiv-checkout .checkout-card-label{font-size:16px!important;font-weight:600!important;line-height:1.35!important;margin:0 0 7px!important}
.fiv-checkout .checkout-card-frame{
  height:48px!important;min-height:48px!important;max-height:48px!important;padding:0!important;
  border:1px solid #c9c5bc!important;border-radius:2px!important;background:#fff!important;overflow:hidden!important;
}
.fiv-checkout .checkout-card-frame iframe{display:block!important;width:100%!important;height:48px!important;min-height:48px!important;max-height:48px!important;border:0!important;margin:0!important;padding:0!important}
.fiv-checkout .checkout-card-billing{margin-top:20px!important;padding-top:18px!important;border-top:1px solid var(--line)!important}
.fiv-checkout .checkout-card-billing input{height:48px!important;min-height:48px!important}
.fiv-checkout .checkout-card-note{font-size:14px!important;line-height:1.5!important;margin:14px 0 0!important;color:#62615e!important}

/* Zahlungsoptionen nur dezent markieren. */
.fiv-checkout .checkout-option:has(input:checked){border-color:var(--fiv-gold-22)!important;box-shadow:0 0 0 1px rgba(170,113,36,.16)!important;background:#fffdf9!important}
.fiv-checkout .checkout-option input{accent-color:var(--fiv-gold-22)!important}

@media(max-width:620px){
 .fiv-checkout .checkout-card-panel{padding:17px!important}
 .fiv-checkout .checkout-card-grid{grid-template-columns:1fr!important;gap:15px!important}
 .fiv-checkout .checkout-card-field.card-number,.fiv-checkout .checkout-card-field.card-name{grid-column:auto!important}
}
