/* PATCH 1009 - ONBOAT HOME HERO CTA VISIBILITY
   Ziel: Hero-Button in allen Sprachen sichtbar halten und lange Übersetzungen sauber abfangen.
   Wir verschieben den CTA optisch vor die USP-Liste und begrenzen die Hero-Textbreite. */

.onb-home-hero{
  min-height:clamp(520px, 54vw, 680px);
}

.onb-home-hero .onb-home-hero-inner{
  padding-bottom:clamp(58px, 7vw, 104px);
}

.onb-home-hero .onb-hero-slide,
.onb-home-hero .onb-hero-slide-0,
.onb-home-hero .onb-hero-slide.is-first{
  display:flex!important;
  flex-direction:column;
  align-items:flex-start;
  max-width:660px;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  animation:none!important;
}

.onb-home-hero .onb-hero-slide h1{
  max-width:640px;
  line-height:.96;
  letter-spacing:-.045em;
}

.onb-home-hero .onb-lead{
  max-width:610px;
  margin-bottom:0!important;
}

/* CTA muss vor allem in HR/SL/IT sichtbar bleiben. */
.onb-home-hero .onb-hero-actions{
  order:3;
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  position:relative;
  z-index:8;
  margin-top:14px!important;
  margin-bottom:0!important;
  pointer-events:auto!important;
}

.onb-home-hero .onb-hero-actions .onb-btn,
.onb-home-hero .onb-hero-actions a{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  white-space:nowrap;
  max-width:100%;
}

/* USP-Liste nach dem Button, damit der Button nicht unten aus dem Hero rutscht. */
.onb-home-hero .onb-hero-usps{
  order:4;
  max-width:620px;
  margin-top:12px!important;
  gap:5px!important;
}

.onb-home-hero .onb-hero-usps li{
  line-height:1.2!important;
}

@media(max-width:900px){
  .onb-home-hero{
    min-height:560px;
  }

  .onb-home-hero .onb-home-hero-inner{
    padding-bottom:72px;
  }

  .onb-home-hero .onb-hero-slide h1{
    max-width:92vw;
  }

  .onb-home-hero .onb-lead,
  .onb-home-hero .onb-hero-usps{
    max-width:90vw;
  }
}

@media(max-width:560px){
  .onb-home-hero{
    min-height:590px;
  }

  .onb-home-hero .onb-hero-actions{
    margin-top:12px!important;
  }

  .onb-home-hero .onb-hero-usps{
    margin-top:10px!important;
  }

  .onb-home-hero .onb-hero-usps li{
    font-size:.9rem!important;
  }
}