/* Ratgeberseiten: App-Hinweis, Merkblaetter, Lerntabelle und Druckansicht (A4). */
.ratgeber-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 32px;margin:0 0 36px;padding:24px 28px;border:1px solid #cfe0d4;border-radius:14px;background:#e9f0e9}
.ratgeber-cta>div{flex:1 1 360px;min-width:0}
.ratgeber-cta h2{font-size:22px;line-height:1.35;letter-spacing:-.5px;margin:0 0 8px}
.ratgeber-cta p{margin:0;font-size:15px;line-height:1.75;color:var(--muted);max-width:62ch}
.ratgeber-cta .ratgeber-cta-label{font-size:12px;font-weight:700;letter-spacing:1px;color:var(--teal);margin-bottom:8px}
.ratgeber-cta .store-badges{padding-block:4px}
.ratgeber-hinweis{margin:0 0 36px;padding:16px 18px;border-left:4px solid var(--teal);background:#fff;border-radius:0 10px 10px 0;font-size:15px!important;line-height:1.75}
.guide-page>.ratgeber-hinweis{max-width:800px}
.merksatz{padding:14px 18px;border:1px solid var(--line);border-radius:10px;background:#fff}
.print-action{margin:8px 0 16px}
.print-button{font:inherit;font-size:14px;font-weight:700;min-height:44px;padding:10px 18px;border:1px solid var(--ink);border-radius:7px;background:#fff;color:var(--ink);cursor:pointer}
.print-button:hover{background:#dce9de}
.print-button:focus-visible{outline:3px solid var(--teal);outline-offset:2px}
.print-only{display:none}
.checklist{list-style:none;padding-left:0!important}
.checklist li{position:relative;padding-left:34px}
.checklist li:before{content:'';position:absolute;left:0;top:.35em;width:18px;height:18px;border:2px solid var(--teal);border-radius:4px;background:#fff}
.check-steps li{padding-left:8px}
.drug-table .latin{font-weight:400;font-style:italic;font-size:13px;color:var(--muted)}
.drug-table .table-source{display:block;margin-top:6px;font-size:12px;color:var(--muted)}
.drug-table .table-source a{color:var(--teal)}
.drug-table td:last-child{font-size:15px;min-width:16em}
.drug-table .use-list{margin:6px 0;padding-left:18px}
.drug-table .use-list li+li{margin-top:4px}
.portrait-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0 12px}
.portrait-card{display:flex;flex-direction:column;gap:10px;padding:18px;border:1px solid var(--line);border-radius:12px;background:#fff;min-width:0}
.portrait-card h3{margin:0!important;font-size:19px}
.portrait-card p{margin:0;font-size:14px!important;line-height:1.7!important}
.portrait-card .portrait-type{font-size:12px!important;font-weight:700;letter-spacing:1px;color:var(--teal)}
.portrait-images{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.portrait-images figure{margin:0}
.portrait-images img{display:block;width:100%;height:auto;border-radius:8px}
.portrait-images figcaption{font-size:12px;color:var(--muted);margin-top:4px}
.portrait-noimage{display:flex;align-items:center;min-height:120px;padding:14px;border:1px dashed #9bb5a6;border-radius:8px;background:#f4f7f3}
.ratgeber-related{padding:24px;border:1px solid var(--line);border-radius:12px;background:#fff}
.ratgeber-related h2{font-size:22px!important;margin-bottom:12px!important}
.ratgeber-related ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 24px;padding-left:20px}
.ratgeber-related li+li{margin-top:0!important}
.ratgeber-group{margin:0 0 44px;scroll-margin-top:110px}
.ratgeber-group>h2{font-size:clamp(26px,3vw,34px);letter-spacing:-1px;line-height:1.2;margin-bottom:8px}
.ratgeber-group>p{color:var(--muted);margin:0 0 18px}
.ratgeber-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.ratgeber-grid .guide-link-card{height:100%}
@media(max-width:1000px){.portrait-grid,.ratgeber-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){
  .ratgeber-cta{padding:20px;margin-bottom:28px}
  .ratgeber-cta h2{font-size:20px}
  .portrait-grid,.ratgeber-grid,.ratgeber-related ul{grid-template-columns:1fr}
  .drug-table td:last-child{min-width:0}
}

@page{size:A4;margin:16mm 14mm 18mm}
@media print{
  html,body{background:#fff!important;color:#000}
  body{font-size:10.5pt}
  .site-header,.skip-link,.guide-toc,.print-action,.ratgeber-cta,.guide-note,.guide-next,.ratgeber-related,.site-footer,.breadcrumbs,.store-badges,.ai-badge{display:none!important}
  .guide-page{padding:0;width:auto}
  .guide-hero,.guide-columns{display:block;padding:0;gap:0}
  .guide-hero h1{font-size:22pt;letter-spacing:0;line-height:1.2;margin-bottom:8pt}
  .guide-lead{font-size:11pt;line-height:1.5}
  .guide-aside{display:none}
  .guide-copy{max-width:none}
  .guide-copy section{margin-bottom:14pt}
  .guide-copy h2{font-size:14pt;margin:14pt 0 6pt;letter-spacing:0}
  .guide-copy h3{font-size:12pt;margin:10pt 0 4pt}
  .guide-copy p,.guide-copy li,.source-list p{font-size:10.5pt;line-height:1.45;color:#000}
  h2,h3{break-after:avoid}
  tr,li,.portrait-card,.merksatz,.ratgeber-hinweis{break-inside:avoid}
  .guide-table-wrap{overflow:visible;border:1px solid #999;border-radius:0}
  .guide-table{font-size:9.5pt;line-height:1.4}
  .guide-table thead{position:static!important;width:auto!important;height:auto!important;overflow:visible!important;clip:auto!important;display:table-header-group}
  .guide-table,.guide-table tbody,.guide-table tr,.guide-table th,.guide-table td{display:revert!important}
  .guide-table th,.guide-table td{padding:5pt 6pt;border-top:1px solid #999;color:#000}
  .guide-table td[data-label]:before,.guide-table tbody th[data-label]:before{content:none!important}
  .drug-table td:last-child{font-size:9.5pt;min-width:0;width:42%}
  .drug-table td:nth-child(2),.drug-table thead th:nth-child(2){white-space:nowrap}
  .drug-table tbody th{hyphens:auto;overflow-wrap:normal;word-break:normal}
  .checklist li:before{border-color:#000}
  .guide-store{display:block;border-top:1px solid #999;padding:8pt 0 0;margin-top:12pt}
  .guide-store h2{font-size:12pt}
  .portrait-grid{grid-template-columns:repeat(3,1fr)}
  a{color:#000!important;text-decoration:underline}
  .print-only{display:block;margin-top:12pt;padding-top:6pt;border-top:1px solid #999;font-size:9pt;color:#000}
  /* Druckknopf: nur der eigene Abschnitt mit Titel, Hinweis und Fusszeile (ratgeber.js). */
  html.print-focus .guide-copy>section:not(.is-print-target),html.print-focus .guide-lead,html.print-focus .guide-meta,html.print-focus .guide-store{display:none!important}
}