.akzent-start .sp-stage{container-type:inline-size;max-width:1024px;margin-inline:auto}
.akzent-start[data-mobile] .sp-stage{max-width:390px}
.akzent-start .sp-page{--sp-paper:var(--bg);--sp-text:var(--text);--sp-muted:var(--muted);--sp-blue:var(--accent);--sp-line:var(--rule);--sp-soft:var(--card);--sp-hero-width:310px;--sp-pad:38px;background:var(--sp-paper);color:var(--sp-text);font:400 1rem/1.6 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-wrap:anywhere;display:flex;flex-direction:column}
.akzent-start .sp-page *{box-sizing:border-box}
.akzent-start .sp-page a{color:var(--sp-blue);text-underline-offset:5px;text-decoration-thickness:1px}
.akzent-start .sp-page :is(h1,h2,p,figure){margin:0}
.akzent-start .sp-page h1{font-size:clamp(2.5rem,5.7cqi,4.3rem);font-weight:600;line-height:1.07;letter-spacing:-.055em}
.akzent-start .sp-page h2{font-size:clamp(1.5rem,3.2cqi,2.3rem);font-weight:550;line-height:1.17;letter-spacing:-.035em}
.akzent-start .sp-page em{font-style:normal;color:var(--sp-blue)}
.akzent-start .sp-page img{display:block;width:100%;height:auto;object-fit:cover}
.akzent-start .sp-nav{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:22px var(--sp-pad);border-bottom:1px solid var(--sp-line)}
.akzent-start .sp-brand{font-weight:650;letter-spacing:-.035em;text-decoration:none;font-size:1.35rem}
.akzent-start .sp-brand span{font-weight:400;color:var(--sp-muted)}
.akzent-start .sp-nav nav{display:flex;gap:20px;flex-wrap:wrap}
.akzent-start .sp-nav nav a{font-size:.875rem;min-height:44px;display:inline-flex;align-items:center}
.akzent-start .sp-eyebrow{font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:var(--sp-muted);margin-bottom:22px}
.akzent-start .sp-small,.akzent-start .sp-qualification{font-size:.8125rem;color:var(--sp-muted)}
.akzent-start .sp-lead{font-size:1.2rem;line-height:1.5}
.akzent-start .sp-action{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:48px;background:var(--sp-blue);color:var(--sp-paper)!important;padding:10px 18px;border-radius:3px;font-size:.9375rem;text-decoration:none;font-weight:600}
.akzent-start .sp-hero{padding:48px var(--sp-pad);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,var(--sp-hero-width));gap:38px;align-items:center}
.akzent-start .sp-intro .sp-lead{margin-top:24px;margin-bottom:26px}
.akzent-start .sp-intro .sp-qualification{margin-top:26px}
.akzent-start .sp-hero-photo img{border-radius:4px;aspect-ratio:4/5}
.akzent-start figcaption{font-size:.75rem;color:var(--sp-muted);margin-top:10px}
.akzent-start .sp-clear{border-top:5px solid var(--sp-blue)}
.akzent-start .sp-roles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:26px var(--sp-pad);gap:24px;border-block:1px solid var(--sp-line)}
.akzent-start .sp-roles h2{font-size:1.125rem;margin-top:6px;letter-spacing:-.015em}
.akzent-start .sp-work{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:48px;padding:44px var(--sp-pad)}
.akzent-start .sp-work figure{max-width:310px;justify-self:start;width:100%}
.akzent-start .sp-work img{aspect-ratio:4/5;object-position:center;border-radius:3px}
.akzent-start .sp-work h2{margin-bottom:20px}
.akzent-start .sp-page details{border-top:1px solid var(--sp-line);margin-top:22px;padding-top:8px;font-size:.875rem}
.akzent-start .sp-page summary{min-height:44px;padding-block:10px}
.akzent-start .sp-personal{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:36px;align-items:center;margin-inline:var(--sp-pad);padding:26px;background:var(--sp-soft)}
.akzent-start .sp-personal h2{margin-bottom:14px}
.akzent-start .sp-personal p:not(.sp-eyebrow){margin-bottom:16px}
.akzent-start .sp-personal img{height:225px;object-position:center 24%;border-radius:3px}
.akzent-start .sp-footer{padding:28px var(--sp-pad);display:flex;gap:12px 25px;align-items:center;justify-content:space-between;flex-wrap:wrap;font-size:.8125rem;margin-top:auto;border-top:1px solid var(--sp-line)}
.akzent-start .sp-footer a{display:inline-flex;align-items:center;min-height:44px}
.akzent-start .sp-footer span{color:var(--sp-muted)}

/* Gemeinsame Palette, normale Navigation und Produktionsintegration. */
:root{--bg:#faf9f6;--text:#202b32;--muted:#53616a;--rule:#c6ced1;--accent:#174c69;--accent-hover:#0c344c;--card:#e9efef;color-scheme:light}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#1c2226;--text:#edf0f2;--muted:#bdc8ce;--rule:#596970;--accent:#a2d5ef;--accent-hover:#d2eaf8;--card:#29353b;color-scheme:dark}}
:root[data-theme="dark"]{--bg:#1c2226;--text:#edf0f2;--muted:#bdc8ce;--rule:#596970;--accent:#a2d5ef;--accent-hover:#d2eaf8;--card:#29353b;color-scheme:dark}
html{font-size:100%;scroll-padding-top:1rem}
body{padding-bottom:0;overflow-wrap:anywhere}
:is(a,button,summary):focus-visible{outline:3px solid var(--focus);outline-offset:4px}
.akzent-start .sp-page main{width:100%;max-width:none;margin:0;padding:0}
.akzent-start .sp-page :is(h1,h2){border:0;padding:0}
.akzent-start .sp-page h1{margin:0}
.akzent-start .sp-page h4{font-size:1rem;line-height:1.4;margin:1.4rem 0 .5rem}
.akzent-start .sp-page .sp-footer{max-width:none;width:100%;margin:30px 0 0}
.akzent-start .sp-nav{gap:14px}
.akzent-start .sp-nav nav{margin-left:auto}
.akzent-start .sp-nav .thema{margin-left:2px;width:40px;height:40px}
.akzent-start .sp-details-content{padding-block:12px;font-size:1rem;line-height:1.65}
.akzent-start .sp-work:has(details[open]){align-items:start}
.akzent-start .sp-work:has(details[open]) .sp-details-content h3{margin:2rem 0 .75rem;font-size:1.35rem}
.akzent-start .sp-details-content p{margin-bottom:1rem}
.akzent-start .sp-details-content .zeitachse{grid-template-columns:5.8rem minmax(0,1fr);column-gap:.8rem}
.akzent-start .sp-details-content .zeitachse dt{font-size:.875rem}
.akzent-start .sp-details-content .zeitachse dd{font-size:.9375rem}
.akzent-start .sp-details-content .lead{font-size:1rem}
.akzent-start .sp-utility{margin:28px var(--sp-pad) 0}
.akzent-start .sp-utility details{margin-bottom:18px}
.akzent-start .sp-utility h2{margin:12px 0 18px;font-size:1.5rem}
.akzent-start .sp-footer{display:block}
.akzent-start .sp-contact-row{display:flex;gap:14px 26px;justify-content:space-between;flex-wrap:wrap;align-items:center}
.akzent-start .sp-contact-row span{color:var(--muted)}
.akzent-start .sp-legal{display:flex;gap:14px;flex-wrap:wrap;margin:8px 0 16px}
.akzent-start .sp-legal a{min-height:44px;display:inline-flex;align-items:center}
.akzent-start .sp-footer .sp-small{margin-top:5px}
.site-head{max-width:1024px;margin:auto;display:flex;align-items:center;flex-wrap:wrap;gap:18px;padding:22px 28px;border-bottom:1px solid var(--rule)}
.site-brand{font-size:1.35rem;letter-spacing:-.035em;font-weight:650;text-decoration:none}
.site-brand span{font-weight:400;color:var(--muted)}
.site-head nav{display:flex;flex-wrap:wrap;gap:18px;margin-left:auto}
.site-head nav a{min-height:44px;display:inline-flex;align-items:center;font-size:.875rem}
.site-head .thema{width:40px;height:40px}
.akzent-unterseite main{max-width:52rem}
.akzent-unterseite .kopf{padding-top:38px}
.akzent-unterseite .privat-portrait{width:13rem}
.site-bottom{max-width:52rem;margin:0 auto;padding:12px 1.25rem 26px;display:flex;gap:14px;flex-wrap:wrap;border-top:1px solid var(--rule)}
.site-bottom a{display:inline-flex;align-items:center;min-height:44px;font-size:.875rem}
.akzent-unterseite footer{padding-bottom:20px}
.akzent-unterseite .galerie-bedienung{clear:both;margin:20px 0 10px}
.sp-hero-photo img{max-width:100%}
@container(max-width:650px){
 .akzent-start .sp-page{--sp-pad:22px}
 .akzent-start .sp-nav{padding-block:16px;gap:6px}
 .akzent-start .sp-nav nav{gap:16px;margin-left:0;order:3;width:100%}
 .akzent-start .sp-nav .thema{margin-left:auto}
 .akzent-start .sp-page h1{font-size:clamp(2.2rem,9cqi,3rem)}
 .akzent-start .sp-hero{grid-template-columns:1fr;padding-block:32px;gap:30px}
 .akzent-start .sp-hero-photo{width:min(100%,280px);justify-self:center}
 .akzent-start .sp-roles{grid-template-columns:1fr;gap:16px}
 .akzent-start .sp-roles>div{display:flex;justify-content:space-between;gap:12px;align-items:baseline}
 .akzent-start .sp-roles h2{font-size:1rem}
 .akzent-start .sp-work{grid-template-columns:1fr;gap:25px;padding-block:30px}
 .akzent-start .sp-work figure{max-width:260px;justify-self:center;grid-row:2}
 .akzent-start .sp-personal{grid-template-columns:minmax(0,1fr) 110px;padding:18px;gap:16px}
 .akzent-start .sp-personal img{height:160px}
 .akzent-start .sp-page h2{font-size:1.6rem}
 .akzent-start .sp-details-content .zeitachse{grid-template-columns:1fr}
 .akzent-start .sp-details-content .zeitachse dd{margin-bottom:14px}
}
@container(max-width:350px){.akzent-start .sp-personal{grid-template-columns:1fr}.akzent-start .sp-personal img{height:180px;width:144px}.akzent-start .sp-nav nav{gap:12px}.akzent-start .sp-page{--sp-pad:18px}}
@media(max-width:650px){.site-head{padding:16px 22px;gap:6px}.site-head nav{order:3;width:100%;margin-left:0}.site-head .thema{margin-left:auto}.akzent-unterseite .privat-portrait{width:11rem}}
@media print{.sp-nav,.site-head,.site-bottom,.sp-utility,.sp-action,.sp-legal{display:none!important}.akzent-start .sp-stage{max-width:none}.akzent-start .sp-page{font-size:11pt}.akzent-start .sp-work{display:block}.akzent-start .sp-work figure{display:none}.akzent-start .sp-hero{grid-template-columns:1fr 140px}.akzent-start .sp-page h1{font-size:26pt}.akzent-start .sp-page .sp-footer{break-inside:avoid}details:not([open]){display:none}.sp-personal{break-inside:avoid}}