/* Ostsee Marine Solutions — Startseite */
html { scroll-behavior: smooth; }
  body { margin: 0; background: #ffffff; color: #14181d; -webkit-font-smoothing: antialiased; }
  a { color: #14181d; text-decoration: none; }
  a:hover { color: #a8865a; }
  ::selection { background: #14181d; color: #f6f5f2; }
  @keyframes kb { from { transform: scale(1.02); } to { transform: scale(1.1); } }
  @keyframes fadeUp { from { opacity: 0; transform: translateY(28px); } to { opacity: 1; transform: translateY(0); } }
  @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
  @keyframes lineGrow { from { transform: scaleX(0); } to { transform: scaleX(1); } }
  @media (max-width: 1024px) {
    .wrap, [data-nav] { padding-left: 32px !important; padding-right: 32px !important; }
    .grid-stats { grid-template-columns: repeat(2, 1fr) !important; row-gap: 56px !important; }
    .grid-2 { grid-template-columns: 1fr !important; gap: 56px !important; }
    .grid-3 { grid-template-columns: 1fr !important; }
    .grid-3 > div { padding: 36px 0 !important; }
    .sect { padding-top: 110px !important; padding-bottom: 110px !important; }
  }
  @media (max-width: 640px) {
    .wrap, [data-nav] { padding-left: 20px !important; padding-right: 20px !important; }
    .sect { padding-top: 88px !important; padding-bottom: 88px !important; }
    .grid-list { grid-template-columns: 1fr !important; }
    .grid-stats > div > div:first-child { font-size: 52px !important; }
    .nav-links { gap: 14px !important; font-size: 10px !important; letter-spacing: .12em !important; }
    .nav-links a:last-child { padding: 8px 12px !important; }
    .eyebrow-hero { margin-top: 110px !important; letter-spacing: .28em !important; }
    .hero-content { padding-bottom: 76px !important; }
    .hero-ctas { flex-direction: column !important; align-items: flex-start !important; gap: 22px !important; }
    .footer-cta { max-width: 100%; overflow-wrap: anywhere; padding: 16px 20px !important; }
  }
  @media (prefers-reduced-motion: reduce) {
    [data-hero-slide] { animation: none !important; }
  }
  @keyframes scrollHint { 0% { transform: translateY(0); opacity: 1; } 70% { transform: translateY(14px); opacity: 0; } 100% { transform: translateY(0); opacity: 0; } }

/* Hover states */
.hv1:hover { opacity: 1 !important; color: inherit !important; }
.hv2:hover { opacity: 1 !important; color: inherit !important; }
.hv3:hover { background: #f6f5f2 !important; color: #14181d !important; }
.hv4:hover { background: #cfa878 !important; color: #14181d !important; }
.hv5:hover { color: #cfa878 !important; }
.hv6:hover { opacity: 1 !important; filter: grayscale(0) !important; }
.hv7:hover { opacity: 1 !important; filter: grayscale(0) !important; }
.hv8:hover { opacity: 1 !important; filter: grayscale(0) !important; }
.hv9:hover { opacity: 1 !important; filter: grayscale(0) !important; }
.hv10:hover { background: #cfa878 !important; color: #14181d !important; }
.hv11:hover { color: #cfa878 !important; }
.hv12:hover { color: #cfa878 !important; }
.hv13:hover { color: #cfa878 !important; }