/* DRK Drucken – Druckansicht (Bildschirm-Vorschau + A4-Druck) */

@page {
	size: A4;
	margin: 18mm 18mm 20mm 20mm;
	@bottom-left  { font: 8pt Arial, Helvetica, sans-serif; color: #666; }
	@bottom-right { font: 8pt Arial, Helvetica, sans-serif; color: #666; }
}

:root {
	--drkdr-rot: #E60005; --drkdr-text: #1a1a1a; --drkdr-grau: #5f5f5f;
	--drkdr-bild-breite: 120mm; --drkdr-bild-hoehe: 80mm; --drkdr-titelbild-hoehe: 60mm; --drkdr-galerie-hoehe: 60mm;
}

html { background: #e9e9e9; }
body.drkdr {
	margin: 0;
	background: #e9e9e9;
	color: var(--drkdr-text);
	font: 11pt/1.5 Arial, Helvetica, sans-serif;
	-webkit-text-size-adjust: 100%;
}

/* ---------- Leiste (nur Bildschirm) ---------- */
.drkdr-leiste {
	position: sticky; top: 0; z-index: 10;
	display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px;
	padding: 10px 16px;
	background: #f5f5f5; border-top: 3px solid var(--drkdr-rot); border-bottom: 1px solid #ddd;
	font-size: 14px; line-height: 1.3;
}
.drkdr-zurueck { color: #333; text-decoration: none; font-weight: 600; }
.drkdr-zurueck:hover { text-decoration: underline; }
.drkdr-druck {
	font: inherit; font-weight: 700; cursor: pointer;
	color: #fff; background: var(--drkdr-rot); border: 0; border-radius: 4px; padding: 9px 16px;
}
.drkdr-druck:hover, .drkdr-druck:focus-visible { background: #b80004; outline: none; }
.drkdr-druck:focus-visible { box-shadow: 0 0 0 3px rgba(230,0,5,.3); }
.drkdr-tipp { color: var(--drkdr-grau); flex: 1 1 280px; }

/* ---------- Blatt ---------- */
.drkdr-blatt {
	box-sizing: border-box;
	width: 210mm; max-width: calc(100% - 32px);
	margin: 24px auto 48px; padding: 18mm 18mm 20mm 20mm;
	background: #fff; box-shadow: 0 1px 6px rgba(0,0,0,.15);
}
@media (max-width: 700px) {
	.drkdr-blatt { padding: 20px 16px; margin-top: 16px; }
}

.drkdr-kopf {
	display: flex; align-items: center; gap: 12px;
	padding-bottom: 8px; margin-bottom: 18px;
	border-bottom: 2px solid var(--drkdr-rot);
}
.drkdr-logo { max-height: 15mm; max-width: 60mm; width: auto; height: auto; }
.drkdr-absender { font-size: 9.5pt; font-weight: 700; color: #333; }

.drkdr-artikel h1 { font-size: 20pt; line-height: 1.2; margin: 0 0 4px; }
.drkdr-meta { color: var(--drkdr-grau); font-size: 9.5pt; margin: 0 0 14px; }

.drkdr-titelfigur { margin: 0 0 14px; text-align: center; }
.drkdr-titelfigur img {
	display: inline-block; width: auto; height: auto;
	max-width: 100%; max-height: var(--drkdr-titelbild-hoehe);
}
figcaption, .wp-element-caption { font-size: 8.5pt; color: var(--drkdr-grau); margin-top: 3px; }

/* ---------- Inhalt ---------- */
.drkdr-inhalt h2 { font-size: 15pt; line-height: 1.25; margin: 1.2em 0 .4em; }
.drkdr-inhalt h3 { font-size: 12.5pt; line-height: 1.3; margin: 1.1em 0 .35em; }
.drkdr-inhalt h4, .drkdr-inhalt h5, .drkdr-inhalt h6 { font-size: 11pt; margin: 1em 0 .3em; }
.drkdr-inhalt p, .drkdr-inhalt ul, .drkdr-inhalt ol { margin: 0 0 .7em; }
.drkdr-inhalt li { margin-bottom: .2em; }
.drkdr-inhalt a { color: inherit; text-decoration: underline; text-decoration-color: #999; }
.drkdr-inhalt a.drkdr-mitadresse::after {
	content: " (" attr(data-drkdr-url) ")";
	font-size: 85%; color: var(--drkdr-grau); word-break: break-all;
}
/* Bilder grundsaetzlich verkleinert (Masse in drk-drucken.php einstellbar),
   Seitenverhaeltnis bleibt, kleine Bilder werden nicht vergroessert. */
.drkdr-inhalt img {
	width: auto !important; height: auto !important;
	max-width: min(100%, var(--drkdr-bild-breite)) !important;
	max-height: var(--drkdr-bild-hoehe) !important;
}
.drkdr-inhalt figure { margin: 0 0 1em; }
.drkdr-inhalt .wp-block-image:not(.alignleft):not(.alignright) { text-align: center; }
.drkdr-inhalt .wp-block-image:not(.alignleft):not(.alignright) img { display: inline-block; }
.drkdr-inhalt .wp-block-image figcaption { text-align: center; }
/* Aufeinanderfolgende Bilder: zweispaltig */
.drkdr-bildreihe {
	display: grid; grid-template-columns: 1fr 1fr; gap: 6mm; align-items: start;
	margin: 0 0 1em; break-inside: avoid; page-break-inside: avoid;
}
.drkdr-bildreihe > * {
	margin: 0 !important; float: none !important; width: auto !important;
	max-width: none !important; text-align: center;
}
.drkdr-bildreihe img { display: inline-block; max-width: 100% !important; }
.drkdr-bildreihe-einzeln { grid-template-columns: 1fr; }
.drkdr-bildreihe-einzeln > * { max-width: 50% !important; margin: 0 auto !important; }

/* Einzelbild rechts, Text fliesst daneben (DRK_DR_EINZELBILD = 'rechts') */
body[data-einzelbild="rechts"] .drkdr-einzelbild:not(.alignleft):not(.aligncenter) {
	float: right; width: 48% !important; max-width: 48% !important;
	margin: .2em 0 .8em 5mm !important; text-align: center;
}
body[data-einzelbild="rechts"] .drkdr-einzelbild img { max-width: 100% !important; }
body[data-einzelbild="rechts"] .drkdr-inhalt h2,
body[data-einzelbild="rechts"] .drkdr-inhalt h3 { clear: both; }

/* Galerien (WordPress und Spectra) werden im Druck zu einem zweispaltigen
   Raster umgebaut (druck.js). Kein Beschnitt, Seitenverhaeltnis bleibt. */
.drkdr-galerie {
	display: grid; grid-template-columns: 1fr 1fr; gap: 5mm; align-items: start;
	margin: 0 0 1em;
}
.drkdr-galerie > figure { margin: 0 !important; text-align: center; break-inside: avoid; page-break-inside: avoid; }
.drkdr-galerie img {
	display: inline-block; width: auto !important; height: auto !important;
	max-width: 100% !important; max-height: var(--drkdr-galerie-hoehe) !important;
}
.drkdr-galerie-text { grid-column: 1 / -1; text-align: center; }
/* Lightbox-/Slider-Reste von Galerie-Plugins nie drucken */
.spectra-image-gallery__control-lightbox, .swiper-lazy-preloader,
.spectra-image-gallery__media-thumbnail-blurrer { display: none !important; }
.drkdr-inhalt .alignwide, .drkdr-inhalt .alignfull { width: auto; max-width: 100%; margin-left: 0; margin-right: 0; }
.drkdr-inhalt .alignleft  { float: left;  margin: .2em 1em .6em 0; max-width: 40%; }
.drkdr-inhalt .alignright { float: right; margin: .2em 0 .6em 1em; max-width: 40%; }
.drkdr-inhalt blockquote { margin: 0 0 1em; padding: .2em 0 .2em 1em; border-left: 3px solid var(--drkdr-rot); }
.drkdr-inhalt table { border-collapse: collapse; width: 100%; font-size: 9.5pt; margin: 0 0 1em; }
.drkdr-inhalt th, .drkdr-inhalt td { border: 1px solid #bbb; padding: 4px 6px; text-align: left; vertical-align: top; }
.drkdr-inhalt th { background: #f1f1f1; }
.drkdr-inhalt pre { white-space: pre-wrap; font-size: 9pt; }
.drkdr-inhalt .wp-block-button__link {
	background: none !important; color: inherit !important; padding: 0 !important;
	border: 0 !important; text-decoration: underline;
}
.drkdr-inhalt::after { content: ""; display: block; clear: both; }

.drkdr-ersatz { font-style: italic; color: var(--drkdr-grau); font-size: 9.5pt; }

.drkdr-quelle {
	margin-top: 24px; padding-top: 8px; border-top: 1px solid #ccc;
	font-size: 8.5pt; color: var(--drkdr-grau); word-break: break-all;
}
.drkdr-quelle p { margin: 0 0 2px; }

/* Ausblenden: per Klasse von der Redaktion, Bedienelemente, Formulare */
.drk-nicht-drucken, .drkdr-knopfzeile,
.drkdr-inhalt .wp-block-search, .drkdr-inhalt button, .drkdr-inhalt input,
.drkdr-inhalt select, .drkdr-inhalt textarea { display: none !important; }

/* ---------- Seitenumbrueche ---------- */
.drkdr-umbruch, .drk-seitenumbruch { break-before: page; page-break-before: always; }
.drkdr-artikel h1, .drkdr-inhalt h2, .drkdr-inhalt h3, .drkdr-inhalt h4,
.drkdr-inhalt h5, .drkdr-inhalt h6 { break-after: avoid; page-break-after: avoid; break-inside: avoid; }
.drkdr-inhalt p, .drkdr-inhalt li { orphans: 3; widows: 3; }
.drkdr-inhalt img, .drkdr-inhalt figure, .drkdr-inhalt blockquote,
.drkdr-inhalt tr, .drkdr-inhalt pre, .drkdr-inhalt .wp-block-image,
.drkdr-titelfigur, .drkdr-kopf, .drkdr-quelle { break-inside: avoid; page-break-inside: avoid; }
.drkdr-inhalt thead { display: table-header-group; } /* Tabellenkopf auf jeder Seite wiederholen */

/* ---------- Druck ---------- */
@media print {
	html, body.drkdr { background: #fff; }
	.drkdr-leiste { display: none !important; }
	.drkdr-blatt { width: auto; max-width: none; margin: 0; padding: 0; box-shadow: none; }
	.drkdr-inhalt .wp-block-columns { flex-wrap: wrap !important; }
}

/* Spectra-Bildblock (ohne Spectra-CSS in der Druckansicht) */
.drkdr-inhalt .wp-block-uagb-image { margin: 0 0 1em; text-align: center; }
.drkdr-inhalt .wp-block-uagb-image__figure { margin: 0; }
.drkdr-inhalt .wp-block-uagb-image img { display: inline-block; }