/*
Theme Name: Rund ums Haus Steinhagen
Author: Rund ums Haus
Description: Originalgetreuer, schlanker WordPress-Auftritt für Rund ums Haus und Garten.
Version: 3.0
Requires at least: 5.8
Requires PHP: 7.4
Text Domain: rundumshaus
*/
:root{--g:#4c9b16;--g2:#67ad25;--dark:#121812;--muted:#626a60;--pale:#f3f8ef;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--dark);line-height:1.55;background:#fff}
a{color:inherit;text-decoration:none}a:hover{text-decoration:none}
.container{width:min(var(--max),calc(100% - 40px));margin:0 auto}
.topbar{background:linear-gradient(90deg,#39850f,#63ad22);color:#fff;font-size:14px}
.topbar .container{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.topbar .left,.topbar .right{display:flex;gap:22px;align-items:center}
.site-header{background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.06);position:relative;z-index:10}
.nav{min-height:102px;display:flex;align-items:center;justify-content:space-between;gap:25px}
.logo{width:210px;text-align:center;line-height:1.05}
.logo .houses{font-size:37px;font-weight:900;letter-spacing:-10px}
.logo b{display:block;color:#df2b22;font-size:14px}.logo strong{display:block;font-size:20px}.logo small{font-size:12px}
.menu{display:flex;align-items:center;gap:7px;list-style:none;margin:0;padding:0}
.menu li{margin:0}.menu a{display:block;padding:14px 19px;border-radius:6px;font-weight:700}
.menu a:hover{background:var(--g);color:#fff}
.hero img{display:block;width:100%;height:auto}
.quick-wrap{background:#fff;padding-bottom:18px}
.quick{display:flex;justify-content:center;gap:30px;flex-wrap:wrap;margin-top:-43px;position:relative;z-index:2}
.quick-item{width:105px;text-align:center;font-size:14px;font-weight:700}
.quick-circle{width:70px;height:70px;border-radius:50%;background:var(--g);border:5px solid #fff;box-shadow:0 3px 8px rgba(0,0,0,.2);margin:0 auto 6px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:28px}
.intro{padding:52px 0}
.intro-grid{display:grid;grid-template-columns:1fr 1.65fr;gap:40px;align-items:center}
.eyebrow{color:var(--g);font-weight:800;text-transform:uppercase;letter-spacing:.05em;font-size:14px}
.intro h2{font-size:35px;line-height:1.12;margin:5px 0 15px}.intro h2 span{color:var(--g)}
.intro p{color:var(--muted);font-size:16px}.readmore{display:inline-block;background:var(--g);color:#fff;padding:11px 19px;border-radius:6px;font-weight:700}
.features{display:grid;grid-template-columns:repeat(4,1fr)}
.feature{text-align:center;padding:10px 18px;border-right:1px solid #d8ded5}.feature:last-child{border:0}
.feature .icon{width:60px;height:60px;margin:0 auto 10px;border-radius:50%;background:var(--g);color:#fff;display:flex;align-items:center;justify-content:center;font-size:25px}
.feature h3{font-size:17px;line-height:1.15;margin:8px 0}.feature p{font-size:13px;color:#697167;margin:0}
.services{background:var(--pale);padding:48px 0 62px}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px}
.section-head h2{font-size:34px;margin:3px 0}.outline{border:1px solid var(--g);color:var(--g);padding:9px 15px;border-radius:6px;font-weight:700}
.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.service-card{height:185px;border-radius:5px;overflow:hidden;position:relative}
.service-card:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 40%,rgba(0,0,0,.72))}
.service-bg{position:absolute;inset:0;background:url("assets/hero.webp") center/cover}
.service-card h3{position:absolute;z-index:2;left:16px;bottom:9px;color:#fff;margin:0;font-size:18px}
.gallery{padding:58px 0}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.gallery-placeholder{min-height:210px;background:#edf4e9;border:1px dashed #9abd89;border-radius:8px;display:flex;align-items:center;justify-content:center;text-align:center;color:#55724a;padding:20px}
.contact{background:var(--dark);color:#fff;padding:48px 0}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px}.contact a{color:#b8e88e}
.footer{background:#0a0e0a;color:#d8ded6;padding:22px 0;font-size:13px}
@media(max-width:900px){.topbar .container{padding:7px 0}.topbar .right{display:none}.topbar .left{flex-wrap:wrap;gap:9px}.nav{min-height:80px;flex-direction:column;padding:14px 0}.menu{flex-wrap:wrap;justify-content:center}.intro-grid,.contact-grid{grid-template-columns:1fr}.features{grid-template-columns:repeat(2,1fr)}.feature:nth-child(2){border-right:0}.service-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.container{width:min(var(--max),calc(100% - 24px))}.topbar{font-size:11px}.topbar .left span:nth-child(2),.topbar .left span:nth-child(3){display:none}.logo{width:180px}.menu a{padding:8px 10px;font-size:13px}.quick{margin-top:-20px;gap:5px}.quick-item{width:78px;font-size:11px}.quick-circle{width:52px;height:52px;font-size:21px}.intro h2,.section-head h2{font-size:28px}.features{grid-template-columns:1fr}.feature{border-right:0;border-bottom:1px solid #ddd}.service-grid,.gallery-grid{grid-template-columns:1fr}}