/*
Theme Name: Handwerker-Engel 2.0
Theme URI: https://www.nrw-handwerker.de/
Author: Handwerker-Engel
Description: Modernes, responsives WordPress-Theme für Renovierung, Sanierung, Fliesen, Bäder und Innenausbau.
Version: 1.0.0
Text Domain: handwerker-engel
*/

:root{
--dark:#111312;--dark2:#1b1d1b;--gold:#c99b52;--gold2:#dfb96e;
--cream:#f7f5f0;--white:#fff;--text:#1d1d1b;--muted:#666;--border:#ddd;
--shadow:0 20px 50px rgba(0,0,0,.10);--radius:4px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--cream);color:var(--text);line-height:1.6}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}
.container{width:min(1200px,92%);margin:auto}.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
h1,h2,h3,h4{font-family:Georgia,"Times New Roman",serif;line-height:1.15;margin-top:0}.eyebrow{text-transform:uppercase;letter-spacing:3px;font-size:13px;font-weight:700;color:var(--gold);margin-bottom:18px}
.section{padding:100px 0}.section-header{max-width:760px;margin:0 auto 55px;text-align:center}.section-header h2{font-size:clamp(34px,4vw,54px);font-weight:400;margin-bottom:18px}.section-header p{color:var(--muted);font-size:17px}
.site-header{position:fixed;inset:0 0 auto;z-index:1000;background:rgba(17,19,18,.96);border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(10px)}.navbar{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:45px;height:45px;border:2px solid var(--gold);display:grid;place-items:center;color:var(--gold);font-weight:700}.brand-name{font:20px Georgia,serif;color:#fff;letter-spacing:1px}.brand-tagline{display:block;color:var(--gold);font:9px Arial,sans-serif;letter-spacing:2px;margin-top:2px}
.primary-menu{display:flex;align-items:center;gap:28px;list-style:none;margin:0;padding:0}.primary-menu a{color:#fff;font-size:13px;font-weight:700;text-transform:uppercase}.primary-menu a:hover{color:var(--gold)}
.menu-cta{background:var(--gold)!important;color:#111!important;padding:13px 20px;border-radius:var(--radius)}.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:28px;cursor:pointer}
.hero{min-height:850px;display:flex;align-items:center;color:#fff;background:linear-gradient(90deg,rgba(10,11,10,.96),rgba(10,11,10,.82) 45%,rgba(10,11,10,.25)),url("assets/images/hero-bad.svg") center/cover no-repeat}.hero-content{max-width:720px;padding-top:80px}.hero h1{font-size:clamp(44px,6vw,82px);font-weight:400;margin:0 0 28px}.hero p{max-width:620px;color:#d9d7d1;font-size:20px;margin-bottom:35px}.hero-actions{display:flex;gap:15px;flex-wrap:wrap}
.btn{display:inline-block;padding:15px 26px;border:0;border-radius:var(--radius);font-weight:700;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:.3s}.btn-primary{background:var(--gold);color:#111}.btn-primary:hover{background:var(--gold2);transform:translateY(-2px)}.btn-outline{border:1px solid #fff;color:#fff}.btn-outline:hover{background:#fff;color:#111}
.benefits{padding:30px 0;background:var(--dark);color:#fff}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.benefit{text-align:center}.benefit-icon{color:var(--gold);font-size:27px}.benefit h3{font:700 13px Arial,sans-serif;text-transform:uppercase;letter-spacing:1px;margin:6px 0}
.services{background:var(--cream)}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.service-card{background:#fff;overflow:hidden;transition:.3s}.service-card:hover{transform:translateY(-7px);box-shadow:var(--shadow)}.service-image{height:250px;overflow:hidden}.service-image img{width:100%;height:100%;object-fit:cover;transition:.5s}.service-card:hover img{transform:scale(1.06)}.service-content{padding:28px}.service-content h3{font-size:25px;margin-bottom:10px}.service-content p{color:var(--muted)}.service-link{color:var(--gold);font-weight:700;text-transform:uppercase;font-size:13px}
.projects{background:var(--dark);color:#fff}.projects .section-header p{color:#aaa}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.project-card{position:relative;overflow:hidden;min-height:380px}.project-card img{width:100%;height:380px;object-fit:cover;transition:.5s}.project-card:hover img{transform:scale(1.06)}.project-overlay{position:absolute;inset:auto 0 0;padding:70px 25px 25px;background:linear-gradient(transparent,rgba(0,0,0,.9))}.project-overlay h3{font-size:25px;margin:0 0 5px}.project-overlay p{color:#ccc;margin:0}
.process{background:#fff}.process-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}.process-step{text-align:center;padding:20px;border-right:1px solid var(--border)}.process-step:last-child{border:0}.step-number{width:55px;height:55px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;margin:0 auto 18px;color:var(--gold);font-weight:700}.process-step p{color:var(--muted);font-size:14px}
.about{background:var(--dark);color:#fff}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.about-image img{width:100%;height:600px;object-fit:cover}.about-content h2{font-size:50px;font-weight:400}.about-content p{color:#bbb}.signature{color:var(--gold);font:24px Georgia,serif;margin-top:25px}
.cta{background:var(--gold);padding:60px 0}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.cta h2{font-size:42px;font-weight:400;margin:0}.cta p{margin:5px 0 0}.cta .btn{background:#111;color:#fff}
.contact{background:var(--cream)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}.contact-info h2{font-size:50px;font-weight:400}.contact-info>p{color:var(--muted)}.contact-details{display:grid;gap:20px;margin-top:30px}.contact-item strong{display:block;color:var(--gold);font-size:12px;text-transform:uppercase;letter-spacing:1px}.contact-item a{font-size:20px}.contact-form{background:#fff;padding:40px;box-shadow:var(--shadow)}.form-group{margin-bottom:18px}.form-group label{display:block;font-weight:700;font-size:14px;margin-bottom:7px}.form-group input,.form-group textarea,.form-group select{width:100%;padding:14px;border:1px solid var(--border);outline:0}.form-group textarea{min-height:130px;resize:vertical}.form-submit{width:100%}
.site-footer{background:#0d0e0d;color:#fff;padding:70px 0 30px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:45px;margin-bottom:50px}.footer-column h3{font:700 13px Arial,sans-serif;color:var(--gold);text-transform:uppercase;letter-spacing:1px}.footer-column p,.footer-column a{color:#aaa;font-size:14px}.footer-column a{display:block;margin-bottom:9px}.footer-bottom{padding-top:25px;border-top:1px solid #292929;display:flex;justify-content:space-between;color:#777;font-size:13px}
.whatsapp{position:fixed;right:22px;bottom:22px;z-index:999;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#25D366;color:#fff;font-weight:700;box-shadow:0 5px 20px rgba(0,0,0,.25);font-size:24px}
.page-hero{padding:170px 0 90px;background:var(--dark);color:#fff}.page-hero h1{font-size:clamp(42px,6vw,70px);font-weight:400;margin:0}.content-area{padding:90px 0;background:var(--cream)}.content-area .entry-content{max-width:900px;margin:auto;background:#fff;padding:50px}.content-area .entry-content img{margin:25px 0}
.notice{padding:14px 18px;background:#f2eadb;border-left:4px solid var(--gold);margin-bottom:20px}
@media(max-width:1000px){.primary-menu{gap:14px}.primary-menu a{font-size:11px}.benefit-grid,.services-grid,.project-grid{grid-template-columns:repeat(2,1fr)}.process-grid{grid-template-columns:1fr}.process-step{border-right:0;border-bottom:1px solid var(--border)}.about-grid,.contact-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.navbar{min-height:70px}.menu-toggle{display:block}.primary-menu{display:none;position:absolute;top:70px;left:0;right:0;background:var(--dark);padding:20px;flex-direction:column;align-items:stretch}.primary-menu.is-open{display:flex}.primary-menu a{display:block;padding:10px}.hero{min-height:760px;background:linear-gradient(rgba(10,11,10,.82),rgba(10,11,10,.92)),url("assets/images/hero-bad.svg") center/cover}.hero h1{font-size:44px}.hero p{font-size:17px}.hero-actions{flex-direction:column}.hero-actions .btn{text-align:center}.section{padding:70px 0}.benefit-grid,.services-grid,.project-grid,.footer-grid{grid-template-columns:1fr}.about-image img{height:450px}.about-content h2,.contact-info h2{font-size:38px}.cta-inner{flex-direction:column;align-items:flex-start}.cta h2{font-size:32px}.contact-form,.content-area .entry-content{padding:25px}.footer-bottom{flex-direction:column;gap:10px}}