/* Version 29: Einheitlicher Banneraufbau wie Startseite und Sportakrobatik */
.about-hero{position:relative;display:block;min-height:0;overflow:hidden;background:#afbdd6;border-radius:0}
.about-hero .about-hero-banner{display:block;width:82%;height:auto;aspect-ratio:auto;object-fit:contain;margin-left:auto;border-radius:0}
.about-hero .about-hero-copy{position:absolute;z-index:1;top:50%;left:max(3%,calc((100vw - 1350px)/2));transform:translateY(-50%);width:30%;max-width:440px;align-self:auto;margin:0;padding:12px 0;background:transparent;color:#29303c}
.about-hero .about-hero-copy h1{font-size:clamp(27px,3.05vw,52px);line-height:1.12;margin:0 0 18px;letter-spacing:-.025em}
.about-hero .about-hero-copy p{font-size:clamp(15px,1.15vw,18px);line-height:1.45;max-width:380px;margin:0}
.about-hero .about-hero-heart{width:54px;margin-top:15px}
@media(max-width:1100px){.about-hero .about-hero-copy{width:33%;left:3%}.about-hero .about-hero-copy h1{font-size:clamp(26px,3vw,42px)}.about-hero .about-hero-copy p{font-size:15px}}
@media(max-width:850px){.about-hero{display:flex;flex-direction:column}.about-hero .about-hero-banner{width:100%;height:auto;aspect-ratio:auto;object-fit:contain}.about-hero .about-hero-copy{position:static;transform:none;width:100%;max-width:none;padding:26px max(18px,5vw) 35px;background:#dce2eb}.about-hero .about-hero-copy h1{font-size:clamp(34px,6vw,48px)}.about-hero .about-hero-copy p{font-size:17px}}


/* Freigegebenes Porträt – ohne Bildbeschnitt */
.portrait-visual{background:#e8e8ea;display:flex;align-items:center;justify-content:center;min-height:0;overflow:hidden}
.portrait-visual img{width:100%;height:auto;display:block;object-fit:contain}
.about-story{max-width:820px;margin:0 auto}.about-story p{margin:0 0 1.15em;line-height:1.7}.about-story h2{margin:1.35em 0 .55em}.about-story .lead{font-weight:700;font-size:1.2em}.about-story .closing{font-weight:700}
.about-story-layout{display:grid;grid-template-columns:minmax(240px,0.8fr) minmax(0,1.2fr);gap:48px;align-items:start}.about-story-layout img{width:100%;height:auto;display:block}
@media(max-width:800px){.about-story-layout{grid-template-columns:1fr;gap:25px}.about-story-layout img{max-width:520px}}


/* Version 13: abgestimmte Original-Farbwelt – kühles Grau und Logo-Magenta. */
:root{--pink:#b20a75;--softpink:#f1d8e6;--graysection:#e3e5e9;--ink:#292b32;--muted:#50545c;--light:#e3e5e9;--line:#cbd0d7}
body{color:var(--ink)}
.hero-v12{background:#c4c7cd}.hero-v12 h1{color:#292b32}
.hero-v12 .hero-copy{color:#292b32}
.heart-doodle,.script-heart{color:#b20a75}
.about-v12,.collections-v12,.section.soft{background:#e3e5e9!important}
.steps-v12{background:#fff!important}
.cta-v12{background:#e3e5e9!important}
.button,.button-soft,.button-small{background:#b20a75;color:#fff}
.button:hover,.button-soft:hover{background:#8c085c;color:#fff}
.pink-line{background:#b20a75}
.process-icon{background:#f1d8e6;color:#424650}
.process-step:not(:last-child):after{color:#b20a75}
.collection-art{background-color:#d1d5dc}
.portrait-visual{background:#d9dce2}
.kicker,.about-v12 .eyebrow{color:#4e515a}
.subhero{background:#e3e5e9}
.placeholder,.collection{background:#d8dce3}
.visual{background:linear-gradient(#c1c6cf,#e3e5e9)}
@media(max-width:850px){.hero-v12 .hero-copy{background:#e3e5e9}}


/* V14: kühle, mit dem Banner abgestimmte Blaugrau-Palette */
:root{--graysection:#dce2eb;--light:#dce2eb;--line:#c8d0dd;--muted:#4b5261}
.hero-v12{background:#afbdd6!important}
.about-v12,.collections-v12,.section.soft,.cta-v12{background:#dce2eb!important}
.portrait-visual{background:#dce2eb!important}
.collection-art{background-color:#cbd4e1}
.subhero{background:#dce2eb!important}
.visual{background:#dce2eb}
.process-icon svg{display:block;width:54%;height:54%;fill:none;stroke:#434b59;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:850px){.hero-v12 .hero-copy{background:#dce2eb!important}}


/* Version 15: konsistente Typohierarchie und handgezeichnete Motive */
:root{--pink:#b20a75;--graysection:#dce2eb}
.eyebrow,.kicker{font-family:Arial,Helvetica,sans-serif!important;font-size:16px!important;line-height:1.4!important;letter-spacing:.24em!important;text-transform:uppercase!important;color:#4e515a!important;font-weight:600!important;margin-bottom:12px!important}
.cta-v12{background:#fff!important}
.heart-doodle{display:flex;align-items:center;justify-content:flex-start;height:72px;margin:0 0 6px}
.script-heart{display:inline-flex;vertical-align:middle;width:48px;height:55px;margin-left:8px}
.handheart{width:62px;height:70px;fill:none;stroke:var(--pink);stroke-width:2.7;stroke-linecap:round;stroke-linejoin:round;transform:rotate(-9deg)}
.script-heart .handheart{width:45px;height:51px}
.process-icon{width:96px;height:96px;background:#f5dfe8!important}
.process-icon svg{display:block;width:61%;height:61%;fill:none;stroke:#4b515d;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.process-step:not(:last-child):after{content:"";top:46px;left:calc(50% + 64px);width:calc(100% - 90px);height:2px;background:repeating-linear-gradient(90deg,#d67ba7 0 4px,transparent 4px 10px)}
@media(max-width:850px){.process-step:not(:last-child):after{display:none}}


/* V28 – Über mich: einheitlicher Seitenaufbau mit großem Porträt-Hero */
.about-hero{background:#afbdd6;overflow:hidden}
.about-hero-inner{display:grid;grid-template-columns:1fr 1fr;min-height:550px;max-width:1500px;margin:0 auto}
.about-hero-copy{align-self:center;padding:64px 7% 64px max(48px,calc((100vw - 1220px)/2));max-width:740px}
.about-hero-copy h1{font-size:clamp(36px,3.9vw,61px);line-height:1.13;margin:0 0 24px}
.about-hero-copy p{font-size:clamp(17px,1.3vw,20px);line-height:1.6;max-width:500px;margin:0}
.about-hero-heart{width:60px;margin-top:24px}.about-hero-heart img{width:100%;height:auto}
.about-hero-portrait{display:flex;align-items:center;justify-content:center;min-width:0;background:#dce2eb}
.about-hero-portrait img{width:100%;height:100%;max-height:610px;object-fit:contain;object-position:center center}
.about-story-section{background:#fff}.about-story-intro{max-width:820px;margin:0 auto 34px}.about-story-intro h2{margin:0}
.about-story-section .about-story{max-width:820px;margin:auto}.about-story-section .about-story h2{font-size:clamp(28px,2.8vw,39px);margin-top:1.45em}
.about-final-cta{background:#dce2eb!important}
@media(max-width:850px){.about-hero-inner{min-height:0;grid-template-columns:1fr 1fr}.about-hero-copy{padding:45px 24px}.about-hero-copy h1{font-size:clamp(30px,4.4vw,42px)}}
@media(max-width:700px){.about-hero-inner{grid-template-columns:1fr}.about-hero-portrait{order:0;max-height:420px}.about-hero-portrait img{height:auto;max-height:420px;object-fit:contain}.about-hero-copy{order:1;padding:32px 20px 40px}.about-hero-copy h1{font-size:38px}.about-story-intro{margin-bottom:24px}}