:root{--green:#244b13;--green2:#17340c;--wood:#9a4f16;--cream:#f4ead6;--ink:#24160d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f4ead6;color:var(--ink)}header{height:72px;display:flex;align-items:center;gap:30px;padding:0 6%;position:sticky;top:0;z-index:20;background:rgba(25,20,13,.96);color:white;box-shadow:0 2px 12px #0005}header a{color:white;text-decoration:none;font-weight:700}.brand{font-size:20px;margin-right:auto}nav{display:flex;gap:26px}.phone{background:var(--green);padding:12px 18px;border-radius:8px}.hero{min-height:720px;background:url('holz-hintergrund.jpg') center/cover;position:relative;display:grid;place-items:center;text-align:center;color:white}.shade{position:absolute;inset:0;background:linear-gradient(#160d0788,#160d07c9)}.hero-content{position:relative;max-width:1000px;padding:55px 22px}.logo{width:min(650px,88vw);border-radius:14px;filter:contrast(1.08) saturate(1.08);background:transparent;filter:drop-shadow(0 14px 18px #000a)}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-weight:800;color:#d9b36c}.hero h1{font-size:clamp(42px,7vw,78px);line-height:.96;text-transform:uppercase;margin:28px 0 12px;text-shadow:0 4px 15px #000}.lead{font-size:24px;font-weight:700}.actions{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:30px}.btn{padding:17px 25px;border-radius:8px;color:white;text-decoration:none;font-weight:800;font-size:18px;box-shadow:0 6px 16px #0006}.orange{background:#a85315}.green{background:#315d17}.services{max-width:1180px;margin:-45px auto 70px;position:relative;display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:0 24px}.card{background:#fff8e9;border:1px solid #d5bd92;box-shadow:0 10px 30px #3a210c35;overflow:hidden;border-radius:12px}.card-img,.card-photo{width:100%;height:340px;object-fit:cover}.wood{background:url('brennholz.jpg') center/cover}.card-body{padding:32px}.kicker{font-size:13px;text-transform:uppercase;letter-spacing:.14em;color:#795124;font-weight:800}.card h2{font-size:34px;margin:8px 0 12px}.card p{font-size:18px;line-height:1.55}.columns{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:25px 0}.columns div{display:grid;gap:8px;padding:18px;background:#efe0c4;border-left:5px solid #a85315;border-radius:8px}.columns strong{font-size:19px}.price{font-weight:800;color:var(--green)}.textlink{font-weight:800;color:#8a4313;text-decoration:none}.process{padding:70px 6%;text-align:center;background:#fffaf0}.process h2,.contact h2{font-size:42px;margin:8px 0 34px}.steps{max-width:1150px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.steps div{display:grid;gap:10px}.steps b{width:54px;height:54px;border-radius:50%;background:var(--wood);color:white;display:grid;place-items:center;margin:auto;font-size:24px}.steps strong{font-size:18px}.steps span{color:#675544}.contact{text-align:center;padding:80px 20px;color:white;background:linear-gradient(#18380ee8,#122b0be8),url('holz-hintergrund.jpg') center/cover}.contact p{font-size:19px}.contact-links{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin:28px 0}.contact-links a{color:white;background:#8b4616;text-decoration:none;font-weight:800;padding:16px 22px;border-radius:8px}.domain{font-weight:800;letter-spacing:.05em}footer{display:flex;justify-content:space-between;gap:20px;padding:25px 6%;background:#17120d;color:#d9c9ae;font-size:14px}footer a{color:#d9c9ae}@media(max-width:800px){header nav{display:none}.brand{font-size:15px}.phone{font-size:14px;padding:10px}.hero{min-height:620px}.services{grid-template-columns:1fr;margin-top:-25px}.steps{grid-template-columns:1fr 1fr}.card-img,.card-photo{height:270px}footer{flex-direction:column}}@media(max-width:500px){.steps{grid-template-columns:1fr}.hero h1{font-size:42px}.card h2{font-size:29px}.logo{width:92vw}}

.sackware{display:grid;gap:6px;margin:18px 0;padding:16px 18px;background:#f5e5c7;border-left:5px solid #a85315;border-radius:8px}.sackware strong{font-size:18px}.sackware span{font-size:16px}.highlight{padding:16px 18px;background:#e5efd9;border-left:5px solid var(--green);border-radius:8px}.highlight strong{color:var(--green);font-size:19px}
