

/* 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}}
/* Reduzierter Kontaktbereich: asymmetrisch und ohne Kacheln. */
.contact-content.section{padding:72px 0 65px;background:#fff}
.contact-copy{max-width:1000px;margin:0 auto}
.contact-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:72px;text-align:left}
.contact-main,.contact-details{min-width:0}
.contact-label{margin:0 0 14px;color:var(--pink);font-size:14px;font-weight:600;line-height:1.4;letter-spacing:.16em}
.contact-main h2{margin:0 0 18px;font-size:clamp(30px,3vw,42px);font-weight:400;line-height:1.15}
.contact-introduction{max-width:500px;margin:0;line-height:1.65}
.contact-email-link{display:inline-block;max-width:100%;margin-top:26px;color:var(--pink);font-size:clamp(22px,2.2vw,30px);font-weight:600;line-height:1.4;overflow-wrap:anywhere;text-decoration:none}
.contact-email-link:hover{color:#8c085c}
.contact-email-link:focus-visible{outline:2px solid var(--pink);outline-offset:5px}
.contact-details{padding-top:52px}
.contact-whatsapp h3{margin:0 0 14px;font-size:24px;font-weight:500;line-height:1.35}
.contact-whatsapp p{margin:0;line-height:1.65}
.contact-address{margin:26px 0 0;padding:24px 0 0;border-top:1px solid var(--softpink);font-size:16px;line-height:1.65;font-style:normal;color:var(--muted)}
.contact-address strong{display:block;margin-bottom:6px;color:var(--ink);font-size:18px;font-weight:600}
.contact-address span{display:block}
@media(max-width:850px){.contact-layout{gap:36px}}
@media(max-width:700px){.contact-content.section{padding:40px 0 48px}.contact-layout{grid-template-columns:1fr;gap:36px}.contact-details{padding-top:0}.contact-email-link{font-size:clamp(20px,5.5vw,26px);margin-top:22px}.contact-whatsapp h3{font-size:22px}}
/* Kontaktbild in der bestehenden gemeinsamen Bannerkomponente. */
.contact-hero{position:relative;overflow:hidden;background:#afbdd6}
.contact-hero .contact-hero-banner{display:block;width:82%;height:auto;max-height:none;object-fit:contain;margin-left:auto}
.contact-hero .banner-copy{z-index:1}
@media(max-width:850px){
  .contact-hero .contact-hero-banner{width:100%;margin:0}
  .contact-hero .banner-copy{background:#dce2eb}
}
