/* Dokumentfarben, Schriften und Abstände werden aus den PDF-Stilen in lebenslauf-stile.css geladen. */
.lebenslauf-ansicht{max-width:820px}
.lebenslauf-ansicht .blatt-panel{position:relative;top:auto;right:auto;display:block;margin:0 0 10px auto;width:max-content;max-width:100%}
.lebenslauf-ansicht .blatt-panel-knopf{display:flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:8px 12px;border-radius:8px;cursor:pointer;color:var(--text);font:13px ui-sans-serif,system-ui,sans-serif}
.lebenslauf-ansicht .blatt-panel-inhalt{top:calc(100% + 6px);width:min(390px,calc(100vw - 40px));max-height:65vh;z-index:4}
.lebenslauf-ansicht .block-zeile{flex-wrap:wrap;padding:5px 0;gap:4px}
.lebenslauf-ansicht .block-zeile>span{flex:1 1 135px}
.lebenslauf-ansicht .block-zeile>.blatt-steuerung{margin:0 0 0 auto}
.lebenslauf-editor-hinweis{font:12px/1.5 ui-sans-serif,system-ui,sans-serif;color:var(--gedaempft);margin:8px 0 12px}
.papier.lebenslauf{position:relative;--cv-primaer:#4a7ba7;--cv-linie:#4a7ba7;--cv-sekundaer:#36688d;--cv-kopffarbe:var(--cv-linie);--cv-schrift:"Roboto";--cv-textgroesse:11pt;--cv-titelgroesse:13pt;--cv-namengroesse:21pt;--cv-linienstaerke:1pt;--cv-kopflinie:1pt;--cv-stationsabstand:8.536pt;--cv-abschnittsabstand:14pt;--cv-titelabstand:3pt;--cv-datumsspalte:4cm;--cv-balkenbreite:0pt;font-family:var(--cv-schrift),Arial,sans-serif;font-size:var(--cv-textgroesse);line-height:1.4;padding:40px 44px}
.papier.lebenslauf p{font-family:inherit}
.lebenslauf .lebenslauf-kopf{padding:0 0 10px;margin:0 0 14px;border:0}
.lebenslauf .lebenslauf-name{font-size:var(--cv-namengroesse);font-weight:400;line-height:1.2;border-bottom:var(--cv-kopflinie) solid var(--cv-kopffarbe);padding:6px 0 8px}
.lebenslauf .lebenslauf-kontakt{font-size:.88em}
.lebenslauf[data-nameausrichtung=rechts] .lebenslauf-name{text-align:right}
.lebenslauf .lebenslauf-foto{float:right;max-width:27%;width:140px;max-height:180px;object-fit:contain;margin:0 0 16px 20px}
.lebenslauf:has(>.lebenslauf-foto) .lebenslauf-kopf{margin-right:calc(27% + 20px);min-height:175px}
.lebenslauf .lebenslauf-links{justify-content:inherit}
.lebenslauf .lebenslauf-dokumenttitel{font-size:1em;color:var(--cv-primaer);margin-bottom:12px!important}
.lebenslauf .lebenslauf-link{color:var(--cv-primaer);font-size:.85em;border:0;border-radius:0;padding:0 4px 0 0}
.lebenslauf .lebenslauf-profil-link{display:inline-flex;align-items:center;gap:4px;min-height:30px;font:11px/1.4 ui-sans-serif,system-ui,sans-serif;color:var(--cv-sekundaer);text-decoration:underline;text-underline-offset:3px}
.lebenslauf .lebenslauf-profil-link .ui-symbol{width:13px;height:13px}
.lebenslauf .lebenslauf-block{clear:both;padding:0 0 var(--cv-abschnittsabstand);border-radius:0}
.lebenslauf .block-titel{font-family:inherit;font-size:var(--cv-titelgroesse);font-weight:700;text-transform:none;letter-spacing:0;color:var(--cv-primaer);border:0;border-radius:0;margin:0 0 var(--cv-titelabstand);padding:4px 0}
.lebenslauf[data-abschnitt=linie-oben] .block-titel{border-top:var(--cv-linienstaerke) solid var(--cv-linie);padding-top:8px}
.lebenslauf:is([data-abschnitt=kompakt],[data-abschnitt=linie-unten]) .block-titel{border-bottom:var(--cv-linienstaerke) solid var(--cv-linie);padding-bottom:4px}
.lebenslauf[data-abschnitt=kompakt] .block-titel{color:var(--cv-sekundaer)}
.lebenslauf[data-abschnitt=balken] .block-titel{border-left:var(--cv-balkenbreite) solid var(--cv-sekundaer);border-bottom:var(--cv-linienstaerke) solid var(--cv-linie);padding:2px 0 7px 10px}
.lebenslauf[data-kapitaelchen=true] .block-titel{font-variant:small-caps}
.lebenslauf[data-titelversalien=true] .block-titel{text-transform:uppercase}
/* Werkzeuge bleiben ohne Hover sichtbar und liegen außerhalb der editierbaren Texte. */
.lebenslauf-ansicht .blatt-steuerung,
.lebenslauf-ansicht .lebenslauf-eintrag:is(:hover,:focus-within):has(.eintrag-punkt:is(:hover,:focus-within))>.blatt-steuerung{position:static;opacity:1;pointer-events:auto;display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:3px;width:auto;min-width:0;max-width:100%;margin:2px 0 4px;padding:0;border:0;box-shadow:none;background:transparent;transition:none}
.lebenslauf-ansicht .blatt-steuerung .symbolknopf,.lebenslauf-ansicht .blatt-panel-fuss .symbolknopf{width:36px;height:36px;min-width:36px;border:1px solid var(--linie);background:var(--flaeche);color:var(--text);border-radius:7px}
.lebenslauf-ansicht .blatt-steuerung .symbolknopf:hover:not(:disabled){background:var(--hover);border-color:var(--akzent)}
.lebenslauf-ansicht :is(button,a,summary):focus-visible{outline:3px solid var(--akzent);outline-offset:2px}
.lebenslauf-ansicht .blatt-steuerung .symbolknopf:disabled{opacity:.3;cursor:not-allowed}
.lebenslauf-ansicht .blatt-steuerung .symbolknopf.sync{color:var(--akzent)}
.lebenslauf .lebenslauf-eintrag{grid-template-columns:minmax(80px,var(--cv-datumsspalte)) minmax(0,1fr);gap:4px 12px;margin:0 0 var(--cv-stationsabstand);padding:0}
.lebenslauf-eintrag>.blatt-steuerung{grid-column:1/-1}
.lebenslauf .eintrag-zeit{font-size:.9em;color:var(--papier-leise);padding-top:0}
.lebenslauf[data-datumausrichtung=rechts] .eintrag-zeit{text-align:right}
.lebenslauf .eintrag-titel{font-size:1em}
.lebenslauf .eintrag-ort{font-size:.94em}
.lebenslauf .eintrag-punkte{gap:5px}
.lebenslauf .eintrag-punkt{display:flex;flex-wrap:wrap;align-items:flex-start;gap:3px 6px;padding:0 0 4px}
.lebenslauf .eintrag-punkt>.blatt-text{flex:1 1 calc(100% - 20px)}
.lebenslauf .eintrag-punkt>.blatt-steuerung{flex:1 1 100%}
.lebenslauf .blatt-text textarea{font-family:inherit;font-size:1em;line-height:1.4;min-height:30px}
/* Qualifikationen im Aufbau des PDFs; der Haken bestimmt die Anzeige, ohne Haken blass. */
.lebenslauf .vorschau-eintrag{display:flex;gap:8px;align-items:flex-start;cursor:pointer;border-radius:5px;padding:3px 4px;margin:-3px -4px}
.lebenslauf .vorschau-eintrag:hover{background:var(--papier-hover)}
.lebenslauf .vorschau-eintrag input{width:18px;height:18px;margin:2px 0 0;flex:none;accent-color:var(--cv-primaer);cursor:pointer}
.lebenslauf .vorschau-inhalt{display:grid;flex:1;min-width:0}
.lebenslauf .vorschau-eintrag:has(input[type=checkbox]:not(:checked)) .vorschau-inhalt{opacity:.4}
.lebenslauf .vorschau-eintrag:has(input[type=checkbox]:not(:checked)) .vorschau-name{text-decoration:line-through}
.lebenslauf .vorschau-kategorie:not(:has(input[name=angezeigt]:checked)) .vorschau-label{opacity:.4}
.lebenslauf .kenntnis-speichern{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px;margin:14px 0 4px;font:13px ui-sans-serif,system-ui,sans-serif;color:var(--papier-leise)}
.lebenslauf .kenntnis-speichern button{display:inline-flex;align-items:center;gap:6px;min-height:38px}
.lebenslauf .kenntnis-speichern .ui-symbol{width:15px;height:15px}
.lebenslauf form.kenntnis-auswahl.geaendert .kenntnis-speichern{position:sticky;bottom:12px;z-index:5;background:var(--papier);padding:8px 10px;border:1px solid var(--akzent);border-radius:8px;box-shadow:0 6px 18px rgb(0 0 0/.18);color:var(--papier-text)}
.lebenslauf .vorschau-blatt{display:grid;gap:14px;padding:4px 0}
.lebenslauf .vorschau-kategorie{display:grid;grid-template-columns:minmax(90px,24%) 1fr;gap:4px 12px}
.lebenslauf .vorschau-label{font-weight:700;margin:0;display:flex;gap:8px;align-items:flex-start;align-self:start;cursor:pointer}
.lebenslauf .vorschau-label input{width:18px;height:18px;margin:2px 0 0;flex:none;accent-color:var(--cv-primaer);cursor:pointer}
.lebenslauf .vorschau-eintraege{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;align-content:start}
.lebenslauf .vorschau-eintraege.einzeln{grid-template-columns:1fr}
.lebenslauf .vorschau-name{font-weight:700}
.lebenslauf .vorschau-verweis .ui-symbol{width:.9em;height:.9em;vertical-align:-1px;color:var(--akzent)}
.lebenslauf .vorschau-beleg{font-size:.86em;color:var(--papier-leise);line-height:1.35}
/* Kompakte Stile: Kategorie als Überschrift, Seitenspalte schmal und einspaltig, Niveau als Balken. */
.lebenslauf .vorschau-blatt[data-kompakt=true] .vorschau-kategorie{grid-template-columns:1fr}
.lebenslauf .vorschau-blatt[data-kompakt=true] .vorschau-label{color:var(--cv-primaer);text-transform:uppercase;letter-spacing:.04em;font-size:.86em;border-bottom:1px solid color-mix(in srgb,currentColor 25%,transparent);padding-bottom:2px}
.lebenslauf .vorschau-blatt[data-kompakt=true][data-spalte=seite]{max-width:300px}
.lebenslauf .vorschau-blatt[data-kompakt=true][data-spalte=seite] .vorschau-eintraege{grid-template-columns:1fr}
.lebenslauf .vorschau-niveau{display:block;height:3px;margin-top:5px;background:linear-gradient(to right,var(--cv-primaer) var(--anteil,70%),color-mix(in srgb,currentColor 15%,transparent) 0)}
.lebenslauf .vorschau-niveau[data-niveau=grundkenntnisse]{--anteil:40%}
.lebenslauf .vorschau-niveau[data-niveau=vertiefte_kenntnisse]{--anteil:90%}
.lebenslauf .neu-pille-knopf{min-height:36px}
/* Sofort-Schalter: das Symbol zeigt, was ein Klick bewirkt. */
[data-schalter] button[aria-pressed=true] .schalter-ein,[data-schalter] button[aria-pressed=false] .schalter-aus{display:none}
[data-schalter] button>span{display:inline-flex;align-items:center}
.lebenslauf .kenntnis-bearbeiten{margin-top:4px;font:12px ui-sans-serif,system-ui,sans-serif;color:var(--papier-leise)}
.lebenslauf .kenntnis-bearbeiten>summary{cursor:pointer;min-height:32px;padding:6px 0;display:flex;align-items:center;gap:5px}
.lebenslauf .kenntnis-bearbeiten .ui-symbol{width:13px;height:13px}
.lebenslauf .kenntnis-editor,.lebenslauf .beleg-editor{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.lebenslauf .kenntnis-zeile{border:1px solid var(--linie);border-radius:7px;padding:6px 8px;color:var(--text);background:var(--flaeche)}
.lebenslauf .kenntnis-zeile.aus{opacity:.55}
.lebenslauf .kenntnis-kopf{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.lebenslauf .kenntnis-kopf>.knopf-form .symbolknopf,.lebenslauf .beleg-zeile>.knopf-form .symbolknopf{width:32px;height:32px;min-width:32px}
.lebenslauf .kenntnis-daten{display:flex;flex-wrap:wrap;align-items:center;gap:6px;flex:1 1 260px}
.lebenslauf .kenntnis-daten label{flex:1 1 140px;margin:0}
.lebenslauf .kenntnis-daten input,.lebenslauf .kenntnis-daten select{width:100%;min-height:32px;font:inherit}
.lebenslauf .kenntnis-kopf>.blatt-steuerung{position:static;opacity:1;pointer-events:auto;box-shadow:none;border:0;background:transparent;padding:0}
.lebenslauf .beleg-editor{margin:6px 0 0 38px}
.lebenslauf .beleg-zeile{display:flex;align-items:flex-start;gap:6px}
.lebenslauf .beleg-zeile.aus>:not(.knopf-form){opacity:.5;text-decoration:line-through}
.lebenslauf .beleg-zeile>.blatt-text{flex:1}
.lebenslauf .beleg-verweis{padding-top:7px}
@media(max-width:700px){
 .papier.lebenslauf{padding:24px 18px}
 .lebenslauf .lebenslauf-eintrag{grid-template-columns:1fr;gap:3px}
 .lebenslauf[data-datumausrichtung=rechts] .eintrag-zeit{text-align:left}
 .lebenslauf-ansicht .blatt-steuerung .symbolknopf,.lebenslauf-ansicht .blatt-panel-fuss .symbolknopf{width:44px;height:44px;min-width:44px}
 .lebenslauf .neu-pille-knopf{min-height:44px}
 .lebenslauf .vorschau-kategorie{grid-template-columns:1fr}
 .lebenslauf .vorschau-eintraege{grid-template-columns:1fr}
 .lebenslauf .lebenslauf-profil-link{min-height:40px}
 .lebenslauf .lebenslauf-foto{width:90px;margin-left:12px;max-height:125px}
 .lebenslauf:has(>.lebenslauf-foto) .lebenslauf-kopf{min-height:125px;margin-right:calc(27% + 12px)}
}
@media print{
 .lebenslauf-ansicht :is(.blatt-panel,.blatt-steuerung,.lebenslauf-editor-hinweis,.lebenslauf-profil-link,.blatt-wieder,.kenntnis-speichern,.kenntnis-bearbeiten){display:none!important}
 .lebenslauf .vorschau-eintrag:has(input[type=checkbox]:not(:checked)){display:none}
 .lebenslauf .vorschau-eintrag input{display:none}
 .lebenslauf .vorschau-kategorie:not(:has(input[name=angezeigt]:checked)){display:none}
 .lebenslauf .vorschau-label input{display:none}
 .lebenslauf .lebenslauf-eintrag.aus,.lebenslauf .eintrag-punkt.aus{display:none}
}

.lebenslauf:not([data-stil=latex_standard]):not([data-stil=halb_kompakt]):not([data-stil=ganz_kompakt]) .eintrag-punkt textarea{font-style:italic}
/* Dokumentfarben bleiben auch auf dem dunklen Bearbeitungsblatt lesbar. */
:root[data-modus=dunkel] .papier.lebenslauf{--cv-lesbar:color-mix(in srgb,var(--cv-primaer) 45%,var(--papier-text));--cv-link:color-mix(in srgb,var(--cv-sekundaer) 45%,var(--papier-text))}
@media(prefers-color-scheme:dark){:root:not([data-modus=hell]) .papier.lebenslauf{--cv-lesbar:color-mix(in srgb,var(--cv-primaer) 45%,var(--papier-text));--cv-link:color-mix(in srgb,var(--cv-sekundaer) 45%,var(--papier-text))}}
.lebenslauf :is(.block-titel,.lebenslauf-dokumenttitel,.lebenslauf-link){color:var(--cv-lesbar,var(--cv-primaer))}
.lebenslauf .lebenslauf-profil-link,.lebenslauf[data-abschnitt=kompakt] .block-titel{color:var(--cv-link,var(--cv-sekundaer))}