/* Vorlage „Kopfband mit Zeitleiste“ (A4 794 × 1123 px). Farbtöne --a-hell und --b-hell setzt das Programm. */
.zl{--a:#2C5F5B;--b:#B87440;font-family:var(--text,'CV Inter'),sans-serif;color:#2B2F36;font-size:10.6px;line-height:1.55}
.zl .seite-innen{padding:0 0 32px}
.zl .zl-band{display:flex;align-items:center;gap:28px;background:var(--a-hell,#EEF3F2);padding:40px 52px 28px;border-bottom:3px solid var(--a)}
.zl .zl-foto{flex:0 0 auto;width:116px;height:116px;object-fit:cover;object-position:50% 30%;border-radius:50%;border:3px solid #fff}
.zl .zl-foto.eckig{width:100px;height:125px;border-radius:12px;object-position:50% 50%}
.zl .zl-band-text{flex:1;min-width:0}
.zl .zl-name{font-family:var(--kopf,'CV Lora'),serif;font-size:34px;font-weight:600;line-height:1.08;color:#1E2A32}
.zl .zl-titel{font-size:13px;font-weight:600;color:var(--a);margin-top:6px}
.zl .zl-kontakt{display:flex;flex-wrap:wrap;gap:3px 16px;margin-top:11px;font-size:9.8px;color:#4A5160}
.zl .zl-k b{color:var(--b);font-weight:700;margin-right:5px}
.zl .zl-folgekopf{display:flex;justify-content:space-between;align-items:baseline;padding:32px 52px 8px;border-bottom:3px solid var(--a);margin-bottom:4px}
.zl .zl-folgekopf span:first-child{font-family:var(--kopf,'CV Lora'),serif;font-size:14px;font-weight:600;color:#1E2A32}
.zl .zl-folgekopf span:last-child{font-size:9.5px;color:#6B7280}
.zl .zl-koerper{flex:1;min-height:0;display:flex;gap:34px;padding:6px 52px 0}
.zl .zl-haupt{flex:1;min-width:0;display:flex;flex-direction:column}
.zl .zl-seite{flex:0 0 196px;padding-top:2px;overflow:hidden}
.zl .zl-h2{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--a);font-weight:700;margin:18px 0 10px}
.zl .zl-profil{color:#3B4250;font-size:10.8px}
.zl .zl-eintrag{position:relative;padding:0 0 12px 22px}
.zl .zl-linie{position:absolute;left:4px;top:0;bottom:0;width:1.5px;background:var(--a-hell,#CFE0DE)}
.zl .zl-eintrag.erster .zl-linie{top:6px}
.zl .zl-eintrag.letzter .zl-linie{bottom:auto;height:8px}
.zl .zl-knoten{position:absolute;left:0;top:3px;width:10px;height:10px;border-radius:5px;background:#fff;border:2px solid var(--a);box-sizing:border-box}
.zl .zl-eintrag.erster .zl-knoten{background:var(--a)}
.zl .zl-zeit{font-size:9.4px;font-weight:700;color:var(--b);letter-spacing:.04em;text-transform:uppercase}
.zl .kv-position{color:#1E2A32;font-size:12px;font-weight:600}
.zl .kv-firma{color:#5B6370;margin-bottom:3px}
.zl .kv-punkte{list-style:none;margin:0;padding:0}
.zl .kv-punkte li{display:flex;align-items:flex-start;margin-bottom:2px}
.zl .kv-strich{flex:0 0 5px;height:1px;background:var(--a);margin:8px 7px 0 0}
.zl .kv-dot{flex:0 0 4px;height:4px;border-radius:2px;background:var(--a);margin:6.5px 8px 0 0}
.zl .kv-punkte b{font-weight:600;color:#1E2A32}
.zl .kv-text .kv-punkte li.art-text{display:block}
.zl .zl-skill{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px}
.zl .zl-punkte{display:flex;gap:3px;flex:0 0 auto}
.zl .zl-punkte i{display:block;width:7px;height:7px;border-radius:4px;background:var(--a-hell,#D7E3E1)}
.zl .zl-punkte i.voll{background:var(--a)}
.zl .zl-sprache{margin-bottom:5px}
.zl .zl-sprache b{font-weight:600;color:#1E2A32;margin-right:6px}
.zl .zl-sprache span{color:#5B6370}
.zl .zl-text{margin-bottom:4px}
.zl .seite-fuss{padding:0 52px}
.zl .zl-fuss{display:flex;justify-content:space-between;font-size:9px;color:#9AA0AA;padding-top:10px}