/* Kalkofen, Druckansicht: die Seite als Dossier auf A4. Wer druckt oder
   als PDF sichert, haelt eine Verkaufsdokumentation in der Hand. */

@page { size: A4; margin: 20mm 16mm 22mm; }

body { background: #fff; color: #000; font-size: 10.5pt; line-height: 1.55; }

/* Bedienelemente entfallen. */
.kopf, .punktnav, .scroll-fortschritt, .mobil-kontakt, .scroll-cue,
.menue-overlay, .hauptnav-schalter, .hero-aktionen, .knopf,
.formular, .kontakt-formular, .hinweis, .grundriss-dialog,
.detail-schliessen, .detail-link, .grundriss-abdeckung, .hero-stimmung,
.sprunglink { display: none; }

/* Laufender Kopf und Fuss auf jeder Seite. */
.druck-kopfzeile, .druck-fusszeile {
	display: block;
	position: fixed;
	left: 0;
	right: 0;
	font-size: 7.5pt;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: #555;
}
.druck-kopfzeile { top: -14mm; border-bottom: 0.3pt solid #999; padding-bottom: 2mm; }
.druck-fusszeile { bottom: -16mm; border-top: 0.3pt solid #999; padding-top: 2mm; }

/* Stationen als ruhige Absaetze, keine dunklen Flaechen. */
.station, .station-dunkel, .station-hell, .fuss, .hero { background: none; color: #000; }
.station { padding: 0 0 10mm; overflow: visible; }
.marginalie, .kicker { color: #555; }
.titel-gross, .grosser-satz, .hero-titel { color: #000; break-after: avoid; }
.hero { min-height: auto; }
.hero-bild, .hero-schleier { display: none; }
.hero-inhalt { position: static; padding: 0 0 8mm; color: #000; }
.hero-marginalie { background: none; border: 0.3pt solid #999; color: #000; }
.messwert, .messwert-begleiter { color: #000; }

/* Bilder im Satzspiegel, nie angeschnitten. */
.station-bild, .zuhause-moment, .nebelgrenze, .panorama, .ort-karte,
.substanz-gruppe, .download-liste, .kennzahlen, .schnitt-block { break-inside: avoid; }
.station-bild-foto, .hero-foto { filter: none; max-height: 110mm; }
.station-bild figcaption, .grundriss-legende { color: #444; }

/* Gebaeudeschnitt und Tabellen in Druckfarben. */
.schnitt-zeichnung, .schnitt-dach, .schnitt-boden { stroke: #333; }
.schnitt-flaeche { stroke: #666; opacity: 1; }
.schnitt-label, .schnitt-raum-text { fill: #000; }
.wohnungstabelle th, .wohnungstabelle td { border-bottom: 0.3pt solid #999; color: #000; }
.wohnungstabelle thead th { color: #555; }
.zeile-knopf, .zeile-name { color: #000; font-weight: 650; }
.statuspunkt-verfuegbar { background: #999; }
.statuspunkt-reserviert { background: #ccc; }
.ortkarte-label, .pin-name, .panorama-zeichnung text, .nebelgrenze-label { fill: #333; }
.standort-punkt { fill: #000; }
.js .ortkarte .hoehe, .js .ortkarte .hoehe-zahl { opacity: 1; }
.ortkarte-chip, .standort-puls { display: none; }
.panorama-horizont { stroke: #999; stroke-dasharray: none; stroke-dashoffset: 0; }
.js .reveal { opacity: 1; transform: none; }
.js .schnitt-zeichnung line, .js .schnitt-zeichnung path, .js .schnitt-zeichnung rect { stroke-dasharray: none; stroke-dashoffset: 0; }
.js .schnitt-einheit .schnitt-flaeche { opacity: 1; }
.js .panorama-punkt { opacity: 1; }

/* Jede Wohnung mit ihrem Grundriss auf einer eigenen Seite. */
.detail-dialog { display: block; position: static; width: auto; max-width: none; max-height: none; overflow: visible; border: none; background: none; }
.detail-dialog .detail-einheit[hidden] { display: block; }
.detail-einheit { break-before: page; max-height: none; overflow: visible; padding-top: 6mm; }
.detail-spalten { display: block; }
.detail-grundriss { background: none; padding: 0; }
.grundriss-zoom { cursor: default; }
.detail-grundriss-bild { max-height: 150mm; width: auto; max-width: 100%; }
.detail-daten { padding: 6mm 0 0; }
.detail-liste > div { border-bottom: 0.3pt solid #999; }
.detail-status { color: #000; }

/* Der Vergleich ist ein Bildschirm-Werkzeug: Dialog, Merkzeichen,
   Zaehler und Meldung entfallen im Dossier-Druck vollstaendig. */
.vergleich-dialog, .merken-zelle, .merken-knopf, .schnitt-merken,
.kopf-vergleich, .vergleich-meldung { display: none; }

/* Fuss der Bildschirmseite kompakt. */
.fuss-innen { padding: 6mm 0 0; }
.fuss a { color: #000; text-decoration: none; }
.fuss-logo { filter: invert(1); width: 32mm; }
.video-zugabe, .hero-video { display: none; }