/* LEBENSLAUF_0210 — Abschnitt „So sieht dein Lebenslauf nach neun Monaten aus“. Alle Klassen mit Präfix cvx-, damit nichts mit den Seiten-Stilen kollidiert. */
section.cvx{padding:clamp(2.4rem,5vw,4.2rem) 0;background:#fff;color:var(--ink,#0F1824)}
section.cvx.ublock{border-top:1px solid var(--line,#E2E8F0)}
.cvx *,.cvx *::before,.cvx *::after{box-sizing:border-box}
.cvx h2 em{font-style:normal;color:var(--brass,#A97C2F)}
.cvx .cvx-sub{font-size:1.04rem;line-height:1.55;color:var(--muted,#44505F);max-width:46rem;margin:.9rem 0 0}
.cvx img{display:block;max-width:100%;height:auto}
.cvx ul{list-style:none;margin:0;padding:0}
.cvx li{margin:0}
.cvx li::before,.cvx li::after{content:none}

.cvx .cvx-raster{display:grid;grid-template-columns:minmax(232px,270px) minmax(0,520px) minmax(0,1fr);gap:28px;margin-top:2.2rem;align-items:start}
.cvx .cvx-links{display:grid;gap:14px;align-content:start;min-width:0}
.cvx .cvx-wahl{display:grid;gap:10px}
.cvx .cvx-pick{appearance:none;-webkit-appearance:none;font:inherit;text-align:left;cursor:pointer;display:grid;grid-template-columns:44px minmax(0,1fr);gap:11px;align-items:center;padding:9px 12px;border:1.5px solid var(--line,#E2E8F0);border-radius:14px;background:#fff;color:inherit;width:100%}
.cvx .cvx-pick:hover{border-color:#C9D5E4}
.cvx .cvx-pick:focus-visible{outline:3px solid var(--brass-lt,#C9A961);outline-offset:2px}
.cvx .cvx-pick[aria-pressed="true"]{border-color:var(--navy,#1E3A5F);background:var(--wash,#F4F7FB)}
.cvx .cvx-pick img{width:44px;height:44px;border-radius:50%;object-fit:cover}
.cvx .cvx-pick b{display:block;font-size:14px;line-height:1.25;color:var(--navy,#1E3A5F);font-weight:800}
.cvx .cvx-pick small{display:block;font-size:12.5px;line-height:1.3;color:var(--muted,#44505F);margin-top:1px}
.cvx .cvx-pick small em{font-style:normal;font-weight:700;color:var(--brass-t,#8F6926)}

.cvx .cvx-buehne{min-width:0}
.cvx .cvx-frame{appearance:none;-webkit-appearance:none;font:inherit;display:block;width:100%;padding:0;margin:0;position:relative;cursor:zoom-in;border:1px solid var(--line,#E2E8F0);border-radius:14px;overflow:hidden;background:#fff;text-align:left}
.cvx .cvx-frame:focus-visible{outline:3px solid var(--brass-lt,#C9A961);outline-offset:3px}
.cvx .cvx-leiste{display:flex;align-items:center;gap:6px;height:30px;padding:0 12px;background:var(--wash,#F4F7FB);border-bottom:1px solid var(--line,#E2E8F0);font-size:11.5px;color:var(--muted,#44505F)}
.cvx .cvx-leiste i{display:block;width:9px;height:9px;border-radius:50%;background:#D5DDE8}
.cvx .cvx-leiste span{margin-left:10px}
.cvx .cvx-bild{display:block;width:100%;height:auto;aspect-ratio:1100/1556;background:#fff}
.cvx .cvx-zoom{position:absolute;right:12px;bottom:12px;display:flex;align-items:center;gap:7px;background:rgba(20,40,62,.92);color:#fff;border-radius:99px;padding:8px 14px 8px 11px;font-size:13px;font-weight:700;box-shadow:0 2px 10px rgba(20,40,62,.35)}
.cvx .cvx-zoom svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.cvx .cvx-unter{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px;font-size:12.5px;color:var(--muted,#44505F)}
#lebenslauf-beispiele a.cvx-lnk{font-size:13.5px;font-weight:700;color:var(--navy,#1E3A5F);text-decoration:none;border-bottom:1.5px solid var(--brass-lt,#C9A961);padding-bottom:1px;white-space:nowrap}
#lebenslauf-beispiele a.cvx-lnk:hover{border-bottom-color:var(--navy,#1E3A5F);text-decoration:none}

.cvx .cvx-haben{display:grid;gap:10px;min-width:0}
.cvx .cvx-k{display:grid;grid-template-columns:26px minmax(0,1fr);gap:11px;padding:13px 15px;border:1.5px solid var(--line,#E2E8F0);border-radius:14px;background:#fff;min-width:0;overflow:hidden}
.cvx .cvx-k>ul{grid-column:1/-1;min-width:0;margin-top:2px}
.cvx .cvx-nr{width:26px;height:26px;border-radius:50%;background:var(--signal-flaeche,#C2410C);color:#fff;font-weight:800;font-size:13px;display:flex;align-items:center;justify-content:center}
.cvx .cvx-k h3{font-size:15px;line-height:1.25;color:var(--navy,#1E3A5F);margin:0;font-weight:800}
.cvx .cvx-k p{font-size:13px;line-height:1.4;color:var(--muted,#44505F);margin:2px 0 0}
.cvx .cvx-jobs{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}
.cvx .cvx-jobs li{font-weight:700;font-size:12px;line-height:1.3;color:var(--navy,#1E3A5F);background:var(--wash,#F4F7FB);border:1px solid var(--line,#E2E8F0);border-radius:12px;padding:3px 10px;max-width:100%}
.cvx .cvx-projekte,.cvx .cvx-cases{display:grid;gap:7px;margin-top:9px}
.cvx .cvx-projekte li{background:var(--wash,#F4F7FB);border-radius:10px;padding:7px 11px}
.cvx .cvx-projekte code{display:block;font-family:var(--mono,ui-monospace,Consolas,monospace);font-weight:700;font-size:13px;color:var(--navy,#1E3A5F);background:none;padding:0}
.cvx .cvx-projekte span{display:block;font-size:12.5px;line-height:1.35;color:var(--muted,#44505F);margin-top:1px}
.cvx .cvx-cases li{border:1px solid var(--line,#E2E8F0);border-left:3px solid var(--brass,#A97C2F);border-radius:10px;padding:7px 11px;background:#fff}
.cvx .cvx-cases b{display:block;font-size:13.5px;line-height:1.3;color:var(--navy,#1E3A5F);font-weight:800}
.cvx .cvx-cases span.cvx-satz{display:block;font-size:12.5px;line-height:1.4;color:var(--muted,#44505F);margin-top:1px}
.cvx .cvx-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:6px}
.cvx .cvx-tags i{font-style:normal;font-size:11px;font-weight:700;color:var(--brass-t,#8F6926);background:var(--brass-w,#FBF6EC);border-radius:99px;padding:0 8px}

.cvx .cvx-fuss{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-top:2.6rem;padding-top:1.5rem;border-top:1px solid var(--line,#E2E8F0)}
.cvx .cvx-fuss p{flex:1 1 280px;max-width:44rem;margin:0;font-size:1rem;line-height:1.55;color:var(--muted,#44505F)}
.cvx .cvx-fuss p b{color:var(--navy,#1E3A5F)}
.cvx .cvx-fuss .knopf{flex:0 0 auto;min-width:0;padding:.78rem 1.5rem;font-size:.97rem}
.cvx .cvx-recht{margin:.9rem 0 0;font-size:12.5px;line-height:1.5;color:var(--faint,#5C6570);max-width:48rem}

@media(max-width:1100px){
  .cvx .cvx-raster{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .cvx .cvx-haben{grid-column:1/-1}
}
@media(max-width:760px){
  section.cvx{padding:2.4rem 0 2.6rem}
  .cvx .cvx-raster{grid-template-columns:minmax(0,1fr);gap:20px;margin-top:1.6rem}
  .cvx .cvx-links{display:contents}
  .cvx .cvx-wahl{display:flex;overflow-x:auto;gap:10px;margin:0;padding:0 0 4px;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}
  .cvx .cvx-pick{min-width:232px;width:auto;flex:0 0 auto;scroll-snap-align:start}
  .cvx .cvx-buehne{order:2}
  .cvx .cvx-jobs-karte{order:3}
  .cvx .cvx-haben{order:4}
  .cvx .cvx-fuss{gap:14px}
}

/* Großansicht (wird beim Öffnen an <body> gehängt) */
.cvx-lb{position:fixed;inset:0;z-index:100000;display:none;flex-direction:column;background:#0E1C2C;font-family:inherit}
.cvx-lb *{box-sizing:border-box}
.cvx-lb.auf{display:flex}
.cvx-lb .cvx-bar{display:flex;align-items:center;gap:10px;padding:12px 18px;color:#fff;flex:none;background:#0E1C2C}
.cvx-lb .cvx-bar b{font-size:15px;font-weight:800}
.cvx-lb .cvx-bar .cvx-rolle{color:#C9D5E4;font-size:14px}
.cvx-lb .cvx-bar .cvx-sp{flex:1}
.cvx-lb .cvx-bar button{appearance:none;-webkit-appearance:none;font:inherit;cursor:pointer;color:#fff;background:none;border:1.5px solid rgba(255,255,255,.4);border-radius:99px;padding:7px 14px;font-size:13.5px;font-weight:700;line-height:1.2}
.cvx-lb .cvx-bar button:hover{background:rgba(255,255,255,.14)}
.cvx-lb .cvx-bar button:focus-visible{background:rgba(255,255,255,.14);outline:3px solid #C9A961;outline-offset:2px}
.cvx-lb .cvx-bar .cvx-zoomb{display:none}
.cvx-lb .cvx-flaeche{flex:1;overflow:auto;padding:0 16px 28px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.cvx-lb .cvx-flaeche img{display:block;width:min(1040px,100%);max-width:none;height:auto;margin:0 auto;border-radius:6px;background:#fff;box-shadow:0 8px 40px rgba(0,0,0,.45)}
.cvx-lb .cvx-hinweis{color:#9FB1C6;font-size:12.5px;text-align:center;padding:10px 0 0;margin:0}
.cvx-lb .cvx-hinweis .cvx-mob{display:none}
@media(max-width:760px){
  .cvx-lb .cvx-bar{padding:10px 12px;gap:8px}
  .cvx-lb .cvx-bar .cvx-naechste,.cvx-lb .cvx-bar .cvx-rolle{display:none}
  .cvx-lb .cvx-bar .cvx-zoomb{display:inline-block}
  .cvx-lb .cvx-flaeche{padding:0 0 28px}
  .cvx-lb .cvx-flaeche img{width:100vw;border-radius:0;box-shadow:none;margin:0;cursor:zoom-in}
  .cvx-lb .cvx-flaeche img.gezoomt{width:230vw;cursor:zoom-out}
  .cvx-lb .cvx-hinweis{position:sticky;left:0;width:100vw;font-size:12px}
  .cvx-lb .cvx-hinweis .cvx-pc{display:none}
  .cvx-lb .cvx-hinweis .cvx-mob{display:inline}
}