/* ==== einheitliche Buttons (wie Startseite) ==== */
a.btn, button.btn, a[class*="-btn"], button[class*="-btn"], a[class*="btn-"], button[class*="btn-"],
.kn-cta, .kn-mob-cta a, .dg-b1, .dg-b2, .pv-b1, .pv-b2, .sl-btn, .sl4-btn, .w4-btn, .cta-btn,
.kth-btn, .kt2-bbtn, .kt2-fbtn, .id-btn, .iw-btn, .pnh-btn, .exp2-btn, .phx-btn, .kar-btn, .kar-fbtn{
  font-family:'Jost',sans-serif !important;font-weight:500 !important;text-transform:uppercase !important;
  display:inline-flex !important;align-items:center !important;justify-content:center !important;
  gap:clamp(7px,.7vw,12px) !important;
  height:clamp(40px,3.26vw,54px) !important;min-height:0 !important;
  padding:0 clamp(18px,1.67vw,30px) !important;
  font-size:clamp(11px,.903vw,15px) !important;
  letter-spacing:clamp(1.1px,.097vw,1.7px) !important;
  border-radius:clamp(8px,.69vw,13px) !important;
  background:#4E7654 !important;color:#fff !important;border:none !important;
  box-shadow:none !important;text-decoration:none !important;width:auto !important;
}
a.btn:hover, button.btn:hover, a[class*="-btn"]:hover, button[class*="-btn"]:hover,
.kn-cta:hover, .dg-b1:hover, .dg-b2:hover{background:#41654a !important;}
/* auf grünem Grund: weißer Button mit grüner Schrift */
.on-green, .kcta .kt4-btn, .kfx a[class*="btn"], .kls-footer a[class*="btn"]{
  background:#fff !important;color:#2f4636 !important;border:none !important;
}
.on-green:hover, .kcta .kt4-btn:hover, .kfx a[class*="btn"]:hover{
  background:#f1f5f0 !important;color:#2f4636 !important;
}