/* Raumgestalter als zentrales Highlight der Startseite. */
.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px 24px}.hero-contact-link{font-size:13px;font-weight:700;color:#184090;text-underline-offset:5px}.links a[aria-current]{color:#184090;position:relative}.links a[aria-current]:after{content:'';position:absolute;bottom:-7px;left:0;width:24px;height:2px;background:#e03010}
#raumgestalter{background:#f3f4f6;border-top:4px solid #184090;padding:68px 0 42px;color:#20201e;scroll-margin-top:98px}
.room-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:34px}.room-heading .eyebrow{margin:0;color:#184090}.room-new{font-size:12px;font-weight:700;color:#184090;background:#fff;border:1px solid #d9dce1;padding:7px 12px;border-radius:4px}
.room-grid{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:48px;align-items:center}.room-copy h2{font-family:Arial,Helvetica,sans-serif;font-size:clamp(42px,4.9vw,70px);font-weight:700;line-height:1.04;letter-spacing:-.045em;text-transform:none;color:#184090}.room-copy h2 em{font-style:normal;color:#e03010}.room-copy .room-intro{font-size:21px;line-height:1.35;color:#184090;font-weight:700;margin:24px 0 15px}.room-copy>p{max-width:420px;font-size:15px;line-height:1.7;color:#535b66;margin:0 0 25px}.room-copy .room-note{font-size:11px;margin:12px 0 0;color:#626974}.room-cta{min-height:52px;gap:18px;padding:16px 23px;font-size:14px}
.room-preview{min-width:0;background:#fff;padding:10px;border:1px solid #d9dce1;border-radius:6px;box-shadow:0 12px 35px #1840900a}.room-compare{position:relative;aspect-ratio:3/2;overflow:hidden;border-radius:2px;isolation:isolate;--room-position:50%}.room-compare>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.room-original{clip-path:inset(0 calc(100% - var(--room-position)) 0 0)}.room-image-label{position:absolute;top:15px;padding:5px 10px;border-radius:3px;font-size:10px;font-weight:700;letter-spacing:.02em;background:#fff;color:#184090;box-shadow:0 2px 10px #0000000f;pointer-events:none}.room-before-label{left:15px}.room-after-label{right:15px;background:#184090;color:#fff}.room-divider{position:absolute;top:0;bottom:0;left:var(--room-position);width:2px;background:#fff;transform:translateX(-50%);box-shadow:0 0 5px #0004;pointer-events:none}.room-divider>span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#184090;font-size:24px;box-shadow:0 3px 16px #0003}.room-range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y}.room-compare:focus-within{outline:3px solid #e03010;outline-offset:4px}.room-preview-caption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:5px 14px;font-size:10px;line-height:1.5;color:#626974;padding:13px 6px 4px}.room-preview-caption>span:first-child{font-weight:700;color:#184090}
.room-steps{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;padding:28px 0;margin:38px 0 0;border-top:1px solid #d9dce1;border-bottom:1px solid #d9dce1}.room-steps li{display:flex;align-items:flex-start;gap:14px;min-width:0}.room-step-number{font-size:13px;font-weight:700;color:#e03010;line-height:1.5;padding-top:2px}.room-steps h3{font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.4;letter-spacing:0;text-transform:none;color:#184090;margin:0 0 5px}.room-steps p{font-size:12px;line-height:1.6;color:#535b66;margin:0}.room-disclaimer{font-size:11px;color:#626974;line-height:1.6;margin:18px 0 0;max-width:850px}
@media(min-width:701px) and (max-width:1250px){header nav{gap:18px}.links{gap:17px;font-size:12px}.nav-end>.button{display:none}.nav-end{gap:12px}.room-grid{gap:30px}.room-copy h2{font-size:48px}}
@media(max-width:850px){.room-grid{grid-template-columns:minmax(0,1fr);gap:30px}.room-copy h2 br{display:none}.room-copy h2{max-width:630px;font-size:clamp(40px,7vw,56px)}.room-copy h2 em{display:block}.room-copy .room-intro br{display:none}.room-copy>p{max-width:620px}.room-copy .room-intro{font-size:20px}.room-steps{gap:20px}}
@media(max-width:700px){#raumgestalter{padding:38px 0 30px;scroll-margin-top:80px}.room-heading{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:25px}.room-heading .eyebrow{font-size:9px;letter-spacing:.12em}.room-new{font-size:11px;padding:5px 9px}.room-copy h2{font-size:clamp(38px,9.5vw,54px)}.room-copy .room-intro{margin-top:20px;font-size:19px}.room-copy>p{font-size:14px}.room-cta{font-size:13px;padding:15px 18px;gap:16px;width:100%}.room-copy .room-note{text-align:center;font-size:10px}.room-preview{padding:6px}.room-image-label{top:9px;padding:4px 7px;font-size:9px}.room-before-label{left:9px}.room-after-label{right:9px}.room-divider>span{width:38px;height:38px;font-size:21px}.room-preview-caption{padding:10px 4px 4px;font-size:9px}.room-steps{grid-template-columns:1fr;gap:20px;margin-top:28px;padding:24px 0}.room-steps h3{font-size:15px}.room-steps p{font-size:12px}.room-step-number{min-width:24px}.room-disclaimer{font-size:10px}.hero-actions{align-items:flex-start;flex-direction:column;gap:18px}.hero-contact-link{font-size:13px}}

@media(max-width:700px){.service-grid{grid-template-columns:minmax(0,1fr)}.service-card,.card-copy>div{min-width:0}.card-copy h3{overflow-wrap:anywhere}}

.room-copy h2{font-size:clamp(38px,4.2vw,60px)}@media(max-width:850px){.room-copy h2{font-size:clamp(38px,6vw,54px)}}@media(max-width:700px){.room-copy h2{font-size:clamp(36px,9vw,48px)}}

/* Durchgehender Abschnittsrhythmus und blaue Übergänge. */
main>section+section{border-top:4px solid #184090}
#start,#leistungen,#betrieb,#kontakt{background:#fff}
#raumgestalter,#vorher-nachher,#bewertungen{background:#f3f4f6}
footer{border-top:4px solid #184090}
/* Derselbe Sticker wie bei Meisterbetrieb und Leistungen. */
.room-heading{min-height:150px;margin-bottom:25px;align-items:center}
.room-heading .room-new.copy-sticker{width:150px;min-width:150px;height:150px;padding:22px!important;font-size:14px!important;line-height:1.35!important;margin:0 8px 0 0!important;gap:4px;white-space:normal}
.room-new>strong{font-size:24px;line-height:1.1;color:#fff}
.room-new.copy-sticker:after{width:66px;height:5px;margin-top:6px}
/* Beide Vergleiche werden direkt im Bild und per Tastatur bedient. */
.compare .compare-range{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:ew-resize;touch-action:pan-y;z-index:2}
.compare:focus-within{outline:3px solid #e03010;outline-offset:4px}
.compare .compare-divider,.room-divider{width:2px;background:#fff}
.compare .compare-divider>span,.room-divider>span{width:46px;height:46px;border:0;background:#fff;color:#184090;font-size:24px;box-shadow:0 3px 16px #0003}
.compare-label{pointer-events:none}
@media(max-width:700px){.room-heading{flex-direction:row;align-items:center;gap:16px;min-height:128px;margin-bottom:25px}.room-heading .eyebrow{max-width:170px;font-size:9px;line-height:1.6}.room-heading .room-new.copy-sticker{width:124px;min-width:124px;height:124px;font-size:12px!important;padding:20px!important;margin-right:5px!important}.room-new>strong{font-size:21px}.room-new.copy-sticker:after{width:56px;height:4px}.compare .compare-divider>span,.room-divider>span{width:38px;height:38px;font-size:21px}}
.room-heading .room-new.copy-sticker{background:#184090;color:#fff;border:2px solid #fff;border-radius:49% 51% 48% 52%;outline:2px solid #184090;outline-offset:3px;box-shadow:inset 0 0 0 4px #184090,inset 0 0 0 5px #ffffffb0}
#kontakt{border-top:4px solid #184090}

/* Einheitliche Karten, Vergleichshinweise und primäre Schaltflächen. */
#bewertungen .customer-review,#bewertungen .customer-review:nth-child(n+4),#bewertungen .customer-review:last-child{background:#fff}
.room-preview-caption,.compare-controls{display:block;padding:14px 6px 4px;margin:0 auto;max-width:none;text-align:center}
.room-preview-caption>span:first-child,.compare-controls .compare-hint{font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:400;line-height:1.5;letter-spacing:0;color:#20201e;text-align:center;margin:0}
.room-preview{border-radius:8px}
.room-image-label,.compare-label{font-family:Arial,Helvetica,sans-serif;font-size:11px;font-weight:700;line-height:1.6;padding:5px 10px;letter-spacing:0}
.room-after-label,.after-label{background:#184090;color:#fff}
.room-before-label,.before-label{background:#fff;color:#184090}
.room-cta{font-family:Arial,Helvetica,sans-serif;font-size:13px;padding:15px 24px;min-height:0;gap:28px;line-height:1.6;border-radius:4px}
@media(max-width:700px){.room-preview-caption>span:first-child,.compare-controls .compare-hint{font-size:13px}.room-image-label,.compare-label{font-size:10px;padding:4px 8px}.room-cta{gap:18px}}
.button,.room-cta,#bewertungen .reviews-write-button{font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:700;line-height:1.6;padding:15px 24px;min-height:52px;border-radius:4px}
.eyebrow,.room-heading .eyebrow{color:#184090}
/* Nur ein Ankerabstand: exakt die Höhe des festen Headers. */
html{scroll-padding-top:var(--anchor-offset,99px)}
main>section[id],#raumgestalter{scroll-margin-top:0}
@media(max-width:700px){html{scroll-padding-top:var(--anchor-offset,81px)}}

.room-sticker-line{white-space:nowrap;font-size:13px}@media(max-width:700px){.room-sticker-line{font-size:11px}}