/* Flyer der Praxis am Grandsberg: am Bildschirm im Seitendesign, im Druck ein helles A4-Blatt */
.flyer-seite{padding-bottom:40px}
.flyer-leiste{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding-block:18px}
.flyer-leiste a{color:var(--dim);text-decoration:none;font-size:15px}
.flyer-leiste a:hover{color:var(--ink)}
.flyer-leiste button{cursor:pointer}

.blatt{max-width:820px;margin:0 auto;background:var(--panel);border:1px solid var(--line2);padding:48px 52px}
@media(max-width:640px){.blatt{margin-inline:16px;padding:28px 22px}}
.blatt-kopf{border-bottom:2px solid var(--red);padding-bottom:24px}
.blatt-kopf h1{font-size:clamp(32px,5vw,46px);line-height:1.05;margin-top:12px;letter-spacing:-.02em}
.blatt-kopf .wer{margin-top:10px;color:var(--dim);font-size:18px;line-height:1.45}
.blatt-teil{padding-block:22px;border-bottom:1px solid var(--line)}
.blatt-teil h2{font-size:19px;letter-spacing:0}
.blatt-teil p{margin-top:8px;font-size:16px}
.blatt-teil .liste{margin-top:10px}
.blatt-teil .liste li{font-size:16px;margin-top:6px}
.blatt-teil.zwei{display:grid;grid-template-columns:1fr 1fr;gap:28px}
@media(max-width:640px){.blatt-teil.zwei{grid-template-columns:1fr;gap:16px}}
.blatt-teil .adresse{font-weight:700;letter-spacing:.02em}
.blatt-fuss{margin-top:20px;font-size:14px;color:var(--dim);line-height:1.5}
.blatt-fuss b{color:var(--ink)}

@page{size:A4;margin:14mm}
@media print{
  :root{--bg:#ffffff;--panel:#ffffff;--ink:#12352a;--dim:#3d4f47;--red:#1e6a49;--red-b:#1e6a49;--line:rgba(18,53,42,.2);--line2:rgba(18,53,42,.35)}
  html,body{background:#fff!important}
  body{font-size:11pt;padding:0}
  .flyer-leiste,.sprung,.probe-knopf,.probe-panel{display:none!important}
  .blatt{max-width:none;margin:0;border:0;padding:0;background:#fff}
  .blatt-kopf h1{font-size:30pt}
  .blatt-kopf .wer{font-size:13pt}
  .blatt-teil{padding-block:9pt;break-inside:avoid}
  .blatt-teil h2{font-size:13pt}
  .blatt-teil p,.blatt-teil .liste li{font-size:11pt}
  .blatt-fuss{font-size:9.5pt}
}