/* ══════════════════════════════════════════════════════════════
   Re:aktiv – Print-Optimized CSS for A4 PDF Export (WeasyPrint)
   Lehrmittel Chemie 8. Klasse, Kanton BL

   This file OVERRIDES design-system.css for analog/print use.
   NOT wrapped in @media print — applies ALWAYS because analog
   files are exclusively used for PDF export via WeasyPrint.
   ══════════════════════════════════════════════════════════════ */

/* ─────────────────────────────────────────────
   1. PAGE SETUP (A4)
   ───────────────────────────────────────────── */

@page {
  size: A4;
  margin: 1.8cm 1.5cm 1.5cm 2cm; /* oben rechts unten links (Innensteg) */
}

/* ─────────────────────────────────────────────
   2. GLOBAL PRINT COLOR HANDLING
   ───────────────────────────────────────────── */

* {
  -webkit-print-color-adjust: exact !important;
  print-color-adjust: exact !important;
}

/* ─────────────────────────────────────────────
   3. BASE TYPOGRAPHY FOR PRINT
   ───────────────────────────────────────────── */

body {
  font-family: 'Source Sans 3', 'Segoe UI', sans-serif;
  font-size: 11pt;
  line-height: 1.5;
  color: #212121;
  background: white;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Source Serif 4', Georgia, serif;
  font-weight: 600;
  color: var(--farbe-primaer-dunkel);
  line-height: 1.3;
}

h1 {
  font-size: 18pt;
}

h2 {
  font-size: 15pt;
}

h3 {
  font-size: 13pt;
}

h4 {
  font-size: 12pt;
}

p {
  orphans: 3;
  widows: 3;
  text-align: justify;
  hyphens: auto;
  -webkit-hyphens: auto;
}

/* ─────────────────────────────────────────────
   4. LAYOUT OVERRIDES
   ───────────────────────────────────────────── */

.lehrmittel-seite,
.kapitel-container {
  max-width: 100%;
  padding: 0;
  margin: 0;
}

/* All containers should never exceed page width */
.theorie-box,
.hefteintrag,
.definition,
.achtung,
.experiment,
.merke,
.quiz-container,
.zusammenfassung,
.niveau-box,
.niveau-a,
.niveau-e,
.niveau-p,
.zertifikat,
.svg-container,
.drag-container {
  max-width: 100%;
}

/* ─────────────────────────────────────────────
   5. PAGE BREAKS — THE MAIN ISSUE
   ───────────────────────────────────────────── */

/* --- 5a. Never break INSIDE these elements --- */

.aufgabe,
.aufgaben-block,
.niveau-a,
.niveau-e,
.niveau-p,
.niveau-box,
.experiment,
.hefteintrag,
.definition,
.theorie-box,
.achtung,
.merke,
.quiz-container,
.quiz-frage,
table,
figure,
.svg-container,
.glossar-eintrag,
.nachweisreaktion,
.stoff-karte,
.zusammenfassung,
.zertifikat,
.ghs-karte,
.ghs-symbol-container,
.regel-box,
.regel,
.sicherheits-item,
.bloom-wissen,
.bloom-verstehen,
.bloom-anwenden,
.bloom-analysieren,
.bloom-erschaffen,
.antwort-linien,
.info-box,
.fusszeile,
.kopfzeile,
li,
blockquote,
.print-hinweis,
.lernziel-box,
.alltag-box,
.flip-card-print,
.accordion-print {
  page-break-inside: avoid !important;
  break-inside: avoid !important;
}

/* Paragraphen und Listen: Witwen/Waisen verhindern */
p, li {
  orphans: 3;
  widows: 3;
}

/* --- 5b. Never orphan headings --- */

h1, h2, h3, h4 {
  page-break-after: avoid;
  break-after: avoid;
}

/* --- 5c. Forced page breaks --- */

.seitenumbruch {
  page-break-before: always;
  break-before: page;
}

.kapitelcover {
  page-break-before: always;
  page-break-after: always;
  break-before: page;
  break-after: page;
}

h1.kapitel-titel {
  page-break-before: always;
  break-before: page;
}

/* --- 5d. Orphans and widows on all text --- */

p, li, dd, dt, blockquote {
  orphans: 3;
  widows: 3;
}

/* ─────────────────────────────────────────────
   6. HIDE INTERACTIVE-ONLY ELEMENTS
   ───────────────────────────────────────────── */

.quiz-submit-btn,
.quiz-result,
.drag-container[data-interactive],
.btn,
.fortschritt-leiste,
.fortschritt-badge,
.fortschritt-balken,
.nav-bar,
.kapitel-nav,
button,
input[type="range"],
.lernfortschritt,
.animation-controls,
.slider-container,
.schieberegler-container input[type="range"] {
  display: none !important;
}

/* Keep static quiz content visible */
.quiz-container,
.quiz-frage,
.quiz-option,
.frage-text,
.frage-nummer {
  display: block;
}

.quiz-option {
  display: block;
  cursor: default;
}

/* ─────────────────────────────────────────────
   7. BOX STYLING ADJUSTMENTS FOR PRINT
   ───────────────────────────────────────────── */

/* Remove all box shadows */
*,
*::before,
*::after {
  box-shadow: none !important;
}

/* Remove all transitions and animations */
*,
*::before,
*::after {
  transition: none !important;
  animation: none !important;
}

/* --- Theoriebox --- */
.theorie-box {
  background: var(--theorie-bg);
  border-left: 4pt solid var(--kapitel-farbe);
  border-top: 1pt solid #E0E0E0;
  border-right: 1pt solid #E0E0E0;
  border-bottom: 1pt solid #E0E0E0;
  padding: 12pt;
  margin: 12pt 0;
}

/* --- Hefteintrag --- */
.hefteintrag {
  background: var(--hefteintrag-bg);
  border: 2pt solid var(--hefteintrag-border);
  padding: 12pt;
  margin: 16pt 0;
}

/* --- Definition --- */
.definition {
  background: var(--definition-bg);
  border-left: 4pt solid var(--definition-border);
  border-top: 1pt solid #C5CAE9;
  border-right: 1pt solid #C5CAE9;
  border-bottom: 1pt solid #C5CAE9;
  padding: 12pt;
  margin: 12pt 0;
}

/* --- Achtung-Box --- */
.achtung {
  background: var(--achtung-bg);
  border-left: 4pt solid var(--achtung-border);
  border-top: 1pt solid #EF9A9A;
  border-right: 1pt solid #EF9A9A;
  border-bottom: 1pt solid #EF9A9A;
  padding: 12pt;
  margin: 12pt 0;
}

/* --- Merke-Box --- */
.merke {
  background: var(--merke-bg);
  border-left: 4pt solid var(--merke-border);
  border-top: 1pt solid #FFE082;
  border-right: 1pt solid #FFE082;
  border-bottom: 1pt solid #FFE082;
  padding: 12pt;
  margin: 12pt 0;
}

/* --- Experiment --- */
.experiment {
  background: var(--experiment-bg);
  border: 1pt solid var(--experiment-border);
  padding: 12pt;
  margin: 16pt 0;
}

/* --- Quiz --- */
.quiz-container {
  background: white;
  border: 2pt solid var(--kapitel-farbe);
  padding: 12pt;
  margin: 16pt 0;
}

.quiz-option {
  border: 1pt solid #999;
  padding: 6pt 10pt;
  margin: 3pt 0;
}

.quiz-frage {
  border-bottom: 1pt solid #E0E0E0;
  padding-bottom: 10pt;
  margin-bottom: 12pt;
}

/* --- Zusammenfassung --- */
.zusammenfassung {
  background: var(--kapitel-hell);
  border: 2pt solid var(--kapitel-farbe);
  padding: 14pt;
  margin: 16pt 0;
}

/* --- Zertifikat --- */
.zertifikat {
  border: 3pt double var(--kapitel-farbe);
  padding: 20pt;
  margin: 16pt 0;
  background: white;
}

/* --- Drag & Drop (static fallback) --- */
.drag-container {
  border: 1pt solid #999;
  padding: 8pt;
  margin: 8pt 0;
}

.drag-item {
  border: 1pt solid #666;
  padding: 3pt 10pt;
  cursor: default;
  display: inline-block;
}

/* --- Nachweisreaktion & Stoff-Karte (future elements) --- */
.nachweisreaktion,
.stoff-karte {
  border: 1pt solid #BDBDBD;
  padding: 12pt;
  margin: 10pt 0;
  background: #FAFAFA;
  page-break-inside: avoid;
  break-inside: avoid;
}

/* ─────────────────────────────────────────────
   8. NIVEAU-BOXEN — CLEAR LABELS FOR PRINT
   ───────────────────────────────────────────── */

/* Ensure existing niveau-label is visible */
.niveau-a .niveau-label,
.niveau-e .niveau-label,
.niveau-p .niveau-label {
  display: inline-block;
}

/* If no .niveau-label child exists, generate labels via ::before */
.niveau-a::before {
  content: "Niveau A \2013  Grundanspruch";
  display: block;
  font-size: 9pt;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: var(--niveau-a-text);
  background: var(--niveau-a-border);
  color: white;
  padding: 2pt 10pt;
  border-radius: 10pt;
  margin-bottom: 8pt;
  width: fit-content;
}

.niveau-e::before {
  content: "Niveau E \2013  Erweitert";
  display: block;
  font-size: 9pt;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: white;
  background: var(--niveau-e-border);
  padding: 2pt 10pt;
  border-radius: 10pt;
  margin-bottom: 8pt;
  width: fit-content;
}

.niveau-p::before {
  content: "Niveau P \2013  Vertiefung";
  display: block;
  font-size: 9pt;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: white;
  background: var(--niveau-p-border);
  padding: 2pt 10pt;
  border-radius: 10pt;
  margin-bottom: 8pt;
  width: fit-content;
}

/* If the HTML already has a .niveau-label, hide the generated one */
.niveau-a > .niveau-label ~ *,
.niveau-e > .niveau-label ~ *,
.niveau-p > .niveau-label ~ * {
  /* children after label render normally */
}

.niveau-a:has(.niveau-label)::before,
.niveau-e:has(.niveau-label)::before,
.niveau-p:has(.niveau-label)::before {
  display: none;
}

/* Niveau box border styling */
.niveau-a {
  background: var(--niveau-a-bg);
  border-left: 3pt solid var(--niveau-a-border);
  border-top: 1pt solid #A5D6A7;
  border-right: 1pt solid #A5D6A7;
  border-bottom: 1pt solid #A5D6A7;
  padding: 12pt;
  margin: 12pt 0;
}

.niveau-e {
  background: var(--niveau-e-bg);
  border-left: 3pt solid var(--niveau-e-border);
  border-top: 1pt solid #90CAF9;
  border-right: 1pt solid #90CAF9;
  border-bottom: 1pt solid #90CAF9;
  padding: 12pt;
  margin: 12pt 0;
}

.niveau-p {
  background: var(--niveau-p-bg);
  border-left: 3pt solid var(--niveau-p-border);
  border-top: 1pt solid #CE93D8;
  border-right: 1pt solid #CE93D8;
  border-bottom: 1pt solid #CE93D8;
  padding: 12pt;
  margin: 12pt 0;
}

/* ─────────────────────────────────────────────
   9. KAPITELCOVER FOR PRINT
   ───────────────────────────────────────────── */

.kapitelcover {
  border-radius: 0;
  min-height: 260mm; /* A4 minus Seitenränder (297 - 1.8 - 1.5 = 293.7, mit Puffer) */
  overflow: hidden;
  color: white;
  padding: 48pt 32pt 32pt 32pt;
  -webkit-print-color-adjust: exact !important;
  print-color-adjust: exact !important;
  background-size: cover !important;
  background-position: center !important;
  page-break-after: always;
  break-after: page;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.kapitelcover::before {
  display: none;
}

.kapitelcover .cover-illustration {
  display: none;
}

.kapitelcover .kapitel-titel {
  font-size: 24pt;
  color: white;
  border-bottom: none;
  margin-bottom: 8pt;
}

.kapitelcover .kapitel-nummer {
  font-size: 12pt;
}

.kapitelcover .kapitel-untertitel {
  font-size: 11pt;
  max-width: 100%;
  margin-bottom: 12pt;
}

.kapitelcover .lernziele {
  background: rgba(255, 255, 255, 0.15);
  border: 1pt solid rgba(255, 255, 255, 0.3);
  padding: 10pt;
  margin-top: 10pt;
}

.kapitelcover .lernziele li {
  font-size: 9.5pt;
  margin-bottom: 4pt;
}

.kapitelcover .kompetenz-badge {
  font-size: 8pt;
  padding: 2pt 10pt;
  margin-top: 8pt;
}

/* ─────────────────────────────────────────────
   10. TABLE STYLING FOR PRINT
   ───────────────────────────────────────────── */

table {
  width: 100%;
  border-collapse: collapse;
  margin: 10pt 0;
  font-size: 10pt;
  page-break-inside: avoid;
  break-inside: avoid;
}

thead {
  background-color: var(--kapitel-farbe);
  color: white;
}

th {
  padding: 6pt 10pt;
  text-align: left;
  font-weight: 600;
  font-size: 10pt;
  border: 1pt solid var(--kapitel-farbe);
}

td {
  padding: 6pt 10pt;
  border: 1pt solid #E0E0E0;
  vertical-align: top;
}

tbody tr:nth-child(even) {
  background-color: #F5F5F5;
}

/* Remove hover effect for print */
tbody tr:hover {
  background-color: inherit;
}

/* ─────────────────────────────────────────────
   11. SVG / IMAGES
   ───────────────────────────────────────────── */

img,
svg,
.svg-container svg {
  max-width: 100%;
  height: auto;
}

figure,
.svg-container {
  page-break-inside: avoid;
  break-inside: avoid;
  margin: 12pt 0;
  text-align: center;
}

figure img,
figure svg {
  max-width: 100%;
  height: auto;
}

figcaption,
.svg-container .bildunterschrift {
  font-size: 9pt;
  color: #757575;
  font-style: italic;
  margin-top: 6pt;
  text-align: center;
}

/* SVG infoboxes: show as static blocks in print */
.svg-infobox {
  display: block !important;
  position: static !important;
  box-shadow: none !important;
  border: 1pt solid #BDBDBD;
  border-radius: 4pt;
  margin: 8pt 0;
  max-width: 100%;
  padding: 8pt 12pt;
  font-size: 10pt;
  z-index: auto;
  pointer-events: auto;
  background: white;
}

.svg-infobox.sichtbar {
  display: block !important;
}

.svg-infobox .infobox-titel {
  font-weight: 700;
  color: var(--kapitel-farbe);
  margin-bottom: 4pt;
}

/* Interactive SVG elements: remove cursor styling */
.svg-klickbar {
  cursor: default;
}

/* ─────────────────────────────────────────────
   12. LINKS FOR PRINT
   ───────────────────────────────────────────── */

a {
  color: black;
  text-decoration: none;
}

/* Show URL for external links only */
a[href^="http"]:not([href*="reaktiv"])::after {
  content: " (" attr(href) ")";
  font-size: 8pt;
  color: #757575;
  font-weight: 400;
  word-break: break-all;
}

/* Internal links: no URL display */
a[href^="#"]::after,
a[href^="/"]::after,
a:not([href^="http"])::after {
  content: none;
}

/* ─────────────────────────────────────────────
   13. GLOSSAR
   ───────────────────────────────────────────── */

.glossar {
  column-count: 2;
  column-gap: 24pt;
}

.glossar-eintrag {
  break-inside: avoid;
  page-break-inside: avoid;
  margin-bottom: 6pt;
  padding-bottom: 6pt;
  border-bottom: 1pt solid #E0E0E0;
}

.glossar-eintrag .glossar-begriff {
  font-weight: 700;
  color: var(--kapitel-farbe);
}

.glossar-eintrag .glossar-definition {
  font-size: 10pt;
  color: #424242;
}

/* ─────────────────────────────────────────────
   14. KOPFZEILE / FUSSZEILE (in-page, hidden)
   ───────────────────────────────────────────── */

/* Kopfzeile verstecken, Fusszeile anzeigen */
.kopfzeile {
  display: none;
}

.fusszeile {
  display: block;
  font-size: 8pt;
  color: #9E9E9E;
  text-align: center;
  padding: 12pt 0 0;
  margin-top: 16pt;
  border-top: 0.5pt solid #E0E0E0;
}

/* ─────────────────────────────────────────────
   15. INDEX / INHALTSVERZEICHNIS
   ───────────────────────────────────────────── */

.index-hero {
  background: linear-gradient(135deg, var(--farbe-primaer) 0%, #0F2440 100%);
  color: white;
  padding: 40pt 30pt;
  text-align: center;
  border-radius: 0;
  margin-bottom: 20pt;
}

.index-hero h1 {
  font-size: 32pt;
  color: white;
  border-bottom: none;
}

.kapitel-karten {
  display: block; /* Remove grid for print */
}

.kapitel-karte {
  display: block;
  border: 1pt solid #E0E0E0;
  margin-bottom: 12pt;
  border-radius: 0;
  page-break-inside: avoid;
  break-inside: avoid;
}

.kapitel-karte:hover {
  transform: none;
}

/* ─────────────────────────────────────────────
   16. LUECKENTEXT (Fill-in-the-blank for print)
   ───────────────────────────────────────────── */

.lueckentext input[type="text"] {
  border: none;
  border-bottom: 2pt solid var(--kapitel-farbe);
  background: transparent;
  padding: 2pt 8pt;
  font-family: 'Source Sans 3', sans-serif;
  font-size: 11pt;
  width: 100pt;
  text-align: center;
  display: inline-block;
  -webkit-appearance: none;
  appearance: none;
}

/* Make fill-in lines visible for print */
.hefteintrag .leerzeile {
  border-bottom: 1pt dashed #BDBDBD;
  height: 24pt;
  margin: 4pt 0;
}

/* ─────────────────────────────────────────────
   17. EXPERIMENT SUBSECTIONS
   ───────────────────────────────────────────── */

.experiment .experiment-header {
  display: flex;
  align-items: center;
  gap: 8pt;
  margin-bottom: 10pt;
  padding-bottom: 6pt;
  border-bottom: 2pt solid var(--experiment-border);
}

.experiment .materialien-liste {
  display: flex;
  flex-wrap: wrap;
  gap: 6pt;
  list-style: none;
  padding-left: 0;
}

.experiment .materialien-liste li {
  background: white;
  border: 1pt solid #C8E6C9;
  border-radius: 12pt;
  padding: 2pt 10pt;
  font-size: 10pt;
}

.experiment .sicherheitshinweis {
  background: #FFEBEE;
  border-left: 3pt solid #C62828;
  padding: 6pt 10pt;
  font-size: 10pt;
  margin-top: 6pt;
}

.experiment .beobachtung-tabelle td.ausfuellbar {
  background: white;
  border: 1pt dashed #A5D6A7;
  min-height: 36pt;
  height: 36pt;
}

/* ─────────────────────────────────────────────
   18. AUFGABE STYLING
   ───────────────────────────────────────────── */

.aufgabe {
  margin-bottom: 10pt;
  page-break-inside: avoid;
  break-inside: avoid;
}

.aufgabe .aufgabe-nummer {
  font-weight: 700;
  margin-right: 6pt;
}

.aufgaben-block {
  page-break-inside: avoid;
  break-inside: avoid;
  margin: 12pt 0;
}

/* ─────────────────────────────────────────────
   19. FACHBEGRIFFE
   ───────────────────────────────────────────── */

.fachbegriff {
  font-weight: 600;
  color: var(--kapitel-farbe);
}

.fachbegriff-neu {
  font-weight: 600;
  font-style: italic;
  color: var(--kapitel-farbe);
}

/* ─────────────────────────────────────────────
   20. MISCELLANEOUS PRINT TWEAKS
   ───────────────────────────────────────────── */

/* Remove hover effects */
a:hover,
.quiz-option:hover,
.kapitel-karte:hover,
.svg-klickbar:hover {
  opacity: 1;
  transform: none;
  text-decoration-thickness: initial;
}

/* Ensure code/mono text renders well */
code, pre, .mono {
  font-family: 'JetBrains Mono', 'Consolas', monospace;
  font-size: 9.5pt;
}

pre {
  white-space: pre-wrap;
  word-wrap: break-word;
  border: 1pt solid #E0E0E0;
  background: #F5F5F5;
  padding: 8pt;
  page-break-inside: avoid;
  break-inside: avoid;
}

/* Lists */
ul, ol {
  margin-bottom: 10pt;
  padding-left: 20pt;
}

li {
  margin-bottom: 3pt;
}

li::marker {
  color: var(--kapitel-farbe);
}

/* Kompetenz-Badge on cover */
.kompetenz-badge {
  display: inline-block;
  border: 1pt solid rgba(255, 255, 255, 0.4);
  padding: 3pt 12pt;
  font-size: 9pt;
  margin-top: 10pt;
}

/* Schieberegler: hide interactive, show label */
.schieberegler-container {
  margin: 10pt 0;
}

.schieberegler-container label {
  display: block;
  font-weight: 600;
  margin-bottom: 4pt;
  font-size: 10pt;
}

.schieberegler-container .wert-anzeige {
  text-align: center;
  font-size: 14pt;
  font-weight: 700;
  color: var(--kapitel-farbe);
  margin-top: 4pt;
}

/* Quiz feedback: show correct answers */
.quiz-feedback {
  display: none;
}

.quiz-feedback.sichtbar {
  display: block;
}

/* Ensure nothing overflows the page */
* {
  max-width: 100%;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

/* Prevent image overflow */
img {
  max-width: 100% !important;
  height: auto !important;
}

/* ─────────────────────────────────────────────
   21. LERNZIEL-BOX (Print)
   ───────────────────────────────────────────── */

.lernziel-box {
  background: #F0F7F0;
  border-left: 4pt solid var(--kapitel-farbe, #2D6A4F);
  border-top: 1pt solid #C8E6C9;
  border-right: 1pt solid #C8E6C9;
  border-bottom: 1pt solid #C8E6C9;
  padding: 12pt;
  margin: 16pt 0;
  page-break-inside: avoid;
  break-inside: avoid;
}

.lernziel-box .lernziel-titel {
  font-size: 13pt;
  font-weight: 700;
  color: var(--kapitel-farbe, #2D6A4F);
  margin-bottom: 8pt;
}

.lernziel-box .lernziel-titel svg {
  display: none;
}

.lernziel-box .lernziel-liste {
  margin: 0;
  padding-left: 20pt;
}

.lernziel-box .lernziel-liste li {
  margin-bottom: 4pt;
  font-size: 10.5pt;
}

/* ─────────────────────────────────────────────
   22. ALLTAG-BOX (Print)
   ───────────────────────────────────────────── */

.alltag-box {
  background: #FFF8E1;
  border-left: 4pt solid #F9A825;
  border-top: 1pt solid #FFE082;
  border-right: 1pt solid #FFE082;
  border-bottom: 1pt solid #FFE082;
  padding: 12pt;
  margin: 12pt 0;
  page-break-inside: avoid;
  break-inside: avoid;
}

.alltag-box h4::before {
  content: "\1F4A1\00a0";
}

/* ─────────────────────────────────────────────
   23. FLIP-CARD PRINT-TABELLE
   ───────────────────────────────────────────── */

.flip-card-print {
  display: table;
  width: 100%;
  border-collapse: collapse;
  margin: 8pt 0;
  page-break-inside: avoid;
  break-inside: avoid;
}

.flip-card-print-row {
  display: table-row;
}

.flip-card-print-front,
.flip-card-print-back {
  display: table-cell;
  width: 50%;
  padding: 8pt;
  border: 1pt solid #BDBDBD;
  vertical-align: top;
  font-size: 10.5pt;
}

.flip-card-print-front {
  background: #F5F5F5;
  font-weight: 600;
}

.flip-card-print-back {
  background: white;
}

/* ─────────────────────────────────────────────
   24. ACCORDION (Print — immer offen)
   ───────────────────────────────────────────── */

.accordion-print {
  margin: 8pt 0;
  border: 1pt solid #E0E0E0;
  border-radius: 4pt;
  page-break-inside: avoid;
  break-inside: avoid;
}

.accordion-print-titel {
  font-weight: 700;
  font-size: 11pt;
  padding: 8pt 12pt;
  background: #F5F5F5;
  border-bottom: 1pt solid #E0E0E0;
}

.accordion-print-inhalt {
  padding: 8pt 12pt;
}

/* ─────────────────────────────────────────────
   25. LUECKENTEXT (Print — Linien statt Inputs)
   ───────────────────────────────────────────── */

.lueckentext-linie {
  display: inline-block;
  min-width: 80pt;
  border-bottom: 1pt dashed #666;
  margin: 0 4pt;
  height: 14pt;
}