/* CTAs zum Online-Abschluss (deine-mitgliedschaft.de), 02.11.2026 */
.oa-btn{display:inline-block;padding:14px 32px;background:#a60000;color:#fff !important;border-radius:4px;font-weight:bold;font-size:1.15em;letter-spacing:.5px;text-transform:uppercase;text-decoration:none !important;box-shadow:0 4px 14px rgba(0,0,0,.25);transition:background .2s;}
.oa-btn:hover{background:#da0808;}
.oa-btn:focus-visible{outline:2px solid #fff;outline-offset:2px;}

/* Startseite: Button über dem Hero-Video */
.slider-wrapper{position:relative;}
.oa-hero{position:absolute;left:0;right:0;bottom:8%;text-align:center;z-index:5;}

/* Startseite: Band nach den Kacheln */
.oa-band{margin:35px auto 10px;padding:28px 20px;max-width:760px;background:#0d0e00;text-align:center;}
.oa-band h3{color:#fff !important;margin:0 0 8px;}
.oa-band p{color:#ddd;margin:0 0 18px;}

/* Abos- und Kontaktseite */
.oa-abos{text-align:center;margin:10px 0 20px;}
.oa-kontakt{margin-top:22px;text-align:center;}

/* Footer-Link */
.oa-footer-link{font-weight:bold;color:#fff !important;}

/* Mobile Leiste unten */
.oa-sticky{display:none;}
@media (max-width:767px){
  .oa-btn{padding:12px 20px;font-size:1em;}
  .oa-hero{bottom:6%;}
  .oa-sticky{display:block;position:fixed;left:0;right:0;bottom:0;z-index:9990;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:rgba(13,14,0,.95);text-align:center;transform:translateY(110%);transition:transform .25s;}
  .oa-sticky.oa-sichtbar{transform:translateY(0);}
  .oa-sticky .oa-btn{display:block;box-shadow:none;}
  body.oa-platz{padding-bottom:70px;}
}
@media (max-width:480px){
  .oa-hero .oa-btn{padding:9px 16px;font-size:.9em;}
}
