/* Gemeinsames Aussehen der Werkzeuge ab der vierten Runde: Eingabe links, Vorschau rechts,
   A4-Papier (794 px) skaliert, Druck nur des Papiers. Werkzeugeigenes steht in der jeweiligen CSS-Datei. */
.wz-sec{padding:56px 0 72px;}
.wz-grid{display:grid;grid-template-columns:minmax(0,440px) minmax(0,1fr);gap:40px;align-items:start;}
.wz-box{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px;margin:0 0 18px;}
.wz-box h2{font-size:1.15rem;color:var(--dark);margin:0 0 12px;}
.wz-box .hilfe{color:var(--grey);font-size:.88rem;line-height:1.5;margin:0 0 10px;}
.wz-box .hilfe:last-child{margin-bottom:0;}
.wz-feld{display:block;margin:0 0 12px;}
.wz-feld > span,.wz-label{display:block;font-weight:700;color:var(--dark);font-size:.9rem;margin:0 0 6px;}
.wz-feld small,.wz-label small{font-weight:400;color:var(--grey);}
.wz-sec input[type=text],.wz-sec input[type=email],.wz-sec input[type=date],.wz-sec input[type=time],.wz-sec input[type=number],.wz-sec select,.wz-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;}
.wz-sec textarea{resize:vertical;line-height:1.45;}
.wz-sec input:focus,.wz-sec select:focus,.wz-sec textarea:focus{outline:3px solid var(--red);outline-offset:1px;border-color:var(--red);}
.wz-sec input[aria-invalid="true"]{border-color:var(--red);background:#fff4f4;}
.wz-sec input[type=range]{width:100%;accent-color:var(--red);}
.wz-zwei{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.wz-drei{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;}
.wz-datei{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:0 0 6px;}
.wz-datei input[type=file]{font:inherit;font-size:.88rem;max-width:100%;}
.wz-datei button,.wz-link{background:none;border:0;padding:4px 0;font:inherit;font-size:.88rem;font-weight:700;color:var(--red);cursor:pointer;}
.wz-meldung{color:var(--red);font-size:.85rem;font-weight:700;margin:0 0 8px;}
.wz-meldung:empty{display:none;}
.wz-zeile{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:6px 0 12px;}
.wz-zeile .wz-label{margin:0;}
.wz-paar{display:flex;gap:4px;}
.wz-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;}
.wz-sec .wz-paar input[type=text]{width:100px;font-family:ui-monospace,Consolas,monospace;text-transform:uppercase;padding:9px 8px;}
.wz-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px;}
.wz-chip{position:relative;cursor:pointer;}
.wz-chip input{position:absolute;opacity:0;width:1px;height:1px;}
.wz-chip span{display:inline-block;padding:6px 12px;border:1.5px solid var(--line);border-radius:999px;font-size:.86rem;background:#fff;}
.wz-chip input:checked + span{border-color:var(--red);background:#fff1f1;color:var(--dark);font-weight:700;}
.wz-chip input:focus-visible + span{outline:3px solid var(--red);outline-offset:2px;}
.wz-gruppe{border:0;margin:0 0 10px;padding:0;}
.wz-gruppe legend{font-weight:700;color:var(--dark);font-size:.9rem;margin:0 0 4px;padding:0;}
.wz-wahl{display:flex;gap:10px;align-items:flex-start;padding:5px 0;cursor:pointer;line-height:1.4;font-size:.92rem;}
.wz-wahl input{width:17px;height:17px;margin:2px 0 0;accent-color:var(--red);flex:0 0 auto;}
.wz-einzug{margin:2px 0 8px 27px;}
.wz-liste{list-style:none;margin:0 0 10px;padding:0;}
.wz-liste > li{display:grid;gap:6px;padding:10px 0;border-top:1px solid var(--line);}
.wz-liste > li:first-child{border-top:0;padding-top:0;}
.wz-plus{display:inline-flex;align-items:center;gap:6px;background:none;border:1.5px dashed var(--line);border-radius:8px;padding:7px 12px;font:inherit;font-size:.88rem;font-weight:700;color:var(--dark);cursor:pointer;}
.wz-plus:hover{border-color:var(--red);}

/* Vorschau */
.wz-vorschau{position:sticky;top:96px;}
.wz-vorschau-kopf{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 12px;}
.wz-vorschau-kopf h2{font-size:1.2rem;color:var(--dark);margin:0;}
.wz-vorschau .btn,.wz-aktionen .btn{border:0;cursor:pointer;font:inherit;font-weight:700;}
.wz-vorschau .btn-ghost,.wz-aktionen .btn-ghost{border:1.5px solid var(--line);}
.wz-knoepfe{display:flex;gap:8px;flex-wrap:wrap;}
.wz-tabs{display:flex;gap:4px;flex-wrap:wrap;margin:0 0 12px;border-bottom:2px solid var(--line);}
.wz-tabs button{background:none;border:0;border-bottom:3px solid transparent;margin-bottom:-2px;padding:8px 12px;font:inherit;font-weight:700;color:var(--grey);cursor:pointer;}
.wz-tabs button[aria-selected="true"]{color:var(--dark);border-bottom-color:var(--red);}
.wz-tabs button:focus-visible{outline:3px solid var(--red);outline-offset:-3px;}
.wz-pdf-meldung{margin:-4px 0 10px;font-size:.9rem;color:var(--grey);}
.wz-pdf-meldung:empty{display:none;}
.wz-pdf-meldung.fehler{color:var(--red);font-weight:700;}
.wz-blaetter{max-height:calc(100vh - 260px);overflow:auto;padding:8px;border-radius:12px;background:#ece7e2;}
.wz-blatt{position:relative;width:100%;overflow:hidden;}
.wz-aktionen{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:12px;}
.wz-aktionen label.btn{cursor:pointer;position:relative;}
.wz-aktionen label.btn input{position:absolute;width:1px;height:1px;opacity:0;}
.wz-aktionen label.btn:focus-within{outline:3px solid var(--red);outline-offset:2px;}
.wz-aktionen .wz-meldung{margin:0;}
.wz-hinweis{margin:14px 0 0;color:var(--grey);font-size:.88rem;line-height:1.55;}
.wz-qh{font-size:1.3rem;margin:0 0 14px;}
.wz-quellen{margin:0;padding-left:20px;line-height:1.7;font-size:.95rem;max-width:860px;}
.wz-stand{margin:16px 0 0;color:var(--grey);font-size:.9rem;line-height:1.55;max-width:860px;}
.wz-recht{border-color:#e9c8c8;background:#fff8f8;}

/* Das Papier (Breite A4 bei 96 dpi, Höhe wächst mit) */
.wz-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:14.5px;line-height:1.5;box-shadow:0 6px 20px -10px rgba(34,31,29,.4);}
.wz-papier.wz-pdf{transform:none !important;width:666px;min-height:0;padding:0;box-shadow:none;}
.wz-dkopf{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;border-bottom:5px solid var(--wz-farbe,#C00000);padding-bottom:14px;margin-bottom:20px;}
.wz-dkopf img{max-height:70px;max-width:200px;object-fit:contain;}
.wz-dueber{margin:0;font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#6b625c;}
.wz-dkopf h2{margin:4px 0 0;font-size:30px;line-height:1.15;color:#221f1d;}
.wz-dunter{margin:5px 0 0;font-size:15px;color:#4a4440;}
.wz-papier h3{margin:20px 0 8px;font-size:17px;color:#221f1d;}
.wz-papier p{margin:0 0 8px;}
.wz-papier ul,.wz-papier ol{margin:0 0 8px;padding-left:22px;}
.wz-papier li{margin:0 0 4px;}
.wz-dklein{font-size:12px;color:#6b625c;}
.wz-dlinien{display:grid;grid-template-columns:2fr 1fr 2fr;gap:24px;font-size:12px;color:#6b625c;margin:34px 0 0;}
.wz-dlinien span{display:block;border-bottom:1px solid #4a4440;height:30px;margin-bottom:4px;}
.wz-kasten{display:inline-block;width:12px;height:12px;border:1.5px solid #4a4440;border-radius:2px;vertical-align:-1px;margin-right:6px;}

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

@media print{
  @page{size:A4;margin:16mm 18mm;}
  html,body{background:#fff;}
  body > *:not(main),main > *:not(.wz-sec),.wz-sec > .wrap > form,.wz-vorschau > *:not(.wz-blaetter){display:none !important;}
  .wz-sec{padding:0;}
  .wz-sec > .wrap{padding:0;max-width:none;display:block;}
  .wz-vorschau{position:static;}
  .wz-blaetter{max-height:none;overflow:visible;background:none;padding:0;border-radius:0;}
  .wz-blatt{height:auto !important;overflow:visible;}
  .wz-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;}
  .wz-papier tr,.wz-papier li{break-inside:avoid;}
  .wz-umbruch{break-before:page;}
}