/* Canonical costs page only. Painted shores keep their native proportions. */
.costs-atmosphere.variant-03 .chapters{padding-bottom:38px}
.costs-atmosphere.variant-03 .chapters:after,.costs-atmosphere.variant-03 .closing:before{content:none}
.costs-atmosphere.variant-03 .after-chapters>#haeufigkeit{position:relative;isolation:isolate;display:grid;align-items:center;width:100cqw;max-width:none;min-height:0;margin:10px calc((100% - 100cqw)/2) 4px;padding:11.5cqw 0 12.8cqw;color:#fff3df}
.costs-rhythm-paint{position:absolute;z-index:-1;inset:0;pointer-events:none;background:#06343e;mask-image:linear-gradient(transparent,#000 8cqw,#000 calc(100% - 8cqw),transparent)}
.costs-rhythm-paint:before,.costs-rhythm-paint:after{content:"";position:absolute;left:0;right:0;background:url(costs-rhythm-paint-v1.webp) center top/100% auto no-repeat}
.costs-rhythm-paint:before{top:0;height:24cqw;mask-image:linear-gradient(#000 66%,transparent)}
.costs-rhythm-paint:after{bottom:0;height:20cqw;background-position:center bottom;mask-image:linear-gradient(transparent,#000 33%)}
.costs-rhythm-copy{width:87%;max-width:1145px;margin:auto}
.costs-atmosphere.variant-03 #haeufigkeit .eyebrow{color:#efc797;font-size:11px;letter-spacing:.17em;margin:0 0 15px}
.costs-atmosphere.variant-03 #haeufigkeit h2{font-size:clamp(27px,2.45cqw,36px);line-height:1.25;margin:0 0 18px;max-width:none}
.costs-rhythm-paragraphs{display:grid;grid-template-columns:1fr 1fr;gap:7%}
.costs-atmosphere.variant-03 #haeufigkeit .costs-rhythm-paragraphs p{margin:0;max-width:none;font-size:16px;line-height:1.75}
.costs-atmosphere.variant-03 .after-chapters>.closing{width:100cqw;max-width:none;margin:8px calc((100% - 100cqw)/2) 0;padding:20px 0 max(130px,20cqw)}
.costs-contact-paint{position:absolute;z-index:-1;left:0;right:0;bottom:0;height:26cqw;pointer-events:none;background:url(costs-contact-paint-v1.webp) center bottom/100% auto no-repeat;mask-image:linear-gradient(transparent,#000 8cqw,#000 calc(100% - 2cqw),transparent)}
.costs-atmosphere.variant-03 .after-chapters>.closing>#kontakt{position:relative;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:7%;width:87%;max-width:1145px;margin:auto;padding:0}
.costs-contact-main,.costs-contact-meta{min-width:0}
.costs-atmosphere.variant-03 #kontakt h2{font-size:clamp(28px,2.45cqw,36px);line-height:1.25;margin:0 0 18px}
.costs-atmosphere.variant-03 #kontakt .costs-contact-main>p:not(.small){max-width:36em;font-size:16px;line-height:1.75}
.costs-atmosphere.variant-03 #kontakt address{margin:18px 0 5px;gap:7px}
.costs-atmosphere.variant-03 #kontakt address a{font-size:clamp(22px,2cqw,28px);line-height:1.5}
.costs-atmosphere.variant-03 #kontakt address span{font-size:16px;margin-top:3px}
.costs-atmosphere.variant-03 #kontakt .button{margin-top:16px}
.costs-atmosphere.variant-03 #kontakt .costs-contact-main>.small{max-width:40em;font-size:13px;line-height:1.7}
.costs-contact-meta{align-self:start;margin-top:54px;padding-left:32px;border-left:1px solid #bd7a4655}
.costs-atmosphere.variant-03 #kontakt .costs-contact-meta>p:not(.small){font-size:17px;line-height:1.75;margin:0 0 20px}
.costs-atmosphere.variant-03 #kontakt .costs-contact-meta>.small{font-size:14px;line-height:1.8;margin:0}
@media(max-width:900px){
 .costs-atmosphere.variant-03 .after-chapters>#haeufigkeit{padding-top:max(58px,11.5cqw);padding-bottom:max(54px,10cqw);min-height:0;margin-bottom:16px}
 .costs-rhythm-copy{width:87%;max-width:750px}
 .costs-rhythm-paragraphs{grid-template-columns:1fr;gap:20px}
 .costs-atmosphere.variant-03 .after-chapters>.closing>#kontakt{grid-template-columns:1fr;gap:22px;max-width:750px}
 .costs-contact-meta{margin-top:0;padding:18px 0 0;border-left:0;border-top:1px solid #bd7a4655}
 .costs-atmosphere.variant-03 #kontakt .costs-contact-meta>p:not(.small){font-size:16px;margin-bottom:18px;max-width:34em}
 .costs-atmosphere.variant-03 #kontakt .costs-contact-meta>.small{max-width:46em}
}
@media(max-width:600px){
 .costs-atmosphere.variant-03 .chapters{padding-bottom:24px}
 .costs-atmosphere.variant-03 #haeufigkeit h2{font-size:27px;margin-bottom:18px;max-width:14em}
 .costs-atmosphere.variant-03 #haeufigkeit .eyebrow{font-size:10px;max-width:24em;margin-bottom:14px}
 .costs-atmosphere.variant-03 .after-chapters>.closing{padding-top:16px}
 .costs-atmosphere.variant-03 #kontakt h2{font-size:28px;margin-bottom:18px}
 .costs-atmosphere.variant-03 #kontakt address a{font-size:22px}
 .costs-atmosphere.variant-03 #kontakt address span{font-size:15px}
}

/* Compact the full lower reading sequence without changing type or artwork scale. */
.costs-atmosphere.variant-03 #therapieverlauf{padding-bottom:20px}
.costs-atmosphere.variant-03 #rahmen{padding-top:18px;padding-bottom:18px}
.costs-atmosphere.variant-03 #therapieverlauf h2,.costs-atmosphere.variant-03 #rahmen h2{margin-bottom:18px}
.costs-atmosphere.variant-03 #rahmen>div.note{margin:18px 0}
.costs-atmosphere.variant-03 #therapieverlauf summary,.costs-atmosphere.variant-03 #rahmen summary{padding:12px 0;min-height:50px}
.costs-atmosphere.variant-03 #kontakt .costs-contact-main>.small{margin-top:12px!important}
@media(max-width:600px){.costs-atmosphere.variant-03 #therapieverlauf{padding-bottom:16px}}