/* Version B «Personal Practice» – Ergänzungen zu main.css (nur in dist-personal geladen) */

/* Mobil: vier Menüpunkte auch in Französisch («Recherches», «À propos») auf 393 px */
@media (max-width: 899px) {
  .lq--nav { --lq-gap: 1.05em; --lq-pad: .5; }
  .hdr__nav { margin-right: -.5em; }
}
/* Desktop: «… Für Bewegung mitgedacht.» bleibt in seiner Spalte */
.hs-on .pnl--motion .h2 { font-size: min(3.85vw, 7.4vh); }

/* Kontakt: E-Mail und Instagram statt Formular */
.cdirect { display: grid; gap: 36px; margin-top: 7vh; }
.cdirect__item { display: grid; gap: 10px; justify-items: start; }
.cdirect .label { color: var(--mute); }
.cdirect .muted { font-size: 14px; }
@media (min-width: 900px) {
  .sec--hero .cdirect { grid-column: 1 / -1; grid-template-columns: repeat(19, 1fr); column-gap: var(--g); align-items: end; }
  .cdirect__item:nth-child(1) { grid-column: 1 / 9; }
  .cdirect__item:nth-child(2) { grid-column: 10 / 16; }
  .cdirect__region { grid-column: 16 / 20; justify-self: end; text-align: right; }
  .cdirect .mail { font-size: min(3.4vw, 6vh); }
}