/* Infoblatt «Weniger Bildschirm, mehr Familie» (medien.html): am Bildschirm als A4-Vorschau, gedruckt genau eine Seite */
.md-page { background: var(--sand); }
.md-page .top .wrap { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.md-intro { max-width: 210mm; margin: 18px auto 0; padding: 0 16px; color: var(--ink-2); }
.md-sheet { box-sizing: border-box; width: 100%; max-width: 210mm; margin: 18px auto 40px; background: #fff; padding: 14mm 14mm 10mm; box-shadow: 0 20px 40px rgba(60,45,30,.12); border-radius: 6px;
  display: flex; flex-direction: column; gap: 5mm; color: var(--ink); font-size: 11pt; line-height: 1.4; }
.md-sheet section, .md-sheet header, .md-sheet footer { padding-left: 0; padding-right: 0; margin: 0; } /* style.css gibt section/header viel Abstand */
.md-sheet section { padding-top: 0; padding-bottom: 0; }
.md-head { display: flex; justify-content: space-between; gap: 8mm; align-items: flex-start; border-bottom: 2px solid var(--sage); padding-bottom: 4mm; }
.md-head img { border-radius: 22%; flex-shrink: 0; }
.md-kicker { margin: 0; font-size: 10pt; font-weight: 800; color: var(--sage-dark); text-transform: uppercase; letter-spacing: .05em; }
.md-head h1 { margin: 1mm 0 2mm; font-size: 24pt; line-height: 1.1; }
.md-lead { margin: 0; font-size: 12pt; color: var(--ink-2); }
.md-box h2 { margin: 0 0 2mm; font-size: 13.5pt; }
.md-box ol, .md-box ul { margin: 0; padding-left: 6mm; display: flex; flex-direction: column; gap: 1.5mm; }
.md-app { background: var(--sage-tint, #E8F0EB); border-radius: 4mm; padding: 4mm 5mm; }
.md-foot { margin-top: auto; display: flex; justify-content: space-between; align-items: flex-end; gap: 8mm; border-top: 1px solid var(--line); padding-top: 4mm; font-size: 10pt; }
.md-more { display: flex; flex-direction: column; gap: 1mm; color: var(--ink-2); }
.md-more b { color: var(--ink); }
.md-qr { display: flex; align-items: center; gap: 4mm; }
.md-qr div { display: flex; flex-direction: column; color: var(--ink-2); }
.md-qr b { font-size: 13pt; color: var(--sage-dark); }
@media (max-width: 640px) {
  .md-sheet { padding: 20px 18px; font-size: 15px; }
  .md-head h1 { font-size: 26px; }
  .md-foot { flex-direction: column; align-items: flex-start; }
}
@media print {
  @page { size: A4 portrait; margin: 0; }
  html, body, .md-page { background: #fff !important; }
  .no-print { display: none !important; }
  .md-sheet { max-width: none; width: 210mm; height: 297mm; margin: 0; border-radius: 0; box-shadow: none; padding: 14mm 14mm 11mm; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
}