/* Kontaktseite – seitenspezifisches Layout */
.contact-grid{ display: grid; grid-template-columns: 0.85fr 1.15fr; gap: 40px; align-items: start; }
.contact-info{
  background: var(--color-cream-dark); border-radius: var(--radius-lg); padding: 40px;
}
.contact-info h2{ font-size: 24px; }
.contact-info-list{ display: flex; flex-direction: column; gap: 4px; margin: 24px 0; }
.contact-info-list dt{ font-family: var(--font-head); font-weight: 600; font-size: 13px; color: var(--color-orange); text-transform: uppercase; letter-spacing: 0.06em; margin-top: 16px; }
.contact-info-list dd{ margin: 0; font-size: 15px; }
.contact-info-label{ font-family: var(--font-head); font-weight: 600; font-size: 13px; color: var(--color-orange); text-transform: uppercase; letter-spacing: 0.06em; }
.contact-hint{ font-size: 13px; color: var(--color-grey-text); margin: 0; }

@media (max-width: 980px){
  .contact-grid{ grid-template-columns: 1fr; }
}