/* Druck-Stylesheet fuer /anleitung.html -- nur im Druck aktiv (media="print").
   Ziel: sauberes A4 ohne Navigation, ohne Farbflaechen, max. 3 Seiten.
   Das PDF entsteht IMMER aus anleitung.html -- kein separates PDF im Repo pflegen. */

@page {
  size: A4;
  margin: 16mm 14mm 16mm 14mm;
}

/* Bedien-Oberflaeche raus */
nav,
.burger,
.mobile-menu,
footer,
.hero-note,
.guide-toc,
.back-link,
body::before {
  display: none !important;
}

body {
  background: #ffffff !important;
  color: #111111 !important;
  padding-top: 0 !important;
  font-size: 11.5pt;
  line-height: 1.55;
}

section,
.legal-section {
  padding: 0 !important;
}

.legal-container,
.container {
  max-width: 100% !important;
  margin: 0 !important;
}

h1 {
  font-size: 20pt !important;
  color: #111111 !important;
  margin: 0 0 6mm 0 !important;
  border-bottom: 2px solid #6c5ce7;
  padding-bottom: 3mm;
}

.guide-intro {
  max-width: 100% !important;
  text-align: left !important;
  color: #333333 !important;
  margin-bottom: 6mm !important;
}

/* Schritte: keine Karten, kein Umbruch mitten im Schritt */
.guide-step {
  background: #ffffff !important;
  border: 0 !important;
  border-top: 1px solid #cccccc !important;
  border-radius: 0 !important;
  padding: 4mm 0 2mm 0 !important;
  margin: 0 0 2mm 0 !important;
  break-inside: avoid;
  page-break-inside: avoid;
}

.guide-step .step-head {
  gap: 3mm !important;
  margin-bottom: 2mm !important;
}

.guide-step .step-num {
  flex: 0 0 8mm !important;
  height: 8mm !important;
  background: #6c5ce7 !important;
  color: #ffffff !important;
  font-size: 10pt !important;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}

.guide-step h2 {
  font-size: 13pt !important;
  color: #111111 !important;
  break-after: avoid;
  page-break-after: avoid;
}

.guide-step p,
.guide-step li,
.guide-step ul,
.guide-step ol {
  color: #111111 !important;
  orphans: 3;
  widows: 3;
}

.guide-step a {
  color: #4f34c7 !important;
  text-decoration: none !important;
}

.guide-step a[href^="http"]::after {
  content: " (" attr(href) ")";
  font-size: 8.5pt;
  color: #555555;
}

/* Abbildungen: hell, max. halbe Seite, nie zerschneiden */
.shot {
  margin: 3mm 0 0 0 !important;
  break-inside: avoid;
  page-break-inside: avoid;
}

.shot svg {
  max-width: 100% !important;
  max-height: 45mm !important;
  border: 1px solid #bbbbbb !important;
  border-radius: 2mm !important;
  background: #f7f7fb !important;
}

.shot figcaption {
  color: #555555 !important;
  font-size: 8.5pt !important;
}

/* Hinweisboxen: hell, mit Rahmen statt Farbflaeche */
.guide-tip,
.guide-warn {
  background: #f7f7fb !important;
  border: 1px solid #999999 !important;
  border-left: 3px solid #6c5ce7 !important;
  border-radius: 0 !important;
  padding: 3mm 4mm !important;
  color: #111111 !important;
  break-inside: avoid;
  page-break-inside: avoid;
}

.guide-foot {
  border-top: 1px solid #cccccc !important;
  color: #555555 !important;
  font-size: 8.5pt !important;
  margin-top: 5mm !important;
  padding-top: 3mm !important;
}

.guide-foot a {
  color: #4f34c7 !important;
}