/* Vorstand auf einen Blick: Personenliste und Fläche (feste Pixelgröße je Format); Grundlage ../werkzeug.css */
.vs-personen > li{gap:8px !important;}
.vs-p-kopf{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;color:var(--dark);}
.vs-p-kopf span{display:flex;gap:12px;}
.vs-foto-wahl{position:relative;display:inline-block;padding:6px 12px;border:1.5px solid var(--line);border-radius:8px;font-size:.86rem;font-weight:700;cursor:pointer;}
.vs-foto-wahl input{position:absolute;width:1px;height:1px;opacity:0;}
.vs-foto-wahl:focus-within{outline:3px solid var(--red);outline-offset:2px;}
.wz-vorschau-kopf select{width:auto;padding:8px 10px;font:inherit;font-size:.9rem;border:1.5px solid var(--line);border-radius:8px;background:#fff;}

.vs-flaeche{position:absolute;top:0;left:0;transform-origin:0 0;background:#fff;box-shadow:0 6px 20px -10px rgba(34,31,29,.4);}
.vs-g{width:100%;height:100%;box-sizing:border-box;display:flex;flex-direction:column;font-family:'Ubuntu','Trebuchet MS',Arial,sans-serif;color:#2B2B2B;background:#fff;overflow:hidden;}
.vs-a4{padding:56px 60px 48px;font-size:17px;}
.vs-quer{padding:70px 90px 60px;font-size:30px;}
.vs-quadrat{padding:64px 70px 56px;font-size:28px;}
.vs-hoch{padding:70px 70px 60px;font-size:30px;}
.vs-kopf{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;padding-bottom:.7em;border-bottom:.25em solid var(--wz-farbe,#C00000);}
.vs-kopf img{max-height:3.6em;max-width:9em;object-fit:contain;}
.vs-verein{margin:0;font-size:.72em;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#6b625c;}
.vs-kopf h2{margin:.1em 0 0;font-size:2.1em;line-height:1.1;color:#221f1d;}
.vs-unter{margin:.25em 0 0;font-size:.85em;color:#4a4440;}
.vs-raster{flex:1 1 auto;min-height:0;display:grid;gap:1.3em 1.2em;align-content:center;padding:1.2em 0 .6em;}
.vs-karte{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0;}
.vs-foto{width:5.2em;height:5.2em;border-radius:50%;object-fit:cover;margin-bottom:.55em;border:.15em solid var(--wz-farbe,#C00000);box-sizing:border-box;}
.vs-ini{display:flex;align-items:center;justify-content:center;background:var(--wz-farbe,#C00000);color:var(--vs-auf,#fff);font-size:1.7em;font-weight:700;width:3.06em;height:3.06em;margin-bottom:.33em;border:0;}
.vs-amt{margin:0;font-size:.74em;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--wz-farbe,#C00000);}
.vs-name{margin:.15em 0 0;font-size:1.1em;font-weight:700;color:#221f1d;line-height:1.2;overflow-wrap:anywhere;}
.vs-aufgabe{margin:.3em 0 0;font-size:.78em;line-height:1.35;color:#4a4440;}
.vs-mail{margin:.25em 0 0;font-size:.72em;color:#6b625c;overflow-wrap:anywhere;}
.vs-fuss{padding-top:.6em;border-top:1px solid #e3dcd6;text-align:center;font-size:.8em;color:#4a4440;}

@media print{
  @page{size:A4;margin:0;}
  .vs-flaeche{position:static;transform:none !important;box-shadow:none;width:210mm !important;height:296mm !important;-webkit-print-color-adjust:exact;print-color-adjust:exact;}
  .wz-blatt{height:auto !important;}
}
