/* Entwurf C – Verkaufsseite */
.c-ph .m-ph__img img{object-position:50% 30%}
/* Verkaufsweg */
.c-way{background:var(--m-bg)}
.c-tl{position:relative;display:grid;grid-template-columns:repeat(5,1fr);margin-top:56px;border-top:1px solid var(--m-line2)}
.c-tl__bar{position:absolute;left:0;top:-1px;height:2px;background:linear-gradient(90deg,#001489,#4d6fff);box-shadow:0 0 14px #4d6fff;width:calc((var(--i,0) + var(--t,0))*20%);transition:width .6s var(--m-ease)}
.c-tl button{position:relative;padding:22px 16px 0 0;text-align:left;background:none;border:0;cursor:pointer;color:rgba(255,255,255,.45);font:500 12px/1 var(--m-sans);letter-spacing:.18em;transition:color .3s}
.c-tl button b{display:block;margin-top:12px;font:500 1.15rem/1.25 var(--m-serif);letter-spacing:0;color:inherit}
.c-tl button::before{content:"";position:absolute;left:0;top:-6px;width:11px;height:11px;border-radius:50%;background:var(--m-bg);border:1px solid rgba(255,255,255,.3);transition:all .4s}
.c-tl button[aria-selected="true"],.c-tl button.done{color:#fff}
.c-tl button[aria-selected="true"]::before,.c-tl button.done::before{background:#4d6fff;border-color:#4d6fff;box-shadow:0 0 0 5px rgba(77,111,255,.2)}
.c-stage{display:grid;grid-template-columns:1fr 1.1fr;gap:64px;margin-top:56px;align-items:center;min-height:460px}
.c-stage__img{position:relative;aspect-ratio:5/4;border-radius:26px;overflow:hidden}
.c-stage__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.08);transition:opacity 1s,transform 1.6s var(--m-ease)}
.c-stage__img img.on{opacity:1;transform:none}
.c-step{display:none}
.c-step.on{display:block;animation:b-in .8s var(--m-ease) both}
@keyframes b-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.c-step h3{font:600 clamp(1.9rem,3.2vw,2.8rem)/1.1 var(--m-serif);color:#fff;margin-top:14px}
.c-step ul{margin-top:26px;display:grid;gap:10px}
.c-step li{list-style:none;display:flex;gap:12px;font:500 14.5px/1.5 var(--m-sans);color:rgba(255,255,255,.8)}
.c-step li::before{content:"";flex:none;width:18px;height:18px;margin-top:2px;border-radius:50%;background:rgba(77,111,255,.2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23c9d4f0' stroke-width='2'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5.5'/%3E%3C/svg%3E") center/12px no-repeat}
.c-you{display:inline-flex;gap:10px;margin-top:24px;padding:12px 16px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid var(--m-line);font:400 13px/1.5 var(--m-sans);color:var(--m-txt)}
.c-you b{color:#fff;font-weight:600}
.c-ctl{display:flex;gap:10px;margin-top:30px}
.c-ctl button{width:48px;height:48px;border-radius:50%;border:1px solid var(--m-line2);background:none;color:#fff;cursor:pointer}
.c-ctl button:hover{background:rgba(255,255,255,.08)}
@media(max-width:1023px){.c-tl{grid-template-columns:repeat(5,minmax(120px,1fr));overflow-x:auto;scrollbar-width:none}.c-tl::-webkit-scrollbar{display:none}.c-stage{grid-template-columns:1fr;gap:32px}.c-stage__img{order:-1}}

/* Vermarktung */
.c-mk{background:#161619}
.c-ba{position:relative;margin-top:52px;aspect-ratio:16/9;border-radius:28px;overflow:hidden;user-select:none;touch-action:pan-y;cursor:ew-resize;--x:50%}
.c-ba img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}
.c-ba .c-ba__a{clip-path:inset(0 0 0 var(--x))}
.c-ba__h{position:absolute;top:0;bottom:0;left:var(--x);width:2px;margin-left:-1px;background:#fff;box-shadow:0 0 20px rgba(0,0,0,.4)}
.c-ba__h::after{content:"‹ ›";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:58px;height:58px;border-radius:50%;background:rgba(255,255,255,.95);color:#111;display:grid;place-items:center;font:600 17px/1 var(--m-sans);letter-spacing:4px;box-shadow:0 10px 30px rgba(0,0,0,.35)}
.c-ba__l{position:absolute;top:20px;padding:8px 13px;border-radius:99px;background:rgba(10,10,14,.65);backdrop-filter:blur(10px);font:600 10.5px/1 var(--m-sans);letter-spacing:.18em;text-transform:uppercase;color:#fff}
.c-ba input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize}
.c-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:14px}
@media(max-width:1023px){.c-tiles{grid-template-columns:1fr 1fr}}
.c-tile{position:relative;min-height:240px;border-radius:22px;overflow:hidden;isolation:isolate;padding:22px;display:flex;flex-direction:column;justify-content:flex-end;border:1px solid var(--m-line)}
.c-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 1.4s var(--m-ease)}
.c-tile::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 30%,rgba(4,6,14,.9))}
.c-tile:hover img{transform:scale(1.07)}
.c-tile b{font:600 1.2rem/1.2 var(--m-serif);color:#fff}
.c-tile span{display:block;margin-top:6px;font:400 13px/1.5 var(--m-sans);color:rgba(255,255,255,.72)}

/* Objekte – Galerie mit Vorschau */
.c-obj{background:var(--m-bg)}
.c-og{display:grid;grid-template-columns:1.5fr 1fr;gap:18px;margin-top:52px}
@media(max-width:1023px){.c-og{grid-template-columns:1fr}}
.c-ohero{position:relative;border-radius:26px;overflow:hidden;min-height:520px;isolation:isolate;display:flex;align-items:flex-end;padding:30px;text-decoration:none}
.c-ohero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:opacity .6s,transform 1.6s var(--m-ease)}
.c-ohero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 40%,rgba(4,6,14,.9))}
.c-ohero:hover img{transform:scale(1.04)}
.c-ohero small{font:600 10.5px/1 var(--m-sans);letter-spacing:.18em;text-transform:uppercase;color:#c9d4f0}
.c-ohero h3{font:600 clamp(1.5rem,2.4vw,2.1rem)/1.15 var(--m-serif);color:#fff;margin-top:10px;max-width:34rem}
.c-ohero p{margin-top:12px;display:flex;flex-wrap:wrap;gap:18px;font:500 13.5px/1 var(--m-sans);color:rgba(255,255,255,.8)}
.c-ohero p b{color:#fff}
.c-olist{display:grid;gap:10px;align-content:start}
.c-oi{display:grid;grid-template-columns:96px 1fr;gap:16px;align-items:center;padding:10px;border-radius:18px;border:1px solid transparent;background:none;cursor:pointer;text-align:left;font:inherit;color:inherit;transition:background .3s,border-color .3s}
.c-oi:hover,.c-oi[aria-pressed="true"]{background:rgba(255,255,255,.04);border-color:var(--m-line2)}
.c-oi img{width:96px;height:72px;border-radius:12px;object-fit:cover}
.c-oi small{font:500 11.5px/1 var(--m-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--m-muted)}
.c-oi b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:6px;font:500 14px/1.35 var(--m-sans);color:#fff}
.c-st{display:inline-block;margin-left:6px;padding:3px 7px;border-radius:99px;font:600 9.5px/1 var(--m-sans);letter-spacing:.1em;text-transform:uppercase;background:rgba(255,255,255,.1);color:#fff;vertical-align:1px}
.c-st.res{background:rgba(250,204,21,.9);color:#111}

/* Verkaufs-Check */
.c-chk{background:#0b0d1a;overflow:hidden}
.c-chk__box{display:grid;grid-template-columns:1fr 1fr;gap:56px;margin-top:52px;align-items:start}
@media(max-width:1023px){.c-chk__box{grid-template-columns:1fr;gap:32px}}
.c-q{margin-bottom:30px}
.c-q p{font:600 11px/1 var(--m-sans);letter-spacing:.2em;text-transform:uppercase;color:var(--m-soft);margin-bottom:14px}
.c-q div{display:flex;flex-wrap:wrap;gap:8px}
.c-q button{padding:12px 16px;border-radius:999px;border:1px solid var(--m-line2);background:rgba(255,255,255,.03);color:rgba(255,255,255,.8);cursor:pointer;font:500 13.5px/1 var(--m-sans);transition:all .3s var(--m-ease)}
.c-q button:hover{border-color:rgba(255,255,255,.35)}
.c-q button[aria-pressed="true"]{background:#fff;color:#111;border-color:#fff}
.c-res{position:sticky;top:160px;border-radius:26px;padding:34px;background:radial-gradient(120% 100% at 100% 0%,rgba(0,20,137,.6),transparent 60%),rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);min-height:360px}
.c-res small{font:600 10.5px/1 var(--m-sans);letter-spacing:.22em;text-transform:uppercase;color:#c9d4f0}
.c-res h3{font:600 1.7rem/1.2 var(--m-serif);color:#fff;margin-top:14px}
.c-res ol{margin-top:22px;padding:0;counter-reset:s;display:grid;gap:12px}
.c-res li{list-style:none;counter-increment:s;display:flex;gap:14px;font:400 14.5px/1.55 var(--m-sans);color:rgba(255,255,255,.82)}
.c-res li::before{content:counter(s);flex:none;width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.1);display:grid;place-items:center;font:600 12px/1 var(--m-sans);color:#fff}
.c-res .c-res__acts{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.c-res.flash{animation:c-fl .7s var(--m-ease)}
@keyframes c-fl{from{transform:translateY(8px);opacity:.4}to{transform:none;opacity:1}}
.c-meter{display:flex;gap:6px;margin-top:22px}
.c-meter i{flex:1;height:3px;border-radius:3px;background:rgba(255,255,255,.12);transition:background .4s}
.c-meter i.on{background:#4d6fff}

/* Stimmen */
.c-voices{background:#161619}
.c-voices__g{display:grid;grid-template-columns:1.2fr 1fr;gap:72px;align-items:center}
@media(max-width:1023px){.c-voices__g{grid-template-columns:1fr;gap:40px}}
.c-voices__img{position:relative;border-radius:26px;overflow:hidden;aspect-ratio:4/3}
.c-voices__img img{width:100%;height:100%;object-fit:cover}
.c-voices__badge{position:absolute;right:18px;bottom:18px;padding:16px 18px;border-radius:18px;background:rgba(10,10,14,.75);backdrop-filter:blur(14px);text-align:right}
.c-voices__badge b{display:block;font:500 2.2rem/1 var(--m-serif);color:#fff}
.c-voices__badge span{font:400 12px/1.4 var(--m-sans);color:rgba(255,255,255,.7)}
@media(min-width:1024px){.c-ph .m-ph__img{left:36%;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 30%);mask-image:linear-gradient(90deg,transparent 0,#000 30%)}.c-ph .m-ph__img img{object-position:40% 25%}}
@media(max-width:600px){.c-tile{min-height:200px;padding:16px}.c-tile b{font-size:1rem}.c-tile span{font-size:12px}}