

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

/* Originaldesign-Katalog: ausschliesslich auf der Kollektionsseite. */
.catalog-section{padding-bottom:45px}.catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.catalog-card{min-width:0}.catalog-card-art{display:flex;gap:12px;align-items:center;justify-content:center;background:#f6f6f7;padding:34px 24px;min-height:340px}.catalog-card-art img{width:calc((100% - 24px)/3);height:290px;object-fit:contain}.catalog-card-copy{padding:24px 0}.catalog-card h3{margin-bottom:8px;font-size:30px;letter-spacing:.06em}.catalog-card p{margin-bottom:16px}.catalog-detail{scroll-margin-top:24px;border-top:1px solid var(--line)}.catalog-detail-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:64px;align-items:start}.catalog-description{padding-top:24px}.catalog-description h2{letter-spacing:.05em}.catalog-views{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;background:#f6f6f7;padding:28px}.catalog-views figure{margin:0;min-width:0}.catalog-views img{width:100%;height:430px;object-fit:contain}.catalog-views figcaption{text-align:center;margin-top:16px;font-size:15px;color:var(--muted)}.catalog-choices{margin-top:36px}.catalog-selected{margin-bottom:16px;font-size:16px;color:var(--muted)}.catalog-variants{display:flex;flex-wrap:wrap;gap:12px}.catalog-variant{width:138px;display:flex;flex-direction:column;align-items:center;gap:10px;padding:12px 8px;background:#f6f6f7;border:2px solid transparent;color:var(--ink);font:inherit;font-size:14px;line-height:1.4;cursor:pointer}.catalog-variant img{width:74px;height:110px;object-fit:contain}.catalog-variant[aria-pressed=true]{border-color:var(--pink)}.catalog-variant:hover{border-color:var(--line)}.catalog-variant[aria-pressed=true]:hover{border-color:var(--pink)}.catalog-variant:focus-visible,.catalog-card-art:focus-visible{outline:2px solid var(--pink);outline-offset:4px}.catalog-order{background:#f6f6f7}.catalog-order-copy{max-width:850px}.catalog-order h3{font-size:24px}.catalog-order-list{margin:32px 0}.catalog-order-list>div{display:grid;grid-template-columns:170px 1fr;gap:24px;padding:16px 0;border-top:1px solid var(--line)}.catalog-order-list dt{font-weight:600}.catalog-order-list dd{margin:0;color:var(--muted)}
@media(max-width:1000px){.catalog-detail-layout{gap:30px;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.catalog-views{padding:18px;gap:12px}.catalog-views img{height:350px}.catalog-card-art{padding:24px 16px;gap:8px;min-height:270px}.catalog-card-art img{height:230px}}
@media(max-width:700px){.catalog-grid,.catalog-detail-layout{grid-template-columns:1fr}.catalog-grid{gap:24px}.catalog-card-art{padding:24px 16px}.catalog-card-art img{height:250px}.catalog-detail-layout{gap:20px}.catalog-description{padding-top:0}.catalog-views{gap:12px;padding:20px 14px}.catalog-views img{height:clamp(230px,65vw,380px)}.catalog-variants{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.catalog-variant{width:100%;min-width:0;font-size:13px}.catalog-variant img{max-width:100%;height:95px}.catalog-order-list>div{grid-template-columns:1fr;gap:6px}.catalog-choices{margin-top:24px}}

@media(max-width:700px){.catalog-views{grid-template-columns:1fr}.catalog-views img{height:320px}}

/* Trainingspreise und Bestellablauf; an die bestehenden Prozessschritte angelehnt. */
.training-pricing{margin:24px 0}.training-pricing .training-base-price{font-size:26px;line-height:1.3;font-weight:600;color:var(--ink);margin:0 0 10px}.training-pricing .training-price-option,.training-pricing .training-price-tax{font-size:15px;line-height:1.55;color:var(--muted);margin:0 0 5px}.training-pricing .training-price-tax{font-size:calc(14px - 2pt);margin-top:10px}.training-strass-description{font-size:calc(15px - 2pt);line-height:1.6;color:var(--muted)}.training-strass-detail[hidden]{display:none}.training-strass-detail{margin:20px 0}.training-strass-detail img{width:100%;height:auto;object-fit:contain}
.steps-v12.training-order{background:var(--graysection)!important}.training-order{padding:70px 0}.training-order .process-icon-filter{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}.training-order .center-head{text-align:center;max-width:900px;margin:0 auto 40px}.training-order .kicker{font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.4;letter-spacing:.24em;text-transform:uppercase;color:#4e515a;font-weight:600;margin-bottom:12px}.training-order .center-head h2{font-size:clamp(28px,3vw,43px);font-weight:400;letter-spacing:.14em;line-height:1.3;margin-bottom:18px}.training-order .pink-line{width:45px;height:2px;background:var(--pink);margin:0 auto 18px}.training-order .steps-timeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;position:relative}.training-order .process-step{text-align:center;position:relative;padding:0 8px;min-width:0}.training-order .process-icon{box-sizing:border-box;width:110px;height:110px;background:#fff!important;border:3px solid var(--pink);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 10px;box-shadow:none}.training-order .process-icon img{width:100%;height:100%;object-fit:contain;display:block;filter:url(#training-symbol-ink);transform-origin:center}.training-order .process-icon svg{width:61%;height:61%;fill:none;stroke:#52606B;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.training-order .training-icon-design img{transform:translate(-4.60%,-2.3%) scale(1.14)}.training-order .training-icon-enquiry img{transform:translate(-2.69%,-4.62%)}.training-order .training-icon-sewing img{transform:translate(-7.54%,-2.24%) scale(1.06)}.training-order .process-step:not(:last-child)::after{content:"";position:absolute;top:53px;left:calc(50% + 66px);width:calc(100% - 90px);height:2px;background:repeating-linear-gradient(90deg,#d67ba7 0 4px,transparent 4px 10px);pointer-events:none}.training-order .process-step:not(:last-child)::before{content:"";position:absolute;top:49px;right:-13px;width:7px;height:7px;border-top:2px solid var(--pink);border-right:2px solid var(--pink);transform:rotate(45deg);pointer-events:none}.training-order .process-number{font-size:24px;line-height:1.3;color:#51515b;margin-bottom:6px}.training-order .process-step h3{font-size:16px;letter-spacing:.03em;font-weight:700;line-height:1.4;margin-bottom:8px}.training-order .process-step p{font-size:16px;line-height:1.5;color:#555c68;margin:0}
.training-partnership{max-width:850px;margin:60px auto 0;padding-top:40px;border-top:1px solid var(--line);text-align:center}.training-partners{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;align-items:start;max-width:660px;margin:0 auto 28px}.training-logo-slot{height:155px;display:flex;align-items:center;justify-content:center}.training-logo-slot>img{width:240px;max-width:100%;max-height:140px;object-fit:contain}.training-partner p{font-size:16px;color:var(--muted);margin:14px 0 0}.lessel-logo-placeholder{box-sizing:border-box;width:140px;height:140px;border:1px solid var(--line);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px;font-size:16px;line-height:1.4;color:var(--muted);background:#fff}.lessel-logo-placeholder small{display:block;font-size:12px;margin-top:6px}.training-partnership-title{max-width:650px;margin:0 auto 16px;font-size:clamp(22px,2vw,28px);font-weight:400;line-height:1.4;letter-spacing:normal;color:var(--ink)}.training-partnership-line{max-width:650px;margin:0 auto 24px;font-size:17px;line-height:1.65;color:var(--muted)}.training-order-note{font-size:14px;color:var(--muted);margin:20px auto 0;max-width:580px}
@media(max-width:1100px){.training-order .process-step:not(:last-child)::before,.training-order .process-step:not(:last-child)::after{display:none}}
@media(max-width:850px){.training-order .steps-timeline{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}}
@media(max-width:700px){.training-order .steps-timeline{grid-template-columns:1fr;gap:32px}.training-order .process-step{max-width:340px;margin:auto}.training-order .center-head h2{letter-spacing:.06em}.training-order .process-icon{width:92px;height:92px}.training-order{padding:55px 0}.training-partnership{margin-top:40px;padding-top:30px}.training-partners{gap:20px}.training-logo-slot{height:130px}.training-logo-slot>img{max-height:110px}.lessel-logo-placeholder{width:120px;height:120px;font-size:14px}.training-partner p{font-size:14px}.training-order .button{max-width:100%}}

/* Originaler Lessel-Sticker aus der bereitgestellten Druck-PDF. */
.training-logo-slot>img.training-lessel-logo{width:140px;height:140px;max-height:none;aspect-ratio:1;object-fit:contain;border-radius:50%}
@media(max-width:700px){.training-logo-slot>img.training-lessel-logo{width:120px;height:120px}}

/* Trainingsbanner: dieselben Bildabmessungen wie die anderen Bildbanner. */
.training-hero{padding:0;position:relative;overflow:hidden;background:#afbdd6!important}
.training-hero .training-hero-banner{display:block;width:82%;height:auto;margin-left:auto;object-fit:contain}
.training-hero .banner-copy{z-index:1}
@media(max-width:850px){.training-hero .training-hero-banner{width:100%;margin:0}.training-hero .banner-copy{background:#dce2eb}}

/* Weißer Kooperationsbereich unter dem grauen Bestellablauf. */
.training-order{padding-bottom:60px}.training-cooperation{background:#fff;padding:0 0 70px}.training-cooperation .training-partnership{margin-top:0}@media(max-width:700px){.training-order{padding-bottom:40px}.training-cooperation{padding-bottom:55px}.training-cooperation .button{max-width:100%}}

/* Native Größentabelle und Messanleitung, ausschließlich Trainingsanzüge. */
.training-size-guide{background:#fff;border-top:1px solid var(--line)}.training-size-guide h2{font-size:clamp(28px,3vw,43px);margin-bottom:20px}.size-guide-intro{max-width:780px;color:var(--muted);margin-bottom:30px}.size-guide-details{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.size-guide-details summary{padding:20px 0;cursor:pointer;color:var(--pink);font-weight:600}.size-guide-details summary:focus-visible,.size-table-scroll:focus-visible{outline:2px solid var(--pink);outline-offset:4px}.size-guide-content{padding:10px 0 30px}.size-guide-units{font-size:15px;color:var(--muted)}.size-table-scroll{overflow-x:auto;margin:24px 0 32px}.size-table-scroll table{width:100%;border-collapse:collapse;font-size:15px;white-space:nowrap;font-variant-numeric:tabular-nums}.size-table-scroll caption{text-align:left;font-weight:600;font-size:18px;margin-bottom:12px}.size-table-scroll th,.size-table-scroll td{padding:12px 14px;border:1px solid var(--line);text-align:center;background:#fff}.size-table-scroll thead th{background:#f8eef4}.size-table-scroll tbody th{text-align:left;background:#f7f7f8;font-weight:600}.size-measuring-title{font-size:26px;margin:44px 0 24px}.size-measuring-grid{display:grid;grid-template-columns:minmax(220px,1fr) 2fr;gap:50px;align-items:center}.size-measuring-figure{display:block;width:100%;max-width:300px;height:auto;margin:auto}.size-measuring-instructions{list-style:none;padding:0;margin:0}.size-measuring-instructions li+li{margin-top:24px}.size-measuring-instructions h4{font-size:18px;margin:0 0 6px;font-weight:600}.size-measuring-instructions h4 span{color:var(--pink)}.size-measuring-instructions p{font-size:16px;color:var(--muted);margin:0}.size-guide-note{border-top:1px solid var(--line);padding-top:24px;margin-top:36px}.size-guide-note h3{font-size:20px;margin-bottom:12px}.size-guide-note p{font-size:16px;color:var(--muted);max-width:820px;margin-bottom:0}@media(max-width:700px){.training-size-guide{padding:55px 0}.size-measuring-grid{grid-template-columns:1fr;gap:28px}.size-measuring-figure{max-width:250px}.size-table-scroll th,.size-table-scroll td{padding:10px 12px}}
