/* SARAVUE v13 · Landingpages /braut/, /model/ und Bio-Link-Seite /links/ (build_pages.py)
   Gleiche Shell wie die App, eine Spalte (640 px). Grosser Titel, ein ruhiges Bild, Listen mit feinen Linien, Tabellenziffern.
   Keine Countdown-/Knappheits-Elemente, keine Badges, keine Schatten-Karten. */

.lp .app-main>*+*{margin-top:0}
.lp .app-main>.sec{margin-top:var(--ma-6)}
.lp-head .t1{margin-top:var(--ma-5)}
.lp-head .lead{margin-top:10px}
.lp-ph .ph{aspect-ratio:16/9;border-radius:18px}
@media (max-width:599.98px){.lp-ph{margin:0 calc(var(--gutter) * -1)}.lp-ph .ph{border-radius:0;aspect-ratio:21/9}}   /* v15 L1 #11: flacheres Bild, Preis und Button im ersten Handy-Bildschirm */
/* v15 L1 #11: Preiszeile + Button direkt unter dem Lead (Braut, Orts-/Regionsseiten) */
.lp-quick{display:grid;gap:10px;margin-top:var(--ma-4)}
.lp-quick .lp-qp{margin:0;font-size:15px;line-height:1.4;color:var(--rauch)}
.lp-quick .lp-qp b{font-weight:600;color:var(--tusche);font-size:17px;font-variant-numeric:tabular-nums lining-nums}
@media (min-width:600px){.lp-quick .btn{justify-self:start;min-width:240px}}
.lp .sec-sub{max-width:none}
.lp-note{margin-top:var(--ma-3)!important}
.lp-flow{grid-template-columns:112px minmax(0,1fr)}
@media (max-width:359.98px){.lp-flow{grid-template-columns:92px minmax(0,1fr)}}
.lp .list{border-bottom:1px solid var(--hair)}
.lp .list>.row:first-child::before{display:none}
.lp .list .row:hover .row-t{color:var(--wald)}
.lp-cta{margin-top:var(--ma-6);display:grid;gap:10px}
.lp .app-main>.lp-cta{margin-top:var(--ma-6)}   /* v15 L1 #4: .lp .app-main>*+*{margin-top:0} überstimmte den Abstand, der CTA klebte an der letzten FAQ-Zeile */
.lp-cta .note{margin:0;text-align:center}
.lp-cta .textlink.quiet{min-height:0;display:inline}

/* /braut/ Planungshilfe */
.wp .field{margin-top:var(--ma-3);max-width:320px}
.wp .field label{font-weight:500}
.wp-svc{margin:var(--ma-4) 0 0;padding:0;border:0;min-width:0}
.wp-svc legend{padding:0;margin-bottom:8px;font-weight:500;font-size:15px}
.wp .radios{display:grid;gap:8px}
.wp-out{margin-top:var(--ma-4);border-top:1px solid var(--hair)}
.wp-empty{padding:14px 0;color:var(--rauch);font-size:15px;margin:0}
.wp-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0;border-bottom:1px solid var(--hair)}
.wp-t{min-width:0}
.wp-k{margin:0;font-size:14px;color:var(--rauch)}
.wp-when{margin:2px 0 0;font:600 17px/1.3 var(--f-sans)}
.wp-s{margin:4px 0 0;font-size:14.5px;line-height:1.4;color:var(--rauch)}
.wp-row .btn{flex:none}
.wp-warn{margin:12px 0;padding:12px 14px;border-radius:12px;background:var(--papier-2);font-size:15px;line-height:1.45}
.wp-sum{margin:10px 0 0;font-size:14px;color:var(--rauch)}
.wp-row:has(+ .wp-sum){border-bottom:1px solid var(--hair)}

/* /model/ */
.md-slots{margin:0;font:400 clamp(26px,22px + 1vw,32px)/1.2 var(--f-display);color:var(--tusche)}
.md-list .row-v .md-m{display:block;color:var(--wald);font-weight:600}
.md-list .row-v small{display:block;font:400 14px/1.3 var(--f-sans);color:var(--rauch);margin-top:3px}
.md-list .row-v small>span{font-variant-numeric:tabular-nums lining-nums}

/* /links/ (Instagram-Bio): schmal, gross zu treffen */
.links-page .app-main{max-width:calc(480px + 2 * var(--gutter))}
.lk-head{display:grid;justify-items:center;text-align:center;gap:6px;padding-top:var(--ma-4)}
.lk-av{width:64px;height:64px;border-radius:50%}
.lk-h{font:400 clamp(28px,24px + 1vw,34px)/1.15 var(--f-display);margin:8px 0 0}
.lk-s{margin:0;color:var(--rauch);font-size:14.5px;line-height:1.45}
.lk-book{margin-top:var(--ma-5)!important}
.lk-list{margin-top:var(--ma-4)!important;border-top:1px solid var(--hair)}
.lk-list .row{min-height:64px}
.lk-note{margin-top:var(--ma-4)!important;text-align:center}

/* ---------- v14 · /model/ als Landingpage, /links/ mit Aktion an Position 1 (nur bei aktiver Aktion) ---------- */
.md-hero .ph-k{margin-top:var(--ma-4)}
.md-hero .t1{margin-top:8px}
.md-hero .lead{margin-top:12px}
@media (max-width:599.98px){.lp .pchips{border-bottom:1px solid var(--hair)}}
.md5{margin-top:var(--ma-2)}
.steps3{list-style:none;counter-reset:st;margin:8px 0 0;padding:0;border-top:1px solid var(--hair)}
.steps3 li{counter-increment:st;display:block;position:relative;padding:14px 0 14px 40px;border-bottom:1px solid var(--hair);font-size:16px;line-height:1.45}
.steps3 li::before{content:counter(st);position:absolute;left:0;top:14px;font:400 22px/1.1 var(--f-display);color:var(--wald);font-variant-numeric:lining-nums}
.steps3 b{font-weight:600}
.lp .faq details>.flow{margin-top:0}
.lp .faq details>.sec-sub{margin:12px 0 14px}
.lp-cta .wa-btn{margin-top:0}
.lk-promo{display:grid;gap:4px;margin-top:var(--ma-5);padding:18px 20px;border:1px solid var(--wald);border-radius:18px;background:var(--papier-3);color:var(--tusche);text-decoration:none}
.lk-pk{font:600 14px/1.35 var(--f-sans);color:var(--wald)}
.lk-pt{font:400 clamp(26px,22px + 1vw,30px)/1.15 var(--f-display)}
.lk-ps{font-size:15px;line-height:1.45;color:var(--rauch)}
.lk-pb{justify-self:start;display:inline-flex;align-items:center;min-height:44px;margin-top:8px;padding:0 20px;border-radius:var(--r-btn);background:var(--wald);color:var(--auf-wald);font:600 16px/1 var(--f-sans)}
.lk-promo:hover .lk-pb{background:var(--wald-druck)}
.lk-promo:focus-visible{outline:2px solid var(--wald);outline-offset:3px}
.lk-wa{margin-top:var(--ma-3)!important;border-top:1px solid var(--hair)}
.lk-wa+.lk-book{margin-top:var(--ma-4)!important}
/* /v14 */