:root{--babylon-navy:#122633;--babylon-gold:#b18d4b;--babylon-dark:#122633;--babylon-ink:#142633;--babylon-muted:#29343c;--babylon-line:#dce2e7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:#fff;color:var(--babylon-ink);font:16px/1.5 Arial,Helvetica,sans-serif}a{color:inherit}button,input,textarea,select{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #b18d4b;outline-offset:4px}.skip{position:absolute;top:-100px;left:12px;background:white;padding:12px;z-index:5}.skip:focus{top:12px}.header{max-width:1380px;padding:17px 35px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:8px;text-decoration:none;font-size:24px;font-weight:800;line-height:1.1;white-space:nowrap}.brand b{color:var(--babylon-navy)}.brand small{display:block;font-size:12px;font-weight:400;margin-top:6px}.logo-crop{display:block;flex-shrink:0;width:50px;height:46px;background-image:url('assets/design-reference.jpg');background-size:2048% 3339.13%;background-position:3.90144% .80537%}nav{display:flex;gap:25px}nav a{font-size:14px;text-decoration:none;white-space:nowrap}nav a:hover{color:var(--babylon-navy)}.button{display:inline-flex;align-items:center;justify-content:center;padding:13px 24px;border:1px solid #b18d4b;border-radius:6px;background:linear-gradient(#c8a96c,#b18d4b);color:#fff;font-weight:700;font-size:16px;text-decoration:none;cursor:pointer;min-height:46px}.button:hover{background:#a58448}.header-cta{background:var(--babylon-navy);font-size:14px;white-space:nowrap;padding:10px 17px}.menu-toggle{display:none}.hero{position:relative;background-color:#122633;background-image:linear-gradient(90deg,rgba(10,25,37,.86),rgba(10,25,37,.51) 52%,rgba(10,25,37,.06)),url('assets/hero.jpg');background-size:cover;background-position:center 48%;color:white}.hero-inner{max-width:1380px;padding:66px 45px 56px;margin:auto;display:flex;align-items:center;justify-content:space-between;min-height:450px;gap:20px}.hero-copy{max-width:810px}h1{font-size:clamp(38px,4.2vw,62px);font-weight:800;line-height:1.06;letter-spacing:-1.8px;margin:0 0 18px}h1 span{color:#d4b575}.hero-copy>p{max-width:640px;font-size:20px;line-height:1.4;margin:0 0 18px}.checks{list-style:none;display:grid;grid-template-columns:repeat(2,max-content);gap:9px 25px;padding:0;font-size:14px}.checks li:before{content:'✓';display:inline-grid;place-items:center;border:1px solid white;border-radius:50%;background:var(--babylon-navy);font-size:12px;width:17px;height:17px;margin-right:9px}.actions{display:flex;gap:15px;flex-wrap:wrap;margin-top:25px}.outline{background:transparent;border:2px solid white}.outline:hover{background:#ffffff22}.hero-badge{background:var(--babylon-navy);padding:23px 22px;transform:rotate(-10deg);font-weight:900;font-size:25px;line-height:1.2;text-align:center;flex-shrink:0;box-shadow:8px 5px 0 #12263370}.image-note{position:absolute;right:12px;bottom:7px;font-size:11px;color:#fff;background:#0007;padding:1px 6px}.section{max-width:1360px;margin:auto;padding:35px 30px}.heading{text-align:center;margin-bottom:25px}.heading h2{font-size:34px;line-height:1.18;margin:0 0 5px;letter-spacing:-.8px}.heading h2 span{color:var(--babylon-navy)}.heading p{color:var(--babylon-muted);margin:0;font-size:16px}.service-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.service-card{padding:15px 10px 10px;border:1px solid var(--babylon-line);border-radius:5px;text-align:center;display:flex;flex-direction:column;min-width:0}.service-icon{height:43px;color:var(--babylon-dark);font-size:38px;line-height:1;font-weight:800}.service-card h3{font-size:15px;line-height:1.3;margin:12px 0 7px;overflow-wrap:anywhere}.service-card p{font-size:14px;line-height:1.35;margin:0 0 13px;min-height:57px}.photo{display:block;height:120px;margin-top:auto;background-image:url('assets/design-reference.jpg');background-repeat:no-repeat;border-radius:2px}.photo:hover{outline:3px solid var(--babylon-navy);outline-offset:2px}.photo-house{background-size:769.925% 1687.91%;background-position:3.59% 41.73%}.photo-flat{background-size:758.519% 1687.91%;background-position:21.6% 41.73%}.photo-cellar{background-size:758.519% 1687.91%;background-position:40.045% 41.73%}.photo-garage{background-size:758.519% 1687.91%;background-position:58.38% 41.73%}.photo-office{background-size:758.519% 1687.91%;background-position:76.71% 41.73%}.photo-recycle{background-size:758.519% 1687.91%;background-position:95.05% 41.73%}.benefits{background:linear-gradient(100deg,#f0f3f6,#e6ecf0);padding:30px max(30px,calc((100vw - 1300px)/2));display:grid;grid-template-columns:repeat(4,1fr)}.benefits>div{text-align:center;padding:0 24px;border-right:1px solid #cdd7de}.benefits>div:last-child{border:0}.benefits span{color:var(--babylon-navy);font-size:42px;line-height:1;font-weight:700}.benefits h3{font-size:17px;margin:10px 0 3px}.benefits p{font-size:14px;margin:0;color:#29343c}.examples{padding-bottom:16px}.example-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.comparison{position:relative;border-radius:6px;overflow:hidden}.comparison-photo{height:170px;background-image:url('assets/design-reference.jpg');background-repeat:no-repeat}.example-one{background-size:336.842% 1219.05%;background-position:4.306% 65.39%}.example-two{background-size:337.954% 1219.05%;background-position:50.069% 65.39%}.example-three{background-size:336.842% 1219.05%;background-position:95.833% 65.39%}.comparison-labels{position:absolute;bottom:0;left:0;right:0;display:grid;grid-template-columns:1fr 1fr;background:linear-gradient(transparent,#000a);padding:14px 10px 7px;color:white;font-size:13px;font-weight:bold}.comparison-labels span:nth-child(2){padding-left:10px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;list-style:none;margin:0;padding:0;text-align:center}.steps li{position:relative;padding:0 12px}.steps li:not(:last-child):after{content:'›';position:absolute;right:-19px;top:40px;font-size:36px;color:#987637}.step-symbol{display:grid;place-items:center;width:57px;height:57px;background:linear-gradient(130deg,#254659,#122633);border-radius:50%;color:white;margin:0 auto 10px;font-size:28px}.steps h3{font-size:17px;margin:0 0 5px}.steps p{font-size:14px;margin:0;color:#29343c}.process{padding-bottom:40px}.contact{background:#122633;background-image:linear-gradient(90deg,#0b1b26ed,#122633ed),url('assets/hero.jpg');background-size:cover;background-position:center;color:white}.contact-inner{max-width:1350px;display:grid;grid-template-columns:1.05fr 1.1fr .85fr;gap:40px;padding:38px;margin:auto}.contact-copy h2{font-size:35px;line-height:1.1;margin:0 0 12px;letter-spacing:-.7px}.contact-copy p{font-size:16px;line-height:1.45}.contact-sticker{display:inline-block;background:#b18d4b;transform:rotate(-7deg);padding:12px 26px;margin-top:22px;font-size:21px;line-height:1.3}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}label{display:block;font-size:12px;font-weight:600;margin-bottom:9px}input,select,textarea{display:block;width:100%;min-width:0;margin-top:3px;padding:9px 11px;border:1px solid #d3d9df;border-radius:4px;background:white;color:#142633;font-size:14px}textarea{resize:vertical}form .button{width:100%;font-size:15px}.form-hint,#form-status{font-size:12px;line-height:1.35;color:#d1d9df;margin:8px 0 0}.contact-details{align-self:center;min-width:0}.contact-details>div{display:flex;gap:12px;margin-bottom:23px;align-items:start}.detail-icon{display:grid;place-items:center;width:40px;height:40px;flex-shrink:0;background:var(--babylon-navy);border-radius:50%;font-size:24px}.contact-details p{margin:0;font-size:14px;overflow-wrap:anywhere}.contact-details strong{display:block;font-size:16px}.contact-details a{display:block;text-decoration:none}.contact-details a:hover{text-decoration:underline}footer{max-width:1350px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:28px 35px;font-size:12px}footer .brand{font-size:20px}footer>div{display:flex;gap:20px}footer a{text-decoration:none}.legal{max-width:850px;margin:auto;min-height:70vh;padding:60px 25px}.legal h1{font-size:42px}.notice{background:#fff6d7;border:1px solid #cfbd72;padding:20px}.legal h2{font-size:24px}[hidden]{display:none!important}
@media(max-width:1000px){.header{padding:15px 25px;gap:20px}.brand{font-size:21px}nav{gap:16px}.header-cta{display:none}.hero-inner{padding:48px 35px;min-height:420px}.hero-badge{font-size:21px}.hero-copy{max-width:690px}.service-grid{grid-template-columns:repeat(3,1fr)}.photo{height:145px}.service-card p{min-height:38px}.contact-inner{gap:24px;padding:35px 28px}.contact-copy h2{font-size:29px}.contact-details{grid-column:1/-1;display:flex;gap:40px;align-items:start}.contact-inner{grid-template-columns:1fr 1.2fr}.contact-details>div{margin:0;flex:1}footer .brand{font-size:18px}}
@media(max-width:700px){.header{flex-wrap:wrap;padding:15px 18px;gap:12px}.brand{font-size:20px}.menu-toggle{display:block;margin-left:auto;background:white;border:1px solid #ccd5dd;border-radius:5px;padding:8px 12px;color:#122633}nav{width:100%;flex-wrap:wrap;justify-content:center;padding-top:10px}body.js nav{display:none}body.js nav.open{display:flex}.hero-inner{min-height:480px;padding:40px 22px}.hero{background-position:62% center;background-image:linear-gradient(90deg,#0b1b26dd,#0b1b2688),url('assets/hero.jpg')}.hero-badge{display:none}h1{font-size:42px;letter-spacing:-1px;line-height:1.1}.hero-copy>p{font-size:18px}.checks{grid-template-columns:1fr;gap:9px;font-size:14px}.actions{gap:10px}.actions .button{padding:12px 16px;font-size:14px}.section{padding:28px 18px}.heading h2{font-size:29px}.heading p{font-size:14px}.service-grid{grid-template-columns:repeat(2,1fr);gap:12px}.service-card{padding:15px 8px 8px}.service-card h3{font-size:15px}.service-card p{min-height:57px;font-size:13px}.photo{height:100px}.benefits{grid-template-columns:1fr 1fr;padding:25px 18px;gap:25px 0}.benefits>div{padding:0 10px}.benefits>div:nth-child(2){border:0}.benefits p{font-size:13px}.example-grid{grid-template-columns:1fr;gap:18px}.comparison-photo{height:180px}.steps{grid-template-columns:1fr 1fr;gap:28px 15px}.steps li{padding:0}.steps li:after{display:none}.steps h3{font-size:15px}.steps p{font-size:14px}.contact-inner{grid-template-columns:1fr;padding:32px 22px;gap:30px}.contact-sticker{margin-top:12px}.contact-details{grid-column:auto;display:block}.contact-details>div{margin-bottom:20px}.contact-copy h2{font-size:33px}input,select,textarea{font-size:16px}footer{flex-direction:column;align-items:flex-start;padding:25px 22px}.logo-crop{width:43px;height:40px}.header .brand{white-space:normal}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

@media(min-width:1001px) and (max-width:1190px){.header{gap:16px;padding:15px 25px}.brand{font-size:21px}nav{gap:16px}.header-cta{font-size:12px;padding:9px 12px}.hero-inner{padding:50px 40px;min-height:400px}.hero-badge{font-size:22px}.service-card h3{font-size:14px}.service-card p{font-size:13px}.photo{height:100px}.section{padding:27px 24px}.contact-inner{gap:25px;padding:32px}.contact-copy h2{font-size:30px}.contact-details strong{font-size:14px}.contact-details p{font-size:13px}.contact-details>div{gap:8px}.detail-icon{width:34px;height:34px;font-size:21px}}

.service-icon{display:block;width:44px;height:40px;margin:0 auto;background-image:url('assets/design-reference.jpg');background-repeat:no-repeat;background-size:2327.27% 3840%;font-size:0}
.service-card:nth-child(1) .service-icon{background-position:7.95918% 32.75401%}
.service-card:nth-child(2) .service-icon{background-position:24.59184% 32.75401%}
.service-card:nth-child(3) .service-icon{background-position:41.32653% 32.75401%}
.service-card:nth-child(4) .service-icon{background-position:57.95918% 32.75401%}
.service-card:nth-child(5) .service-icon{background-position:74.69388% 32.75401%}
.service-card:nth-child(6) .service-icon{background-position:91.32653% 32.75401%}

/* Höherer Textkontrast auf hellen Flächen. */
.heading p,.service-card p,.benefits p,.steps p{color:#29343c}input::placeholder,textarea::placeholder{color:#454b45;opacity:1}label{opacity:1}.contact .form-hint,.contact #form-status{color:#f2f5f7}

/* Dunkle Überschriften für Leistungen und Ablauf. */
.service-card h3,.steps h3{color:#142633;opacity:1;font-weight:700}

/* Graue Formularbeschriftungen und Platzhalter. */
.contact label{color:#c4c8c4}.contact input::placeholder,.contact textarea::placeholder{color:#777;opacity:1}.contact input,.contact textarea,.contact select{color:#595f59}

/* Vom Nutzer bereitgestelltes Babylon-Services-Emblem. */
.logo-crop{width:78px;height:52px;background-image:url('assets/babylon-logo.jpg');background-size:167.2% 250.8%;background-position:51.5873% 22.5464%}.brand b{color:#987637}.brand{white-space:normal}.header .brand{flex-shrink:0}@media(max-width:700px){.logo-crop{width:66px;height:44px}.header .brand{font-size:19px;flex-shrink:1}.header .brand small{font-size:11px}}

/* Farbwelt des Emblems: Marineblau und Gold. */
.button{color:#122633}.header-cta{color:#fff;border-color:#b18d4b}.header-cta:hover{background:#254659}.outline{color:#fff}.outline:hover{background:#ffffff22;color:#fff}.heading h2 span{color:#856728}.hero-badge{border:1px solid #b18d4b;color:#e6cd99}.checks li:before{background:#b18d4b;color:#122633;border-color:#d4b575}.benefits span{color:#856728}.benefits h3{color:#122633}.step-symbol{color:#e6cd99}.contact-sticker{color:#122633}.detail-icon{background:#b18d4b;color:#122633}.service-icon{filter:grayscale(1)}.comparison:after{content:'›';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#122633;color:#e6cd99;border:2px solid white;font-size:27px;line-height:1;pointer-events:none}

/* Hochauflösende neue Beispielbilder ohne eingebrannte Texte oder Bedienelemente. */
.photo{background-image:url('assets/services-hq.jpg');background-size:300% 200%;height:auto;aspect-ratio:1}
.photo-house{background-position:0 0}.photo-flat{background-position:50% 0}.photo-cellar{background-position:100% 0}
.photo-garage{background-position:0 100%}.photo-office{background-position:50% 100%}.photo-recycle{background-position:100% 100%}
.comparison-photo{background:none;display:flex;height:auto;aspect-ratio:2;position:relative}
.comparison-photo>span{display:block;width:50%;height:auto;aspect-ratio:1;background-image:url('assets/comparisons-hq.jpg');background-size:300% 200%}
.example-one .scene-before{background-position:0 0}.example-one .scene-after{background-position:0 100%}
.example-two .scene-before{background-position:50% 0}.example-two .scene-after{background-position:50% 100%}
.example-three .scene-before{background-position:100% 0}.example-three .scene-after{background-position:100% 100%}
.scene-after{border-left:2px solid white}.comparison:after{width:34px;height:34px}

/* Rechtstexte */
.legal-header{border-bottom:1px solid var(--babylon-line)}.legal{max-width:900px;min-height:70vh;padding-top:54px;padding-bottom:70px}.legal h1{font-size:clamp(38px,5vw,54px);color:var(--babylon-navy)}.legal h2{font-size:23px;color:var(--babylon-navy);margin:34px 0 9px}.legal p,.legal address{max-width:78ch}.legal address{font-style:normal;line-height:1.75}.legal a{text-decoration-color:var(--babylon-gold);text-underline-offset:3px}.notice{background:#fff7df;border:1px solid #d8bb79;border-left:6px solid var(--babylon-gold);padding:18px 20px;border-radius:4px}.legal-note{color:var(--babylon-muted);font-size:14px}.legal-footer{border-top:1px solid var(--babylon-line)}.legal-footer a[aria-current="page"]{font-weight:700;color:#856728}.form-hint a{color:#fff;text-underline-offset:2px}
@media(max-width:700px){.legal-header nav{display:flex;width:auto;padding:0}.legal{padding-top:36px}.legal-footer>div{flex-wrap:wrap}}

/* Markierte Korrekturen: Markenfarben und optisch exakt zentrierte Symbole. */
.service-icon{display:flex!important;align-items:center;justify-content:center;width:48px;height:48px;margin:0 auto;background:var(--babylon-navy)!important;background-image:none!important;border:1px solid var(--babylon-gold);border-radius:50%;color:#e6cd99;font:700 28px/1 Arial,Helvetica,sans-serif;filter:none!important}
.service-card:nth-child(1) .service-icon:before{content:'⌂'}
.service-card:nth-child(2) .service-icon:before{content:'▰'}
.service-card:nth-child(3) .service-icon:before{content:'◆'}
.service-card:nth-child(4) .service-icon:before{content:'▤'}
.service-card:nth-child(5) .service-icon:before{content:'▥'}
.service-card:nth-child(6) .service-icon:before{content:'♻'}
.comparison:after{left:calc(50% - 18px);top:calc(50% - 18px);transform:none;width:36px;height:36px;display:flex;align-items:center;justify-content:center;padding:0 0 3px;font:700 28px/1 Arial,Helvetica,sans-serif}
.step-symbol{display:flex;align-items:center;justify-content:center;padding:0 0 2px;line-height:1;text-align:center}
.steps li:not(:last-child):after{top:0;height:57px;display:flex;align-items:center;justify-content:center;line-height:1}
.detail-icon{display:flex;align-items:center;justify-content:center;padding:0;line-height:1;text-align:center}
.location-icon{font-size:16px}