/* Vorlage „Bauhaus“ (seit V60, A4 794 × 1123 px). Feste Farben: Rot, Gelb, Blau, Schwarz. Schrift über --kopf/--text (Standard Jost).
   Für das PDF nur echte Flächen: Kreise über border-radius, keine Dreiecke, keine Drehung, keine ::before/::after. */
.bh{--rot:#C8281E;--gelb:#F2BE22;--blau:#1F4C9A;--schwarz:#141414;--grau:#5A5A5A;font-family:var(--text,'CV Jost'),sans-serif;color:var(--schwarz);font-size:10.8px;line-height:1.5;padding:0 60px}
.bh .seite-innen{display:flex;flex-direction:column}

/* Kopf mit Formen */
.bh .bh-kopf{position:relative;height:286px;margin:0 -60px;padding:64px 60px 0}
.bh .bh-formen{position:absolute;inset:0;overflow:hidden}
.bh .bh-quadrat{position:absolute;right:236px;top:168px;width:104px;height:104px;background:var(--gelb)}
.bh .bh-kreis{position:absolute;right:66px;top:44px;width:206px;height:206px;border-radius:50%;background:var(--rot)}
.bh .bh-balken{position:absolute;right:0;top:232px;width:262px;height:22px;background:var(--blau)}
.bh .bh-foto{position:absolute;display:block;object-fit:cover}
.bh .bh-foto.rund{right:91px;top:69px;width:156px;height:156px;border-radius:50%;object-position:50% 30%}
.bh .bh-foto.eckig{right:107px;top:62px;width:124px;height:155px;object-position:50% 50%}
.bh .bh-kopf-text{position:relative;max-width:380px}
.bh .bh-vorname{font-family:var(--kopf,'CV Jost'),sans-serif;font-size:15px;font-weight:500;letter-spacing:.32em;text-transform:uppercase;margin-bottom:6px}
.bh .bh-nachname{font-family:var(--kopf,'CV Jost'),sans-serif;font-size:56px;font-weight:700;line-height:.98;text-transform:uppercase;letter-spacing:-.005em;word-break:break-word}
/* Lange Nachnamen kleiner, damit sie nicht mitten im Wort umbrechen */
.bh .bh-kopf-text.mittel .bh-nachname{font-size:46px}
.bh .bh-kopf-text.lang .bh-nachname{font-size:38px}
.bh .bh-kopf-text.sehr-lang .bh-nachname{font-size:31px}
.bh .bh-titel{display:inline-block;margin-top:16px;background:var(--schwarz);color:#fff;font-size:10.5px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;padding:5px 11px 4px;line-height:1.45}
.bh .bh-kontakt{display:flex;flex-wrap:wrap;gap:5px 18px;font-size:10px;color:#333;margin-top:2px}
.bh .bh-k{display:inline-flex;align-items:center;white-space:nowrap}
.bh .bh-k-q{display:inline-block;width:5px;height:5px;background:var(--schwarz);margin-right:7px}
.bh .bh-kopflinie{height:4px;background:var(--schwarz);margin:14px 0 4px}

/* Folgeseiten */
.bh .bh-folgekopf{display:flex;align-items:center;gap:10px;padding:46px 0 9px;border-bottom:3px solid var(--schwarz);margin-bottom:4px}
.bh .bh-fk-kreis{flex:0 0 12px;height:12px;border-radius:50%;background:var(--rot)}
.bh .bh-fk-name{font-family:var(--kopf,'CV Jost'),sans-serif;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.bh .bh-fk-titel{margin-left:auto;font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--grau)}

/* Abschnitte */
.bh .bh-profil{font-size:12.6px;font-weight:500;line-height:1.55;margin:16px 0 2px}
.bh .bh-profil b{font-weight:700}
.bh .kv-text{margin-bottom:4px}
.bh .bh-h2{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;padding:20px 0 10px}
.bh .bh-f{flex:0 0 13px;height:13px;display:block}
.bh .bh-f-kreis{background:var(--rot);border-radius:50%}
.bh .bh-f-quadrat{background:var(--gelb)}
.bh .bh-f-blau{background:var(--blau)}
.bh .bh-h2-linie{flex:1;height:2px;background:var(--schwarz)}
.bh .bh-eintrag{display:flex;gap:18px;padding-bottom:12px}
.bh .bh-zeit{flex:0 0 112px;font-weight:700;font-size:10px;letter-spacing:.02em;padding-top:2px}
.bh .bh-inhalt{flex:1;min-width:0}
.bh .kv-position{font-family:var(--kopf,'CV Jost'),sans-serif;font-size:12.6px;font-weight:600;line-height:1.35}
.bh .kv-firma{color:var(--grau);margin-bottom:3px}
.bh .kv-punkte{list-style:none;margin:0;padding:0}
.bh .kv-punkte li{display:flex;align-items:flex-start;margin-bottom:2px}
.bh .kv-strich{flex:0 0 5px;height:5px;background:var(--rot);margin:6px 9px 0 0}
.bh .kv-dot{flex:0 0 5px;height:5px;border-radius:50%;background:var(--blau);margin:6px 9px 0 0}
.bh .kv-punkte b{font-weight:700}
.bh .kv-text .kv-punkte li{margin-bottom:4px}
.bh .kv-text .kv-punkte li.art-text{display:block}

/* Kenntnisse und Sprachen */
.bh .bh-zwei{display:flex;gap:40px}
.bh .bh-spalte{flex:1;min-width:0}
.bh .bh-eins .bh-spalte{flex:0 0 calc(50% - 20px)}
.bh .bh-paar{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid #D9D9D9;padding:4px 0}
.bh .bh-stufe{color:var(--grau);text-align:right}
.bh .bh-q{display:flex;gap:3px;flex:0 0 auto}
.bh .bh-q i{display:block;width:8px;height:8px;background:#E2E2E2}
.bh .bh-q i.voll{background:var(--blau)}

/* Fuß mit Farbband bis an den Rand */
.bh .bh-fuss{margin:0 -60px}
.bh .bh-fuss-text{display:flex;justify-content:space-between;font-size:9px;color:#8A8A8A;padding:10px 60px 12px}
.bh .bh-band{display:flex;height:14px}
.bh .bh-band i{display:block}
.bh .bh-band-b{flex:3;background:var(--blau)}
.bh .bh-band-g{flex:1;background:var(--gelb)}
.bh .bh-band-r{flex:2;background:var(--rot)}