/* ============================================================
   Kontakt-Kachel · Sand-Tile mit Ghost-Zahl + roter CTA rechts
   Verwendet von: crew.html, mitglied.html.
   Mobile-Feinschliff ist Seiten-spezifisch (siehe pages/crew.css,
   pages/mitglied.css).
   ============================================================ */
.contact-tile {
  background: var(--sand); color: var(--ink); padding: 48px 56px;
  display: grid; grid-template-columns: 1fr 1.4fr; gap: 36px; align-items: center;
  position: relative; overflow: hidden; border: 1px solid rgba(11,46,63,0.08);
}
.contact-tile .ghost {
  position: absolute; right: -40px; bottom: -50px; font-family: var(--display);
  font-weight: 900; font-style: normal; font-size: 280px; color: var(--red);
  line-height: 0.78; opacity: 0.10;
}
.contact-tile > div { position: relative; }
.contact-tile .display { color: var(--ink); margin-top: 14px; }
.contact-tile .display .accent { color: var(--red); }
.contact-tile .display.lg { font-size: 48px; line-height: 0.92; }
.contact-tile .display.md { font-size: 38px; line-height: 0.95; }
.contact-tile .label.dim { color: rgba(11,46,63,0.65); margin-top: 10px; }
.contact-tile .info {
  font-family: var(--mono); font-size: 13px; line-height: 1.7; margin-top: 18px; color: rgba(11,46,63,0.75);
}
.contact-tile .right-col { display: flex; flex-direction: column; gap: 14px; max-width: 560px; }
.contact-tile .right-col p { font-family: var(--body); font-size: 15px; line-height: 1.55; color: rgba(11,46,63,0.78); margin: 0; }
.contact-tile .right-col a {
  background: var(--red); color: white; text-decoration: none; font-family: var(--display);
  font-weight: 900; font-style: normal; font-size: 18px; padding: 14px 22px;
  text-transform: uppercase; align-self: flex-start;
}