/* ============================================================
   Datei:        assets/css/startseite/kontakt.css
   Seite:        Startseite (index.html)
   Zweck:        Kontakt-Bereich: Überschrift, Text und Aktionen (Mail, GitHub, LinkedIn)
   Abhängig von: assets/css/shared/variablen.css, assets/css/shared/button.css, assets/css/shared/layout.css
   Genutzt von:  index.html (Aktionen baut assets/js/startseite/kontakt.js)
   ============================================================ */

/* --- 1. Layout --- */
.kontakt {
  display: grid;
  gap: var(--abstand-3);
  justify-items: start;
}

.kontakt__text {
  max-width: 50ch;
  color: var(--farbe-text-gedaempft);
  font-size: clamp(1.05rem, 1rem + 0.4vw, 1.25rem);
}

/* --- 2. Aktionen --- */
.kontakt__aktionen {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--abstand-3);
  margin-top: var(--abstand-2);
}

.kontakt__platzhalter {
  color: var(--farbe-text-gedaempft);
  font-family: var(--schrift-mono);
  font-size: var(--schrift-klein);
}