/* Startplan zum Ausdrucken: Papier ist immer hell, auch im Dunkelmodus der Seite. A4, zwei Seiten. */

.startplan-seite {
  padding-block: 28px 64px;
}

.werkzeuge {
  max-width: 210mm;
  margin: 0 auto 24px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 14px;
}

.werkzeuge h1 {
  font-size: clamp(1.6rem, 4vw, 2.2rem);
  margin-right: auto;
}

.werkzeuge .zurueck {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  font-weight: 700;
}

.blatt-papier {
  --tinte: #1b2a3f;
  --tinte-weich: #3d4d63;
  --kante: #1b2a3f;
  --flaeche: #ffffff;
  color-scheme: light;
  position: relative;
  width: 210mm;
  max-width: 100%;
  min-height: 297mm;
  margin: 0 auto 28px;
  padding: 14mm 15mm 12mm;
  background: #ffffff;
  color: #1b2a3f;
  box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.45);
  font-size: 10.5pt;
  line-height: 1.45;
  overflow: hidden;
}

.blatt-papier h2,
.blatt-papier h3 {
  font-family: var(--anzeige);
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 1.1;
  margin: 0;
  color: #1b2a3f;
}

.kopfzeile {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 46mm;
  gap: 8mm;
  align-items: center;
  padding-bottom: 5mm;
  border-bottom: 0.7mm solid #1b2a3f;
}

.kopfzeile .marke-klein {
  font: 700 10pt/1 var(--anzeige);
  margin-bottom: 3mm;
}

.kopfzeile h2 {
  font-size: 25pt;
}

.kopfzeile p {
  margin-top: 3mm;
  color: #3d4d63;
}

.kopfzeile img {
  width: 46mm;
  height: auto;
}

.abschnitt-blatt {
  margin-top: 6mm;
}

.abschnitt-blatt h3 {
  font-size: 14pt;
  margin-bottom: 3mm;
}

.haken-liste {
  display: grid;
  gap: 2.4mm;
}

.haken-liste li {
  display: grid;
  grid-template-columns: 5.4mm minmax(0, 1fr);
  gap: 3mm;
  align-items: start;
}

.kaestchen {
  display: block;
  width: 5.4mm;
  height: 5.4mm;
  margin-top: 0.4mm;
  border: 0.5mm solid #1b2a3f;
  border-radius: 1.2mm;
  background: #ffffff;
}

.zwei-spalten {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 6mm;
}

.kasten {
  padding: 4mm 5mm;
  border: 0.5mm solid #1b2a3f;
  border-radius: 3mm;
}

.kasten h3 {
  font-size: 12.5pt;
  margin-bottom: 2mm;
}

.dateiname {
  margin-top: 2mm;
  padding: 2.5mm 3mm;
  border-radius: 2mm;
  background: #f4f7fb;
  border: 0.3mm solid #1b2a3f;
  font:
    700 9.5pt/1.35 ui-monospace,
    "Cascadia Mono",
    Consolas,
    monospace;
  overflow-wrap: anywhere;
}

.klein {
  color: #3d4d63;
  font-size: 9.5pt;
  margin-top: 2mm;
}

.linie {
  display: inline-block;
  min-width: 32mm;
  border-bottom: 0.4mm solid #1b2a3f;
  height: 5mm;
  vertical-align: bottom;
}

.fristen-blatt {
  display: grid;
  gap: 1.8mm;
}

.fristen-blatt div {
  display: grid;
  grid-template-columns: 36mm minmax(0, 1fr);
  gap: 3mm;
  align-items: baseline;
}

.fristen-blatt dt {
  font: 700 11pt/1.2 var(--anzeige);
}

.fristen-blatt dd {
  margin: 0;
  color: #3d4d63;
}

.fuss-blatt {
  position: absolute;
  left: 15mm;
  right: 15mm;
  bottom: 9mm;
  display: flex;
  justify-content: space-between;
  gap: 6mm;
  padding-top: 2.5mm;
  border-top: 0.3mm solid #1b2a3f;
  color: #3d4d63;
  font-size: 8.5pt;
}

/* Seite 2: Etiketten */
.etiketten-gross {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 4mm;
  margin-top: 4mm;
}

.etikett {
  display: grid;
  place-items: center;
  text-align: center;
  border: 0.5mm dashed #1b2a3f;
  border-radius: 3mm;
  background: #fdf0c9;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
  font: 700 22pt/1 var(--anzeige);
  color: #1b2a3f;
}

.etiketten-gross .etikett {
  height: 34mm;
}

.etiketten-klein {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 4mm;
  margin-top: 4mm;
}

.etiketten-klein .etikett {
  height: 17mm;
  font-size: 15pt;
}

.schere {
  margin-top: 4mm;
  color: #3d4d63;
  font-size: 9.5pt;
}

.bild-seite-zwei {
  width: 52mm;
  height: auto;
  margin: 8mm 0 0 auto;
}

@media screen and (max-width: 860px) {
  .blatt-papier {
    padding: 8mm 6mm 22mm;
    min-height: 0;
    font-size: 10pt;
  }
  .kopfzeile {
    grid-template-columns: 1fr;
  }
  .kopfzeile img {
    width: 38mm;
  }
  .zwei-spalten {
    grid-template-columns: 1fr;
  }
  .etiketten-gross {
    grid-template-columns: 1fr;
  }
  .etiketten-klein {
    grid-template-columns: 1fr;
  }
  .fuss-blatt {
    position: static;
    margin-top: 8mm;
    flex-direction: column;
    left: auto;
    right: auto;
  }
}

@page {
  size: A4;
  margin: 0;
}

@media print {
  html,
  body {
    background: #ffffff;
  }
  .kopf,
  .fuss,
  .sprung,
  .werkzeuge {
    display: none !important;
  }
  .startplan-seite {
    padding: 0;
  }
  .blatt-papier {
    width: 210mm;
    height: 297mm;
    min-height: 0;
    margin: 0;
    box-shadow: none;
    break-after: page;
    page-break-after: always;
    overflow: hidden;
  }
  .blatt-papier:last-of-type {
    break-after: auto;
    page-break-after: auto;
  }
}