/* ONBOAT.EVENTS Patch 24 – Go-Live Conversion
   Scope: Hero-Angebote, Termine direkt oben, Mobile-Menü reduziert, Nutzenblock, Duplicate-Content-Entschärfung.
   Keine Preis-/Termin-/DB-Logik. */


/* Hero-Rotation: ursprüngliche ONBOAT-Markenbotschaft bleibt erhalten und rotiert mit Produktbotschaften. */
.onb-hero-rotator{
  position:relative;
  min-height:360px;
  max-width:760px;
  grid-column:1;
  grid-row:2 / span 5;
}
.onb-hero-slide{
  position:absolute;
  inset:0 auto auto 0;
  width:100%;
  opacity:0;
  transform:translateY(10px);
  animation:onbHeroRotate 32s infinite;
  pointer-events:none;
}
.onb-hero-slide.is-first{opacity:1;transform:none;pointer-events:auto}
.onb-hero-slide-0{animation-delay:0s}.onb-hero-slide-1{animation-delay:8s}.onb-hero-slide-2{animation-delay:16s}.onb-hero-slide-3{animation-delay:24s}
@keyframes onbHeroRotate{
  0%,20%{opacity:1;transform:translateY(0);pointer-events:auto}
  25%,95%{opacity:0;transform:translateY(10px);pointer-events:none}
  100%{opacity:0;transform:translateY(10px);pointer-events:none}
}
@media (prefers-reduced-motion: reduce){
  .onb-hero-slide{animation:none!important;position:relative;opacity:1;transform:none;pointer-events:auto;margin-bottom:18px}
  .onb-hero-rotator{min-height:auto}
  .onb-hero-slide:not(.is-first){display:none}
}

.onb-hero-offer-stack{
  grid-column:2;
  grid-row:1 / span 7;
  align-self:center;
  display:grid;
  gap:12px;
  max-width:430px;
  justify-self:end;
}
.onb-hero-offer{
  display:block;
  text-decoration:none;
  color:#082242;
  background:rgba(255,255,255,.78);
  border:1px solid rgba(255,255,255,.45);
  border-radius:18px;
  padding:16px 18px;
  box-shadow:0 16px 36px rgba(5,26,61,.14);
  backdrop-filter:blur(10px);
}
.onb-hero-offer.is-primary{
  background:rgba(255,255,255,.92);
  border-color:rgba(243,167,43,.75);
  box-shadow:0 20px 42px rgba(5,26,61,.20);
}
.onb-hero-offer strong{display:block;font-size:18px;line-height:1.15;color:#06183a;margin-bottom:5px}
.onb-hero-offer span{display:block;font-weight:900;color:#0b5f94;margin-bottom:6px;line-height:1.25}
.onb-hero-offer small{display:block;color:#45566f;line-height:1.35;font-weight:700}
.onb-hero-offer:hover{transform:translateY(-1px);background:#fff}

.onb-hero-next-dates{
  margin-top:18px;
  max-width:560px;
  display:grid;
  gap:7px;
  padding:13px 15px;
  border-radius:18px;
  background:rgba(6,24,58,.46);
  border:1px solid rgba(255,255,255,.26);
  backdrop-filter:blur(10px);
  color:#fff;
  box-shadow:0 16px 34px rgba(0,0,0,.18);
}
.onb-hero-next-dates>strong{font-size:14px;letter-spacing:.04em;text-transform:uppercase;color:#fff}
.onb-hero-next-dates a{color:#fff;text-decoration:none;border-top:1px solid rgba(255,255,255,.16);padding-top:7px}
.onb-hero-next-dates a:first-of-type{border-top:0;padding-top:0}
.onb-hero-next-dates span{display:block;font-weight:900;line-height:1.25}
.onb-hero-next-dates small{display:block;color:rgba(255,255,255,.84);font-weight:700;line-height:1.3;margin-top:2px}
.onb-hero-next-dates .onb-hero-all-dates{display:inline-flex;width:max-content;margin-top:2px;padding:8px 12px;border:1px solid rgba(255,255,255,.30);border-radius:999px;font-weight:900;background:rgba(255,255,255,.12)}

.onb-priority-section{padding-top:38px!important;padding-bottom:44px!important}
.onb-priority-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.7fr);gap:24px;align-items:start}
.onb-priority-dates,.onb-why-board-card{background:#fff;border:1px solid var(--onb-line);border-radius:24px;padding:24px;box-shadow:var(--onb-shadow)}
.onb-priority-dates .onb-section-head{margin-bottom:18px}
.onb-priority-dates .onb-section-head h2{font-size:clamp(30px,3vw,42px)}
.onb-why-board-card h2{font-size:clamp(24px,2.25vw,34px);line-height:1.05;margin:.15em 0 .65em;color:var(--onb-ink)}
.onb-why-board-card ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.onb-why-board-card li{position:relative;padding-left:30px;font-weight:900;line-height:1.35;color:#10284a}
.onb-why-board-card li::before{content:'✓';position:absolute;left:0;top:-2px;width:21px;height:21px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(180deg,var(--onb-gold-2),var(--onb-gold));color:#fff;font-size:13px;box-shadow:0 7px 14px rgba(224,139,25,.25)}
.onb-priority-date-list .date-card div:nth-child(3) span{font-weight:900;color:#09234b}

.onb-benefit-list-inline{margin:14px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.onb-benefit-list-inline li{background:#f6f9fd;border:1px solid var(--onb-line);border-radius:14px;padding:11px 13px;font-weight:800;color:#10284a;line-height:1.35}

.onb-blog-detail{max-width:1180px;margin:42px auto;align-items:start}
.onb-blog-body{background:#fff;border:1px solid var(--onb-line);border-radius:24px;padding:34px 38px;box-shadow:var(--onb-shadow);line-height:1.72;color:#334155}
.onb-blog-body h1,.onb-blog-body h2,.onb-blog-body h3{color:var(--onb-ink);line-height:1.1;margin:1.2em 0 .45em}
.onb-blog-body h1{font-size:clamp(32px,3.2vw,48px);margin-top:0}
.onb-blog-body h2{font-size:clamp(24px,2.2vw,34px)}
.onb-blog-body p{margin:.85em 0}
.onb-blog-body hr{border:0;border-top:1px solid var(--onb-line);margin:30px 0}

@media(max-width:1100px){
  .onb-hero-offer-stack{grid-column:1;grid-row:auto;justify-self:stretch;max-width:none;grid-template-columns:1fr;align-self:stretch;margin-top:18px}
  .onb-priority-grid{grid-template-columns:1fr}
}

@media(max-width:760px){
  .onb-topbar{display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:58px!important;padding:0 14px!important}
  .onb-topbar .onb-brand span{font-size:14px!important}
  .onb-topbar .onb-brand-mark{width:30px!important;height:30px!important;flex-basis:30px!important}
  .mobile-toggle{display:inline-flex!important;align-items:center;justify-content:center;min-width:48px;height:40px;border-radius:12px;font-size:0!important;background:rgba(255,255,255,.10)!important;border:1px solid rgba(255,255,255,.28)!important;color:#fff!important}
  .mobile-toggle::before{content:'☰';font-size:24px;line-height:1;font-weight:900}
  body.menu-open .mobile-toggle::before{content:'×';font-size:30px}
  .top nav.mainnav{display:none!important}
  .top nav.mainnav.open{display:block!important}
  .top nav.mainnav.open .onb-lang-switch{display:block!important;width:auto!important;border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important}
  .top nav.mainnav.open .onb-lang-switch a{display:inline-flex!important}

  .onb-home-hero{min-height:auto!important;background-position:center top!important}
  .onb-home-hero-inner{display:block!important;padding:34px 18px 46px!important}
  .onb-hero-rotator{min-height:330px!important;max-width:none!important}
  .onb-home-hero h1{font-size:34px!important;line-height:1.04!important;max-width:none!important}
  .onb-home-hero .onb-lead{font-size:16px!important;line-height:1.45!important}
  .onb-hero-actions{display:grid!important;gap:10px!important;margin-top:18px!important}
  .onb-hero-next-dates{margin-top:14px;border-radius:16px;padding:12px}
  .onb-hero-offer-stack{display:grid!important;gap:10px;margin-top:14px}
  .onb-hero-offer{padding:12px 13px;border-radius:15px}
  .onb-hero-offer strong{font-size:15px}.onb-hero-offer span{font-size:13px}.onb-hero-offer small{font-size:12px}
  .onb-scroll-cue{display:none!important}
  .onb-priority-section{padding-top:22px!important;padding-bottom:30px!important}
  .onb-priority-dates,.onb-why-board-card{padding:18px;border-radius:20px}
  .onb-priority-dates .onb-section-head{display:grid!important;grid-template-columns:1fr!important;align-items:start;gap:12px}
  .onb-benefit-list-inline{grid-template-columns:1fr}
  .onb-blog-detail{display:block;margin:24px 18px}.onb-blog-body{padding:24px 20px;border-radius:20px}
}

/* PATCH 24B – Hero clean-up after visual review
   - Keine Termine im Hero
   - Kein Scroll-/Termine-Button im Hero
   - Keine zusätzlichen Produktkacheln im Hero
   - Produktbotschaften laufen ausschließlich in der Rotation
*/
.onb-hero-next-dates,
.onb-scroll-cue,
.onb-hero-offer-stack{
  display:none!important;
}
.onb-home-hero{
  min-height:680px!important;
  align-items:center!important;
}
.onb-home-hero-inner{
  display:block!important;
  padding-top:118px!important;
  padding-bottom:96px!important;
}
.onb-hero-rotator{
  position:relative!important;
  grid-column:auto!important;
  grid-row:auto!important;
  max-width:780px!important;
  min-height:350px!important;
}
.onb-hero-slide{
  left:0!important;
  right:auto!important;
  max-width:780px!important;
}
.onb-hero-slide .onb-hero-actions{
  margin-top:24px!important;
}
@media(max-width:760px){
  .onb-home-hero{
    min-height:620px!important;
    max-height:none!important;
    align-items:flex-end!important;
  }
  .onb-home-hero-inner{
    padding:94px 20px 58px!important;
  }
  .onb-hero-rotator{
    min-height:380px!important;
  }
}