/* Unterseiten 0.260927.2: gemeinsame Lesbarkeit; Prävention, Angstpatienten und Praxis
   seit 27.09.2026 in assets/css/unterseiten-auswahl.css (Unterseiten-Einheit). */
.pp-sub { --sub-wide:1120px; --sub-read:760px; --sub-space:72px; padding-bottom:72px; }
.pp-sub .pp-innen { width:calc(100% - 64px); max-width:var(--sub-wide); margin-inline:auto; }
.pp-sub h1,.pp-sub h2,.pp-sub h3 { letter-spacing:-.025em; text-wrap:balance; }
.pp-sub h2 { font-size:36px; line-height:1.16; }
.pp-sub h3 { font-size:23px; line-height:1.3; }
.pp-sub p,.pp-sub .pp-sub__copy p { font-size:18px; line-height:1.7; color:#575149; text-wrap:pretty; margin:0; }
.pp-sub .pp-sub__copy p + p { margin-top:16px; }
.pp-sub__copy { max-width:70ch; }
.pp-sub .pp-subhero { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); gap:32px 56px; padding-top:24px; align-items:center; }
.pp-sub__pfad { grid-column:1/-1; display:flex; flex-wrap:wrap; gap:12px; font-size:14px; line-height:1.5; color:#686057; margin:0; }
.pp-sub__pfad a { text-decoration:none; }
.pp-sub__pfad a:hover { text-decoration:underline; }
.pp-subhero__text { display:flex; flex-direction:column; gap:24px; }
.pp-sub .pp-subhero h1 { font-size:clamp(38px,4vw,52px); line-height:1.08; margin:0; }
.pp-sub__weiter { display:inline-flex; align-items:center; gap:20px; min-height:44px; margin-top:20px; font-size:15px; color:var(--s-gold); text-decoration:underline!important; text-underline-offset:5px; }
.pp-subhero__foto { position:relative; height:480px; border-radius:20px; overflow:hidden; background:#eee8de; }
.pp-subhero__foto img { width:100%; height:100%; object-fit:cover; }
.pp-subhero__label { position:absolute; left:20px; right:20px; bottom:20px; padding:14px 18px; background:#fdfcfa; border-radius:8px; display:flex; justify-content:space-between; gap:16px; font-size:14px; }
.pp-sub__anker { scroll-margin-top:110px; }
.pp-sub .pp-subtext { display:block; max-width:var(--sub-read); padding:0; margin-top:48px; }
.pp-sub .pp-subtext h2 { margin-bottom:20px; }
.pp-sub .pp-subtext:first-of-type { margin-top:var(--sub-space); }
.pp-sub .pp-subhero + .pp-sub__anker + .pp-subtext { margin-top:var(--sub-space); }
.pp-sub .pp-subtext .pp-sub__copy { border:0; padding:0; }
.pp-sub .pp-subfeature { padding:0; margin-top:var(--sub-space); }
.pp-subfeature__flaeche { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); background:#f1ebe0; border-radius:20px; overflow:hidden; }
.pp-subfeature__foto { position:relative; min-height:360px; }
.pp-subfeature__foto img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.pp-subfeature__text { padding:44px; align-self:center; }
.pp-subfeature__text h2 { margin-bottom:20px; }
.pp-subfeature__text .btn { margin-top:28px; }
.pp-sub .pp-subfeature + .pp-subtext { margin-top:var(--sub-space); }
.pp-sub .pp-subablauf { max-width:var(--sub-read); display:block; padding:0; margin-top:var(--sub-space); }
.pp-subablauf__kopf { position:static; margin-bottom:28px; }
.pp-subablauf ol { list-style:none; padding:0; margin:0; }
.pp-subablauf li { display:grid; grid-template-columns:48px minmax(0,1fr); gap:20px; border-top:1px solid var(--s-line); padding:24px 0; }
.pp-subablauf__nummer { color:var(--s-gold); font-size:28px; line-height:1.3; }
.pp-sub .pp-subablauf h3 { font-size:23px; margin:0 0 8px; }
.pp-sub .pp-subvorteile { max-width:var(--sub-read); padding:0; margin-top:var(--sub-space); }
.pp-subvorteile__kopf { margin-bottom:28px; }
.pp-subvorteile__liste { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px; }
.pp-subvorteil { border-top:1px solid var(--s-line); padding-top:24px; }
.pp-subvorteil__zeichen { display:none; }
.pp-sub .pp-subvorteil h3 { font-size:23px; margin-bottom:12px; }
.pp-sub .pp-subthemen { max-width:var(--sub-read); display:block; padding:0; margin-top:var(--sub-space); }
.pp-subthemen__kopf { position:static; margin-bottom:24px; }
.pp-subthemen__kopf .pp-sub__copy { margin-top:16px; }
.pp-sub .pp-leistung summary { padding:24px 0; }
.pp-sub .pp-leistung summary h3 { font-size:23px; }
.pp-sub .pp-leistung__inhalt { padding-bottom:24px; }
.pp-sub .av-faq { width:calc(100% - 64px); max-width:var(--sub-read); padding:0; margin:var(--sub-space) auto 0; }
.pp-sub .av-faq h2 { margin-bottom:24px; }
.pp-sub .av-faq details { margin:0; border-top:1px solid var(--s-line); border-bottom:0; }
.pp-sub .av-faq details:last-child { border-bottom:1px solid var(--s-line); }
.pp-sub .av-faq summary { min-height:52px; padding:20px 36px 20px 0; font-size:18px; line-height:1.45; font-weight:500; }
.pp-sub .av-faq details p { padding:0 28px 24px 0; }
.pp-sub .av-buttons { width:calc(100% - 64px); max-width:var(--sub-read); padding:0; margin:32px auto 0; }
.pp-sub .buttons__reihe { gap:16px; justify-content:flex-start; }
.pp-sub .btn { white-space:normal; line-height:1.5; }
.pp-sub .pp-subhinweis { max-width:var(--sub-read); margin-top:48px; padding:28px; background:#f1ebe0; border-radius:16px; }
.pp-sub .pp-subhinweis h2 { font-size:26px; margin-bottom:16px; }
.pp-sub .pp-galerie { margin-top:var(--sub-space); }
.pp-sub :is(a,summary):focus-visible { outline:2px solid var(--s-gold); outline-offset:5px; }
.pp-sub [id] { scroll-margin-top:110px; }
.pp-unterseite .rechtstext { max-width:760px; width:calc(100% - 64px); margin:48px auto 72px; padding:0; font-family:Calibri,Geist,sans-serif; font-size:18px; line-height:1.7; }
.pp-unterseite .rechtstext :is(h1,h2,h3) { font-family:inherit; font-weight:500; color:#302c26; letter-spacing:-.025em; }
.pp-unterseite .rechtstext h1 { font-size:44px; line-height:1.12; margin-bottom:32px; }
.pp-unterseite .rechtstext h2 { font-size:28px; margin-top:40px; margin-bottom:16px; }
.pp-unterseite .rechtstext h2::after { display:none; }
@media(max-width:900px) {
 .pp-sub .pp-subhero { gap:24px 32px; }
 .pp-sub .pp-subhero h1 { font-size:38px; }
 .pp-subhero__foto { height:480px; }
 .pp-subfeature__text { padding:32px; }
 .pp-sub h2 { font-size:32px; }
}
@media(max-width:700px) {
 .pp-sub { --sub-space:48px; padding-bottom:48px; }
 .pp-sub .pp-innen,.pp-sub .av-faq,.pp-sub .av-buttons,.pp-unterseite .rechtstext { width:calc(100% - 40px); }
 .pp-sub .pp-subhero { grid-template-columns:1fr; gap:24px; padding-top:16px; }
 .pp-sub__pfad { font-size:13px; gap:8px; }
 .pp-subhero__text { gap:20px; }
 .pp-sub .pp-subhero h1 { font-size:36px; }
 .pp-subhero__foto { height:280px; border-radius:16px; }
 .pp-subhero__label { left:16px; right:16px; bottom:16px; padding:12px 14px; }
 .pp-sub h2 { font-size:29px; line-height:1.2; }
 .pp-sub p,.pp-sub .pp-sub__copy p { font-size:17px; line-height:1.65; }
 .pp-sub .pp-subtext { margin-top:36px; }
 .pp-sub .pp-subtext h2 { margin-bottom:16px; }
 .pp-subfeature__flaeche { grid-template-columns:1fr; border-radius:16px; }
 .pp-subfeature__foto { min-height:0; height:250px; }
 .pp-subfeature__text { padding:28px 24px; }
 .pp-subvorteile__liste { grid-template-columns:1fr; gap:24px; }
 .pp-subablauf li { grid-template-columns:32px minmax(0,1fr); gap:16px; padding:20px 0; }
 .pp-subablauf__nummer { font-size:24px; }
 .pp-sub .av-faq summary { font-size:17px; }
 .pp-sub .buttons__reihe { gap:12px; }
 .pp-unterseite .rechtstext h1 { font-size:36px; }
}
@media(prefers-reduced-motion:reduce) { .pp-sub *, .pp-sub *::before, .pp-sub *::after { animation:none!important; transition:none!important; } }

/* Vier eigene Bild- und Leserhythmen innerhalb der gemeinsamen Praxisgestaltung. */
.pp-sub .pp-subhero__foto img { display:block; }
.pp-sub .pp-subhero__label { box-shadow:0 8px 28px #302c2612; }

/* Die Ärztin steht im Mittelpunkt: Porträt links, ruhige Textseite rechts. */
.pp-sub--praxis .pp-subhero { grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); column-gap:clamp(44px,7vw,108px); padding-top:40px; }
.pp-sub--praxis .pp-subhero__foto { grid-column:1; grid-row:2; height:clamp(530px,57vw,690px); border-radius:300px 300px 20px 20px; }
.pp-sub--praxis .pp-subhero__foto img { object-position:50% 25%; }
.pp-sub--praxis .pp-subhero__text { grid-column:2; grid-row:2; max-width:510px; }
.pp-sub--praxis .pp-subhero h1 { font-size:clamp(48px,5.3vw,76px); line-height:1.02; }
.pp-sub--praxis .pp-subhero__label { left:24px; right:auto; bottom:24px; max-width:calc(100% - 48px); }
.pp-sub--praxis .pp-subhero + .pp-sub__anker + .pp-subtext { max-width:var(--sub-wide); display:grid; grid-template-columns:.9fr 1.1fr; gap:clamp(44px,7vw,108px); align-items:start; border-bottom:1px solid var(--s-line); padding-bottom:68px; }
.pp-sub--praxis .pp-subhero + .pp-sub__anker + .pp-subtext .pp-sub__copy { max-width:560px; }
.pp-sub--praxis .pp-subfeature__flaeche { grid-template-columns:1.1fr .9fr; background:#f4f0e9; }
.pp-sub--praxis .pp-subfeature__foto { grid-column:2; grid-row:1; min-height:500px; }
.pp-sub--praxis .pp-subfeature__text { grid-column:1; grid-row:1; }

/* Parodontologie: die ruhige Kamerafahrt oeffnet das Thema, der Text folgt lesbar darunter. */
.pp-sub--parodontologie .pp-subhero { grid-template-columns:minmax(0,1fr); gap:0; padding-top:24px; }
.pp-sub--parodontologie .pp-subhero__film { position:relative; isolation:isolate; overflow:hidden; height:clamp(500px,42vw,600px); margin-top:28px; border-radius:20px; background:#34322f; }
.pp-sub--parodontologie .pp-subhero__video { position:absolute; inset:0; z-index:-2; width:100%; height:100%; object-fit:cover; }
.pp-sub--parodontologie .pp-subhero__filmveil { position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,rgba(20,19,17,.72) 0%,rgba(20,19,17,.43) 49%,rgba(20,19,17,.06) 100%); }
.pp-sub--parodontologie .pp-subhero__filmtext { position:absolute; left:clamp(32px,5vw,72px); right:40px; bottom:clamp(40px,5vw,72px); max-width:800px; color:#fff; text-shadow:0 1px 4px #0006; }
.pp-sub--parodontologie .pp-subhero__eyebrow { margin:0 0 24px; color:#e5c998; font-size:14px; line-height:1.4; font-weight:600; letter-spacing:.13em; text-transform:uppercase; }
.pp-sub--parodontologie .pp-subhero h1 { max-width:760px; color:#fff; font-size:clamp(52px,6vw,82px); line-height:1.01; }
.pp-sub--parodontologie .pp-subhero__text { display:block; padding:42px 0 50px; border-bottom:1px solid var(--s-line); }
.pp-sub--parodontologie .pp-subhero__text .pp-sub__copy { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(32px,6vw,88px); max-width:none; }
.pp-sub--parodontologie .pp-subhero__text .pp-sub__copy p + p { margin-top:0; }
.pp-sub--parodontologie .pp-subhero__text .pp-sub__copy p:first-child { color:#302c26; font-size:21px; line-height:1.55; }
.pp-sub--parodontologie .pp-subhero__text .pp-sub__weiter { margin-top:24px; }
.pp-sub--parodontologie .pp-subtext { max-width:var(--sub-wide); display:grid; grid-template-columns:minmax(0,.56fr) minmax(0,.9fr); gap:clamp(36px,7vw,100px); border-top:1px solid var(--s-line); padding-top:32px; }
.pp-sub--parodontologie .pp-subtext .pp-sub__copy { max-width:650px; }
.pp-sub--parodontologie .pp-subablauf { max-width:var(--sub-wide); display:grid; grid-template-columns:minmax(0,.7fr) minmax(0,1fr); gap:clamp(36px,7vw,100px); padding:48px 0 54px; border-block:1px solid var(--s-line); }
.pp-sub--parodontologie .pp-subablauf__kopf { max-width:340px; }
.pp-sub--parodontologie .pp-subablauf li:first-child { border-top:0; padding-top:0; }

/* Angstpatienten: viel Luft und eine geschützte, weiche Bildform. */
.pp-sub--angst .pp-subhero { max-width:none; width:100%; grid-template-columns:minmax(0,1fr) minmax(0,.78fr); gap:24px clamp(44px,6vw,90px); padding:32px max(32px,calc((100vw - 1120px)/2)) 72px; background:#f3eee5; }
.pp-sub--angst .pp-sub__pfad { grid-column:1/-1; }
.pp-sub--angst .pp-subhero__text { max-width:520px; }
.pp-sub--angst .pp-subhero h1 { font-size:clamp(48px,5.1vw,72px); line-height:1.03; }
.pp-sub--angst .pp-subhero__foto { height:clamp(480px,46vw,610px); border-radius:280px 280px 22px 22px; }
.pp-sub--angst .pp-subhero__foto img { object-position:50% 45%; }
.pp-sub--angst .pp-subhero__label { display:none; }
.pp-sub--angst .pp-subhero + .pp-sub__anker + .pp-subtext { max-width:960px; margin-top:94px; padding:38px 0 42px 42px; border-left:1px solid var(--s-line); }
.pp-sub--angst .pp-subhero + .pp-sub__anker + .pp-subtext h2 { font-size:clamp(36px,4vw,50px); }
.pp-sub--angst .pp-subvorteile { max-width:var(--sub-wide); padding:52px; background:#f3eee5; border-radius:20px; }
.pp-sub--angst .pp-subvorteile__liste { grid-template-columns:repeat(2,minmax(0,1fr)); gap:56px; }
.pp-sub--angst .pp-subfeature__flaeche { background:#f7f4ee; }

/* Prävention: klare Bildbühne, danach ein magazinartiger Überblick. */
.pp-sub--leistungen .pp-subhero { grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr); gap:24px clamp(48px,6vw,88px); padding:48px 48px 56px; background:#f8f6f2; border:1px solid var(--s-line); border-radius:22px; }
.pp-sub--leistungen .pp-sub__pfad { grid-column:1/-1; }
.pp-sub--leistungen .pp-subhero h1 { font-size:clamp(48px,5.3vw,74px); line-height:1.02; }
.pp-sub--leistungen .pp-subhero__foto { height:clamp(440px,43vw,570px); border-radius:18px; }
.pp-sub--leistungen .pp-subhero__foto img { object-position:50% 57%; }
.pp-sub--leistungen .pp-subhero__label { display:none; }
.pp-sub--leistungen .pp-subhero + .pp-sub__anker + .pp-subtext { max-width:var(--sub-wide); display:grid; grid-template-columns:.9fr 1.1fr; gap:clamp(40px,6vw,84px); align-items:start; padding-bottom:55px; border-bottom:1px solid var(--s-line); }
.pp-sub--leistungen .pp-subablauf { max-width:var(--sub-wide); padding:50px; background:#f8f5ef; border-radius:20px; }
.pp-sub--leistungen .pp-subablauf ol { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:26px; }
.pp-sub--leistungen .pp-subablauf li { display:block; padding:22px 0 0; border-top:1px solid var(--s-gold); }
.pp-sub--leistungen .pp-subablauf__nummer { display:block; margin-bottom:36px; }
.pp-sub--leistungen .pp-subfeature__flaeche { grid-template-columns:1fr 1fr; }
.pp-sub--leistungen .pp-subfeature__foto { min-height:470px; }

@media(max-width:900px) {
 .pp-sub--praxis .pp-subhero { column-gap:36px; }
 .pp-sub--parodontologie .pp-subhero__film { height:520px; }
 .pp-sub--angst .pp-subhero { padding-inline:32px; }
 .pp-sub--leistungen .pp-subhero { padding:30px; gap:28px; }
 .pp-sub--leistungen .pp-subablauf { padding:32px; }
}
@media(max-width:700px) {
 .pp-sub--praxis .pp-subhero,.pp-sub--parodontologie .pp-subhero,.pp-sub--angst .pp-subhero,.pp-sub--leistungen .pp-subhero { display:flex; flex-direction:column; gap:22px; padding-top:18px; }
 .pp-sub--praxis .pp-subhero__text { order:1; }
 .pp-sub--praxis .pp-subhero__foto { order:2; width:100%; height:390px; }
 .pp-sub--praxis .pp-subhero h1,.pp-sub--parodontologie .pp-subhero h1,.pp-sub--angst .pp-subhero h1,.pp-sub--leistungen .pp-subhero h1 { font-size:clamp(38px,10vw,52px); }
 .pp-sub--praxis .pp-subhero__label { left:14px; bottom:14px; }
 .pp-sub--praxis .pp-subhero + .pp-sub__anker + .pp-subtext,.pp-sub--leistungen .pp-subhero + .pp-sub__anker + .pp-subtext { display:block; padding-bottom:34px; }
 .pp-sub--praxis .pp-subfeature__flaeche { display:flex; flex-direction:column; }
 .pp-sub--praxis .pp-subfeature__foto { width:100%; height:300px; min-height:0; }
 .pp-sub--parodontologie .pp-subhero { gap:0; }
 .pp-sub--parodontologie .pp-subhero__film { width:100%; height:420px; margin-top:22px; border-radius:16px; }
 .pp-sub--parodontologie .pp-subhero__video { object-position:20% center; }
 .pp-sub--parodontologie .pp-subhero__filmtext { left:24px; right:24px; bottom:36px; }
 .pp-sub--parodontologie .pp-subhero__eyebrow { font-size:12px; margin-bottom:16px; }
 .pp-sub--parodontologie .pp-subhero h1 { font-size:clamp(38px,10vw,52px); }
 .pp-sub--parodontologie .pp-subhero__text { padding:28px 0 34px; }
 .pp-sub--parodontologie .pp-subhero__text .pp-sub__copy { grid-template-columns:1fr; gap:16px; }
 .pp-sub--parodontologie .pp-subhero__text .pp-sub__copy p:first-child { font-size:19px; }
 .pp-sub--parodontologie .pp-subtext,.pp-sub--parodontologie .pp-subablauf { display:block; padding-top:24px; }
 .pp-sub--parodontologie .pp-subablauf { padding-bottom:28px; }
 .pp-sub--angst .pp-subhero { width:100%; padding:20px 20px 42px; }
 .pp-sub--angst .pp-subhero__foto { width:100%; height:340px; }
 .pp-sub--angst .pp-subhero + .pp-sub__anker + .pp-subtext { margin-top:56px; padding:18px 0 18px 22px; }
 .pp-sub--angst .pp-subvorteile { padding:28px 24px; }
 .pp-sub--angst .pp-subvorteile__liste { grid-template-columns:1fr; gap:24px; }
 .pp-sub--leistungen .pp-subhero { width:calc(100% - 40px); padding:22px 20px 28px; }
 .pp-sub--leistungen .pp-subhero__foto { width:100%; height:300px; }
 .pp-sub--leistungen .pp-subablauf { padding:28px 24px; }
 .pp-sub--leistungen .pp-subablauf ol { grid-template-columns:1fr; gap:8px; }
 .pp-sub--leistungen .pp-subablauf__nummer { margin-bottom:12px; }
 .pp-sub--leistungen .pp-subfeature__flaeche { grid-template-columns:1fr; }
 .pp-sub--leistungen .pp-subfeature__foto { min-height:0; }
}
@media(max-width:360px) {
 .pp-sub--parodontologie .pp-subhero h1 { font-size:30px; hyphens:none; }
}

/* Freigegebener Parodontologie-Entwurf: Video, zwei Blickwinkel, Lesetext. */
.pp-paro { --sub-wide:1320px; font-family:Geist,Calibri,sans-serif; }
.pp-paro :is(h1,h2,h3) { font-family:"Josefin Sans",Trebuchet MS,sans-serif; font-weight:500; letter-spacing:-.025em; }
.pp-paro .pp-innen { width:calc(100% - 48px); max-width:1320px; }
.pp-paro .pp-paro__hero { width:100%; max-width:none; padding-top:22px; }
.pp-paro .pp-paro__hero > .pp-sub__pfad { width:calc(100% - 48px); max-width:1400px; margin:0 auto; padding:0 0 18px 4px; }
.pp-paro .pp-paro__film { width:calc(100% - 48px); max-width:1400px; height:clamp(560px,72svh,740px); margin:0 auto; border-radius:24px; }
/* 27.09.2026: Abdunklung sofort beim Laden. Chrome unter Windows legte das laufende Video zunächst
   über die Verlaufsebene, sie wirkte erst nach dem Scrollen. Wie beim Startvideo trägt das Video
   seine Grundabdunklung jetzt selbst (Filter), die Ebenen sind positiv geordnet. */
.pp-paro .pp-subhero__video { z-index:0; object-position:center center; filter:brightness(.74); }
.pp-paro__shade { position:absolute; inset:0; z-index:1; pointer-events:none; background:linear-gradient(90deg,rgba(32,26,15,.72) 0%,rgba(32,26,15,.46) 45%,rgba(32,26,15,.06) 85%),linear-gradient(0deg,rgba(32,26,15,.5) 0%,transparent 50%); }
.pp-paro__hero-copy { position:absolute; z-index:2; right:0; bottom:0; left:0; max-width:980px; padding:clamp(40px,6vw,96px); color:#fff; font-family:Calibri,'Segoe UI',sans-serif; text-shadow:0 2px 10px #0004; }
.pp-paro .pp-paro__hero-kicker { margin:0 0 24px; color:#dbb077; font:600 12px/1.4 Calibri,'Segoe UI',sans-serif; letter-spacing:.19em; text-transform:uppercase; }
.pp-paro .pp-paro__hero h1 { max-width:15ch; margin:0; color:#fff; font-family:Calibri,'Segoe UI',sans-serif; font-weight:400; font-size:clamp(46px,5.6vw,84px); line-height:1.02; letter-spacing:-.045em; }
.pp-paro .pp-paro__hero h1 :is(span,mark.pp-titel-gold) { color:#dbb077; }
.pp-paro .pp-paro__hero-lead { max-width:620px; margin-top:26px; }
.pp-paro .pp-paro__hero-lead p { color:#f8f4ea; font-size:clamp(17px,1.4vw,20px); line-height:1.55; }
.pp-paro__hero-actions { display:flex; flex-wrap:wrap; align-items:center; gap:18px 24px; margin-top:32px; }
.pp-paro .pp-paro__hero-actions .btn { min-height:46px; padding:.92em 1.9em; font:600 15px/1.2 Calibri,'Segoe UI',sans-serif; letter-spacing:.085em; text-shadow:none; white-space:normal; }
.pp-paro .pp-paro__hero-actions .btn span { font-size:19px; font-weight:400; letter-spacing:0; }
.pp-paro a.pp-paro__hell { color:#2b2214; background:#fdfcfa; }
.pp-paro a.pp-paro__hell::before { border-color:rgba(138,94,35,.5); }
.pp-paro a.pp-paro__kontur { color:#fff; background:rgba(32,26,15,.22); box-shadow:inset 0 0 0 1.5px #dbb077; }
.pp-paro a.pp-paro__kontur::before { border-color:rgba(219,176,119,.55); }
.pp-paro .pp-paro__hero-actions .btn:focus-visible { outline:3px solid #dbb077; outline-offset:3px; }
.pp-paro__pair { display:grid; grid-template-columns:1fr 1fr; margin-top:44px; overflow:hidden; border-radius:12px; }
.pp-paro__pair section { min-height:330px; padding:45px clamp(30px,5vw,70px); }
.pp-paro__pair h2 { margin:0 0 25px; font-size:clamp(36px,3.6vw,50px); line-height:1.08; }
.pp-paro__symptoms { background:#2b2214; color:#f8f4ea; }
.pp-paro .pp-paro__symptoms h2,.pp-paro .pp-paro__symptoms p { color:#f8f4ea; }
.pp-paro__clarification { background:#f6f1e8; }
.pp-paro .pp-paro__copy p { max-width:70ch; color:#575149; font-size:18px; line-height:1.67; }
.pp-paro .pp-paro__symptoms .pp-paro__copy p { color:#f8f4ea; }
.pp-paro .pp-paro__copy p+p { margin-top:19px; }
.pp-paro__signal { display:flex; gap:10px; margin-top:36px; }
.pp-paro__signal i { display:block; width:35px; height:4px; background:#c99a5b; transform-origin:left; transition:transform 260ms cubic-bezier(.22,1,.36,1); }
.pp-paro__signal i:nth-child(2) { opacity:.67; }.pp-paro__signal i:nth-child(3) { opacity:.38; }
.pp-paro a.pp-paro__link { display:inline-flex; align-items:center; gap:17px; margin-top:27px; padding-bottom:5px; border-bottom:1px solid currentColor; color:#8a5e23; font-weight:600; }
.pp-paro__link span { font-size:21px; font-weight:400; transition:transform 200ms cubic-bezier(.22,1,.36,1); }
.pp-paro__story { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(290px,.75fr); gap:0 clamp(58px,8vw,112px); align-items:start; padding-top:88px; padding-bottom:86px; }
.pp-paro__story h2 { grid-column:1/-1; margin:0 0 36px; padding-bottom:26px; border-bottom:1px solid var(--pp-linie); font-size:clamp(32px,3.6vw,50px); }
.pp-paro__story-body { grid-column:1; max-width:630px; }
.pp-paro__story-body .pp-paro__copy p:first-child { color:#302c26; font-size:20px; line-height:1.6; }
.pp-paro__quote { grid-column:2; align-self:center; margin:0; padding:13px 0 13px clamp(28px,3vw,44px); border-left:1px solid var(--pp-linie); }
.pp-paro .pp-paro__quote p { max-width:440px; margin:0 0 28px; color:#2b2214; font:500 clamp(27px,3vw,39px)/1.24 "Josefin Sans",Trebuchet MS,sans-serif; letter-spacing:-.025em; }
.pp-paro__quote footer { color:#8a5e23; font-size:13px; line-height:1.4; }
.pp-paro__care { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr); gap:clamp(42px,6vw,85px); padding:54px clamp(30px,5vw,70px); border-radius:12px; background:#f6f1e8; }
.pp-paro__care h2 { max-width:14ch; margin:0 0 24px; font-size:clamp(32px,3.6vw,50px); }
.pp-paro__care-detail { padding-left:clamp(30px,5vw,68px); border-left:1px solid var(--pp-linie); }
.pp-paro__care-detail h3 { margin:0 0 16px; font-size:25px; }
.pp-paro__close { display:flex; align-items:center; justify-content:space-between; gap:50px; margin-top:38px; padding:42px 44px; border:1px solid var(--pp-linie); }
.pp-paro__close h2 { margin:0 0 12px; font-size:clamp(28px,3.1vw,40px); }
.pp-paro__close .pp-paro__copy p { max-width:760px; }
.pp-paro__booking { flex:none; }

/* Prävention: seit 27.09.2026 in der Unterseiten-Einheit (assets/css/unterseiten-auswahl.css). */

@media(hover:hover) and (pointer:fine) {
 .pp-paro__symptoms:hover .pp-paro__signal i:nth-child(1) { transform:scaleX(1.6); }
 .pp-paro__symptoms:hover .pp-paro__signal i:nth-child(2) { transform:scaleX(1.3); }
 .pp-paro a.pp-paro__link:hover span { transform:translate(3px,-3px); }
}
@media(max-width:900px) {
 .pp-paro__story { display:block; padding-top:65px; padding-bottom:62px; }
 .pp-paro__story-body { max-width:760px; }
 .pp-paro__quote { max-width:470px; margin:39px 0 0 auto; }
 .pp-paro .pp-paro__quote p { font-size:32px; }
}
@media(max-width:700px) {
 .pp-paro .pp-innen { width:calc(100% - 28px); }
 .pp-paro .pp-paro__hero { width:100%; padding-top:14px; }
 .pp-paro .pp-paro__hero > .pp-sub__pfad { width:calc(100% - 28px); padding-bottom:14px; }
 .pp-paro .pp-paro__film { width:calc(100% - 28px); height:clamp(540px,84svh,660px); border-radius:18px; }
 .pp-paro .pp-subhero__video { object-position:22% center; }
 .pp-paro__shade { background:linear-gradient(0deg,rgba(32,26,15,.88) 0%,rgba(32,26,15,.68) 45%,rgba(32,26,15,.34) 100%); }
 .pp-paro__hero-copy { padding:28px 22px 30px; }
 .pp-paro .pp-paro__hero-kicker { margin-bottom:16px; font-size:10.5px; letter-spacing:.14em; }
 .pp-paro .pp-paro__hero h1 { font-size:clamp(38px,10.6vw,50px); line-height:1.03; }
 .pp-paro .pp-paro__hero-lead { margin-top:18px; }
 .pp-paro .pp-paro__hero-lead p { font-size:16px; line-height:1.5; }
 .pp-paro__hero-actions { gap:12px; margin-top:24px; }
 .pp-paro .pp-paro__hero-actions .btn { min-height:44px; padding:.85em 1.35em; font-size:14px; }
 .pp-paro__pair { display:block; margin-top:19px; }
 .pp-paro__pair section { min-height:0; padding:31px 24px; }
 .pp-paro__pair h2 { margin-bottom:16px; font-size:clamp(30px,8.5vw,38px); }
 .pp-paro .pp-paro__copy p { font-size:16px; line-height:1.65; }
 .pp-paro__signal { margin-top:19px; }
 .pp-paro__story { padding-top:49px; padding-bottom:47px; }
 .pp-paro__story h2 { margin-bottom:22px; padding-bottom:19px; }
 .pp-paro__story-body .pp-paro__copy p:first-child { font-size:18px; }
 .pp-paro__quote { margin-top:39px; padding:7px 0 7px 24px; }
 .pp-paro .pp-paro__quote p { margin-bottom:19px; font-size:29px; }
 .pp-paro__care { display:block; padding:32px 24px; }
 .pp-paro__care h2 { margin-bottom:17px; }
 .pp-paro__care-detail { margin-top:29px; padding:25px 0 0; border-top:1px solid var(--pp-linie); border-left:0; }
 .pp-paro__close { display:block; margin-top:19px; padding:28px 23px; }
 .pp-paro__booking { margin-top:20px; }
}
@media(prefers-reduced-motion:reduce) {
 .pp-paro__signal i,.pp-paro__link span { transition:none!important; }
}