/* Runde 30 · Unterseiten auf den alten Ranking-URLs: Malve-Kopf, Creme-Lesefläche, Pflaume-Terminkarte */
.sub-page{background:#FBF6F3}
.sub-wrap{max-width:1180px;margin-inline:auto;padding-inline:var(--pad)}
.sub-hero{padding:calc(var(--hd-h) + clamp(34px,5vw,70px)) 0 clamp(34px,4.6vw,64px);color:#fff;background:radial-gradient(60% 80% at 88% 10%,rgba(240,170,170,.26),rgba(240,170,170,0) 70%),linear-gradient(120deg,#5B3A72 0%,#7A4E88 58%,#94608A 100%)}
.sub-bc{display:flex;flex-wrap:wrap;gap:6px 8px;font-size:13.5px;color:rgba(255,255,255,.82);margin-bottom:18px}
.sub-bc a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.design-b .sub-h1{font-size:clamp(32px,4.2vw,60px)!important;line-height:1.06;max-width:18em;margin:0;color:#fff}
.sub-body{padding:clamp(36px,5vw,72px) 0 clamp(56px,7vw,100px);background:radial-gradient(60% 40% at 100% 0%,rgba(236,190,200,.3),rgba(236,190,200,0) 65%),linear-gradient(180deg,#FBF6F3,#F4EAE6)}
.sub-grid{display:grid;gap:40px}
.sub-grid>*{min-width:0}
.sub-prose{font-size:18px;line-height:1.7;color:#3E2F48;max-width:70ch}
.sub-prose h2,.sub-prose h3,.sub-prose h4{font-family:var(--b-serif);font-weight:340;color:#33203C;line-height:1.15;margin:1.7em 0 .5em}
.sub-prose h2{font-size:clamp(26px,2.6vw,36px)}.sub-prose h3{font-size:clamp(23px,2.1vw,29px)}.sub-prose h4{font-size:clamp(20px,1.8vw,24px)}
.sub-prose>*:first-child{margin-top:0}
.sub-prose p{margin:0 0 1em}
.sub-prose ul,.sub-prose ol{margin:0 0 1.2em;padding-left:1.2em}
.sub-prose li{margin:.3em 0}
.sub-prose li::marker{color:#7C3AAB}
.sub-prose a{color:#6A2F96;text-decoration:underline;text-underline-offset:3px}
.sub-prose table{width:100%;border-collapse:collapse;margin:0 0 1.4em;font-size:16.5px;background:#FFFDFB;border-radius:14px;overflow:hidden}
.sub-prose td,.sub-prose th{padding:12px 14px;border-bottom:1px solid rgba(51,32,60,.1);text-align:left;vertical-align:top}
.sub-prose .sub-kids{list-style:none;padding:0;display:grid;gap:8px}
.sub-prose .sub-kids a{display:block;padding:14px 18px;border-radius:14px;background:#FFFDFB;border:1px solid rgba(51,32,60,.1);text-decoration:none;font-weight:600;transition:transform .3s,border-color .3s}
.sub-prose .sub-kids a:hover{transform:translateX(4px);border-color:#7C3AAB}
.sub-legal{margin-top:2em!important;font-size:14.5px;color:#6B5A78}
.sub-cta{padding:26px 24px;border-radius:22px;color:#fff;background:linear-gradient(145deg,#3A1D4A,#57306E);box-shadow:0 40px 80px -40px rgba(58,29,74,.7);display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.sub-cta p{margin:0;color:rgba(255,255,255,.86)}
.sub-cta .sub-cta-h{font-family:var(--b-serif);font-weight:340;font-size:26px;line-height:1.1;color:#fff}
.sub-cta .b-cta-primary{background:#fff!important;color:#3A1D4A!important;margin-top:6px}
.sub-tel{color:#FFD9DE;font-weight:600;text-decoration:none;font-size:18px}
.sub-stars span{color:#F3D9A6;letter-spacing:.06em}
.sub-rel{margin-top:22px;padding:22px 24px;border-radius:22px;background:#FFFDFB;border:1px solid rgba(51,32,60,.08)}
.sub-rel-h{margin:0 0 8px;font-family:var(--b-serif);font-size:21px;color:#33203C}
.sub-rel ul{list-style:none;margin:0;padding:0}
.sub-rel li{border-top:1px solid rgba(51,32,60,.08)}.sub-rel li:first-child{border-top:0}
.sub-rel a{display:block;padding:10px 0;color:#33203C;text-decoration:none;font-weight:600}
.sub-rel a:hover{color:#7C3AAB}
@media (min-width:960px){ .sub-grid{grid-template-columns:minmax(0,1fr) 340px;gap:64px;align-items:start} .sub-side{position:sticky;top:calc(var(--hd-h) + 20px)} }
body.sub-page:not(:has(#menuToggle:checked)) .site-header:not(.hd-scrolled) .hd-brand,body.sub-page:not(:has(#menuToggle:checked)) .site-header:not(.hd-scrolled) .hd-wordmark,body.sub-page:not(:has(#menuToggle:checked)) .site-header:not(.hd-scrolled) .hd-wordsub,body.sub-page:not(:has(#menuToggle:checked)) .site-header:not(.hd-scrolled) .hd-nav a{color:#fff}
body.sub-page:not(:has(#menuToggle:checked)) .site-header:not(.hd-scrolled) .hd-ig,body.sub-page:not(:has(#menuToggle:checked)) .site-header:not(.hd-scrolled) .hd-phone,body.sub-page:not(:has(#menuToggle:checked)) .site-header:not(.hd-scrolled) .hd-burger{border-color:rgba(255,255,255,.6);color:#fff}
body.sub-page:not(:has(#menuToggle:checked)) .site-header:not(.hd-scrolled) .hd-burger span{background:#fff}

/* Runde 44: Fotoreihe auf Unterseiten (Hautanalyse) */
.sub-figs{display:grid;gap:14px;margin:22px 0 28px}
.sub-figs figure{margin:0}
.sub-figs img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:16px;box-shadow:0 24px 50px -34px rgba(58,29,74,.5)}
.sub-figs figcaption{margin-top:8px;font-size:13.5px;color:#6E5A78}
@media (min-width:640px){ .sub-figs{grid-template-columns:1fr 1fr} }