/* Contact on desktop (owner 2026-09-19: "too boxy"): the three entry points become one open row with
   hairline dividers; only the crew sign-up below keeps a frame. Touch layouts are unchanged. */
@media (min-width:1200px) and (hover:hover) and (pointer:fine) {
  #contact .contact-cards { gap: 0; }
  #contact .contact-card {
    border: 0; border-radius: 0; background: none; box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none;
    transform: none; padding-inline: 2vw;
  }
  #contact .contact-card::before, #contact .contact-card::after { display: none; }
  #contact .contact-card + .contact-card { border-left: 1px solid #ff009047; }
  #contact .contact-card:first-child { padding-left: 0; }
  #contact .contact-card:last-child { padding-right: 0; }
  /* Quieter call-to-action: outlined until pointed at, so three filled bars no longer stack up as blocks. */
  #contact .contact-card .signal-button { background: linear-gradient(180deg,#ff00901f,#ff00900a); box-shadow: inset 0 1px 1px #ffb6db59; }
  #contact .contact-card .signal-button:hover, #contact .contact-card .signal-button:focus-visible { background: linear-gradient(180deg,#df007a,#760040); box-shadow: inset 0 1px 1px #ffb6db80, 0 0 18px #ff00904d; }
  /* The newsletter note shares the consent row, so the framed crew card keeps its height. */
  #contact .crew-fields .check { grid-column: 1; }
  #contact .crew-fields .crew-legal { grid-column: 2; align-self: center; }
  html[lang=de] #contact .crew-form h3 { font-size: clamp(17px, 1.25vw, 24px); }
}