/* Slightly wider hero title so longer locales (e.g. FR) keep "?" on the last word line */
@media (min-width: 1024px) {
  .hero-content[data-astro-cid-bbe6dxrz] {
    max-width: 34ch;
    /* Push hero headline lower, matching design mock */
    margin-top: clamp(6rem, 18vh, 14rem);
  }
}

/* Hero photo – keep the top band clear of the logo lock-up.
   The vendor build crops the hero with a fixed `object-position: 0 -130px`. That is a pixel
   offset on an image sized by `object-fit: cover`, so it does not track the image as it
   rescales: between roughly 1360px and 1600px wide the vessel's funnel and bridge ride up
   into the wordmark (reported by M. Krieg, 16.08.2026). Dropping the crop by 90px clears the
   logo at every width checked, and is the "etwas nach unten verschieben" he asked for.
   Scoped to >=1024px so the mobile crop (-250px -90px) is deliberately left untouched. */
@media (min-width: 1024px) {
  .hero-bg-picture[data-astro-cid-bbe6dxrz] img[data-astro-cid-bbe6dxrz] {
    object-position: 0 -40px;
  }
}

/* Language switcher – solid blue active, muted inactive */
.lang-switcher {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  margin-left: auto;
  z-index: 3;
  position: relative;
}

.hero-header[data-astro-cid-bbe6dxrz] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
}

.lang-switcher a {
  color: #fff;
  background: rgba(60, 70, 80, 0.45);
  text-decoration: none;
  font-family: var(--font-family, "Univers Next Pro", Arial, sans-serif);
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  padding: 0.5rem 0.7rem;
  border: 1px solid rgba(255, 255, 255, 0.85);
  border-radius: 4px;
  line-height: 1;
  min-width: 2.5rem;
  text-align: center;
  box-sizing: border-box;
  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.lang-switcher a:hover,
.lang-switcher a:focus-visible {
  background: rgba(60, 70, 80, 0.65);
  border-color: #fff;
  outline: none;
}

.lang-switcher a.is-active {
  background: var(--primary, #0068a0);
  color: #fff;
  border-color: var(--primary, #0068a0);
}

.lang-switcher a.is-active:hover,
.lang-switcher a.is-active:focus-visible {
  background: var(--primary-hover, #004d73);
  border-color: var(--primary-hover, #004d73);
  color: #fff;
}

@media (max-width: 640px) {
  .lang-switcher {
    margin-left: 0;
    gap: 0.3rem;
  }

  .lang-switcher a {
    padding: 0.4rem 0.55rem;
    font-size: 0.7rem;
    min-width: 2.25rem;
  }

  .hero-content[data-astro-cid-bbe6dxrz] {
    margin-top: 2rem;
  }
}