/* Vollständig gekapselte Vita-Komponente – keine globalen Selektoren */
#wm-vita-root {
  --wm-vita-card-bg: #c4e2f0;
  --wm-vita-accent: #377f9f;
  --wm-vita-text: #63696c;
  --wm-vita-line: #63696c;
  color: var(--wm-vita-text);
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.38;
}
#wm-vita-root, #wm-vita-root * { box-sizing: border-box; }
#wm-vita-root .wm-vita-section { width: min(1180px, calc(100% - 40px)); margin: 0 auto; padding: 170px 0 80px; }
#wm-vita-root .wm-vita-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(36px,6vw,72px); align-items:start; }
#wm-vita-root .wm-vita-card { position:relative; min-width:0; padding:142px clamp(28px,4vw,46px) 30px; background:var(--wm-vita-card-bg); box-shadow:0 16px 40px rgba(31,65,79,.08); }
#wm-vita-root .wm-vita-portrait { position:absolute; z-index:2; top:-220px; left:50%; width:min(302px,65%); height:auto; transform:translateX(-50%); }
#wm-vita-root .wm-vita-card-header { margin-bottom:22px; text-align:center; text-transform:uppercase; }
#wm-vita-root .wm-vita-eyebrow, #wm-vita-root .wm-vita-card-header h1 { margin:0; font-weight:700; letter-spacing:.035em; }
#wm-vita-root .wm-vita-eyebrow { color:var(--wm-vita-accent); font-size:clamp(1.15rem,2vw,1.42rem); }
#wm-vita-root .wm-vita-card-header h1 { color:var(--wm-vita-text); font-size:clamp(1.15rem,2vw,1.42rem); line-height:1.15; }
#wm-vita-root .wm-vita-timeline { margin:0; }
#wm-vita-root .wm-vita-timeline > div + div { margin-top:8px; }
#wm-vita-root .wm-vita-timeline dt { color:var(--wm-vita-accent); font-size:1.12rem; font-weight:700; line-height:1.12; }
#wm-vita-root .wm-vita-timeline dd { margin:2px 0 0; font-size:1rem; }
#wm-vita-root .wm-vita-extended-content { display:none; }
#wm-vita-root .wm-vita-modal-vita .wm-vita-extended-content { display:block; }
#wm-vita-root .wm-vita-extended-content hr { height:2px; margin:24px 0 26px; border:0; background:var(--wm-vita-line); }
#wm-vita-root .wm-vita-extended-content h2 { margin:0 0 10px; color:var(--wm-vita-text); font-size:1.24rem; line-height:1.25; }
#wm-vita-root .wm-vita-extended-content .wm-vita-timeline + h2 { margin-top:22px; }
#wm-vita-root .wm-vita-memberships { margin:0; padding:0; list-style:none; }
#wm-vita-root .wm-vita-memberships li { position:relative; padding-left:.75em; }
#wm-vita-root .wm-vita-memberships li::before { content:'•'; position:absolute; left:0; }
#wm-vita-root .wm-vita-read-more { display:inline-flex; align-items:center; gap:9px; margin-top:25px; padding:9px 0; border:0; border-bottom:2px solid currentColor; background:transparent; color:var(--wm-vita-accent); font:inherit; font-weight:700; cursor:pointer; }
#wm-vita-root .wm-vita-read-more:hover { color:#245e78; }
#wm-vita-root .wm-vita-read-more:focus-visible { outline:3px solid rgba(55,127,159,.35); outline-offset:5px; }
#wm-vita-root .wm-vita-chevron { width:8px; height:8px; border-right:2px solid currentColor; border-bottom:2px solid currentColor; transform:rotate(45deg) translateY(-2px); }
#wm-vita-root .wm-vita-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
#wm-vita-root .wm-vita-modal { width:min(780px,calc(100% - 32px)); max-height:min(88vh,920px); padding:0; border:0; background:transparent; color:var(--wm-vita-text); overflow:visible; }
#wm-vita-root .wm-vita-modal::backdrop { background:rgba(23,34,39,.66); backdrop-filter:blur(2px); }
#wm-vita-root .wm-vita-modal-shell { max-height:min(88vh,920px); display:flex; flex-direction:column; overflow:hidden; background:var(--wm-vita-card-bg); box-shadow:0 24px 80px rgba(0,0,0,.28); }
#wm-vita-root .wm-vita-modal-header { display:flex; align-items:flex-start; justify-content:space-between; gap:24px; padding:28px 30px 20px; background:var(--wm-vita-card-bg); border-bottom:1px solid rgba(99,105,108,.35); }
#wm-vita-root .wm-vita-modal-header h2 { margin:0; color:var(--wm-vita-text); font-size:clamp(1.3rem,3vw,1.75rem); line-height:1.15; text-transform:uppercase; letter-spacing:.035em; }
#wm-vita-root .wm-vita-modal-close { flex:0 0 auto; width:44px; height:44px; display:grid; place-items:center; padding:0; border:0; border-radius:50%; background:rgba(255,255,255,.58); color:var(--wm-vita-text); font:inherit; font-size:2rem; line-height:1; cursor:pointer; }
#wm-vita-root .wm-vita-modal-close:hover { background:#fff; }
#wm-vita-root .wm-vita-modal-content { overflow:auto; padding:24px 30px 34px; }
#wm-vita-root .wm-vita-modal-content .wm-vita-preview { display:block; }
@media (max-width:760px) {
 #wm-vita-root .wm-vita-section { width:min(100% - 24px,560px); padding:150px 0 50px; }
 #wm-vita-root .wm-vita-grid { grid-template-columns:1fr; gap:200px; }
 #wm-vita-root .wm-vita-card { padding-top:115px; }
 #wm-vita-root .wm-vita-portrait { top:-175px; width:min(240px,70%); }
 #wm-vita-root .wm-vita-modal-header, #wm-vita-root .wm-vita-modal-content { padding-left:20px; padding-right:20px; }
}