/* Inhaltsseiten verwenden ausschließlich das gemeinsame E10-Fundament. */
.content-page{--page-reading:65ch;--page-field-height:3.5rem;--page-textarea-height:10rem;--page-muted:#4b5145}
.content-page main .shell{width:calc(100% - 2 * var(--e10-gutter));margin-inline:auto}
.content-page .story,.content-page .knowledge,.content-page .contact-band{padding-block:var(--e10-section)}
.content-page .story__inner{display:grid;gap:var(--e10-gap);align-items:center}
.content-page .story__copy{max-inline-size:var(--page-reading)}
.content-page .legal-copy .story__copy>div{margin-block:1rem}
.content-page .legal-copy .story__copy>h1{margin-block:0 var(--d-l)}
.content-page .story__copy>*:last-child{margin-bottom:0}
.content-page .story__image{min-width:0}
.content-page .story__image img,.content-page .story-gallery img,.content-page .project-card img{width:100%;height:auto;border-radius:var(--radius-l)}
.content-page .story__image a,.content-page .story-gallery a{display:block}
.content-page .story-gallery,.content-page .project-list{display:grid;gap:var(--e10-gap);grid-column:1/-1}
.content-page .project-card{display:grid;align-content:start;gap:var(--d-m);min-width:0}
.content-page .project-card h3{font-size:var(--d-h3)}
.content-page .eyebrow{font-size:var(--d-label);font-weight:500;letter-spacing:.045em;margin-bottom:var(--d-s)}
.content-page .dark-panel{background:var(--d-ink);color:var(--d-paper)}
.content-page .knowledge:nth-of-type(even){background:var(--d-sage)}
.content-page .knowledge__inner{max-inline-size:var(--page-reading)}
.content-page .facts__list,.content-page .comparison{margin:0}
.content-page .facts__list>div,.content-page .comparison>div{border-top:var(--d-hairline) solid currentColor;padding-block:var(--d-s)}
.content-page dt{font-weight:600}.content-page dd{margin:var(--d-xs) 0 0}
.content-page .faq-list{display:grid;gap:var(--d-l);margin-top:var(--d-l)}
.content-page .faq-item h3{font-size:var(--d-h3)}
.content-page .draft-label,.content-page .field-hint,.content-page .field-error{font-size:var(--d-label)}
.content-page .actions,.content-page .section-links{display:flex;flex-wrap:wrap;gap:var(--d-s);margin-top:var(--d-m)}
.content-page .section-links a{display:flex;align-items:center;min-height:var(--d-touch);font-weight:600}
.content-page blockquote{font-family:var(--font-serif);font-size:var(--d-h3);margin-block:var(--d-l)}
.content-page blockquote footer{font-family:var(--font-sans);font-size:var(--d-label)}
.content-page .trust span{display:block;font-size:var(--d-label)}
.content-page .form-intro{padding-block:var(--e10-section) var(--d-l);max-inline-size:var(--page-reading)}
.content-page .form-layout{display:grid;gap:var(--e10-gap);padding-bottom:var(--e10-section)}
.content-page .contact-form,.content-page .form-fields{display:grid;gap:var(--d-m);min-width:0}
.content-page .field{display:grid;gap:var(--d-xs);min-width:0}
.content-page .field label{font-size:var(--d-label);font-weight:500}
.content-page input,.content-page select,.content-page textarea{font:inherit}
.content-page .field input,.content-page .field select,.content-page .field textarea{width:100%;min-width:0;min-height:var(--page-field-height);border:var(--d-hairline) solid var(--page-muted);background:var(--d-paper);color:var(--d-ink);padding:var(--d-xs) var(--d-s);border-radius:var(--radius-s)}
.content-page .field textarea{resize:vertical;min-height:var(--page-textarea-height)}
.content-page .field [aria-invalid=true]{border-width:2px}
.content-page input:focus-visible,.content-page select:focus-visible,.content-page textarea:focus-visible,.content-page button:focus-visible{outline:3px solid var(--d-ink);outline-offset:5px}
.content-page .form-message{padding:var(--d-m);border:2px solid var(--d-ink);border-radius:var(--radius-l);margin-bottom:var(--d-m)}
.content-page .form-message h2,.content-page .contact-details h2{font-size:var(--d-h3)}
.content-page .contact-details address{font-style:normal;margin-block:var(--d-s)}
.content-page .honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.content-page .contact-form .d-button{border:0;cursor:pointer;justify-self:start}
.content-page .contact-form .d-button:disabled{cursor:default;opacity:.7}
@media(min-width:48rem){
 .content-page .story--pictured .story__inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .content-page .story-gallery,.content-page .project-list,.content-page .form-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
 .content-page .field--wide{grid-column:1/-1}
}
@media(min-width:64rem){
 .content-page .form-layout{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}
 .content-page .contact-details{border-left:var(--d-hairline) solid var(--d-sage);padding-left:var(--d-m)}
 .content-page .project-list{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:63.999rem){body:has(.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus) :is(.d-contact-tools,.d-top){display:none}}

/* Leistungsseiten: E10-Farbwelt und Typografie, individuelle Bildrhythmen. */
.service-page{overflow-wrap:break-word}
.service-page figure{margin:0;min-width:0}
.service-page picture,.service-page .d-image-view{display:block}
.service-page img{display:block;width:100%;height:auto;border-radius:var(--radius-l);object-position:var(--image-focus,center 25%)}
.service-hero{padding-block:var(--e10-section) var(--d-l);display:grid;gap:var(--e10-gap);align-items:center}
.service-page .service-hero h1{font:500 var(--d-label)/1.5 var(--font-sans);letter-spacing:.045em;margin:0 0 var(--d-m)}
.service-page .service-claim{font:400 var(--fs-hero-mobile)/1.06 var(--font-serif);letter-spacing:-.035em;margin:0;text-wrap:balance}
.service-hero__image{max-width:100%}
.service-intro{padding-block:var(--d-l) var(--e10-section)}
.service-copy{max-width:65ch;min-width:0}
.service-page h2{font-size:var(--fs-about-title);line-height:1.08;text-wrap:balance}
.service-copy>*:last-child{margin-bottom:0}
.service-page blockquote{margin-inline:0;font-size:var(--fs-quote);line-height:1.15}
.service-section{padding-block:var(--e10-section)}
.service-section--tint{background:var(--d-sage)}
.service-layout{display:grid;gap:var(--e10-gap);align-items:center}
.service-images{min-width:0;display:grid;gap:var(--e10-gap);align-items:center}
.service-teasers{display:grid;gap:var(--d-m)}
.service-teasers>a{display:block;padding-block:var(--d-m);border-top:1px solid currentColor;text-decoration:none}
.service-teasers h3{font-size:var(--d-h3)}
.service-teasers a:hover h3{text-decoration:underline;text-underline-offset:.2em}
.service-projects{padding-block:var(--e10-section);display:grid;gap:var(--d-m)}
.service-project{display:grid;gap:var(--d-s);max-width:50rem;text-decoration:none}
.service-project>.d-button{justify-self:start}
.service-faq{padding-block:var(--e10-section)}
.service-faq__list{max-width:65rem;margin-top:var(--d-l)}
.service-faq details{border-top:1px solid var(--d-ink);padding-block:var(--d-s)}
.service-faq details:last-child{border-bottom:1px solid var(--d-ink)}
.service-faq summary{cursor:pointer;font-size:var(--d-body);font-weight:500;padding-block:.5rem;min-height:var(--d-touch)}
.service-faq details p{max-width:65ch;margin:var(--d-s) 0}
.service-faq summary:focus-visible{outline:3px solid var(--d-ink);outline-offset:5px;border-radius:var(--radius-s)}
.service-cta{padding-block:var(--e10-section);background:var(--d-sage)}
.service-cta:not(.contact-band) .d-button{max-width:100%;white-space:normal;text-align:center;line-height:1.5}
.service-cta__heading--desktop,.service-cta__label--desktop,.service-cta--desktop-only{display:none}
.contact-band.service-cta{background:var(--d-ink)}
@media(min-width:48rem){
 .service-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .service-intro .service-copy{margin-left:auto;margin-right:8%}
 .service-layout--paired{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .service-layout--paired.service-layout--reverse .service-copy{order:2}
 .service-images--pair{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center}
 .service-teasers{grid-template-columns:repeat(3,minmax(0,1fr))}
 .service-page--branding .service-images--pair figure:last-child{margin-top:var(--d-xl)}
 .service-page--portrait .service-hero__image{max-width:34rem;justify-self:center}
 .service-page--portrait .service-images{max-width:32rem;justify-self:center}
 .service-page--portrait .service-intro .service-copy{margin-inline:auto}
 .service-page--team .service-hero{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr)}
 .service-page--team .service-images--pair{grid-template-columns:repeat(2,minmax(0,1fr))}
 .service-page--business .service-hero,.service-page--events .service-hero{grid-template-columns:1fr}
 .service-page--business .service-hero__title,.service-page--events .service-hero__title{max-width:60rem}
 .service-page--business .service-hero__image{width:88%;justify-self:end}
 .service-page--events .service-hero__image{width:100%}
 .service-page--events .service-images--pair{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Phase 4: ruhige Reportagen und persönliche Portraits im E10-Fundament. */
.phase-four--wedding .service-hero,.phase-four--projects .service-hero{grid-template-columns:1fr}
.phase-four--wedding .service-hero__title{max-width:58rem}
.phase-four--wedding .service-hero__image{width:100%}
.phase-four__layout{display:grid;gap:var(--e10-gap);align-items:center}
.phase-four__layout>.service-copy{margin-inline:auto}
.phase-four--wedding .service-intro .service-copy{font-size:clamp(1.3rem,2.3vw,2rem);max-width:44ch;margin-inline:auto}
.phase-four--about .service-intro .service-copy{max-width:65ch}
.phase-four--about .service-hero__image{max-width:32rem;justify-self:center}
.phase-four--about .service-images{max-width:30rem;justify-self:center}
.phase-four--about blockquote{font-size:clamp(2rem,3.6vw,3.6rem)}
.phase-four__profile{padding-block:var(--d-l);border-top:1px solid var(--d-sage)}
.phase-four__profile p{font-size:clamp(1rem,1.1vw,1.125rem);max-width:85ch;margin:0;line-height:1.65}
.phase-four--projects .service-hero__title{max-width:65rem}
.phase-four--projects .service-intro{padding-bottom:var(--d-l)}
.phase-four--projects .service-intro .service-copy{margin:0}
.project-explanation{padding-block:var(--d-l) var(--d-xl);border-block:1px solid var(--d-sage)}
.project-explanation__pair{display:grid;gap:var(--d-l)}
.project-explanation h2{font-size:var(--d-h3)}
.project-explanation__note{max-width:70ch;margin-block:var(--d-l)}
.project-explanation__voices{max-width:70ch}
@media(min-width:48rem){
 .phase-four__layout--paired{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .phase-four__layout--reverse.phase-four__layout--paired>.service-copy{order:2}
 .phase-four--wedding .service-images--pair{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);margin-top:var(--d-l)}
 .phase-four--wedding .service-images--pair figure:last-child{margin-top:var(--d-xl)}
 .phase-four--about .service-hero{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}
 .project-explanation__pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--e10-gap)}
}

/* Phase 5b: nur die freigegebenen Unterseiten ab dem Tablet-Breakpoint. */
@media(min-width:48rem){
 .service-page:not(.phase-four--projects) .service-hero{padding-block:var(--d-l) var(--d-s)}
 .service-page:not(.phase-four--projects) .service-hero__title{align-self:stretch;display:flex;flex-direction:column;justify-content:space-between}
 .service-page:not(.phase-four--projects) .service-hero__image{width:100%;max-width:none;justify-self:stretch}
 .service-page:not(.phase-four--projects) .service-hero__image img{height:min(55svh,var(--size-timeline-image-max));object-fit:cover}
 .service-page--business .service-hero,.service-page--events .service-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .service-page.phase-four--wedding .service-hero__image img{height:auto;object-fit:contain}
 .service-page:not(.phase-four--projects):not(.phase-four--about) .service-layout--paired{align-items:stretch}
 .service-page:not(.phase-four--projects):not(.phase-four--about) .service-layout--paired .service-images{grid-template-rows:minmax(0,1fr)}
 .service-page:not(.phase-four--projects):not(.phase-four--about) .service-layout--paired .service-images figure{height:100%}
 .service-page:not(.phase-four--projects):not(.phase-four--about):not(.phase-four--wedding) .service-images--pair{align-items:stretch;grid-auto-rows:1fr}
 .service-page:not(.phase-four--projects):not(.phase-four--about):not(.phase-four--wedding) .service-images--pair figure{aspect-ratio:4/3}
 .service-page:not(.phase-four--projects):not(.phase-four--about):not(.phase-four--wedding) .service-images figure a,.service-page:not(.phase-four--projects):not(.phase-four--about):not(.phase-four--wedding) .service-images figure picture{display:block;height:100%}
 .service-page:not(.phase-four--projects):not(.phase-four--about):not(.phase-four--wedding) .service-images figure img{height:100%;object-fit:cover}
 .service-page--branding .service-images--pair figure:last-child,.phase-four--wedding .service-images--pair figure:last-child{margin-top:0}
 .phase-four--wedding .service-images--pair{margin-top:0}
 .phase-four--wedding .service-intro .service-copy,.phase-four__profile p{font-size:var(--fs-about-copy)}
 .phase-four--about blockquote{font-size:var(--fs-quote)}
 .content-page .form-intro{padding-top:var(--d-l)}
}
@media(min-width:64rem){
 .service-page:not(.phase-four--projects) .service-claim{font-size:var(--fs-hero-desktop)}
 .service-page:not(.phase-four--projects) h2,.content-page .form-intro h1{font-size:var(--fs-section-desktop)}
}

/* Projektbeitrag: isolierte E10-Vorlage, Reihenfolge allein aus der Bildliste. */
.project-article{overflow-wrap:break-word}
.project-article figure{margin:0;min-width:0}
.project-article picture,.project-article .d-image-view{display:block}
.project-article img{display:block;width:100%;height:auto;border-radius:var(--radius-l);object-position:var(--image-focus,center 25%)}
.project-article__header{padding-top:var(--d-m)}
.project-article__intro{padding-block:var(--e10-section)}
.project-article .project-article__title{font:500 var(--d-label)/1.5 var(--font-sans);letter-spacing:.045em;max-width:70ch}
.project-article .project-article__claim{font:400 var(--fs-hero-mobile)/1.06 var(--font-serif);letter-spacing:-.035em;max-width:22ch;margin-block:var(--d-m) var(--d-l);text-wrap:balance}
.project-article__summary{display:grid;gap:var(--e10-gap)}
.project-article__summary>div{max-width:65ch}
.project-article__summary h2{font-size:var(--d-body);font-family:var(--font-sans);font-weight:600}
.project-article__byline{font-size:var(--d-label);margin-top:var(--d-m)}
.project-article__section{padding-block:var(--e10-section)}
.project-article__section--reverse{background:var(--d-sage)}
.project-article__block{display:grid;gap:var(--e10-gap);align-items:center}
.project-article__copy{max-width:65ch;min-width:0}
.project-article__copy h2{font-size:var(--fs-about-title);line-height:1.08}
.project-article__copy blockquote{margin-inline:0;font:400 var(--fs-quote)/1.15 var(--font-serif)}
.project-article__trio{display:grid;gap:var(--e10-gap);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;min-width:0}
.project-article__trio>figure:first-child{grid-column:1/-1}
.project-article__trio--count-1{grid-template-columns:minmax(0,1fr)}
.project-article__trio--count-1>figure:first-child,.project-article__trio--count-2>figure:first-child{grid-column:1}
.project-article__gallery{padding-top:var(--e10-section)}
.project-article__masonry{position:relative;container-type:inline-size;aspect-ratio:100 / var(--h2)}
.project-article__masonry>figure{position:absolute;width:49%;left:calc(var(--x2)*1%);top:calc(var(--y2)*1cqw)}
@media(max-width:59.999rem){
 .project-article__masonry>figure.project-article__crop2{height:calc(var(--crop-h2)*1cqw)}
 .project-article__masonry>figure.project-article__crop2 a,.project-article__masonry>figure.project-article__crop2 picture,.project-article__masonry>figure.project-article__crop2 img{height:100%}
 .project-article__masonry>figure.project-article__crop2 img{object-fit:cover;object-position:var(--image-focus,center top)}
}
.project-article__links{display:flex;flex-wrap:wrap;gap:var(--d-m);padding-block:var(--e10-section)}
@media(min-width:60rem){
 .project-article__summary{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}
 .project-article__block--pictured{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}
 .project-article__section--reverse .project-article__block--pictured{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr)}
 .project-article__section--reverse .project-article__trio{grid-column:2;grid-row:1}
 .project-article__section--reverse .project-article__copy{grid-column:1;grid-row:1}
 .project-article__trio--count-3{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}
 .project-article__trio--count-3>figure:first-child{grid-column:1;grid-row:1/3;align-self:center}
 .project-article__masonry{aspect-ratio:100 / var(--h3)}
 .project-article__masonry>figure{width:32%;left:calc(var(--x3)*1%);top:calc(var(--y3)*1cqw)}
 .project-article__masonry>figure.project-article__crop3{height:calc(var(--crop-h3)*1cqw)}
 .project-article__masonry>figure.project-article__crop3 a,.project-article__masonry>figure.project-article__crop3 picture,.project-article__masonry>figure.project-article__crop3 img{height:100%}
 .project-article__masonry>figure.project-article__crop3 img{object-fit:cover;object-position:var(--image-focus,center top)}
}
.project-viewer-controls{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--d-s);padding-top:var(--d-s)}
.d-viewer .project-viewer-controls button{position:static;width:auto;height:auto;min-height:var(--d-touch);font:500 var(--d-label)/1.4 var(--font-sans);padding:.5rem 1rem;border-radius:var(--radius-s)}

/* Phase 5c: neue Bildplätze, ohne die mobile Bestandsanordnung umzubauen. */
.service-page--branding .service-intro__image{margin:0 0 var(--d-m)}
.service-hero__image--desktop,.service-wide-image,.project-article__portrait{display:none}
@media(min-width:48rem){
 .service-page--branding .service-hero{align-items:stretch}
 .service-page--branding .service-hero__image{align-self:center;min-height:0}
 .service-page--branding .service-hero__image picture{position:static;display:block;width:100%;height:auto}
 .service-page.service-page--branding .service-hero__image img{height:auto;object-fit:contain}
 .service-page--branding .service-intro--pictured{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--e10-gap);align-items:stretch;padding-bottom:var(--d-l)}
 .service-page--branding .service-intro--pictured .service-copy{grid-column:1;grid-row:1;margin:0}
 .service-page--branding .service-intro__image{grid-column:2;grid-row:1;min-width:0;margin:0}
 .service-page--branding .service-intro__image a,.service-page--branding .service-intro__image picture{display:block;height:auto}
 .service-page--branding .service-intro__image img{height:auto;object-fit:contain}
 .service-page--branding .service-images--pair{align-items:center;grid-auto-rows:auto}
 .service-page.service-page--branding:not(.phase-four--about):not(.phase-four--wedding) .service-images--pair figure{aspect-ratio:auto;height:auto}
 .service-page.service-page--branding:not(.phase-four--about):not(.phase-four--wedding) .service-images--pair figure a,.service-page.service-page--branding:not(.phase-four--about):not(.phase-four--wedding) .service-images--pair figure picture{height:auto}
 .service-page.service-page--branding:not(.phase-four--about):not(.phase-four--wedding) .service-images--pair figure img{height:auto;object-fit:contain}
 .service-page--branding .service-section:not(.service-section--tint){padding-block:var(--d-l)}
 .service-page--branding .service-wide-image{display:block;aspect-ratio:16/9;margin-block:var(--d-l) 0;overflow:hidden}
 .service-page--branding .service-wide-image a,.service-page--branding .service-wide-image picture,.service-page--branding .service-wide-image img{display:block;width:100%;height:100%}
 .service-page--branding .service-wide-image img{object-fit:cover}
 .project-article__section--reverse{padding-block:0}
 .project-article__section--reverse .project-article__block--green{grid-template-columns:1fr;align-items:center;padding:var(--d-l)}
 .project-article__block--green .project-article__trio{display:none}
 .project-article__block--green .project-article__copy{grid-column:1;grid-row:1;align-self:center}
 .project-article__section--reverse .project-article__block--portrait{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
 .project-article__block--portrait .project-article__portrait{display:block;grid-column:2;grid-row:1;aspect-ratio:4/5}
 .project-article__portrait a,.project-article__portrait picture,.project-article__portrait img{display:block;width:100%;height:100%}
 .project-article__portrait img{object-fit:cover}
}
@media(min-width:64rem){
 .service-page--business .service-hero.shell{position:relative;isolation:isolate;display:grid;grid-template-columns:1fr;width:100%;min-height:min(62svh,var(--size-timeline-image-max));padding:0}
 .service-page--business .service-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(28,30,33,.84),rgba(28,30,33,.68) 50%,transparent 75%);pointer-events:none}
 .service-page--business .service-hero__image--mobile{display:none}
 .service-page--business .service-hero__image--desktop{display:block;position:absolute;inset:0;z-index:-2;width:100%;height:100%}
 .service-page--business .service-hero__image--desktop a,.service-page--business .service-hero__image--desktop picture{display:block;width:100%;height:100%}
 .service-page.service-page--business .service-hero__image--desktop img{width:100%;height:100%;object-fit:cover;object-position:var(--image-focus,center 25%)}
 .service-page--business .service-hero__title{position:relative;z-index:1;width:60%;max-width:none;padding:var(--d-l) var(--d-m) var(--d-l) var(--space-hero-desktop-gutter);color:var(--d-paper);justify-content:center}
}
@media(min-width:60rem){
 .project-article__block--pictured:not(.project-article__block--green){align-items:stretch}
 .project-article__block--pictured:not(.project-article__block--green) .project-article__trio{align-self:center}
}

/* PB-01, G-11: Personal Branding nur auf Desktop. */
.branding-hero-intro{display:none}
.branding-intro-lead,.branding-intro-quotes,.branding-intro-details{display:contents}
.branding-intro-details>p:last-child{margin-bottom:0}
@media(min-width:64rem){
 .service-page.service-page--branding .service-hero{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);align-items:center;padding-block:var(--d-l);gap:clamp(2rem,4vw,5rem)}
 .service-page.service-page--branding .service-hero__title{align-self:center;justify-content:flex-start;gap:0}
 .service-page.service-page--branding .service-hero h1{margin-bottom:var(--d-m)}
 .service-page.service-page--branding .service-claim{font-size:clamp(2.8rem,3.8vw,4.6rem);text-wrap:pretty;max-width:19ch}
 .service-page.service-page--branding .service-hero__image{width:min(100%,24rem);justify-self:end;align-self:center}
 .service-page--branding .branding-hero-intro{display:block;max-width:58ch;margin-top:var(--d-m)}
 .service-page--branding .branding-hero-intro p:last-child{margin-bottom:0}
 .service-page--branding .service-intro--pictured{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:var(--e10-gap);padding-block:var(--d-l)}
 .service-page--branding .service-intro__image{grid-column:1;grid-row:1;float:none;width:auto;margin:0}
 .service-page--branding .service-intro--pictured .service-copy{display:contents}
 .service-page--branding .branding-intro-lead{display:none}
 .service-page--branding .branding-intro-quotes{display:grid;grid-column:2;grid-row:1;gap:var(--d-m)}
 .service-page--branding .branding-intro-quotes blockquote{margin:0;font-size:clamp(1.5rem,2.1vw,2rem);line-height:1.3}
 .service-page--branding .branding-intro-quotes p{margin:0}
 .service-page--branding .branding-intro-details{display:grid;grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--e10-gap)}
 .service-page--branding .branding-intro-details p{margin:0}
 .service-page--branding .branding-pair-section>.service-copy{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--e10-gap);max-width:none}
 .service-page--branding .branding-pair-section h2{grid-column:1/-1;margin-bottom:var(--d-m);font-size:clamp(2rem,3.5vw,3.5rem);text-wrap:pretty}
 .service-page--branding .branding-pair-section>.service-copy>p{margin:0}
 .service-page--branding .branding-pair-section>.service-copy>p:first-of-type{margin-top:0}
 .service-page.service-page--branding:not(.phase-four--about):not(.phase-four--wedding) .service-layout--paired{align-items:center}
 .service-page.service-page--branding:not(.phase-four--about):not(.phase-four--wedding) .service-layout--paired .service-copy{max-width:none}
 .service-page.service-page--branding:not(.phase-four--about):not(.phase-four--wedding) .service-layout--paired .service-images{grid-template-rows:auto}
 .service-page.service-page--branding:not(.phase-four--about):not(.phase-four--wedding) .service-layout--paired .service-images figure,
 .service-page.service-page--branding:not(.phase-four--about):not(.phase-four--wedding) .service-layout--paired .service-images picture,
 .service-page.service-page--branding:not(.phase-four--about):not(.phase-four--wedding) .service-layout--paired .service-images img{height:auto}
 .service-page.service-page--branding:not(.phase-four--about):not(.phase-four--wedding) .service-layout--paired .service-images img{object-fit:contain}
 .service-page.service-page--branding:not(.phase-four--about):not(.phase-four--wedding) .service-images--pair{grid-template-columns:minmax(0,4fr) minmax(0,9fr);align-items:end;grid-auto-rows:auto}
 .service-page--branding .service-layout--paired blockquote{font-size:clamp(1.5rem,2.1vw,2rem);line-height:1.3;margin-block:var(--d-m) 0}
 .service-page--branding .service-projects{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}
 .service-page--branding .service-projects>h2{grid-column:1/-1}
 .service-page--branding .service-project{min-width:0;max-width:none}
}

/* BP-01/BP-04/BP-05, PB-01, G-06: gemeinsamer Desktop-Aufbau. */
.portrait-hero-intro{display:none}
.service-text{display:contents}
.service-text>:last-child{margin-bottom:0}
@media(min-width:64rem){
 .service-page:is(.service-page--branding,.service-page--portrait) .service-hero{align-items:start;padding-block:var(--d-m);gap:var(--e10-gap)}
 .service-page:is(.service-page--branding,.service-page--portrait) .service-hero__title{align-self:start;justify-content:flex-start;gap:0}
 .service-page:is(.service-page--branding,.service-page--portrait) .service-claim{max-width:none;font-size:clamp(2.8rem,3.8vw,4.6rem);text-wrap:pretty}
 .service-page.service-page--branding .service-hero{grid-template-columns:minmax(0,1fr) minmax(0,clamp(20rem,27vw,30rem))}
 .service-page--branding .branding-hero-intro{max-width:none}
 .service-page.service-page--branding .service-hero__image{width:100%;align-self:start}
 .service-page--portrait .portrait-hero-intro{display:block;margin-top:var(--d-m)}
 .service-page--portrait>.service-intro{display:none}
 .service-page:is(.service-page--branding,.service-page--portrait) h2{font-size:clamp(1.75rem,3vw,3.5rem);white-space:nowrap;hyphens:none;text-wrap:nowrap}
 .service-page:is(.service-page--branding,.service-page--portrait) .service-section{padding-block:var(--d-l)}
 .service-page:is(.service-page--branding,.service-page--portrait) .service-layout--paired{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto;row-gap:var(--d-m);align-items:center}
 .service-page:is(.service-page--branding,.service-page--portrait) .service-layout--paired>.service-copy{display:contents}
 .service-page:is(.service-page--branding,.service-page--portrait) .service-layout--paired h2{grid-column:1/-1;grid-row:1;margin:0}
 .service-page:is(.service-page--branding,.service-page--portrait) .service-layout--paired .service-text{display:block;grid-column:1;grid-row:2;min-width:0;align-self:center}
 .service-page:is(.service-page--branding,.service-page--portrait) .service-layout--paired>.service-images{grid-column:2;grid-row:2;max-width:none;width:100%;justify-self:stretch}
 .service-page:is(.service-page--branding,.service-page--portrait) .service-layout--reverse.service-layout--paired .service-text{grid-column:2}
 .service-page:is(.service-page--branding,.service-page--portrait) .service-layout--reverse.service-layout--paired>.service-images{grid-column:1}
 .service-page.service-page--portrait .service-section--tint .service-layout--paired{grid-template-columns:minmax(0,1fr) minmax(0,clamp(20rem,27vw,26rem))}
 .service-page--portrait .service-layout--text-only>.service-copy{display:contents}
 .service-page--portrait .service-layout--text-only .service-text{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--e10-gap)}
 .service-page--portrait .service-layout--text-only h2{margin-bottom:0}
 .service-page--portrait .service-layout--text-only p{margin:0;max-width:none}
 .service-page--portrait .service-projects{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
 .service-page--portrait .service-projects>h2{grid-column:1/-1}
 .service-page--portrait .service-project{max-width:none;min-width:0}
 .service-page:is(.service-page--branding,.service-page--portrait) .service-faq__list{max-width:none}
}

/* PB-01: Querformat im Desktop-Hero statt separatem Bildblock. */
@media(min-width:64rem){
 .service-page.service-page--branding .service-hero{grid-template-columns:repeat(2,minmax(0,1fr))}
 .service-page--branding .service-hero__image--mobile,.service-page--branding .service-wide-image{display:none}
 .service-page--branding .service-hero__image--desktop{display:block}
 .service-page.service-page--branding .service-hero__image--desktop{align-self:center}
}

/* BP-01/BP-04/BP-05: Desktop-Korrektur, Bild links und volle Spaltenbreiten. */
@media(min-width:64rem){
 .content-page main .service-page--portrait .shell{width:calc(100% - 2 * var(--e10-gutter));max-width:none}
 .service-page.service-page--portrait .service-hero{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
 .service-page.service-page--portrait .service-hero__image{grid-column:1;grid-row:1;width:100%;max-width:none;align-self:start;justify-self:stretch}
 .service-page.service-page--portrait .service-hero__image img{height:auto;object-fit:contain}
 .service-page.service-page--portrait .service-hero__title{grid-column:2;grid-row:1;align-self:start;justify-content:flex-start}
 .service-page--portrait .portrait-hero-intro{width:100%;padding-inline:0;margin-inline:0}
 .service-page--portrait .portrait-hero-intro p{max-inline-size:none;margin-inline:0;text-indent:0}
 .service-page.service-page--portrait .service-section--tint .service-layout--paired{grid-template-columns:repeat(2,minmax(0,1fr))}
 .service-page--portrait .service-images{width:100%;max-width:none;justify-self:stretch}
 .service-page--portrait .service-projects{grid-template-columns:repeat(var(--portrait-project-columns),minmax(0,1fr));align-items:stretch}
 .service-page--portrait .service-project{grid-template-rows:1fr auto;align-content:start}
 .service-page--portrait .service-project picture{aspect-ratio:3/2}
 .service-page--portrait .service-project img{height:100%;object-fit:contain}
}

/* BP-01/BP-04: begrenztes Hochformat im Einstieg und größere Licht-Bildfläche auf Desktop. */
@media(min-width:64rem){
 .service-page.service-page--portrait .service-hero{grid-template-columns:minmax(0,clamp(18rem,27vw,26rem)) minmax(0,1fr)}
 .service-page.service-page--portrait .service-section--tint .service-layout--paired{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center}
 .service-page.service-page--portrait .service-section--tint .service-layout--paired .service-images{grid-column:2;grid-row:1/3;align-self:center;width:min(100%,30rem);justify-self:end}
 .service-page.service-page--portrait .service-section--tint .service-layout--paired h2{grid-column:1;white-space:normal;text-wrap:balance}
 .service-page.service-page--portrait .service-section--tint .service-layout--paired .service-text{grid-column:1;grid-row:2;align-self:start}
 .service-page.service-page--portrait .service-section--tint .service-layout--paired .service-images figure,
 .service-page.service-page--portrait .service-section--tint .service-layout--paired .service-images picture,
 .service-page.service-page--portrait .service-section--tint .service-layout--paired .service-images img{height:auto;object-fit:contain}
}

/* G-05/CTA: zentraler Abschluss der Inhaltsseiten, mobile Darstellung bleibt bestehen. */
@media(min-width:64rem){
 .content-page main .service-cta{padding-block:var(--d-l);background:var(--d-sage);color:var(--d-ink);text-align:center}
 .service-cta__heading--desktop,.service-cta--desktop-only{display:block}
 .service-cta__label--desktop{display:inline}
 .service-cta__label--mobile,.service-cta__legacy-copy{display:none}
 .content-page main .service-cta .shell{display:grid;justify-items:center;gap:var(--d-m)}
 .content-page main .service-cta .service-cta__heading{max-inline-size:26ch;margin:0;font:400 clamp(2rem,3.3vw,3.75rem)/1.12 var(--font-serif);letter-spacing:-.025em;white-space:normal;hyphens:none;text-wrap:balance}
 .content-page main .service-cta .d-button{margin:0;min-inline-size:12rem}
}

/* G-11: bündige Dreierbilder auf Desktop, ohne Beschnitt. */
@media(min-width:64rem){
 .project-article__trio--count-3{grid-template-columns:calc(var(--trio-large-share) + var(--trio-gap-adjustment) * var(--e10-gap)) minmax(0,1fr)}
 .project-article__trio--count-3>figure:first-child{align-self:start}
}

/* BF-02: halber Innenabstand im farbigen Leistungsstreifen nur auf Desktop. */
@media(min-width:64rem){
 .service-page--business .service-section--tint{padding-block:calc(var(--e10-section) / 2)}
}

/* BF-03/BF-06, G-06: volle Textbreite und Projektreihe nur auf Business-Desktop. */
.service-intro__heading--desktop,.service-copy--desktop-only{display:none}
@media(min-width:64rem){
 .content-page main .service-page--business .shell:not(.service-hero){width:calc(100% - 2 * var(--e10-gutter));max-width:none}
 .service-page--business .service-copy{max-width:none;width:100%}
 .service-page--business .service-copy p{max-inline-size:none}
 .service-page--business .service-intro .service-copy{margin-inline:0}
 .service-page--business .service-intro__heading--desktop{display:block;font-size:clamp(1.5rem,2vw,2rem)}
 .service-page--business .service-copy--desktop-only{display:block}
 .service-page--business h2{font-size:clamp(1.75rem,2.7vw,3.25rem);white-space:nowrap;hyphens:none;overflow-wrap:normal;text-wrap:nowrap}
 /* BF-10: ausdrücklich freigegebene Ausnahme für diese lange Überschrift. */
 .service-page--business h2.service-heading--wrap{white-space:normal;text-wrap:wrap}
 .service-page--business .service-layout--paired{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto;row-gap:var(--d-m);align-items:center}
 .service-page--business .service-layout--paired>.service-copy{display:contents}
 .service-page--business .service-layout--paired h2{grid-column:1/-1;grid-row:1;margin:0}
 .service-page--business .service-layout--paired .service-text{display:block;grid-column:1;grid-row:2;min-width:0}
 .service-page--business .service-layout--paired>.service-images{grid-column:2;grid-row:2}
 .service-page--business .service-layout--reverse.service-layout--paired .service-text{grid-column:2}
 .service-page--business .service-layout--reverse.service-layout--paired>.service-images{grid-column:1}
 .service-page--business .service-projects{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
 .service-page--business .service-projects>h2{grid-column:1/-1}
 .service-page--business .service-project{max-width:none;min-width:0;grid-template-rows:1fr auto;align-content:start}
 .service-page--business .service-project picture{aspect-ratio:4/3}
 .service-page--business .service-project img{height:100%;object-fit:contain}
}

/* HZ-01/HZ-02, G-06/G-11: Hochzeitskorrekturen ausschließlich auf Desktop. */
.wedding-intro__heading--desktop{display:none}
@media(min-width:64rem){
 .phase-four--wedding .service-hero__title{max-width:none;width:100%}
 .service-page.phase-four--wedding .service-claim{max-inline-size:none;font-size:clamp(2rem,4.5vw,5.75rem);white-space:nowrap;hyphens:none;overflow-wrap:normal;text-wrap:nowrap}
 .service-page.phase-four--wedding .service-copy{max-width:none;width:100%;margin-inline:0}
 .phase-four--wedding .service-copy p,.phase-four--wedding .service-copy blockquote,.phase-four--wedding .service-faq details p{max-width:none;max-inline-size:none;width:100%}
 .phase-four--wedding h2{font-size:clamp(1.75rem,2.7vw,3.25rem);white-space:nowrap;hyphens:none;overflow-wrap:normal;text-wrap:nowrap}
 .phase-four--wedding .wedding-intro__heading--desktop{display:block;font-size:clamp(1.5rem,2vw,2rem)}
 .phase-four--wedding .phase-four__layout{grid-template-columns:minmax(0,1fr)}
 .phase-four--wedding .phase-four__layout--paired>.service-copy{order:0}
 .phase-four--wedding .phase-four__layout--paired>.service-images{width:calc((100% - var(--e10-gap)) / 2);justify-self:center}
 .phase-four--wedding .service-images--pair{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;margin-top:0}
 .phase-four--wedding .service-images--pair figure{margin-top:0}
}

/* MA-01/MA-02/MA-04/MA-05, G-06/G-08/G-11: Mitarbeiterfotos. */
.team-hero-intro,.team-camera-heading--desktop{display:none}
.service-page--team :is(.service-hero__title,.service-copy,.service-projects,.service-faq){text-align:left}
.service-page--team .service-intro .service-copy{margin-inline:0}
@media(min-width:64rem){
 .service-page.service-page--team .service-hero{align-items:stretch}
 .service-page.service-page--team .service-hero__title{justify-content:flex-start;gap:var(--d-s)}
 .service-page.service-page--team .service-hero h1{margin:0}
 .service-page.service-page--team .service-claim{font-size:clamp(2rem,2.5vw,3rem);text-wrap:pretty}
 .service-page.service-page--team .service-hero__image{align-self:end}
 .service-page.service-page--team .service-hero__image img{height:auto;object-fit:contain}
 .service-page--team .team-hero-intro{display:block;margin-top:auto}
 .service-page--team .team-hero-intro p{margin:0;max-inline-size:none}
 .service-page--team>.service-intro{display:none}
 .service-page--team .team-perception .service-copy{max-width:none;width:100%}
 .service-page--team .team-perception .service-copy p{max-inline-size:none}
 .service-page.service-page--team .team-perception h2{font-size:clamp(1.75rem,3vw,3.25rem);white-space:nowrap;hyphens:manual;overflow-wrap:normal;text-wrap:nowrap}
 .service-page--team .team-camera-heading--mobile{display:none}
 .service-page--team .team-camera-heading--desktop,.service-page--team .team-camera-heading--desktop>span{display:block}
 .service-page.service-page--team .service-section--tint h2{font-size:clamp(2rem,3.5vw,4rem);hyphens:manual;overflow-wrap:normal;text-wrap:nowrap}
}

/* FE-02/FE-03/FE-04: Firmenevent-Überschriften, Stimmungsmotiv und sechs Projekte. */
.service-page--events .service-section.events-mood .service-layout .service-images figure,
.service-page--events .service-section.events-mood .service-layout .service-images figure picture{height:auto}
.service-page--events .service-section.events-mood .service-layout .service-images figure img{height:auto;object-fit:contain}
.service-page--events .service-projects>h2{grid-column:1/-1}
.service-page--events .service-project{min-width:0;max-width:none;grid-template-rows:1fr auto;align-content:start}
.service-page--events .service-project picture{aspect-ratio:4/3}
.service-page--events .service-project img{height:100%;object-fit:contain}
@media(min-width:48rem){
 .service-page--events .service-projects{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
}
@media(min-width:64rem){
 .service-page--events h2{font-size:clamp(1.75rem,2.7vw,3.25rem);white-space:nowrap;hyphens:manual;overflow-wrap:normal;text-wrap:nowrap}
 .service-page--events .service-copy{max-width:none;width:100%}
 .service-page--events .service-layout--paired{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto;row-gap:var(--d-m)}
 .service-page--events .service-layout--paired>.service-copy{display:contents}
 .service-page--events .service-layout--paired h2{grid-column:1/-1;grid-row:1;margin:0}
 .service-page--events .service-layout--paired .service-text{display:block;grid-column:1;grid-row:2;min-width:0}
 .service-page--events .service-layout--paired>.service-images{grid-column:2;grid-row:2}
 .service-page--events .service-layout--reverse.service-layout--paired .service-text{grid-column:2}
 .service-page--events .service-layout--reverse.service-layout--paired>.service-images{grid-column:1}
 .service-page--events .service-projects{grid-template-columns:repeat(3,minmax(0,1fr))}
}

/* HZ-02: bestätigte Bildzuordnung ausschließlich auf Desktop. */
.phase-four--wedding .wedding-images--desktop{display:none}
@media(min-width:64rem){
 .phase-four--wedding .wedding-images--mobile{display:none}
 .phase-four--wedding .wedding-images--desktop{display:grid;gap:var(--e10-gap)}
 .phase-four--wedding .wedding-images__portrait{width:calc((100% - var(--e10-gap)) / 2);margin:0;justify-self:center}
 .phase-four--wedding .wedding-images__portrait picture{display:block}
 .phase-four--wedding .wedding-images__portrait img{display:block;width:100%;height:auto;object-fit:contain}
}

/* PD-01/PD-02: one text flow, existing mobile image layout, desktop project sequence. */
.project-article__layout,.project-article__opening{display:contents}
.project-article__trio--desktop,.project-article__gallery--desktop{display:none}
.project-article__facts>.project-article__byline{margin:0;padding-bottom:var(--d-s)}
@media(min-width:64rem){
 .project-article__layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);column-gap:var(--e10-gap);align-items:start;padding-top:var(--d-m)}
 .project-article__header,.project-article__intro,.project-article__summary,.project-article__section--task,.project-article__block--task{display:contents}
 .project-article__hero{grid-column:1/-1;grid-row:1}
 .project-article__opening{display:block;grid-column:1/-1;grid-row:2;padding-top:var(--e10-section)}
 .project-article__abstract{grid-column:1/-1;grid-row:3;padding-bottom:var(--e10-section)}
 .project-article__summary>.project-article__abstract{max-width:65ch}
 .project-article__facts{grid-column:2;grid-row:4;align-self:start;min-width:0}
 .project-article__block--task>.project-article__copy{grid-column:1;grid-row:4;align-self:start;max-width:none}
 .project-article__block--task>.project-article__copy>h2{margin-top:0}
 .project-article__trio--mobile,.project-article__gallery--mobile,.project-article__block--portrait>.project-article__portrait{display:none}
 .project-article__trio--desktop{display:grid;grid-column:1/-1;grid-row:5;margin-top:var(--e10-section)}
 .project-article__section--reverse{grid-column:1/-1;grid-row:6;padding-block:var(--e10-section);background:transparent}
 .project-article__section--reverse>.project-article__block{width:100%;grid-template-columns:minmax(0,1fr);background:var(--d-sage);border-radius:var(--radius-l)}
 .project-article__section--reverse .project-article__copy{grid-column:1;grid-row:1;max-width:none}
 .project-article__gallery--desktop{display:block;grid-column:1/-1;grid-row:7;width:100%}
 .project-article__links{grid-column:1/-1;grid-row:8;width:100%}
 .project-article__copy h2{font-size:clamp(1.75rem,2.7vw,3.25rem);hyphens:manual;overflow-wrap:normal;white-space:nowrap}
}