@charset "utf-8";

/**
 * @file print.css
 * @brief Optimierte Druck-CSS für Entwurfsmodus mit Wasserzeichen
 *
 * Enthält nur für den Ausdruck relevante Stile:
 * - Schriftgrößen in pt (kompakt: 8pt Basis, 12pt Überschriften)
 * - Abstände, Tabellen und Rahmen in mm
 * - Wasserzeichen für Entwurfsmodus
 * - Transparenter Hintergrund für Tonersparnis
 * - Flexible Tabellenbreite (100%)
 * - Asymmetrische Seitenränder (links 10mm, rechts 5mm)
 *
 * @version 1.1
 * @date 2025-10-04
 *
 * Dies ist eine bereinigte Druckversion, die nur die für den Ausdruck relevanten 
 * Bestandteile enthält.
 *
 * Es ist in einer reinen Print-CSS besser, überall mm/pt zu verwenden, um eine 
 * konsistente Ausgabe auf jedem Drucker zu gewährleisten.
 */

/* ==========================================================================
   Globale Variablen für Druck
   ========================================================================== */
:root {
  --page-margin: 0mm;
  --body-margin: 0 5mm 0 10mm;
  --font-mono: "Courier New", Courier, monospace;
  --font-sans: Verdana, Arial, Helvetica, sans-serif;
  --font-heading: Arial, Helvetica, Verdana, sans-serif;
  --font-size-base: 8pt;
  --font-size-heading: 12pt;
  
  /* Druck-spezifische Farben (immer Schwarz/Weiß für besseren Kontrast) */
  --color-print-text: #000000;
  --color-print-bg: transparent;
  --color-print-border: #d3d3d3;
  --color-print-border-dark: #696969;
  --color-print-block-border: #333333;
  --color-print-entwurf: #ff0000;
  
  --border-width: 0.35mm;
}

/* ==========================================================================
   Body
   ========================================================================== */
body {
  margin: var(--body-margin);
  font: var(--font-size-base) var(--font-mono);
  color: var(--color-print-text);
  background: var(--color-print-bg);
}

/* ==========================================================================
   Entwicklungsmodus-Wasserzeichen im Druck
   ========================================================================== */
@media print {
  body.entwurfsmodus::before {
    content: "ENTWURF";
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
    font-size: 72pt;
    font-weight: bold;
    color: var(--color-print-entwurf);
    opacity: 0.15;
    z-index: 9999;
    white-space: nowrap;
    pointer-events: none;
  }
}

/* ==========================================================================
   Typografie
   ========================================================================== */
h1 { font-size: 16pt; margin: 0 0 4mm 0; font-family: var(--font-heading); }
h2 { font-size: 14pt; margin: 0 0 3mm 0; font-family: var(--font-heading); }
h3 { font-size: 12pt; margin: 0 0 3mm 0; font-family: var(--font-heading); }
h4 { font-size: 10pt; margin: 0 0 2mm 0; font-family: var(--font-heading); }
h5 { font-size: 9pt; margin: 0 0 2mm 0; font-family: var(--font-heading); }
h6 { font-size: 8pt; margin: 0 0 1mm 0; font-family: var(--font-heading); }

p {
  margin: 0 0 3mm 0;
  font-size: var(--font-size-base);
}

/* ==========================================================================
   Tabellen (flexibel)
   ========================================================================== */
table {
  width: 100%;
  margin: 0 auto 5mm auto;
  border-collapse: collapse;
  border: var(--border-width) solid var(--color-print-border);
  font: var(--font-size-base) var(--font-mono);
}

th {
  font-weight: bold;
  font-size: 9pt;
}

td {
  padding: 2mm 3mm;
  border: var(--border-width) solid var(--color-print-border-dark);
}

td.rand-oben {
  border-top-color: var(--color-print-border-dark);
}

/* ==========================================================================
   Blöcke / Container
   ========================================================================== */
.block {
  margin-bottom: 6mm;
  padding: 3mm;
  border: 0.3mm solid var(--color-print-block-border);
}

/* ==========================================================================
   Bilder
   ========================================================================== */
img {
  max-width: 100%;
  height: auto;
  margin-bottom: 4mm;
}

/* ==========================================================================
   Fußzeilen
   ========================================================================== */
footer {
  margin-top: 8mm;
  font-size: 8pt;
  text-align: center;
}

/* ==========================================================================
   Druck-Spezifische Helfer
   ========================================================================== */
.page_break { page-break-before: always; }

@page {
  size: portrait;
  margin: var(--page-margin);
}

.page-wrapper, main { max-width: 100%; }

.no-print { display: none !important; }
.print { display: block !important; }