/* UM-ENTWURF: nur Über mich, keine gemeinsamen E10-Tokens verändern. */
.about-draft{--about-body:clamp(1rem,.95rem + .3vw,1.25rem);--about-heading:clamp(1.75rem,1.35rem + 1.4vw,3rem);--about-emphasis:clamp(1.8rem,1.35rem + 1.4vw,3rem);--about-space:clamp(1.25rem,1rem + .65vw,2rem);--about-section-space:var(--e10-section);--about-portrait-width:clamp(24rem,32vw,32rem)}
.content-page main .about-draft .service-hero.shell{padding:0;display:block}
.about-draft .service-hero .about-video{max-width:none}
.about-draft .about-chapter{padding-block:var(--about-section-space)}
.about-draft .about-chapter--sage{background:var(--d-sage)}
.about-draft .about-chapter--rule{padding-top:0}
.about-draft .about-chapter--rule>.shell{border-top:1px solid color-mix(in srgb,var(--d-ink) 35%,transparent);padding-top:var(--about-section-space)}
.about-draft .about-title{margin-bottom:var(--about-space)}
.about-draft .about-kicker{font:400 clamp(1rem,.95rem + .2vw,1.125rem)/1.6 var(--font-sans);margin:0 0 var(--about-space);max-inline-size:none}
.about-draft .about-copy h1{font:500 clamp(1.75rem,1.3rem + 1.2vw,2.75rem)/1.15 var(--font-serif);letter-spacing:-.025em;margin:0 0 var(--about-space);max-inline-size:none;white-space:normal;hyphens:none;text-wrap:wrap}
.about-draft .about-row{display:grid;gap:var(--e10-gap);align-items:start}
.about-draft .about-copy{min-width:0;font:400 var(--about-body)/1.65 var(--font-sans);text-align:left}
.about-draft .about-copy h2{font:600 var(--about-heading)/1.15 var(--font-sans);letter-spacing:-.045em;white-space:normal;hyphens:none;text-wrap:pretty;margin:0 0 var(--about-space)}
.about-draft .about-copy p{font:inherit;max-inline-size:none;margin:0 0 var(--about-space)}
.about-draft .about-service-link{font:inherit;text-decoration:underline;text-underline-offset:.2em}
.about-draft .about-copy blockquote{font:500 var(--about-emphasis)/1.2 var(--font-serif);letter-spacing:-.02em;margin:0 0 var(--about-space);padding:0;border:0;background:none}
.about-draft .about-copy blockquote p{font:inherit;line-height:inherit;margin:0}
.about-draft .about-copy>*:last-child{margin-bottom:0}
.about-draft .about-chapter--reading .about-copy{width:100%;max-inline-size:none}
.about-draft .about-image{margin:0;min-width:0;width:100%}
.about-draft .about-image picture,.about-draft .about-image img{display:block;width:100%;height:auto;border-radius:var(--radius-l)}
/* Die bestehende Netzwerkkachel-Gestaltung bleibt erhalten. */
.phase-four--about .about-network__grid{display:grid;gap:var(--d-m)}
.phase-four--about .about-network__card{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:var(--d-m);background:var(--d-sage);border-radius:var(--radius-m)}
.phase-four--about .about-network__card h3{font-size:clamp(1.5rem,1.4rem + .5vw,2rem);margin:0 0 var(--d-s)}
.phase-four--about .about-network__card p{margin:0 0 var(--d-s)}
.phase-four--about .about-network__card .d-button{margin-top:auto;max-width:100%;white-space:normal}
@media(min-width:48rem){
 .phase-four--about .about-network__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Der im Auftrag genannte CTA bleibt als zentraler Baustein erhalten. */
.about-draft .service-cta__heading--desktop{display:block}
.about-draft .service-cta__label--mobile{display:none}
.about-draft .service-cta__label--desktop{display:inline}
@media(min-width:64rem){
 .about-draft{--about-section-space:clamp(2rem,1rem + 2vw,3.5rem)}
 .content-page main .about-draft .service-hero.shell{width:100%}
 .about-draft .about-row:not(.about-row--portrait):has(>.about-image),.about-draft .about-row--closing{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
 .about-draft .about-row>.about-image{grid-column:2;grid-row:1;position:relative;align-self:stretch;min-height:0}
 .about-draft .about-row>.about-copy{grid-column:1;grid-row:1}
 .about-draft .about-row--image-left>.about-image{grid-column:1}
 .about-draft .about-row--image-left>.about-copy{grid-column:2}
 .about-draft .about-row>.about-image picture{position:absolute;inset:0;height:100%}
 .about-draft .about-row>.about-image img{height:100%;object-fit:cover;object-position:center}
 /* UM-BILDKORREKTUR: beide Portraits wie die kompakte Businessportrait-Referenz. */
 .about-draft .about-row.about-row--portrait{grid-template-columns:minmax(0,var(--about-portrait-width)) minmax(0,1fr);align-items:center}
 .about-draft .about-row.about-row--portrait.about-row--experience{grid-template-columns:minmax(0,1fr) minmax(0,var(--about-portrait-width))}
 .about-draft .about-row.about-row--portrait>.about-image{position:static;width:100%;align-self:center}
 .about-draft .about-row.about-row--portrait>.about-image picture{position:static;height:auto}
 .about-draft .about-row.about-row--portrait>.about-image img{width:100%;height:auto;object-fit:contain}
 .about-draft .about-row--closing>.about-closing-emphasis{grid-column:2;grid-row:1}
}