/* Aushang A4 – am Bildschirm als Blatt auf dunklem Grund, im Druck schlicht schwarz-weiß mit Sonnengelb. */
.aushang-seite{padding:0 0 40px}
.werkzeug{max-width:210mm;margin:0 auto;padding:14px 18px;display:flex;flex-wrap:wrap;gap:8px 18px;font-size:15px;color:var(--muted)}
.blatt{background:#fffdf8;color:#1d1a22;width:min(210mm,100% - 24px);margin:0 auto;aspect-ratio:210/297;padding:clamp(18px,6vw,16mm) clamp(18px,6vw,16mm);border-radius:6px;
  box-shadow:0 18px 60px rgba(0,0,0,.45);display:flex;flex-direction:column;gap:clamp(10px,2.6vw,9mm);font-size:clamp(13px,2.6vw,17pt);line-height:1.35}
.blatt-kopf{display:flex;gap:clamp(10px,3vw,8mm);align-items:center}
.blatt-kopf img{width:clamp(52px,14vw,30mm);height:auto;border-radius:22%}
.blatt-kita{font-weight:800;color:#8a6414;font-size:clamp(14px,3vw,18pt);letter-spacing:.02em;text-transform:uppercase}
.blatt h1{font-size:clamp(24px,6.4vw,36pt);margin:2px 0 0;color:#16141d;line-height:1.08}
.blatt-lead{margin:0;font-size:clamp(14px,2.9vw,16pt);color:#3a3440}
.blatt-mitte{display:grid;grid-template-columns:1.35fr 1fr;gap:clamp(12px,4vw,10mm);align-items:center;flex:1}
.qr-rahmen{border:3px solid #e8b84a;border-radius:16px;padding:clamp(8px,2vw,5mm);text-align:center;background:#fff}
.qr{display:block;width:100%;height:auto}
.qr-url{font-weight:700;font-size:clamp(10px,2.1vw,12pt);margin-top:6px;color:#16141d;word-break:break-all}
.blatt-schritte{list-style:none;margin:0;padding:0;counter-reset:s;display:grid;gap:clamp(8px,2.4vw,7mm)}
.blatt-schritte li{counter-increment:s;position:relative;padding-left:clamp(38px,9vw,17mm)}
.blatt-schritte li::before{content:counter(s);position:absolute;left:0;top:0;width:clamp(28px,7vw,12mm);height:clamp(28px,7vw,12mm);border-radius:50%;background:#e8b84a;color:#1a1408;font-weight:900;display:grid;place-items:center;font-size:clamp(14px,3.2vw,18pt)}
.blatt-schritte b{display:block;font-size:clamp(15px,3.3vw,19pt)}
.blatt-schritte span{display:block;color:#4a4450;font-size:clamp(12px,2.5vw,13pt)}
.blatt-ds{margin:0;font-size:clamp(11px,2.2vw,11.5pt);color:#3a3440;border-top:1px solid #e3dccf;padding-top:clamp(8px,2vw,5mm)}
.blatt-fuss{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:clamp(10px,2vw,10pt);color:#6a6370}
@media (max-width:520px){.blatt{aspect-ratio:auto}.blatt-mitte{grid-template-columns:1fr}.qr-rahmen{max-width:260px;margin:0 auto}}
@page{size:A4 portrait;margin:0}
@media print{
  html,body{background:#fff!important}
  .werkzeug{display:none}
  .aushang-seite{padding:0}
  .blatt{width:210mm;height:297mm;aspect-ratio:auto;margin:0;border-radius:0;box-shadow:none;padding:16mm;font-size:17pt;background:#fff;
    -webkit-print-color-adjust:exact;print-color-adjust:exact}
  .blatt-mitte{grid-template-columns:1.35fr 1fr}
  .blatt h1{font-size:36pt}.blatt-kopf img{width:30mm}.blatt-kita{font-size:18pt}.blatt-lead{font-size:16pt}
  .blatt-schritte b{font-size:19pt}.blatt-schritte span{font-size:13pt}.blatt-ds{font-size:11.5pt}.blatt-fuss{font-size:10pt}
  .blatt-schritte li{padding-left:17mm}.blatt-schritte li::before{width:12mm;height:12mm;font-size:18pt}
}