/* Freigegebene Businessfotografie und lokale Entwurfsansicht; E10-Fundament unverändert. */
.business-draft{--business-space:clamp(2rem,1.2rem + 2.5vw,3.5rem);--business-gap:var(--e10-gap);--business-body:clamp(1rem,.975rem + .12vw,1.125rem);--business-rule:color-mix(in srgb,var(--d-sage) 35%,white);background:var(--color-paper);color:var(--d-ink);font-size:var(--business-body);line-height:1.5}
.business-draft .business-draft__space{padding-block:var(--business-space)}
.business-draft__divider{border-top:1px solid var(--business-rule)}
.business-draft p{font-size:var(--business-body);line-height:1.5;margin:0 0 var(--d-s);max-inline-size:none;text-wrap:wrap;hyphens:none}
.business-draft :is(.business-draft__copy,.business-draft__reading)>:last-child{margin-bottom:0}
.e10 .business-draft h2{font:600 clamp(1.75rem,1.3rem + 1.2vw,2.75rem)/1.13 var(--font-sans);letter-spacing:-.035em;margin:0 0 var(--d-s);white-space:normal;hyphens:none;text-wrap:wrap;max-inline-size:none}
.e10 .business-draft h3{font:600 clamp(1.25rem,1.05rem + .6vw,1.625rem)/1.25 var(--font-sans);margin:0 0 var(--d-xs);hyphens:none;text-wrap:wrap}
.business-draft .eyebrow{font-size:var(--business-body);letter-spacing:0;font-weight:500}
.business-draft .d-button{font-size:var(--business-body);white-space:normal;line-height:1.5;text-align:center;max-width:100%}
.business-draft__reading{inline-size:100%;max-inline-size:none}
.business-draft__hero{--business-viewport-height:100vh;display:grid;background:var(--color-charcoal);color:var(--color-paper)}
@supports(height:100svh){.business-draft__hero{--business-viewport-height:100svh}}
.business-draft__hero>figure{margin:0}
.business-draft__hero>figure picture{display:block}
.business-draft__hero>figure img{display:block;width:100%;height:auto;border-radius:0;object-position:center bottom}
.business-draft__hero-copy{display:flex;flex-direction:column;align-items:flex-start;gap:var(--d-s);padding-block:var(--space-hero-block)}
.business-draft__hero-copy .eyebrow{margin:0}
.e10 .business-draft h1{font:400 clamp(2.35rem,1.7rem + 2.4vw,4.5rem)/1.08 var(--font-serif);letter-spacing:-.025em;margin:0 0 var(--d-s);hyphens:none;text-wrap:wrap}
.business-draft__hero-copy .d-button{color:var(--d-ink);margin:0}
.business-draft__hero-copy a:focus-visible{outline-color:var(--color-paper)}
.business-draft__row,.business-draft__pair,.business-draft__service-grid,.business-draft__project-grid{display:grid;gap:var(--business-gap);min-width:0}
.business-draft__copy{min-width:0;display:flex;flex-direction:column;justify-content:center}
.business-draft__body{min-width:0}
.business-draft__body>:last-child{margin-bottom:0}
/* Briefing mobil wie bisher: Überschrift, Bild, Text. Ein gemeinsames H2 bleibt erhalten. */
.business-draft__row--briefing{grid-template-areas:"heading" "image" "body";row-gap:0}
.business-draft__row--briefing>.business-draft__copy{display:contents}
.business-draft__row--briefing>.business-draft__copy>h2{grid-area:heading}
.business-draft__row--briefing>.business-draft__copy>.business-draft__body{grid-area:body}
.business-draft__row--briefing>figure{grid-area:image;margin-bottom:var(--business-gap)}
.e10 .business-draft blockquote{margin:0 0 var(--d-s);padding:0;border:0}
.e10 .business-draft blockquote p{font:400 var(--business-body)/1.5 var(--font-sans);margin:0;letter-spacing:normal;text-wrap:wrap}
.business-draft__pair{margin-top:var(--d-m);align-items:stretch}
.business-draft__services{background:var(--d-sage);color:var(--d-ink)}
.business-draft__service-grid>a{color:inherit;text-decoration:none;border-top:1px solid currentColor;padding-top:var(--d-s);min-width:0}
.business-draft__service-grid>a:hover h3{text-decoration:underline;text-underline-offset:.2em}
.business-draft__service-grid p{margin-bottom:0}
.business-draft__price-notes{margin-top:var(--d-s)}
.business-draft__price-notes p{margin:0}
.business-draft__project-grid{align-items:stretch}
.business-draft__project-grid .service-project{max-width:none;min-width:0;display:flex;flex-direction:column;align-items:flex-start}
.business-draft__project-grid picture{width:100%;aspect-ratio:3/2}
.business-draft__project-grid img{height:100%;object-fit:contain;object-position:center}
.business-draft__project-grid h3{margin:0}
.business-draft__project-grid .d-button{margin-top:auto}
/* FAQ-Innenaufbau und alle FAQ-Texte bleiben in der bestehenden service-faq-Gestaltung. */
.business-draft .service-faq :is(summary,details p){font-size:var(--business-body)}
.content-page main .business-draft__cta{text-align:center;color:var(--d-ink)}
.business-draft__cta .shell{display:grid;justify-items:center;gap:var(--d-s)}
.e10 .business-draft__cta h2{margin:0}
.business-draft :is(a,summary):focus-visible{outline:2px solid var(--d-ink);outline-offset:4px}
/* Wie auf der Startseite: stabile mobile Einstiegshöhe ohne Nachführen der Browserleisten.
   Das Werkstattmotiv bleibt vollständig, damit die Funken am unteren Rand erhalten sind. */
@media(max-width:47.999rem){
 .business-draft__hero{display:flex;flex-direction:column;min-height:max(0px,calc(var(--business-viewport-height) - var(--business-header-height,calc(var(--size-logo) * 337.26 / 657.74 + 2 * var(--d-s) + env(safe-area-inset-top))) - var(--business-contact-height,calc(var(--d-touch) + 2 * var(--d-xs) + 1px + env(safe-area-inset-bottom)))))}
 .business-draft__hero>figure{flex:none}
 .business-draft__hero-copy{margin-top:auto;padding-block:1.25rem;gap:1rem}
 .e10 .business-draft h1{font-size:clamp(2rem,1.6rem + 2vw,2.5rem);line-height:1.05;margin:0;max-inline-size:none}
 .business-draft__hero-copy .d-button{padding:.75rem 1rem}
}
/* BF-HERO-KOMPAKT: Schmale Fenster mit primärer Maus/Trackpad nutzen die
   natürliche Inhaltshöhe. Die geprüfte Touchdarstellung bleibt erhalten. */
@media(max-width:47.999rem) and (hover:hover) and (pointer:fine){
 .business-draft__hero{min-height:0}
 .business-draft__hero-copy{margin-top:0}
}
/* Die Startseite zeigt auf Tablet einen quadratischen Bildrahmen vor dem Text. */
@media(min-width:48rem) and (max-width:63.999rem){
 .business-draft__hero>figure{aspect-ratio:1/1;overflow:hidden}
 .business-draft__hero>figure :is(picture,img){height:100%}
 .business-draft__hero>figure img{object-fit:cover}
}
@media(min-width:48rem){.business-draft__pair{grid-template-columns:repeat(2,minmax(0,1fr))}.business-draft__project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:64rem){
 .business-draft__hero{position:relative;isolation:isolate;min-height:0;aspect-ratio:16/9}
 .business-draft__hero>figure{position:absolute;inset:0;z-index:-2}
 .business-draft__hero>figure picture,.business-draft__hero>figure img{height:100%}
 .business-draft__hero>figure img{object-fit:cover;object-position:center bottom}
 .business-draft__hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(28,30,33,.8),rgba(28,30,33,.68) 50%,transparent 69%);pointer-events:none}
 /* BF-CTA-SICHTBAR: Text im zuerst sichtbaren Bildbereich zentrieren.
    Das volle 16:9-Motiv bleibt erhalten; bei wenig Höhe wächst der Text frei. */
 .content-page main .business-draft__hero-copy{align-self:start;justify-content:center;min-block-size:min(56.25vw,max(0px,calc(var(--business-viewport-height) - var(--business-header-height,10rem) - 1.5rem)));width:60%;margin-inline:0;padding:clamp(1rem,calc(var(--business-viewport-height) * .03),var(--d-l)) var(--d-m) clamp(1rem,calc(var(--business-viewport-height) * .03),var(--d-l)) var(--space-hero-desktop-gutter)}
 .e10 .business-draft h1{font-size:var(--fs-hero-desktop);max-inline-size:21ch;margin:0}
 /* Kompakter Übergang mit vorhandener dünner Trennlinie; insgesamt höchstens 48px. */
 .business-draft .business-draft__goal{padding-bottom:clamp(1rem,.7rem + .5vw,1.5rem)}
 .business-draft .business-draft__briefing{padding-top:clamp(1rem,.7rem + .5vw,1.5rem)}
 .business-draft__row{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center}
 .business-draft__row--briefing{grid-template-areas:none;row-gap:var(--business-gap)}
 .business-draft__row--briefing>.business-draft__copy{display:flex;justify-content:center}
 .business-draft__row--briefing>figure{grid-area:auto;margin-bottom:0}
 .business-draft__row--briefing>.business-draft__copy>:is(h2,.business-draft__body){grid-area:auto}
 .business-draft__row--light h2 span{display:block}
 /* Beide Bild-Text-Reihen: identische halbe Spalten, vollständig natürliche Bildgröße. */
 .business-draft__row>figure{position:static;min-height:0;aspect-ratio:auto;align-self:center}
 .business-draft__row>figure picture{position:static;height:auto}
 .business-draft__row>figure img{height:auto;object-fit:contain;object-position:center}
 .business-draft__row--light>.business-draft__copy{justify-content:center}
 .business-draft__service-grid,.business-draft__project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}