/* Reference iteration: warm, personal, artistic. Loaded only by the overview.
   Keep every selector scoped; the homepage and shared assets stay unchanged. */
.page-aesthetische-zahnheilkunde-koeln { --aesthetik-ink:#342d27; --aesthetik-paper:#f5f0e8; --aesthetik-clay:#dfd1c0; }
.page-aesthetische-zahnheilkunde-koeln #main { background:var(--aesthetik-paper); }
.page-aesthetische-zahnheilkunde-koeln #main > section { padding-top:112px; padding-bottom:112px; }
.page-aesthetische-zahnheilkunde-koeln .aesthetik-hero { background:var(--aesthetik-paper); color:var(--text-body); padding-top:154px!important; padding-bottom:78px!important; text-align:left; }
.page-aesthetische-zahnheilkunde-koeln .aesthetik-hero .hero-layout { grid-template-columns:minmax(0,1.12fr) minmax(0,1fr); gap:76px; align-items:center; }
.page-aesthetische-zahnheilkunde-koeln .aesthetik-hero .eyebrow { color:#785c35; font-size:10px; letter-spacing:.24em; }
.page-aesthetische-zahnheilkunde-koeln .aesthetik-hero h1 { color:var(--aesthetik-ink); font-size:clamp(46px,5.4vw,76px); line-height:1.04; letter-spacing:-.025em; margin:28px 0; hyphens:none; overflow-wrap:normal; }
.page-aesthetische-zahnheilkunde-koeln .aesthetik-hero .accent-line { color:#785c35; margin-top:7px; }
.page-aesthetische-zahnheilkunde-koeln .aesthetik-hero .h1-sub { color:var(--text-body); font-size:16px; line-height:1.85; max-width:29em; margin:0 0 30px; }
.page-aesthetische-zahnheilkunde-koeln .aesthetik-opening > .btn,
.page-aesthetische-zahnheilkunde-koeln .consultation-close .btn { font-size:14px; line-height:1.5; letter-spacing:.06em; padding:16px 24px; white-space:normal; hyphens:none; }
.page-aesthetische-zahnheilkunde-koeln .aesthetik-jump { display:flex; align-items:center; gap:28px; font-size:12px; margin-top:22px; width:max-content; border-bottom:1px solid #c9b89d; padding-bottom:5px; }
.page-aesthetische-zahnheilkunde-koeln .aesthetik-hero .aesthetik-portrait { position:relative; margin:0; padding:0 0 0 32px; align-self:start; height:auto; }
.page-aesthetische-zahnheilkunde-koeln .aesthetik-portrait::before { content:""; position:absolute; top:28px; left:0; bottom:92px; width:1px; background:#bba78b; }
.page-aesthetische-zahnheilkunde-koeln .aesthetik-hero .aesthetik-portrait img { height:560px; width:100%; object-fit:cover; object-position:48% 42%; }
.page-aesthetische-zahnheilkunde-koeln .aesthetik-hero .aesthetik-portrait figcaption { position:static; display:block; color:var(--text-dark); background:var(--aesthetik-paper); padding:22px 0 0; font-size:14px; line-height:1.6; letter-spacing:0; text-shadow:none; }
.page-aesthetische-zahnheilkunde-koeln .aesthetik-portrait figcaption > span { display:block; color:var(--text-body); font-size:10px; text-transform:uppercase; letter-spacing:.16em; margin-bottom:5px; }
.page-aesthetische-zahnheilkunde-koeln .aesthetik-portrait figcaption a { display:flex; justify-content:space-between; gap:16px; }
.page-aesthetische-zahnheilkunde-koeln #main > .aesthetik-intro { padding-top:104px; padding-bottom:96px; }
.page-aesthetische-zahnheilkunde-koeln .aesthetik-intro-layout { display:grid; grid-template-columns:.95fr 1.05fr; gap:100px; align-items:start; }
.page-aesthetische-zahnheilkunde-koeln .aesthetik-intro h2 { margin-top:24px; font-size:clamp(34px,3.5vw,48px); }
.page-aesthetische-zahnheilkunde-koeln .aesthetik-intro .lead { font-size:16px; line-height:1.9; }
.page-aesthetische-zahnheilkunde-koeln .aesthetik-intro .lead + .lead { margin-top:24px; }
.page-aesthetische-zahnheilkunde-koeln #main > .aesthetik-praxis { padding-top:0; padding-bottom:108px; }
.page-aesthetische-zahnheilkunde-koeln .aesthetik-photo-spread { display:grid; grid-template-columns:1.35fr .8fr; gap:100px; align-items:end; }
.page-aesthetische-zahnheilkunde-koeln .aesthetik-space img { width:100%; height:610px; object-fit:cover; object-position:50% 67%; }
.page-aesthetische-zahnheilkunde-koeln .aesthetik-detail { margin-bottom:58px; }
.page-aesthetische-zahnheilkunde-koeln .aesthetik-detail img { width:100%; height:330px; object-fit:cover; object-position:18% 40%; }
.page-aesthetische-zahnheilkunde-koeln .aesthetik-photo-spread figcaption { font-size:11px; line-height:1.9; color:var(--text-body); margin-top:20px; }
.page-aesthetische-zahnheilkunde-koeln .treatment-section { background:#342d27; color:#dfd5c8; scroll-margin-top:88px; }
.page-aesthetische-zahnheilkunde-koeln .treatment-section .index-heading { grid-template-columns:.78fr 1.2fr .9fr; gap:50px; }
.page-aesthetische-zahnheilkunde-koeln .treatment-section h2 { font-size:44px; }
.page-aesthetische-zahnheilkunde-koeln .treatment-name { font-size:44px; }
.page-aesthetische-zahnheilkunde-koeln .treatment-line { padding:38px 0; border-color:#776853; }
.page-aesthetische-zahnheilkunde-koeln .treatment-line:hover { background:rgba(255,255,255,.025); }
.page-aesthetische-zahnheilkunde-koeln .concerns-section { background:#faf7f1; }
.page-aesthetische-zahnheilkunde-koeln .concerns-layout { grid-template-columns:1fr 1.1fr; gap:100px; }
.page-aesthetische-zahnheilkunde-koeln .concerns-intro figure { max-width:none; margin-top:48px; }
.page-aesthetische-zahnheilkunde-koeln .concerns-intro figure img { height:460px; object-position:50% 35%; }
.page-aesthetische-zahnheilkunde-koeln .concern-row { padding:34px 0; }
.page-aesthetische-zahnheilkunde-koeln .concern-row:first-child { padding-top:0; }
.page-aesthetische-zahnheilkunde-koeln .concern-row p { font-size:15px; }
.page-aesthetische-zahnheilkunde-koeln .aesthetik-planning { background:var(--aesthetik-clay); color:#443b33; }
.page-aesthetische-zahnheilkunde-koeln .aesthetik-planning .split { grid-template-columns:1fr 1.12fr; align-items:center; gap:74px; }
.page-aesthetische-zahnheilkunde-koeln .aesthetik-planning h2 { font-size:clamp(34px,3.4vw,46px); margin:24px 0; }
.page-aesthetische-zahnheilkunde-koeln .aesthetik-planning p { font-size:15px; }
.page-aesthetische-zahnheilkunde-koeln .aesthetik-planning .eyebrow { font-size:10.5px; color:#654929; }
.page-aesthetische-zahnheilkunde-koeln .aesthetik-planning .planning-photo { margin:90px 0 0; }
.page-aesthetische-zahnheilkunde-koeln .aesthetik-planning .planning-photo img { width:100%; height:620px; object-fit:cover; object-position:51% 50%; }
.page-aesthetische-zahnheilkunde-koeln .aesthetik-planning .planning-photo figcaption { margin-top:20px; font-size:11px; }
.page-aesthetische-zahnheilkunde-koeln .aesthetik-faq { background:#faf7f1; }
.page-aesthetische-zahnheilkunde-koeln .aesthetik-faq .sec-head { text-align:left; margin-bottom:58px; }
.page-aesthetische-zahnheilkunde-koeln .aesthetik-faq .sec-head h2 { margin-top:24px; }
.page-aesthetische-zahnheilkunde-koeln .aesthetik-faq .faq summary { font-size:25px; padding-top:25px; padding-bottom:25px; }
.page-aesthetische-zahnheilkunde-koeln .consultation-close { background:#e7ddcf; }
.page-aesthetische-zahnheilkunde-koeln .consultation-close > .wrap { display:grid; grid-template-columns:1.15fr 1fr; gap:80px; align-items:center; }
.page-aesthetische-zahnheilkunde-koeln .consultation-close h2 { font-size:clamp(38px,4.7vw,62px); }
.page-aesthetische-zahnheilkunde-koeln .consultation-close p { max-width:28em; margin-top:24px; }
.page-aesthetische-zahnheilkunde-koeln .consultation-close .btn { margin-top:0; }

@media (max-width:1000px) {
 .page-aesthetische-zahnheilkunde-koeln .aesthetik-hero .hero-layout { gap:38px; }
 .page-aesthetische-zahnheilkunde-koeln .aesthetik-hero .aesthetik-portrait { padding-left:20px; }
 .page-aesthetische-zahnheilkunde-koeln .aesthetik-hero .aesthetik-portrait img { height:490px; }
 .page-aesthetische-zahnheilkunde-koeln .aesthetik-intro-layout,.page-aesthetische-zahnheilkunde-koeln .concerns-layout { gap:60px; }
 .page-aesthetische-zahnheilkunde-koeln .aesthetik-photo-spread { gap:60px; }
 .page-aesthetische-zahnheilkunde-koeln .aesthetik-planning .split { gap:42px; }
 .page-aesthetische-zahnheilkunde-koeln .aesthetik-planning .planning-photo img { height:570px; }
 .page-aesthetische-zahnheilkunde-koeln .treatment-section .index-heading { grid-template-columns:1.1fr 1fr; gap:28px; }
 .page-aesthetische-zahnheilkunde-koeln .treatment-section .index-heading .eyebrow { grid-column:1/-1; }
 .page-aesthetische-zahnheilkunde-koeln .consultation-close > .wrap { gap:40px; }
}
@media (max-width:760px) {
 .page-aesthetische-zahnheilkunde-koeln #main > section { padding-top:76px; padding-bottom:76px; }
 .page-aesthetische-zahnheilkunde-koeln #main > .aesthetik-hero { padding-top:128px!important; padding-bottom:32px!important; }
 .page-aesthetische-zahnheilkunde-koeln .aesthetik-hero .hero-layout { grid-template-columns:1fr; gap:48px; }
 .page-aesthetische-zahnheilkunde-koeln .aesthetik-hero h1 { font-size:clamp(41px,7.3vw,60px); }
 .page-aesthetische-zahnheilkunde-koeln .aesthetik-hero .h1-sub { max-width:34em; }
 .page-aesthetische-zahnheilkunde-koeln .aesthetik-hero .aesthetik-portrait { padding-left:40px; width:90%; margin-left:auto; }
 .page-aesthetische-zahnheilkunde-koeln .aesthetik-hero .aesthetik-portrait img { height:auto; aspect-ratio:4/5; }
 .page-aesthetische-zahnheilkunde-koeln #main > .aesthetik-intro { padding-top:70px; padding-bottom:48px; }
 .page-aesthetische-zahnheilkunde-koeln .aesthetik-intro-layout { grid-template-columns:1fr; gap:30px; }
 .page-aesthetische-zahnheilkunde-koeln .aesthetik-intro h2 { max-width:12em; }
 .page-aesthetische-zahnheilkunde-koeln .aesthetik-photo-spread { grid-template-columns:1.2fr .8fr; gap:20px; align-items:start; }
 .page-aesthetische-zahnheilkunde-koeln .aesthetik-space img { height:360px; }
 .page-aesthetische-zahnheilkunde-koeln .aesthetik-detail { margin-top:64px; margin-bottom:0; }
 .page-aesthetische-zahnheilkunde-koeln .aesthetik-detail img { height:220px; }
 .page-aesthetische-zahnheilkunde-koeln #main > .aesthetik-praxis { padding-bottom:64px; }
 .page-aesthetische-zahnheilkunde-koeln .treatment-section .index-heading { grid-template-columns:1fr; gap:20px; margin-bottom:40px; }
 .page-aesthetische-zahnheilkunde-koeln .treatment-section .index-heading > p:last-child { max-width:29em; }
 .page-aesthetische-zahnheilkunde-koeln .treatment-name { font-size:35px; }
 .page-aesthetische-zahnheilkunde-koeln .concerns-layout { grid-template-columns:1fr; gap:48px; }
 .page-aesthetische-zahnheilkunde-koeln .concerns-intro figure { display:block; margin-top:32px; width:74%; }
 .page-aesthetische-zahnheilkunde-koeln .concerns-intro figure img { height:280px; }
 .page-aesthetische-zahnheilkunde-koeln .aesthetik-planning .split { grid-template-columns:1fr; gap:36px; }
 .page-aesthetische-zahnheilkunde-koeln .aesthetik-planning .planning-photo { margin:0 -24px; }
 .page-aesthetische-zahnheilkunde-koeln .aesthetik-planning .planning-photo img { height:auto; aspect-ratio:1.2; }
 .page-aesthetische-zahnheilkunde-koeln .aesthetik-planning .planning-photo figcaption { padding:0 24px; }
 .page-aesthetische-zahnheilkunde-koeln .aesthetik-faq .faq summary { font-size:23px; }
 .page-aesthetische-zahnheilkunde-koeln .consultation-close > .wrap { grid-template-columns:1fr; gap:32px; }
}
@media (max-width:390px) {
 .page-aesthetische-zahnheilkunde-koeln .aesthetik-hero h1 { font-size:clamp(34px,10vw,39px); }
 .page-aesthetische-zahnheilkunde-koeln .aesthetik-hero .eyebrow { font-size:9px; letter-spacing:.17em; gap:10px; }
 .page-aesthetische-zahnheilkunde-koeln .aesthetik-hero .eyebrow::before { width:24px; }
 .page-aesthetische-zahnheilkunde-koeln .aesthetik-opening > .btn,
 .page-aesthetische-zahnheilkunde-koeln .consultation-close .btn { padding:16px 18px; width:100%; }
 .page-aesthetische-zahnheilkunde-koeln .aesthetik-hero .aesthetik-portrait { width:100%; padding-left:24px; }
 .page-aesthetische-zahnheilkunde-koeln .aesthetik-photo-spread { gap:16px; }
 .page-aesthetische-zahnheilkunde-koeln .aesthetik-space img { height:300px; }
 .page-aesthetische-zahnheilkunde-koeln .aesthetik-detail img { height:190px; }
 .page-aesthetische-zahnheilkunde-koeln .treatment-section h2 { font-size:36px; }
}