/*
Theme Name: Gruenraum Gartenbau
Theme URI: https://example.com/gruenraum
Author: Gruenraum
Description: Modernes, responsives WordPress-Theme fuer Garten- und Landschaftsbau.
Version: 1.0.0
Text Domain: gruenraum
*/

:root{--pine:#14372b;--green:#28735b;--lime:#c9df6b;--sand:#f4f0e8;--clay:#bd704e;--ink:#183128;--white:#fff;--line:rgba(20,55,43,.14);--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:var(--sans);font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.container{width:min(1160px,calc(100% - 40px));margin:auto}.site-header{position:absolute;z-index:5;inset:0 0 auto;color:#fff}.header-inner{min-height:91px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.25)}.brand{display:flex;align-items:center;gap:11px;font-family:var(--serif);font-size:25px;font-weight:bold;letter-spacing:.02em}.brand-mark{width:31px;height:39px;position:relative;border:2px solid var(--lime);border-radius:60% 8px 60% 8px;transform:rotate(-35deg)}.brand-mark:after{content:'';position:absolute;width:2px;height:31px;background:var(--lime);left:13px;top:3px;transform:rotate(35deg)}.main-nav{display:flex;align-items:center;gap:26px;font-size:13px;font-weight:bold;letter-spacing:.07em;text-transform:uppercase}.main-nav a:hover{color:var(--lime)}.nav-cta,.button{display:inline-block;background:var(--lime);color:var(--pine);padding:12px 20px;font-size:12px;font-weight:bold;letter-spacing:.08em;text-transform:uppercase;transition:.2s}.nav-cta:hover,.button:hover{background:#e1f28c;transform:translateY(-2px)}.hero{position:relative;min-height:760px;overflow:hidden;color:#fff;background:linear-gradient(110deg,rgba(11,37,27,.91) 0%,rgba(14,51,37,.77) 43%,rgba(19,67,46,.34) 100%),url('assets/hero-garden.svg') center/cover}.hero:after{content:'';position:absolute;inset:auto -10% -140px;height:270px;background:var(--sand);border-radius:50% 50% 0 0/35% 35% 0 0}.hero-content{position:relative;z-index:1;padding-top:190px;width:min(700px,100%)}.eyebrow{display:flex;align-items:center;gap:11px;font-size:12px;letter-spacing:.14em;font-weight:bold;text-transform:uppercase}.eyebrow:before{content:'';width:34px;height:1px;background:currentColor}.hero h1{font:clamp(48px,6vw,78px)/.99 var(--serif);letter-spacing:-.045em;margin:20px 0 22px}.hero p{font-size:19px;max-width:520px;margin:0 0 34px;color:rgba(255,255,255,.9)}.button.alt{background:transparent;color:white;border:1px solid rgba(255,255,255,.75);margin-left:10px}.button.alt:hover{background:#fff;color:var(--pine)}.hero-badge{position:absolute;z-index:2;right:max(20px,calc((100% - 1160px)/2));bottom:90px;width:155px;height:155px;border-radius:50%;background:var(--lime);color:var(--pine);display:grid;place-items:center;text-align:center;font-size:12px;font-weight:bold;line-height:1.35;transform:rotate(10deg)}.hero-badge span{display:block;font:28px var(--serif)}.intro{padding:120px 0 102px;display:grid;grid-template-columns:1fr 1.2fr;gap:80px}.section-label{color:var(--green);font-size:12px;letter-spacing:.13em;text-transform:uppercase;font-weight:bold}.intro h2,.section-heading h2{font:clamp(36px,4vw,54px)/1.08 var(--serif);letter-spacing:-.04em;margin:15px 0}.intro-text{padding-top:28px}.intro-text p{font-size:18px;margin:0 0 18px}.text-link{font-size:13px;font-weight:bold;text-transform:uppercase;letter-spacing:.08em;border-bottom:2px solid var(--lime);padding-bottom:4px}.services{background:var(--sand);padding:105px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:45px}.section-heading p{max-width:370px;margin:0}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-card{background:white;padding:34px 30px 29px;min-height:285px;display:flex;flex-direction:column;transition:.25s}.service-card:hover{background:var(--pine);color:white;transform:translateY(-6px)}.service-number{font:20px var(--serif);color:var(--clay)}.service-card h3{font:28px var(--serif);margin:35px 0 8px}.service-card p{margin:0;color:#597068}.service-card:hover p{color:#c7d6ce}.service-arrow{margin-top:auto;font-size:25px;color:var(--green)}.projects{padding:110px 0}.project-grid{display:grid;grid-template-columns:1.15fr .85fr .85fr;gap:20px}.project{min-height:400px;display:flex;align-items:end;padding:24px;color:#fff;position:relative;overflow:hidden;background-color:var(--pine);background-size:cover;background-position:center}.project:before{content:'';position:absolute;inset:0;background:linear-gradient(transparent 40%,rgba(8,30,21,.82))}.project>*{position:relative}.project.large{min-height:520px;background-image:url('assets/project-terrace.svg')}.project:nth-child(2){background-image:url('assets/project-pool.svg')}.project:nth-child(3){background-image:url('assets/project-path.svg')}.project small{display:block;text-transform:uppercase;letter-spacing:.1em;font-size:11px}.project h3{font:28px/1.1 var(--serif);margin:6px 0 0}.promise{background:var(--pine);color:#fff;padding:100px 0}.promise-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.promise h2{font:46px/1.08 var(--serif);letter-spacing:-.04em;margin:15px 0}.checks{list-style:none;padding:0;margin:15px 0}.checks li{border-top:1px solid rgba(255,255,255,.22);padding:16px 0;font-size:17px}.checks li:before{content:'✓';color:var(--lime);margin-right:12px}.contact{padding:105px 0;background:linear-gradient(110deg,#e8eee2 0%,#f5f1e9 50%,#d9e5d5 100%)}.contact-box{background:#fff;padding:55px;display:grid;grid-template-columns:1.25fr 1fr;gap:50px;box-shadow:0 20px 60px rgba(20,55,43,.08)}.contact h2{font:45px/1.1 var(--serif);margin:14px 0}.contact-info{border-left:1px solid var(--line);padding-left:45px}.contact-info p{margin:0 0 20px}.contact-info strong{display:block;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--green)}.site-footer{background:#102c22;color:#d8e3da;padding:30px 0;font-size:13px}.footer-inner{display:flex;justify-content:space-between;gap:20px}.footer-inner a{color:var(--lime)}
@media(max-width:780px){.header-inner{min-height:75px}.main-nav{display:none}.hero{min-height:690px}.hero-content{padding-top:150px}.hero h1{font-size:51px}.hero-badge{display:none}.intro,.promise-grid,.contact-box{grid-template-columns:1fr;gap:25px}.intro{padding:76px 0}.services,.projects,.promise,.contact{padding:72px 0}.section-heading{display:block}.section-heading p{margin-top:12px}.service-grid,.project-grid{grid-template-columns:1fr}.project,.project.large{min-height:310px}.contact-box{padding:33px 25px}.contact-info{border-left:0;border-top:1px solid var(--line);padding:25px 0 0}.footer-inner{display:block}.button.alt{margin:12px 0 0}.hero p{font-size:17px}}