@charset "utf-8";
/* fort und frei · Papier.
   Ein Etappenbeitrag soll sich ausdrucken lassen wie eine Tagebuchseite:
   Kopf, Datum, Text, Bilder mit Unterschrift, die Etappendaten. Alles, was
   nur auf dem Schirm etwas tut, faellt weg: Navigation, Blaettern, das
   Kommentarformular. Karte und Verzeichnis drucken mit, sie sind der Inhalt.
   Diese Datei wird mit media="print" geladen, sie kostet die Bildschirm-
   ansicht nichts. */

@page {
  margin: 18mm 16mm 20mm;
}

html {
  background: #fff;
  color: #000;
  overflow-x: visible;
}

body {
  font-size: 10.5pt;
  line-height: 1.45;
}

/* Nur auf dem Schirm nuetzlich. */
.sprung,
.hauptweg,
.blattzahlen,
.blaettern,
.suchform,
.formular,
#reply-title,
.kommentar-antwort,
.weiterlesen,
.fuss ul {
  display: none;
}

/* Karte und Verzeichnis brauchen auf Papier keinen Schieberahmen: dort ist
   die Blattbreite die Grenze, und die ganze Zeichnung darf hinein. */
.karte-rahmen,
.verzeichnis-rahmen {
  overflow: visible;
  background: none;
}
.karte--gross { min-width: 0; }
.kartenband { padding-block: 6pt 0; }
.k-abschnitt { stroke: #666; }
.k-abschnitt--gelaufen { stroke: #000; }
.k-strich { stroke: #666; }
.k-punkt--gelaufen { fill: #000; }
.k-scheibe { fill: #000; }
.verzeichnis { font-size: 8pt; }
.verzeichnis caption { color: #444; }
.verzeichnis th, .verzeichnis td { padding: 2pt 8pt 2pt 0; }
.verzeichnis tbody tr { break-inside: avoid; }

.bahn { max-width: none; padding-inline: 0; }

/* Der Kopf schrumpft auf Wortmarke und Kennzeile. */
.kopf { padding-block: 0 0; }
.wortmarke { font-size: 20pt; }
.folio { font-size: 7.5pt; color: #444; }
.doppellinie { border-top-color: #000; border-bottom-color: #000; }

main { padding-bottom: 0; }
.kopfblock { padding-block: 10pt 8pt; max-width: none; }
.kopfblock h1 { font-size: 20pt; line-height: 1.1; }
.vorspann { font-size: 11pt; color: #333; max-width: none; }

/* Ein Satzspiegel, keine Spalten: der Rand des Blattes ist der Rand. */
.satzspiegel .randspalte,
.satzspiegel .prosa > .is-style-randnotiz {
  float: none;
  width: auto;
  margin: 10pt 0;
  border-left: 0;
  border-top: 0.5pt solid #999;
  padding: 4pt 0 0;
}
/* Die Zeilenbreite bleibt auch auf Papier stehen: ueber die volle Breite
   eines A4-Bogens laesst sich nicht lesen. Frei werden nur die Bausteine,
   die kein Fliesstext sind. */
.eintrag p,
.beitragsfuss,
.kommentare {
  max-width: none;
}
.prosa > .alignfull {
  width: auto;
  margin-inline: 0;
}
.prosa > .wp-block-image.is-style-breit,
.prosa > .wp-block-image.alignwide {
  display: block;
}
.prosa > .wp-block-image.is-style-breit > figcaption,
.prosa > .wp-block-image.alignwide > figcaption {
  border-left: 0;
  padding-left: 0;
  margin-top: 4pt;
}

img { max-width: 100%; }
figure, .wp-block-image, .wp-block-table, blockquote { break-inside: avoid; }
h1, h2, h3, .rubrik { break-after: avoid; }
/* Jede Unterschrift im selben Satz, auch die in einer Galerie: deren Regel
   im Bildschirmsatz ist genauer und gewinnt sonst. */
figcaption,
.bildunterschrift,
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption,
.wp-block-gallery.has-nested-images > figcaption {
  color: #444;
  font-size: 8pt;
}

/* Verweise verlieren im Druck ihre Funktion, also bekommen sie ihre
   Adresse. Nur im Text, sonst wird die Seite unlesbar. */
a { color: #000; text-decoration: none; }
.prosa a[href^="http"]::after {
  content: " (" attr(href) ")";
  font-family: var(--sans);
  font-size: 7.5pt;
  color: #555;
  word-break: break-all;
}

.kommentare { margin-top: 14pt; }
.kommentar { border-top: 0.5pt solid #999; }

.fuss { border-top: 1pt solid #000; padding-block: 6pt 0; }
.fuss p { color: #444; font-size: 8pt; max-width: none; }