/* Social-Media-Leitlinie: Eingabe, Vorschau als fließendes A4-Dokument, Druck */
.sl-recht{border-color:#e9c8c8;background:#fff8f8;}
.sl-sec{padding:56px 0 72px;}
.sl-grid{display:grid;grid-template-columns:minmax(0,440px) minmax(0,1fr);gap:40px;align-items:start;}
.sl-box{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px;margin:0 0 18px;}
.sl-box h2{font-size:1.15rem;color:var(--dark);margin:0 0 12px;}
.sl-box .hilfe{color:var(--grey);font-size:.88rem;line-height:1.5;margin:8px 0 0;}
.sl-feld{display:block;margin:0 0 12px;}
.sl-feld > span,.sl-label{display:block;font-weight:700;color:var(--dark);font-size:.9rem;margin:0 0 6px;}
.sl-feld small,.sl-label small{font-weight:400;color:var(--grey);}
.sl-sec input[type=text],.sl-sec input[type=date],.sl-sec select,.sl-sec textarea{width:100%;padding:9px 10px;font:inherit;font-size:.93rem;border:1.5px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);box-sizing:border-box;}
.sl-sec textarea{resize:vertical;line-height:1.45;}
.sl-sec input:focus,.sl-sec select:focus,.sl-sec textarea:focus{outline:3px solid var(--red);outline-offset:1px;border-color:var(--red);}
.sl-sec input[aria-invalid="true"]{border-color:var(--red);background:#fff4f4;}
.sl-zwei{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.sl-datei{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:0 0 6px;}
.sl-datei input[type=file]{font:inherit;font-size:.88rem;max-width:100%;}
.sl-datei button{background:none;border:0;padding:4px 0;font:inherit;font-size:.88rem;font-weight:700;color:var(--red);cursor:pointer;}
.sl-meldung{color:var(--red);font-size:.85rem;font-weight:700;margin:0 0 8px;}
.sl-zeile{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:6px 0 0;}
.sl-zeile .sl-label{margin:0;}
.sl-paar{display:flex;gap:4px;}
.sl-paar input[type=color]{flex:0 0 40px;width:40px;height:40px;padding:2px;border:1.5px solid var(--line);border-radius:8px;background:#fff;cursor:pointer;}
.sl-sec .sl-paar input[type=text]{width:100px;font-family:ui-monospace,Consolas,monospace;text-transform:uppercase;padding:9px 8px;}
.sl-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px;}
.sl-chip{position:relative;cursor:pointer;}
.sl-chip input{position:absolute;opacity:0;width:1px;height:1px;}
.sl-chip span{display:inline-block;padding:6px 12px;border:1.5px solid var(--line);border-radius:999px;font-size:.86rem;background:#fff;}
.sl-chip input:checked + span{border-color:var(--red);background:#fff1f1;color:var(--dark);font-weight:700;}
.sl-chip input:focus-visible + span{outline:3px solid var(--red);outline-offset:2px;}
.sl-gruppe{border:0;margin:0 0 10px;padding:0;}
.sl-gruppe legend{font-weight:700;color:var(--dark);font-size:.9rem;margin:0 0 4px;padding:0;}
.sl-inline{display:flex;gap:18px;align-items:center;flex-wrap:wrap;}
.sl-inline legend{float:left;margin:0 6px 0 0;}
.sl-inline label{display:inline-flex;gap:6px;align-items:center;cursor:pointer;font-size:.93rem;}
.sl-inline input{accent-color:var(--red);width:17px;height:17px;}
.sl-wahl{display:flex;gap:10px;align-items:flex-start;padding:5px 0;cursor:pointer;line-height:1.4;font-size:.9rem;}
.sl-wahl input{width:17px;height:17px;margin:2px 0 0;accent-color:var(--red);flex:0 0 auto;}

/* Vorschau */
.sl-vorschau{position:sticky;top:96px;}
.sl-vorschau-kopf{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 12px;}
.sl-vorschau-kopf h2{font-size:1.2rem;color:var(--dark);margin:0;}
.sl-vorschau .btn{border:0;cursor:pointer;font:inherit;font-weight:700;}
.sl-vorschau .btn-ghost{border:1.5px solid var(--line);}
.sl-knoepfe{display:flex;gap:8px;flex-wrap:wrap;}
.sl-pdf-meldung{margin:-4px 0 10px;font-size:.9rem;color:var(--grey);}
.sl-pdf-meldung.fehler{color:var(--red);font-weight:700;}
/* nur während der PDF-Erzeugung: Textbreite der Seite ohne Ränder */
.sl-papier.sl-pdf{transform:none !important;width:666px;min-height:0;padding:0;box-shadow:none;}
.sl-blaetter{max-height:calc(100vh - 250px);overflow:auto;padding:8px;border-radius:12px;background:#ece7e2;}
.sl-blatt{position:relative;width:100%;overflow:hidden;}
.sl-aktionen{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:12px;}
.sl-aktionen label.btn{cursor:pointer;position:relative;}
.sl-aktionen label.btn input{position:absolute;width:1px;height:1px;opacity:0;}
.sl-aktionen label.btn:focus-within{outline:3px solid var(--red);outline-offset:2px;}
.sl-hinweis{margin:14px 0 0;color:var(--grey);font-size:.88rem;line-height:1.55;}
.sl-qh{font-size:1.3rem;margin:0 0 14px;}
.sl-quellen{margin:0;padding-left:20px;line-height:1.7;font-size:.95rem;}
.sl-stand{margin:16px 0 0;color:var(--grey);font-size:.9rem;line-height:1.55;max-width:780px;}

/* Das Dokument (Breite A4 bei 96 dpi, Höhe wächst mit) */
.sl-papier{position:absolute;top:0;left:0;width:794px;min-height:1123px;transform-origin:0 0;background:#fff;box-sizing:border-box;padding:56px 64px 64px;color:#2B2B2B;font-family:'Ubuntu','Trebuchet MS',Arial,sans-serif;font-size:15px;line-height:1.5;box-shadow:0 6px 20px -10px rgba(34,31,29,.4);}
.sl-dkopf{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;border-bottom:5px solid var(--sl-farbe);padding-bottom:16px;margin-bottom:22px;}
.sl-dkopf img{max-height:70px;max-width:200px;object-fit:contain;}
.sl-dueber{margin:0;font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#6b625c;}
.sl-dkopf h2{margin:4px 0 0;font-size:32px;line-height:1.15;color:#221f1d;}
.sl-dunter{margin:4px 0 0;font-size:16px;color:#6b625c;}
.sl-dintro{margin:0 0 12px;font-size:16px;}
.sl-dkontakt{margin:0 0 18px;padding:10px 14px;background:#f6f3f0;border-radius:8px;font-size:14px;}
.sl-dabschnitt{margin:0 0 18px;break-inside:avoid;}
.sl-dabschnitt h3{display:flex;align-items:center;gap:10px;margin:0 0 8px;font-size:18px;color:#221f1d;}
.sl-dabschnitt h3 span{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--sl-farbe);color:#fff;font-size:14px;flex:0 0 auto;}
.sl-dabschnitt p{margin:0 0 6px;}
.sl-dabschnitt ul{margin:0;padding-left:22px;}
.sl-dabschnitt li{margin:0 0 5px;}
.sl-dabschnitt li::marker{color:var(--sl-akzent);}
.sl-dkanaele{margin-top:8px !important;font-size:14px;}
.sl-dstand{margin:22px 0 0;font-size:13px;color:#6b625c;}
.sl-dsign{margin:30px 0 0;padding-top:16px;border-top:1px solid #ddd6d0;break-inside:avoid;}
.sl-dsign p{margin:0 0 30px;}
.sl-dlinien{display:grid;grid-template-columns:2fr 1fr 2fr;gap:24px;font-size:12px;color:#6b625c;}
.sl-dlinien span{display:block;border-bottom:1px solid #4a4440;height:26px;margin-bottom:4px;}

@media (max-width:1060px){ .sl-grid{grid-template-columns:1fr;} .sl-vorschau{position:static;} .sl-blaetter{max-height:none;} }
@media (max-width:600px){ .sl-box{padding:18px;} .sl-zwei{grid-template-columns:1fr;} }

@media print{
  @page{size:A4;margin:16mm 18mm;}
  html,body{background:#fff;}
  body > *:not(main),main > *:not(.sl-sec),.sl-sec > .wrap > form,.sl-vorschau > *:not(.sl-blaetter){display:none !important;}
  .sl-sec{padding:0;}
  .sl-sec > .wrap{padding:0;max-width:none;display:block;}
  .sl-vorschau{position:static;}
  .sl-blaetter{max-height:none;overflow:visible;background:none;padding:0;border-radius:0;}
  .sl-blatt{height:auto !important;overflow:visible;}
  .sl-papier{position:static;transform:none !important;width:auto;min-height:0;padding:0;box-shadow:none;-webkit-print-color-adjust:exact;print-color-adjust:exact;}
}