/* Neue App-Bilder und Funktionen (v2) */
.v2-phone{position:relative;width:100%;aspect-ratio:740/1262;padding:3.4%;border-radius:15%/8.6%;background:#1b1416;box-shadow:0 28px 56px rgba(29,20,22,.30),0 6px 14px rgba(29,20,22,.14),inset 0 0 0 2px #3a2f31;box-sizing:border-box}
.v2-phone video{display:block;width:100%;height:100%;object-fit:cover;border-radius:12.2%/6.9%;background:#F4EEE4;pointer-events:none}
html[data-mt=dark] .v2-phone video{background:#0E0B0C}
.v2-phone video::-webkit-media-controls,.v2-phone video::-webkit-media-controls-start-playback-button{display:none!important;-webkit-appearance:none}
.ms .av-phone.v2{width:52%;aspect-ratio:auto;border-radius:0;overflow:visible;background:none;box-shadow:none;-webkit-mask-image:none;transform:none}
.mi,.mi img{display:block;width:100%;height:auto}
.mi img{filter:drop-shadow(0 22px 36px rgba(29,20,22,.22))}
html[data-mt=dark] .mi img{filter:drop-shadow(0 22px 36px rgba(0,0,0,.6))}
/* Große Blöcke: Coach, Foto-KI */
.ms .fx{padding:72px 0}
.ms .fx-in{display:grid;grid-template-columns:1fr;gap:28px;align-items:center}
.ms .fx-tag{display:inline-flex;align-items:center;gap:6px;margin:0 0 10px;padding:5px 12px;border-radius:999px;background:var(--wine);color:#fff;font-size:13px;font-weight:600;letter-spacing:0}
.ms .fx h3{font-size:clamp(30px,4.4vw,48px);line-height:1.06;letter-spacing:-.03em}
.ms .fx p.lead{margin-top:12px;font-size:17px;line-height:1.5;color:var(--muted)}
.ms .fx ul{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:10px}
.ms .fx li{position:relative;padding-left:28px;font-size:16px;line-height:1.45}
.ms .fx li::before{content:"";position:absolute;left:0;top:3px;width:18px;height:18px;border-radius:50%;background:var(--wine)}
.ms .fx li::after{content:"";position:absolute;left:5.5px;top:8.5px;width:7px;height:4px;border:solid #fff;border-width:0 0 2px 2px;transform:rotate(-45deg)}
.ms .fx-ph{position:relative;max-width:300px;margin:0 auto;width:78%}
.ms .fx-ph.two{max-width:380px;width:92%;display:grid;grid-template-columns:1fr 1fr;gap:0}
.ms .fx-ph.two .mi:last-child{margin-left:-18%;margin-top:16%;width:118%}
.ms .fx-note{margin-top:14px;font-size:12px;color:var(--muted)}
/* Kacheln */
.ms .tl-wrap{margin-top:8px}
.ms .tl{display:grid;grid-auto-flow:column;grid-auto-columns:78%;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:8px 22px 18px;margin:0 -22px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.ms .tl::-webkit-scrollbar{display:none}
.ms .tile{scroll-snap-align:center;background:var(--cream);border-radius:22px;padding:22px 20px 0;display:flex;flex-direction:column;overflow:hidden;min-height:100%}
.ms .tile h4{margin:0;font-size:20px;line-height:1.15;letter-spacing:-.02em;font-weight:700;color:var(--ink)}
.ms .tile p{margin:6px 0 16px;font-size:15px;line-height:1.42;color:var(--muted)}
.ms .tile .mi{margin-top:auto;width:70%;align-self:center;margin-bottom:-28%}
.ms .tl-hint{margin:6px 0 0;text-align:center;font-size:12px;color:var(--muted)}
html[data-mt=dark] .ms .tile{background:#1A1416}
@media(min-width:900px){
  .ms .fx{padding:110px 0}
  .ms .fx-in{grid-template-columns:1.05fr .95fr;gap:64px}
  .ms .fx.rev .fx-in > :first-child{order:2}
  .ms .fx-ph{width:100%;max-width:320px}
  .ms .fx-ph.two{max-width:420px}
  .ms .tl{grid-auto-flow:row;grid-template-columns:repeat(3,1fr);grid-auto-columns:auto;overflow:visible;padding:8px 0 0;margin:0}
  .ms .tl-hint{display:none}
  .ms .tile .mi{width:62%}
  .ms .av-phone.v2{width:40%}
}
/* Angebot: alter Preis durchgestrichen */
.was{display:flex;align-items:center;gap:8px;margin:0;line-height:1}
.was s{font-size:16px;font-weight:600;color:var(--muted);text-decoration:line-through;text-decoration-color:var(--wine);text-decoration-thickness:2px}
.was em{font-style:normal;font-size:12px;font-weight:700;color:#fff;background:var(--wine);border-radius:999px;padding:3px 8px;letter-spacing:0}
.ms .pd-in .pd-offer .was{grid-column:1;margin-top:6px}
.ms .pd-in .pd-offer .big{grid-column:1;margin-top:0}
.ms .pd-in .pd-offer .save{grid-row:1 / span 3}
.ms .col .was{justify-content:center;margin:0 0 6px}
.ms .col.hl .was s{color:rgba(255,255,255,.7);text-decoration-color:#fff;font-size:18px}
.ms .col.hl .was em{background:#fff;color:var(--wine)}
.hp-price{flex-wrap:wrap;row-gap:4px}
.hp-price s{font-size:16px;font-weight:600;color:var(--muted);text-decoration-color:var(--wine);text-decoration-thickness:2px}
.hp-price em{font-style:normal;font-size:12px;font-weight:700;color:#fff;background:var(--wine);border-radius:999px;padding:3px 8px;align-self:center}
.hp-price span{flex-basis:100%}
html[data-mt=dark] .was s,html[data-mt=dark] .hp-price s{text-decoration-color:#E8A0AA}
/* Desktop: breiter statt Handy-Spalte */
@media(min-width:900px){
  .ms .pd-in{max-width:1100px;grid-template-columns:1fr 1fr;column-gap:72px;row-gap:14px;align-items:center;align-content:center;padding-bottom:24px}
  .ms .pd-in > *{grid-column:1}
  .ms .pd-in > .av{grid-column:2;grid-row:1 / span 4;margin:0}
  .ms .pd-in > .pd-proof{align-self:end}
  .ms .pd-in > .pd-buy,.ms .pd-in > .pd-note{align-self:start}
  .ms .pd-in .pd-offer{padding:18px 20px}
  .ms .pd-in .pd-offer .big b{font-size:44px}
  .ms .pd-in .pd-offer .sm{font-size:13px}
  .ms .pd-in .pd-proof p{font-size:14px}
  .ms .av-phone.v2{width:58%}
  .ms .mrv{max-width:1100px}
  .ms .mrv-card{flex:0 0 50%;padding:16px 40px 14px 42px;grid-template-columns:44px 1fr}
  .ms .mrv-pic{width:44px;height:44px}
  .ms .mrv-head{font-size:15px}
  .ms .mrv-card p{font-size:14.5px}
  .ms .mrv-proof p{font-size:14px}
  .ms .vn{grid-template-columns:1fr 1fr;column-gap:24px;max-width:1100px;margin:0 auto}
  .ms .vn > h2,.ms .vn > .sub{grid-column:1 / -1}
  .ms .vn-card{max-width:none;margin:0}
  .ms #pakete .cmp.solo{grid-template-columns:minmax(0,1000px)}
  .ms #pakete .cmp.solo .col.hl{display:grid;grid-template-columns:1.1fr .9fr;grid-template-rows:auto auto 1fr;grid-auto-flow:column;column-gap:64px;row-gap:12px;align-items:start;text-align:left;padding:52px 60px}
  .ms #pakete .cmp.solo .col.hl > *{justify-self:start}
  .ms #pakete .cmp.solo .col.hl .for{font-size:16px;min-height:0;margin:0}
  .ms #pakete .cmp.solo .col.hl > .pr,.ms #pakete .cmp.solo .col.hl > .btn,.ms #pakete .cmp.solo .col.hl > .pay{grid-column:2;justify-self:stretch;text-align:center;margin:0}
  .ms #pakete .cmp.solo .col.hl > .pr{grid-row:1 / span 2;align-self:end}
  .ms #pakete .cmp.solo .col.hl > .btn{grid-row:3;align-self:start;justify-self:center;margin-top:8px}
  .ms #pakete .cmp.solo .col.hl > .pay{grid-row:4}
  .ms #pakete .cmp.solo .col.hl .pr{font-size:40px}
}


/* KOMPAKT-LAYOUT: macht alle mase.-Blöcke auf der Seite kleiner. Einmal einfügen reicht. */
html body .ms section:not(.bn-sec):not(.hero):not(.final):not(.foot){padding-top:40px;padding-bottom:40px}
html body .ms h2{font-size:28px;line-height:1.12}
html body .ms .sub{font-size:15px;line-height:1.45;margin-top:8px}
html body .ms .eyebrow{font-size:12px}
html body .ms .ba,html body .ms .steps,html body .ms .day,html body .ms .bento,html body .ms .calc,html body .ms .qs,html body .ms .cmp{margin-top:24px}

/* Vorher/Nachher */
html body .ms .ba{max-width:300px;margin-left:auto;margin-right:auto;gap:8px}
html body .ms .ba figcaption{font-size:12px}

/* Schritte + Duo */
html body .ms .steps{gap:24px}
html body .ms .st-list{gap:14px}
html body .ms .st-list li{gap:12px}
html body .ms .st-list h3{font-size:16px;margin-top:4px;margin-bottom:2px}
html body .ms .st-list p{font-size:14px;line-height:1.4}
html body .ms .chips{margin-top:16px;gap:6px}
html body .ms .chips li{font-size:12px;padding:5px 10px}
html body .ms .duo .st-list{margin-top:20px!important}
html body .ms .duo .fine{margin-top:16px!important}

/* Handy-Bilder */
html body .ms .steps .ph,html body .ms .day .ph{max-width:200px;margin-left:auto;margin-right:auto}
html body .ms .push{transform:scale(.85);transform-origin:center}

/* Tagesplan */
html body .ms .day{padding:20px 16px;gap:16px}
html body .ms .times li{padding:6px 0;font-size:15px}

/* Alles drin */
html body .ms .bento{gap:8px}
html body .ms .b{padding:18px;gap:10px}
html body .ms .b h3{font-size:17px}
html body .ms .b p{font-size:14px;line-height:1.4}
html body .ms .b picture,html body .ms .b picture img{max-width:150px;margin-left:auto;margin-right:auto}
html body .ms .b-num{padding:16px}
html body .ms .bento .b .num{font-size:36px}
html body .ms .bento{grid-auto-rows:auto}
html body .ms .bento .b-num{justify-content:flex-start;gap:6px}
html body .ms .bento .b-num.wine{flex-direction:row;align-items:center;gap:16px;padding:16px 20px}
html body .ms .bento .b-num.wine .num{flex:0 0 auto;line-height:1}
html body .ms .bento .b-num.wine p:not(.num){margin:0}

/* Rechner */
html body .ms .calc{gap:14px}
html body .ms .res{padding:22px}

/* FAQ */
html body .ms .faq summary{padding-top:14px;padding-bottom:14px;font-size:15px}
html body .ms .faq details p{font-size:14px}

/* Schluss-Bild */
html body .ms .final{min-height:400px!important}
html body .ms .final-txt{padding-bottom:40px}

@media(min-width:900px){
  html body .ms section:not(.bn-sec):not(.hero):not(.final):not(.foot){padding-top:80px;padding-bottom:80px}
  html body .ms h2{font-size:44px}
  html body .ms .sub{font-size:18px}
  html body .ms .ba{max-width:720px}
  html body .ms .steps .ph,html body .ms .day .ph{max-width:280px}
  html body .ms .b picture,html body .ms .b picture img{max-width:220px}
  html body .ms .final{min-height:560px!important}
}