/* PATCH 23 – gezielte P20-Bereinigung ohne Architekturänderung
   Ziel: bestehende gute Optik erhalten, nur echte Regressionen/Überläufe korrigieren. */

/* 1) Header/Logo stabil, nicht größer ziehen */
.onb-topbar .onb-brand{display:flex;align-items:center;gap:10px;min-width:0}
.onb-topbar .onb-brand-mark{width:34px!important;height:34px!important;object-fit:contain!important;flex:0 0 34px!important;background:transparent!important;border-radius:0!important;box-shadow:none!important}
.onb-topbar .onb-brand span{font-size:16px!important;line-height:1!important;letter-spacing:.04em;white-space:nowrap}

/* 2) Footer: kein großes Logo im Fußbereich */
.onb-footer-logo{display:none!important}
.onb-footer-inner{align-items:flex-start!important}
.onb-footer .footernav{align-items:flex-start!important}

/* 3) Hero DE/EN stabilisieren – gleiche Höhenlogik, kein Springen */
.onb-home-hero{min-height:720px!important;max-height:none!important;background-position:center 34%!important;overflow:hidden!important}
.onb-home-hero-inner{box-sizing:border-box!important;width:100%!important;max-width:1320px!important;margin:0 auto!important;grid-template-columns:minmax(0,680px) minmax(320px,430px)!important;gap:36px!important;align-items:center!important;padding-top:86px!important;padding-bottom:78px!important}
.onb-home-hero h1{font-size:clamp(40px,4.55vw,64px)!important;line-height:1.03!important;max-width:660px!important;margin:.12em 0 .18em!important;overflow-wrap:normal!important;word-break:normal!important}
.onb-home-hero .onb-lead{max-width:640px!important;line-height:1.5!important}
.onb-breadcrumb{display:inline-flex!important;align-items:center!important;gap:8px!important;min-height:34px!important;padding:8px 12px!important;border-radius:999px!important;line-height:1!important;background:rgba(255,255,255,.20)!important;backdrop-filter:blur(8px)!important;width:max-content!important;max-width:100%!important}
.onb-breadcrumb a,.onb-breadcrumb span{font-size:13px!important;line-height:1!important;white-space:nowrap!important}
.onb-scroll-cue{margin-top:4px!important}

/* 4) rechte Hero-Kacheln: nicht ineinander rutschen, Text vollständig sichtbar */
.onb-hero-sidefacts,
.onb-hero-sidefacts-compact{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;max-width:430px!important;justify-self:end!important;align-self:center!important;margin:0!important;transform:none!important;overflow:visible!important}
.onb-hero-sidefacts a,
.onb-hero-sidefacts-compact a{box-sizing:border-box!important;width:100%!important;min-height:72px!important;padding:13px 16px!important;overflow:visible!important;display:block!important}
.onb-hero-sidefacts strong,
.onb-hero-sidefacts-compact strong{font-size:14px!important;line-height:1.22!important;white-space:normal!important;overflow:visible!important}
.onb-hero-sidefacts span,
.onb-hero-sidefacts-compact span{font-size:12px!important;line-height:1.32!important;white-space:normal!important;overflow:visible!important;display:block!important}

/* 5) Detailseite: Einleitung vor Tabs vollständig sichtbar */
.onb-pretab-copy{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important;overflow:visible!important;max-height:none!important}
.onb-pretab-copy article{min-width:0!important;overflow:visible!important}
.onb-pretab-copy h2{font-size:clamp(24px,2.4vw,34px)!important;margin:0 0 10px!important;line-height:1.12!important}
.onb-pretab-copy p{font-size:17px!important;line-height:1.68!important;margin:0!important;color:var(--onb-muted)!important;max-height:none!important;overflow:visible!important;display:block!important;-webkit-line-clamp:unset!important;-webkit-box-orient:unset!important}
.onb-detail-section p,
.onb-product-copy p{max-height:none!important;overflow:visible!important;-webkit-line-clamp:unset!important;display:block}

/* 6) Region-/Skipper-/FAQ-Slider aus P20 wieder horizontal und steuerbar */
.onb-region-carousel,
.onb-skipper-team-carousel,
.onb-faq-carousel{overflow:hidden!important;position:relative!important;width:100%!important;max-width:100%!important}
.onb-region-track,
.onb-skipper-team-track,
.onb-faq-track{display:flex!important;flex-wrap:nowrap!important;gap:14px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x proximity!important;padding-bottom:8px!important;scrollbar-width:none!important}
.onb-region-track::-webkit-scrollbar,
.onb-skipper-team-track::-webkit-scrollbar,
.onb-faq-track::-webkit-scrollbar{display:none!important}
.onb-region-slide,
.onb-region-track > article{flex:0 0 min(340px,82vw)!important;min-width:min(340px,82vw)!important;max-width:min(340px,82vw)!important;scroll-snap-align:start!important}
.onb-skipper-team-track > article{flex:0 0 min(330px,82vw)!important;min-width:min(330px,82vw)!important;max-width:min(330px,82vw)!important;scroll-snap-align:start!important}
.onb-faq-track > article{flex:0 0 min(360px,84vw)!important;min-width:min(360px,84vw)!important;max-width:min(360px,84vw)!important;scroll-snap-align:start!important}
.onb-slider-controls{display:flex!important;gap:8px!important;align-items:center!important;flex:0 0 auto!important}
.onb-slider-controls button{cursor:pointer!important}

/* 7) Skippertraining-Titel nicht unschön zerhacken */
.onb-product-copy h1{word-break:normal!important;overflow-wrap:normal!important;hyphens:auto!important;line-height:1.03!important}

@media(max-width:1100px){
  .onb-home-hero-inner{grid-template-columns:1fr!important;gap:18px!important;align-items:end!important}
  .onb-hero-sidefacts,.onb-hero-sidefacts-compact{justify-self:stretch!important;max-width:none!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:760px){
  .onb-home-hero{min-height:auto!important;max-height:none!important;overflow:visible!important;background-position:center top!important}
  .onb-home-hero-inner{display:block!important;padding:28px 20px 52px!important}
  .onb-breadcrumb{display:none!important}
  .onb-home-hero h1{font-size:36px!important;line-height:1.04!important}
  .onb-hero-sidefacts,.onb-hero-sidefacts-compact{grid-template-columns:1fr!important;margin-top:14px!important}
  .onb-hero-sidefacts a,.onb-hero-sidefacts-compact a{min-height:auto!important}
  .onb-pretab-copy{grid-template-columns:1fr!important}
  .onb-pretab-copy p{font-size:16px!important;line-height:1.62!important}
  .onb-footer-inner{display:block!important}
  .footernav{margin-top:16px!important}
}