/* ==========================================================
   Eigene Anpassungen (Luca Gfeller) – überschreibt style.css
   ========================================================== */

/* Profilkarte: Name + Untertitel im Bereich zwischen Foto und
   Trennlinie zentrieren (nur Desktop; Mobile/Tablet ist bereits zentriert) */
@media only screen and (min-width: 1200px) {
  .rn-content-wrapper .header-left .header-info-content {
    flex: 1;
    text-align: center;
    margin-left: 0;
    padding: 0 20px;
  }
}

/* Mobile/Tablet: Abstand unter dem Untertitel (ersetzt den Platz der
   entfernten Social-Icons) */
@media only screen and (max-width: 1199px) {
  .rn-content-wrapper .header-left .header-info-content {
    padding-bottom: 30px;
  }
}

/* Abstand zwischen Inhalt und Footer */
.rn-content-wrapper {
  padding-bottom: 60px;
}

/* Kleiner Footer am Seitenende */
.cv-footer {
  border-top: 1px solid #dce1e4;
  padding: 30px 0;
  text-align: center;
}
.cv-footer-text {
  margin: 0;
  font-size: 14px;
  color: var(--color-body);
  letter-spacing: 0.3px;
}
/* Mobile: Platz für die unten fixierte Tab-Leiste */
@media only screen and (max-width: 991px) {
  .rn-content-wrapper {
    padding-bottom: 40px;
  }
  .cv-footer {
    padding-bottom: 110px;
  }
}

/* Resume-Timeline: Datum im Badge nicht umbrechen (z. B. "08/2024 – heute") */
.resume-single-list .heading .date-of-time span { white-space: nowrap; }
.resume-single-list .heading .title { flex: 1 1 auto; min-width: 0; }

/* PDF-Download-Button über der Resume-Timeline */
.cv-download a.rn-btn { display: inline-flex; align-items: center; gap: 8px; }
.cv-download a.rn-btn svg { width: 18px; height: 18px; position: relative; z-index: 2; }
.cv-download a.rn-btn span { position: relative; z-index: 2; }

/* Profilkarte: E-Mail- und Telefon-Links wie normaler Text darstellen */
.rn-header-content li a { color: inherit; }
.rn-header-content li a:hover { color: var(--color-primary); }

/* Tab-Navigation: kleiner Abstand zwischen den Buttons (sonst kleben aktiver und Hover-Button aneinander) */
.tab-content-wrapper .tab-navigation-button.tab-smlg { gap: 10px; }