/*
  A4 Portrait Print Stylesheet
  Aktiviert automatisch beim Drucken (media="print")
  oder per Toggle-Button im Browser auf media="all" umschaltbar
*/

@page {
  size: A4 portrait;
  margin: 18mm 22mm 16mm 22mm;
}

:root {
  --bg:     #ffffff;
  --rule:   #cccccc;
  --text-1: #111111;
  --text-2: #555555;
  --accent: #111111;
}

html {
  font-size: 10pt;
}

body {
  background: #fff;
  padding: 0;
  line-height: 1.4;
  color: #111;
  margin-left: 2em;
  margin-right: 2em;
}

.page {
  max-width: none;
  padding: 0;
  margin: 0;
}

/* ── Header ── */

header {
  padding-bottom: 5mm;
  margin-bottom: 5mm;
}

.name {
  font-size: 20pt;
  margin-bottom: 1mm;
}

.tagline {
  font-size: 6.5pt;
  margin-bottom: 3mm;
  letter-spacing: 0.1em;
}

.contact-grid {
  font-size: 8pt;
}

.link-bar {
  font-size: 7pt;
  margin-top: 2mm;
  gap: 1mm 5mm;
}

/* ── Sections ── */

section {
  margin-bottom: 10mm;
  page-break-inside: avoid;
}

.section-label {
  font-size: 6pt;
  letter-spacing: 0.14em;
  margin-bottom: 1.5mm;
}

/* ── Rows ── */

.row {
  padding: 1.5mm 0;
  font-size: 8.5pt;
  line-height: 1.3;
}

.row-date {
  font-size: 7.5pt;
}

.row-content .sub {
  font-size: 7.5pt;
  margin-top: 0;
}

.row-content a.ext {
  display: none;
}

/* ── Skills ── */

.skill-row {
  padding: 1.5mm 0;
  font-size: 8pt;
}

.skill-cat {
  font-size: 7pt;
}

.skill-list {
  font-size: 7.5pt;
  line-height: 1.4;
}

/* ── Projects ── */

.project-row {
  padding: 1.5mm 0;
  font-size: 8.5pt;
}

.project-client {
  font-size: 7.5pt;
}

.project-link {
  display: none;
}

/* ── Links: schwarz im Druck ── */

a {
  color: #111 !important;
  text-decoration: none;
}

.contact-grid a,
.link-bar a {
  color: #555 !important;
}

/* ── Toggle-Button verstecken ── */

#print-toggle {
  display: none !important;
}