/* Version 10: Bild und Text sind immer getrennte Bereiche. */
.hero-safe{display:flex;flex-direction:column;background:#e7eaf2}
.hero-safe .hero-banner{position:static;display:block;width:100%;height:auto;object-fit:contain;max-height:none}
.hero-safe .hero-copy{position:static;left:auto;top:auto;transform:none;width:min(var(--max),calc(100% - 48px));max-width:none;margin:0 auto;padding:30px 0 45px;background:transparent}
.hero-safe .hero-copy h1{font-size:clamp(36px,4.4vw,64px);max-width:900px}
.hero-safe .hero-copy p{font-size:18px;max-width:730px}
.portrait-placeholder{background:linear-gradient(145deg,#c5cbd7,#e7eaf2);border:1px solid #cbd1dc;min-height:370px}
.portrait-inner{text-align:center;padding:40px 24px;color:#4d5261}
.portrait-mark{font-size:70px;font-weight:200;line-height:1.2;color:#b20a75}
.portrait-inner p{font-size:18px;max-width:280px;margin:12px auto}
.steps{align-items:start}.step p{font-size:17px}
@media(max-width:700px){.hero-safe .hero-copy{width:calc(100% - 36px);padding:25px 0 40px}.hero-safe .hero-copy h1{font-size:38px}.hero-safe .hero-copy p{font-size:17px}.portrait-placeholder{min-height:270px}}


/* 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 12 – freigegebene Startseitengestaltung */
:root{--pink:#b20a75;--softpink:#f5e1e9;--graysection:#e9e9ec}
.hero-v12{position:relative;display:block;overflow:hidden;background:#c6c7ce;min-height:0}
.hero-v12 .hero-banner{position:relative;display:block;width:82%;height:auto;max-height:none;object-fit:contain;margin-left:auto}
.hero-v12 .hero-copy{position:absolute;z-index:1;top:50%;left:max(3%,calc((100vw - 1350px)/2));transform:translateY(-50%);width:30%;max-width:440px;padding:12px 0;margin:0;background:transparent}
.hero-v12 h1{font-size:clamp(30px,3.25vw,53px);line-height:1.14;letter-spacing:.02em;color:#383b44}
.hero-v12 p{font-size:clamp(15px,1.15vw,18px);line-height:1.45;max-width:380px}
.heart-doodle{font:64px/1 'Segoe Print','Comic Sans MS',cursive;color:#c44a8b;margin:2px 0 5px}
.button{background:#b20a75;border-radius:0;letter-spacing:.06em;text-transform:uppercase;font-size:14px}
.about-v12{background:var(--graysection)!important}.about-split{grid-template-columns:1fr 1fr;gap:52px;align-items:center}.about-split .portrait-visual{order:0}.about-split .about-copy{order:1}
.about-v12 .eyebrow{color:#5e5f68;letter-spacing:.24em}.script-heading{font-family:'Segoe Print','Bradley Hand','Comic Sans MS',cursive;font-style:italic;font-size:clamp(34px,3.4vw,52px);letter-spacing:-.04em;line-height:1.3;font-weight:400}
.script-heart{font-family:'Segoe Print',cursive;color:#c44a8b;font-style:normal;font-size:.95em;white-space:nowrap}
.steps-v12{background:white!important}.center-head{text-align:center;max-width:900px;margin:0 auto 40px}.kicker{font-size:15px;letter-spacing:.25em;color:#565862;margin-bottom:10px}.center-head h2{font-size:clamp(28px,3vw,43px);font-weight:400;letter-spacing:.14em;line-height:1.3;margin-bottom:18px}.pink-line{width:45px;height:2px;background:#cf6195;margin:0 auto 18px}.center-head p{max-width:670px;margin:0 auto;font-size:17px}
.steps-timeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;position:relative}.process-step{text-align:center;position:relative;padding:0 8px}.process-step:not(:last-child):after{content:'⇢';position:absolute;top:29px;left:calc(50% + 62px);width:calc(100% - 90px);text-align:center;letter-spacing:.25em;color:#ce75a1;font-size:30px;font-weight:300;pointer-events:none}.process-icon{width:96px;height:96px;background:#f6e1e9;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 10px;color:#555965;font-size:48px;font-weight:300}.process-number{font-size:24px;color:#51515b;margin-bottom:6px}.process-step h3{font-size:16px;letter-spacing:.03em;font-weight:700;margin-bottom:8px}.process-step p{font-size:16px;line-height:1.5;color:#666671}.center-action{text-align:center;margin-top:28px}.button-soft{background:#efd0dd;color:#4b4b54}.button-soft:hover{background:#e3b8cc}
.collections-v12{background:var(--graysection)!important}.collection-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.collection-card{background:white;min-width:0;text-align:center}.collection-art{height:230px;position:relative;overflow:hidden;background:#d5d7df;display:flex;align-items:end;justify-content:center}.collection-art span{position:relative;background:#ffffffd9;padding:4px 8px;font-size:12px;color:#555;z-index:1}.collection-art.geo{background:linear-gradient(125deg,#20242b 0 38%,#f1f1f3 38% 40%,#b20a75 40% 50%,#20242b 50% 57%,#e4e4e8 57% 62%,#2e343b 62%)}.collection-art.dots{background:radial-gradient(circle at 40% 34%,#fff 1px,transparent 3px) 0 0/17px 17px,linear-gradient(150deg,#86d9e9,#257caa 65%,#1e355c)}.collection-art.nature{background:repeating-linear-gradient(135deg,transparent 0 22px,#e2e9c7 23px 29px,transparent 30px 40px),linear-gradient(115deg,#364c32,#a1b87e)}.collection-art.wave{background:repeating-radial-gradient(ellipse at 10% 80%,transparent 0 15px,#e4a5ca 17px 23px,transparent 25px 44px),linear-gradient(125deg,#9a0c75,#d25fa7,#8c93d0)}.collection-body{padding:20px 10px 22px}.collection-body h3{font-size:20px;letter-spacing:.14em;margin-bottom:10px}.collection-body p{font-size:14px;text-transform:uppercase;letter-spacing:.07em;min-height:46px;color:#666}.button-small{font-size:12px;padding:12px 14px}.cta-v12{background:white!important}
@media(max-width:1100px){.hero-v12 .hero-copy{width:33%;left:3%}.hero-v12 h1{font-size:clamp(27px,3vw,42px)}.hero-v12 p{font-size:15px}.hero-v12 .button{padding:10px 13px;font-size:12px}.process-step:not(:last-child):after{display:none}}
@media(max-width:850px){.hero-v12{display:flex;flex-direction:column}.hero-v12 .hero-banner{width:100%;margin:0}.hero-v12 .hero-copy{position:static;transform:none;width:100%;max-width:none;padding:26px max(18px,5vw) 35px;background:#d6d7dc}.hero-v12 h1{font-size:clamp(34px,6vw,48px)}.hero-v12 p{font-size:17px}.about-split{grid-template-columns:1fr;gap:26px}.about-split .portrait-visual{max-width:600px}.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.steps-timeline{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}}
@media(max-width:520px){.steps-timeline{grid-template-columns:1fr}.collection-grid{grid-template-columns:1fr}.collection-art{height:190px}.center-head h2{letter-spacing:.06em}.process-step{max-width:340px;margin:auto}}


/* 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}}

.process-icon{background:transparent!important;width:110px;height:110px;overflow:visible}
.process-icon img{width:100%;height:100%;display:block;object-fit:contain}
.heart-doodle img{display:block;width:68px;height:68px;object-fit:contain}
.script-heart img{display:inline-block;width:44px;height:44px;object-fit:contain;vertical-align:middle}
.heart-doodle,.script-heart{background:transparent}
@media(max-width:600px){.process-icon{width:92px;height:92px}}

/* Startseite: Wettkampf Weiß / Training Hellgraublau / Kontakt Weiß. */
.collections-v12.section.soft{background:var(--graysection)!important}
.cta-v12.section{background:#fff!important}

/* Startseite: Originalvorschauen fuer COLOR und SPARKL. */
.collections-v12 .home-collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.home-collection-grid .home-collection-preview{display:block;width:100%;height:auto;aspect-ratio:15/11;object-fit:contain;background:#f7f7f7}
.home-collection-grid .collection-body{padding:24px 16px 28px}
@media(max-width:700px){.collections-v12 .home-collection-grid{grid-template-columns:1fr;gap:32px}}

/* Startseiten-Hero: Originalbanner und persoenliche Ansprache. */
/* Bildbreite und Hoehe folgen wieder den bestehenden gemeinsamen Bannerregeln. */
.home-hero .home-hero-heart{display:inline-block;width:.9em;height:.9em;object-fit:contain;vertical-align:baseline}
.site-hero.home-hero .banner-copy .home-hero-tagline{font-weight:600}

.home-hero .home-hero-ending{white-space:nowrap}

/* Wettkampfanzüge: vollständige Originalbilder im bestehenden Abschnittsraster. */
.competition-v12{background:#fff}.competition-v12 .collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.competition-v12 .collection-grid img{display:block;width:100%;max-width:400px;height:auto;object-fit:contain;margin:0 auto}@media(max-width:700px){.competition-v12 .collection-grid{grid-template-columns:1fr}}