.services .service{position:relative;isolation:isolate;overflow:hidden;min-height:345px;display:flex;flex-direction:column;justify-content:flex-end;background:#171b16;border-color:#d7af5950;padding:30px}
.services .service::before{content:"";position:absolute;inset:0;z-index:-2;background-image:url('service-scenes.webp');background-size:300% 200%;background-repeat:no-repeat;background-position:0 0;transition:transform .5s ease}
.services .service::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(9,13,10,.12),rgba(9,13,10,.7) 38%,rgba(9,13,10,.96) 100%)}
.services .service:nth-child(2)::before{background-position:50% 0}.services .service:nth-child(3)::before{background-position:100% 0}.services .service:nth-child(4)::before{background-position:0 100%}.services .service:nth-child(5)::before{background-position:50% 100%}.services .service:nth-child(6)::before{background-position:100% 100%}
.services .service:nth-child(7)::before{background-image:url('garden-service.webp');background-size:cover;background-position:center}
.services .service:nth-child(8)::before{background-image:url('hausmeister-service.webp');background-size:cover;background-position:center 35%}
.services .service-additional ul{padding-left:17px;margin:0;color:#ebece5;font-size:14px;line-height:1.8;text-shadow:0 1px 4px #0009}
.services .service-additional{min-height:405px}
@media(min-width:801px){.services{grid-template-columns:repeat(6,minmax(0,1fr))}.services>.service{grid-column:span 2}.services>.service-additional{grid-column:span 3}}
.services .service:hover::before{transform:scale(1.035)}.services .service p{color:#ebece5;text-shadow:0 1px 4px #0009}.services .service h3{color:#fff;text-shadow:0 1px 5px #0009}.services .service-icon{margin-bottom:18px;filter:drop-shadow(0 2px 3px #0009)}
@media(max-width:600px){.services .service{min-height:335px;padding:26px}}
@media(prefers-reduced-motion:reduce){.services .service::before{transition:none}.services .service:hover::before{transform:none}}
header.centered-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:8px 6%;min-height:96px;gap:20px}
header.centered-header .brand-refined{grid-column:2;grid-row:1;justify-self:center;margin:0}
header.centered-header .brand-refined img{width:76px;height:76px;object-fit:contain}
.menu-toggle{grid-column:1;grid-row:1;justify-self:start;display:flex;align-items:center;gap:12px;background:none;border:0;color:#f0eee5;font:14px system-ui,sans-serif;padding:12px 0;cursor:pointer}
.menu-lines{width:24px;height:14px;border-top:1px solid #d7af59;border-bottom:1px solid #d7af59;position:relative}.menu-lines::after{content:"";position:absolute;left:0;right:0;top:6px;border-top:1px solid #d7af59}
.header-contact{grid-column:3;grid-row:1;justify-self:end;font-size:13px;text-decoration:none;color:#e4c47f;padding:12px 0}
header.centered-header nav{position:absolute;left:0;right:0;top:100%;max-width:none;display:flex;flex-direction:column;align-items:flex-start;gap:0;padding:22px 6% 30px;background:#1b1e19fc;border-top:1px solid #d7af5926;border-bottom:1px solid #d7af5940;box-shadow:0 20px 30px #0003;font-size:19px}
header.centered-header nav[hidden]{display:none}
header.centered-header nav a{display:block;padding:12px 0;min-width:160px}
@media(max-width:600px){header.centered-header{padding:7px 5%;min-height:78px;gap:12px}header.centered-header .brand-refined img{width:64px;height:64px}.menu-toggle{font-size:12px;gap:8px}.header-contact{font-size:12px}header.centered-header nav{font-size:18px}}
header .brand-refined{display:flex;align-items:center;gap:13px;letter-spacing:2px;font-size:24px;line-height:1.2}
.brand-refined img{width:62px;height:62px;object-fit:contain;filter:drop-shadow(2px 3px 3px #0008)}
.brand-refined .brand-name{color:#eee8d9}.brand-refined small{display:block;font:8px/1.5 system-ui,sans-serif;letter-spacing:2px;color:#bca36e;margin-top:5px}
.service-icon{color:#d7af59;width:47px;height:47px;display:grid;place-items:center;margin-bottom:23px}.service-icon svg{width:40px;height:40px}.service h3{margin-top:0}.service{padding:30px;background:linear-gradient(145deg,#20241c,#181c16);border-color:#d7af5926}.service:hover{border-color:#d7af5966}
.hero .hero-signature{font-size:11px;letter-spacing:.08em;line-height:1.9;color:#c7b487;margin:26px 0 14px;max-width:460px}
.work-photo span{font-weight:500;color:#c5bcaa}.work-photo img{background:#171a15}
#arbeiten .work-trio .work-photos figure:nth-child(n) img{object-position:center;height:260px}
#arbeiten .work-trio .work-photos figure:first-child img{object-position:50% 60%}
.extra-photos img{background:#181b16}
@media(max-width:800px){header .brand-refined{font-size:20px;gap:9px}.brand-refined img{width:48px;height:48px}.brand-refined small{font-size:7px;letter-spacing:1px}#arbeiten .work-trio .work-photos figure:nth-child(n) img{height:190px}}
@media(max-width:600px){header{padding:12px 5%;gap:10px}header .brand-refined{font-size:17px;letter-spacing:1px}.brand-refined img{width:42px;height:42px}.brand-refined small{font-size:6px;letter-spacing:.7px}nav{max-width:165px;font-size:10px;gap:4px 10px}.hero .hero-signature{font-size:10px;letter-spacing:.04em}.service{padding:25px}.service-icon{margin-bottom:18px}#arbeiten .work-trio .work-photos figure:nth-child(n) img{height:135px}}