:root{--ink:#101112;--ink2:#191b1d;--paper:#f9f7f1;--gold:#d4af37;--gold2:#f2d074;--muted:#aeb2b6;--line:rgba(212,175,55,.35);--radius:20px;--max:1160px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:#202224;font:16px/1.65 Inter,Arial,sans-serif}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;line-height:1.08}h1{font-size:clamp(2.55rem,6vw,5.3rem)}h2{font-size:clamp(2rem,4vw,3.45rem)}h3{font-size:1.32rem}.container{width:min(var(--max),calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:30;background:rgba(16,17,18,.94);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08)}.nav{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand img{width:72px;height:65px;object-fit:contain}.nav-links{display:flex;align-items:center;gap:19px}.nav-links a{color:#fff;text-decoration:none;font-size:.88rem}.nav-links a:hover,.nav-links a.active{color:var(--gold2)}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 20px;border:1px solid var(--gold);border-radius:6px;background:var(--gold);color:#171717;text-decoration:none;font-weight:800;cursor:pointer}.button:hover{background:var(--gold2);transform:translateY(-2px)}.button.ghost{background:transparent;color:#fff}.menu-button{display:none;background:none;border:0;color:#fff;font-size:1.7rem}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 78% 15%,#4a3913 0,transparent 27%),linear-gradient(135deg,#0d0e0f,#1d1b16);color:#fff;padding:105px 0 88px}.hero:after{content:'';position:absolute;inset:auto -100px -170px auto;width:520px;height:520px;border:1px solid var(--line);border-radius:50%}.eyebrow{color:var(--gold2);text-transform:uppercase;letter-spacing:.16em;font-size:.77rem;font-weight:800}.hero p{max-width:650px;color:#d3d5d5;font-size:1.14rem}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.hero-badges{display:flex;gap:18px;flex-wrap:wrap;margin-top:42px;color:#eee;font-size:.9rem}.hero-badges span{border-left:2px solid var(--gold);padding-left:10px}section{padding:85px 0}.section-dark{background:var(--ink);color:#fff}.section-dark p{color:#d2d4d5}.lead{font-size:1.15rem;max-width:720px;color:#5c6165}.grid{display:grid;gap:20px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.card{background:#fff;border:1px solid #e7e2d5;border-radius:var(--radius);padding:27px;box-shadow:0 10px 24px rgba(13,14,15,.05)}.section-dark .card{background:var(--ink2);border-color:var(--line);box-shadow:none}.card .icon{color:var(--gold);font-size:1.65rem}.card p{margin-bottom:0;color:#62676b}.section-dark .card p{color:#c4c7c8}.split{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.gold-panel{padding:35px;border-radius:var(--radius);background:linear-gradient(135deg,#e8c35a,#a87813);color:#19150c}.gold-panel h2{color:#19150c}.checklist{padding:0;list-style:none}.checklist li{margin:11px 0}.checklist li:before{content:'\2713';color:var(--gold);font-weight:bold;margin-right:10px}.gold-panel .checklist li:before{color:#17120b}.cta{background:linear-gradient(125deg,#b38119,#e8c760);color:#18130a;text-align:center}.cta h2{color:#18130a}.cta p{max-width:670px;margin:0 auto 24px}.cta .button{background:#161616;color:#fff;border-color:#161616}.page-hero{padding:70px 0;background:linear-gradient(135deg,#111,#282116);color:#fff}.page-hero p{color:#d5d5d5;max-width:720px}.project{overflow:hidden;padding:0}.project-top{height:160px;background:linear-gradient(135deg,#39342c,#8c6c31);display:grid;place-items:center;color:#fff;font-family:Georgia;font-size:1.2rem}.project-body{padding:24px}.tag{display:inline-block;padding:3px 9px;border-radius:20px;background:#f1e5be;color:#6c4a00;font-size:.74rem;font-weight:bold}.form{background:#fff;padding:30px;border-radius:var(--radius);box-shadow:0 12px 32px rgba(0,0,0,.08)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.field{display:grid;gap:6px}.field.full{grid-column:1/-1}input,select,textarea{font:inherit;padding:12px;border:1px solid #d6d4cf;border-radius:6px;background:#fff;width:100%}textarea{min-height:140px;resize:vertical}.consent{font-size:.83rem;color:#606469}.notice{margin-top:16px;font-weight:bold;color:#23683a}.contact-list{list-style:none;padding:0}.contact-list li{margin:13px 0}.contact-list a{color:inherit}.site-footer{background:#0b0c0d;color:#e6e6e6;padding:52px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:25px}.site-footer a{color:#d5d5d5;text-decoration:none}.site-footer a:hover{color:var(--gold2)}.footer-links{display:grid;gap:7px}.copyright{margin-top:30px;padding-top:20px;border-top:1px solid #333;color:#aaa;font-size:.82rem}.legal h2{margin-top:42px;font-size:1.6rem}.legal p,.legal li{max-width:850px}.muted{color:#6b7074}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:850px){.menu-button{display:block}.nav-links{display:none;position:absolute;left:0;right:0;top:78px;padding:20px;background:#141516;flex-direction:column;align-items:stretch}.nav-links.open{display:flex}.nav-links .button{text-align:center}.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}.split,.grid-2{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.hero{padding:82px 0}.form-grid{grid-template-columns:1fr}}@media(max-width:520px){.container{width:min(var(--max),calc(100% - 28px))}.grid-4,.grid-3{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}section{padding:64px 0}.brand img{width:62px}.hero-actions .button{width:100%}}

/* Upload-Feld im Kontaktformular */
.upload-field{padding:16px;border:1px dashed rgba(212,175,55,.65);border-radius:10px;background:#fcfaf5}.upload-field input[type=file]{padding:10px 0;border:0;background:transparent}.upload-field span{font-size:.8rem;font-weight:400;color:#606469}

/* Datenschutz-Zustimmung im Kontaktformular */
.contact-form .consent{position:relative;display:block;padding:17px 18px 17px 52px;border:1px solid #e2d8bf;border-radius:10px;background:#fcfaf5;color:#474b4f;font-size:.86rem;line-height:1.55}.contact-form .consent input[type=checkbox]{position:absolute;top:20px;left:18px;width:19px;height:19px;margin:0;accent-color:#b8860b;cursor:pointer}.contact-form .consent a{color:#86610e;font-weight:700;text-decoration-thickness:1px;text-underline-offset:3px}.contact-form .consent:has(input:checked){border-color:rgba(184,134,11,.7);background:#fffdf7}

/* Contact page */
.contact-hero{position:relative;overflow:hidden;padding:86px 0 72px;background:radial-gradient(circle at 82% 12%,rgba(212,175,55,.26),transparent 29%),linear-gradient(130deg,#0b0c0d 0%,#1b1710 100%);color:#fff}.contact-hero:after{content:'';position:absolute;right:-130px;bottom:-230px;width:540px;height:540px;border:1px solid rgba(212,175,55,.26);border-radius:50%}.contact-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.35fr .65fr;gap:54px;align-items:center}.contact-hero h1{max-width:730px;margin:12px 0 20px;font-size:clamp(2.6rem,5.5vw,5rem)}.contact-hero p{max-width:680px;color:#dedede;font-size:1.12rem}.contact-hero-card{padding:22px;text-align:center;border:1px solid var(--line);border-radius:var(--radius);background:rgba(255,255,255,.04);box-shadow:0 20px 45px rgba(0,0,0,.25);backdrop-filter:blur(8px)}.contact-hero-card img{display:block;width:min(190px,100%);height:155px;object-fit:contain;margin:0 auto 6px}.contact-hero-card p{margin:0 0 3px;color:var(--gold2);font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;font-weight:800}.contact-hero-card strong{font-size:.92rem;color:#fff}.contact-section{padding:82px 0;background:linear-gradient(180deg,#f9f7f1 0%,#f0ece1 100%)}.contact-layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:32px;align-items:start}.contact-sidebar{padding:34px;border-radius:var(--radius);background:#151617;color:#fff}.contact-sidebar h2{margin:10px 0 14px;font-size:clamp(2rem,3vw,2.8rem)}.contact-sidebar>p{color:#d5d5d5}.contact-options{display:grid;gap:11px;margin-top:27px}.contact-option{display:flex;gap:13px;align-items:center;padding:14px;border:1px solid rgba(255,255,255,.11);border-radius:12px;color:#fff;text-decoration:none;background:rgba(255,255,255,.03)}a.contact-option:hover{border-color:var(--gold);color:#fff}.contact-option-icon{display:grid;place-items:center;width:36px;height:36px;flex:0 0 auto;border-radius:50%;background:rgba(212,175,55,.15);color:var(--gold2);font-size:1.15rem}.contact-option small{display:block;color:#b9bdc0;font-size:.73rem;text-transform:uppercase;letter-spacing:.1em}.contact-option strong{display:block;font-size:.88rem;overflow-wrap:anywhere}.contact-promise{margin-top:28px;padding:18px;border-left:2px solid var(--gold);background:rgba(212,175,55,.08)}.contact-promise p{margin:5px 0 0;color:#d5d5d5;font-size:.9rem}.contact-form{padding:38px;border:1px solid #e5dfd0}.form-intro{padding-bottom:22px;margin-bottom:24px;border-bottom:1px solid #e8e3d9}.form-intro h2{margin:9px 0;font-size:clamp(1.8rem,3vw,2.6rem)}.form-intro p{margin:0;color:#6b7074;font-size:.9rem}.contact-form .field{font-size:.86rem;font-weight:700;color:#313438}.contact-form input,.contact-form select,.contact-form textarea{margin-top:2px;border-color:#d5cfc3;transition:border-color .2s,box-shadow .2s}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{outline:0;border-color:var(--gold);box-shadow:0 0 0 3px rgba(212,175,55,.16)}.contact-form textarea{min-height:155px}.contact-form .consent{align-items:center;font-size:.81rem;font-weight:400;line-height:1.45}.contact-form .consent a{color:#86610e}.form-submit{display:flex;align-items:center;gap:16px}.form-submit>span{font-size:.82rem;font-weight:400;color:#606469}.form-submit .button{min-width:240px}.form-submit .notice{flex-basis:100%}
@media(max-width:850px){.contact-hero-grid,.contact-layout{grid-template-columns:1fr}.contact-hero-card{max-width:390px}.contact-section{padding:62px 0}}@media(max-width:520px){.contact-hero{padding:68px 0 56px}.contact-hero-card{display:none}.contact-sidebar,.contact-form{padding:25px}.form-submit{align-items:stretch;flex-direction:column;gap:10px}.form-submit .button{width:100%}}

/* Kontaktseite: Das Firmenlogo bleibt ausschließlich klein im Header. */
.contact-hero-card-compact{min-height:180px;display:grid;place-items:center;align-content:center;gap:6px}.contact-hero-card-compact .contact-card-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:rgba(212,175,55,.15);color:var(--gold2);font-size:1.4rem}.contact-hero-card-compact p{margin:5px 0 0}.contact-hero-card-compact strong{text-align:center;line-height:1.5}.site-header .brand img{display:block;width:72px;height:65px;max-width:72px;object-fit:contain}

/* Kompakter, klarer Einstieg auf der Kontaktseite. */
.contact-hero{padding:64px 0 56px}.contact-hero-grid{gap:46px}.contact-hero h1{max-width:650px;font-size:clamp(2.6rem,4.7vw,4.5rem)}.contact-hero p{font-size:1.08rem}

/* Vollständiges Firmenlogo im Header – auf allen Geräten. */
.site-header .nav{min-height:142px}.site-header .brand img{width:230px;height:142px;max-width:230px;object-fit:contain}
@media(max-width:850px){.site-header .nav{min-height:118px}.site-header .brand img{width:158px;height:108px;max-width:158px}.nav-links{top:118px}}
@media(max-width:520px){.site-header .nav{min-height:108px}.site-header .brand img{width:145px;height:98px;max-width:145px}.nav-links{top:108px}}

/* Cookie- und Datenschutz-Hinweis */
.cookie-banner{position:fixed;z-index:100;right:22px;bottom:22px;width:min(510px,calc(100% - 32px));padding:18px 20px;border:1px solid rgba(212,175,55,.45);border-radius:16px;background:rgba(16,17,18,.98);box-shadow:0 18px 50px rgba(0,0,0,.32);color:#fff;animation:cookie-in .28s ease-out}.cookie-banner__content{display:grid;grid-template-columns:1fr auto;align-items:center;gap:18px}.cookie-banner strong{display:block;color:var(--gold2);font-size:1rem}.cookie-banner p{margin:4px 0 0;color:#dde0e2;font-size:.83rem;line-height:1.45}.cookie-banner a{color:var(--gold2)}.cookie-banner__button{padding:10px 14px;border:1px solid var(--gold);border-radius:7px;background:var(--gold);color:#171717;font:inherit;font-weight:800;cursor:pointer}.cookie-banner__button:hover{background:var(--gold2)}.cookie-banner--hidden{opacity:0;transform:translateY(12px);transition:opacity .24s,transform .24s}@keyframes cookie-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:520px){.cookie-banner{position:relative;z-index:20;right:auto;bottom:auto;width:100%;padding:12px 14px;border-width:0 0 1px;border-radius:0;box-shadow:0 8px 22px rgba(0,0,0,.16);animation:none}.cookie-banner__content{gap:12px}.cookie-banner strong{font-size:.88rem}.cookie-banner p{font-size:.74rem;line-height:1.35}.cookie-banner__button{padding:9px 11px;font-size:.78rem}}

/* Google-Bewertungsbereich */
.reviews-section{background:linear-gradient(135deg,#f2ede1,#fff)}.reviews-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:58px;align-items:center}.reviews-card{padding:29px;border:1px solid #e5ddca;border-radius:var(--radius);background:#fff;box-shadow:0 14px 34px rgba(29,24,15,.08)}.reviews-card__header{display:flex;align-items:center;gap:13px}.reviews-card__header strong,.reviews-card__header span{display:block}.reviews-card__header strong{font-size:1rem}.reviews-card__header span{color:#70757a;font-size:.82rem}.google-mark{display:grid;place-items:center;width:39px;height:39px;border-radius:50%;background:#fff;color:#4285f4;font-size:1.55rem;font-family:Arial,sans-serif;font-weight:800;box-shadow:0 2px 7px rgba(0,0,0,.14)}.review-stars{margin:22px 0 10px;color:#f5b301;letter-spacing:.14em;font-size:1.35rem}.reviews-card p{color:#5f6368}.reviews-card .button{margin-top:7px}
@media(max-width:850px){.reviews-layout{grid-template-columns:1fr;gap:28px}}

/* WhatsApp direkt in der Kontaktspalte */
.whatsapp-contact-option{border-color:rgba(37,211,102,.55);background:rgba(37,211,102,.08)}a.whatsapp-contact-option:hover{border-color:#25d366;background:rgba(37,211,102,.14)}.whatsapp-contact-option .contact-option-icon{background:rgba(37,211,102,.18);color:#6ef09d}.whatsapp-contact-option .contact-option-icon svg{width:21px;height:21px}

/* Überarbeitete Startseite */
.home-hero{position:relative;overflow:hidden;padding:94px 0 76px;background:radial-gradient(circle at 82% 14%,rgba(212,175,55,.22),transparent 24%),radial-gradient(circle at 8% 85%,rgba(130,89,14,.28),transparent 31%),linear-gradient(135deg,#0a0b0c,#1c1811);color:#fff}.home-hero:before{content:'';position:absolute;inset:24px;pointer-events:none;border:1px solid rgba(212,175,55,.18)}.home-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:center}.home-hero h1{max-width:720px;margin:15px 0 23px;font-size:clamp(3rem,6.5vw,5.85rem);letter-spacing:-.04em}.home-hero h1 em{color:var(--gold2);font-style:normal}.home-hero-copy>p{max-width:630px;margin-bottom:28px;color:#d9dcde;font-size:1.16rem}.home-hero-badges{margin-top:40px}.home-logo-panel{min-height:405px;padding:28px;display:grid;place-items:center;align-content:center;border:1px solid rgba(212,175,55,.38);border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.015));box-shadow:0 28px 65px rgba(0,0,0,.35);backdrop-filter:blur(8px)}.home-logo-panel img{display:block;width:min(470px,100%);max-height:285px;object-fit:contain}.home-logo-panel p{margin:12px 0 0;text-align:center;color:#e2e1dd;font-size:.94rem}.home-logo-panel strong{color:var(--gold2)}.home-service-strip{padding:0;background:#c8941b;color:#17120a}.home-service-strip__inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:22px;font-weight:800}.home-service-strip__inner span{position:relative;padding-left:18px}.home-service-strip__inner span:before{content:'';position:absolute;left:0;top:.58em;width:7px;height:7px;border-radius:50%;background:#17120a}.home-section{padding:100px 0}.home-heading{max-width:750px;margin-bottom:42px}.home-heading h2{margin:10px 0 14px}.home-heading p{margin:0;color:#64686b;font-size:1.08rem}.home-heading--row{max-width:none;display:flex;align-items:end;justify-content:space-between;gap:25px}.home-heading--row>div{max-width:790px}.ghost-dark{border-color:#25282a;background:transparent;color:#25282a}.ghost-dark:hover{background:#25282a;color:#fff}.home-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.home-benefit-card{padding:30px 27px;border-top:3px solid var(--gold);background:#fff;box-shadow:0 13px 32px rgba(21,18,12,.07)}.home-benefit-card>span,.home-service-card>span{display:block;margin-bottom:18px;color:#aa7614;font-size:.77rem;font-weight:800;letter-spacing:.14em}.home-benefit-card h3{margin-bottom:9px}.home-benefit-card p{margin:0;color:#63676a}.home-feature-section{padding:0;background:#121314;color:#fff}.home-feature-grid{display:grid;grid-template-columns:.92fr 1.08fr;min-height:560px}.home-feature-art{display:grid;place-items:center;position:relative;overflow:hidden;padding:50px;background:radial-gradient(circle at 55% 35%,rgba(247,204,96,.6),transparent 2%),radial-gradient(circle at 45% 48%,rgba(212,175,55,.31),transparent 21%),linear-gradient(145deg,#382c14,#11120f)}.home-feature-art:after{content:'';position:absolute;width:365px;height:365px;border:1px solid rgba(242,208,116,.38);border-radius:50%;box-shadow:0 0 0 45px rgba(242,208,116,.06),0 0 0 90px rgba(242,208,116,.04)}.home-feature-art span{position:relative;z-index:1;color:var(--gold2);font-family:Georgia,'Times New Roman',serif;font-size:clamp(2.5rem,5vw,4.9rem);font-weight:700;line-height:.94;text-align:center}.home-feature-copy{display:flex;justify-content:center;flex-direction:column;padding:72px 8%}.home-feature-copy h2{margin:11px 0 18px}.home-feature-copy>p{max-width:640px;color:#d2d4d4;font-size:1.06rem}.home-checks{padding:0;margin:20px 0 27px;list-style:none}.home-checks li{position:relative;margin:12px 0;padding-left:25px;color:#f2f2f0}.home-checks li:before{content:'✓';position:absolute;left:0;color:var(--gold2);font-weight:800}.text-link{color:var(--gold2);font-weight:800;text-decoration:none}.text-link:hover{color:#fff}.home-services-section{background:#f5f1e7}.home-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.home-service-card{min-height:230px;padding:27px;display:flex;flex-direction:column;border:1px solid #e0dacb;background:#fff;color:#222628;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s}.home-service-card:hover{transform:translateY(-5px);border-color:var(--gold);box-shadow:0 18px 35px rgba(47,37,14,.12);color:#222628}.home-service-card h3{margin:0 0 9px;font-size:1.4rem}.home-service-card p{margin:0;color:#686d70}.home-service-card b{margin-top:auto;padding-top:20px;color:#a87310;font-size:.86rem}.home-process-section{padding:92px 0;background:#101112;color:#fff}.home-process-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center}.home-process-grid h2{margin:11px 0 0}.home-process-list{margin:0;padding:0;list-style:none}.home-process-list li{display:flex;gap:22px;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.13)}.home-process-list strong{color:var(--gold2);font-size:1.15rem}.home-process-list span{display:grid;gap:3px;color:#c9cdce}.home-process-list b{color:#fff;font-size:1.08rem}.home-final-cta{padding:92px 0;text-align:center;background:linear-gradient(125deg,#ae7a13,#e6c55e);color:#18130a}.home-final-cta .eyebrow{color:#543c05}.home-final-cta h2{max-width:850px;margin:10px auto 16px}.home-final-cta p{max-width:650px;margin:0 auto 28px;font-size:1.08rem}.home-final-cta .hero-actions{justify-content:center}.home-final-cta .button.ghost{border-color:#2c2517;color:#2c2517}.home-final-cta .button.ghost:hover{background:#2c2517;color:#fff}
@media(max-width:850px){.home-hero{padding:78px 0 62px}.home-hero-grid,.home-feature-grid,.home-process-grid{grid-template-columns:1fr}.home-logo-panel{min-height:300px}.home-service-strip__inner{padding:18px 0;align-items:flex-start;flex-direction:column;gap:9px}.home-benefits,.home-service-grid{grid-template-columns:repeat(2,1fr)}.home-feature-art{min-height:320px}.home-feature-copy{padding:58px 0}.home-heading--row{align-items:flex-start;flex-direction:column}.home-process-grid{gap:38px}}
@media(max-width:520px){.home-hero:before{inset:12px}.home-hero h1{font-size:clamp(2.7rem,13vw,4rem)}.home-hero-copy>p{font-size:1rem}.home-logo-panel{min-height:240px;padding:15px}.home-logo-panel img{max-height:220px}.home-benefits,.home-service-grid{grid-template-columns:1fr}.home-section{padding:68px 0}.home-feature-art{min-height:260px}.home-feature-copy{padding:58px 0}.home-process-section,.home-final-cta{padding:68px 0}.home-service-strip__inner{font-size:.9rem}.home-service-card{min-height:205px}}

/* Ruhige, klassische Startseite */
.hero--refined{padding:105px 0 92px}.hero-refined-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.15fr .85fr;gap:35px;align-items:center}.hero--refined h1{margin-bottom:23px}.hero--refined h1 em{color:var(--gold2);font-style:normal}.hero-symbol{position:relative;min-height:350px;display:grid;place-items:center}.hero-symbol:before{content:'';position:absolute;width:325px;height:325px;border:1px solid rgba(212,175,55,.35);border-radius:50%;box-shadow:0 0 0 36px rgba(212,175,55,.055),0 0 0 72px rgba(212,175,55,.03)}.hero-symbol img{position:relative;z-index:1;display:block;width:min(370px,100%);max-height:330px;object-fit:contain;filter:drop-shadow(0 22px 30px rgba(0,0,0,.35))}.intro-section{padding:94px 0 86px}.intro-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:65px;align-items:end;margin-bottom:40px}.intro-layout h2{margin:10px 0 0}.intro-layout .lead{margin:0}.refined-card-grid{gap:16px}.refined-card{min-height:220px;padding:27px 23px;border-top:3px solid var(--gold);box-shadow:0 12px 26px rgba(13,14,15,.05)}.refined-card .icon{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:rgba(212,175,55,.13);font-size:1.2rem}.refined-card h3{margin:18px 0 9px}.refined-card p{line-height:1.55}.brand-section{padding:96px 0}.brand-section .split{align-items:center}.section-heading-row{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:36px}.section-heading-row h2{max-width:760px;margin:10px 0 0}.text-link-dark{color:#8f6410;font-weight:800;text-decoration:none;white-space:nowrap}.text-link-dark:hover{color:#1b1c1d}.services-preview-section{padding:96px 0;background:#f5f1e7}.refined-service-grid{gap:18px}.refined-service-card{min-height:270px;display:flex;flex-direction:column;padding:31px;border:1px solid #e4ded1;box-shadow:0 10px 24px rgba(20,18,11,.04)}.refined-service-card .icon{font-size:1.6rem;color:#ab7716}.refined-service-card h3{margin:17px 0 10px;font-size:1.45rem}.refined-service-card p{margin-bottom:25px}.refined-service-card a{margin-top:auto;color:#95670f;font-weight:800;text-decoration:none}.refined-service-card a:hover{color:#222}.process-section{padding:88px 0;background:#101112;color:#fff}.process-section h2{margin:10px 0 35px}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid rgba(255,255,255,.17);border-bottom:1px solid rgba(255,255,255,.17)}.process-grid article{padding:28px 30px;border-right:1px solid rgba(255,255,255,.17)}.process-grid article:last-child{border-right:0}.process-grid span{display:block;margin-bottom:20px;color:var(--gold2);font-weight:800;letter-spacing:.12em}.process-grid h3{margin-bottom:7px;font-size:1.3rem}.process-grid p{margin:0;color:#c9cdce}.cta{padding:88px 0}
@media(max-width:850px){.hero-refined-grid,.intro-layout{grid-template-columns:1fr}.hero-symbol{min-height:260px}.hero-symbol img{max-height:260px}.intro-layout{gap:18px}.refined-card-grid{grid-template-columns:repeat(2,1fr)}.section-heading-row{align-items:flex-start;flex-direction:column}.process-grid{grid-template-columns:1fr}.process-grid article{border-right:0;border-bottom:1px solid rgba(255,255,255,.17)}.process-grid article:last-child{border-bottom:0}}
@media(max-width:520px){.hero--refined{padding:82px 0 65px}.hero-symbol{display:none}.intro-section,.brand-section,.services-preview-section,.process-section,.cta{padding:66px 0}.refined-card-grid{grid-template-columns:1fr}.refined-card{min-height:0}.refined-service-card{min-height:0}.section-heading-row h2{font-size:2.15rem}}

/* Header: ruhiger, ausgewogener und mit mittigerem Markenbereich. */
@media (min-width:1101px){
  .site-header{
    background:linear-gradient(100deg,rgba(16,17,18,.985),rgba(27,28,27,.96));
    border-bottom-color:rgba(212,175,55,.24);
    box-shadow:0 9px 25px rgba(0,0,0,.16);
  }
  .site-header .nav{
    min-height:126px;
    display:grid;
    grid-template-columns:500px 1fr;
    gap:0;
  }
  .site-header .brand{
    justify-self:center;
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:100%;
    position:relative;
  }
  .site-header .brand::after{
    content:'';
    position:absolute;
    bottom:12px;
    width:112px;
    height:1px;
    background:linear-gradient(90deg,transparent,var(--gold),transparent);
  }
  .site-header .brand img{
    width:210px;
    height:118px;
    max-width:210px;
    object-fit:contain;
  }
  .site-header .nav-links{
    justify-self:end;
    gap:21px;
  }
  .site-header .nav-links > a:not(.button){
    padding:8px 0;
    position:relative;
  }
  .site-header .nav-links > a:not(.button)::after{
    content:'';
    position:absolute;
    right:0;
    bottom:2px;
    left:0;
    height:1px;
    background:var(--gold2);
    transform:scaleX(0);
    transform-origin:center;
    transition:transform .2s ease;
  }
  .site-header .nav-links > a:not(.button):hover::after,
  .site-header .nav-links > a.active:not(.button)::after{transform:scaleX(1)}
  .site-header .nav-links .button{
    padding:14px 21px;
    border-radius:7px;
    box-shadow:0 6px 15px rgba(0,0,0,.2);
  }
}

@media (min-width:851px) and (max-width:1100px){
  .site-header .nav{min-height:118px}
  .site-header .brand img{width:185px;height:108px;max-width:185px}
  .site-header .nav-links{gap:14px}
}

/* Startbereich: drei ruhige Zeilen statt einer übergroßen Textwand. */
.hero--refined{
  padding:74px 0 70px;
}
.hero-refined-grid{
  grid-template-columns:1.42fr .78fr;
  gap:50px;
  align-items:center;
}
.hero--refined h1{
  max-width:760px;
  margin-bottom:20px;
  font-size:clamp(3rem,4.25vw,4.25rem);
  line-height:1.13;
  letter-spacing:-.025em;
}
.hero--refined h1 br{display:block}
.hero--refined p{max-width:610px;font-size:1.05rem;line-height:1.65}
.hero-actions{margin-top:24px}
.hero-badges{margin-top:28px}
.hero-symbol{min-height:310px}
.hero-symbol:before{
  width:290px;
  height:290px;
  box-shadow:0 0 0 28px rgba(212,175,55,.045),0 0 0 54px rgba(212,175,55,.025);
}
.hero-symbol img{width:min(410px,100%);max-height:320px}

@media (max-width:850px){
  .hero--refined{padding:70px 0 62px}
  .hero-refined-grid{grid-template-columns:1fr;gap:18px}
  .hero--refined h1{font-size:clamp(2.75rem,8vw,4rem)}
  .hero-symbol{min-height:245px}
}

/* Vertrauensbereich unter dem Hero: kompakt und klar statt leerer Karten. */
.intro-section{
  position:relative;
  padding:78px 0 74px;
  background:linear-gradient(135deg,#faf8f1 0%,#f4f0e5 100%);
}
.intro-section::before{
  content:'';
  position:absolute;
  top:0;
  left:50%;
  width:min(1160px,calc(100% - 40px));
  height:1px;
  transform:translateX(-50%);
  background:linear-gradient(90deg,transparent,rgba(184,134,11,.55),transparent);
}
.intro-layout{
  grid-template-columns:.9fr 1.1fr;
  gap:70px;
  align-items:center;
  margin-bottom:32px;
}
.intro-layout h2{
  max-width:510px;
  font-size:clamp(2.15rem,3.25vw,3.1rem);
  line-height:1.08;
}
.intro-layout .lead{
  max-width:625px;
  padding:4px 0 4px 28px;
  border-left:3px solid var(--gold);
  font-size:1.08rem;
  line-height:1.7;
}
.refined-card-grid{gap:14px}
.refined-card{
  min-height:192px;
  padding:22px 23px 24px;
  border:1px solid #e5dccb;
  border-top:4px solid var(--gold);
  border-radius:14px;
  background:rgba(255,255,255,.92);
  box-shadow:0 13px 26px rgba(52,42,19,.055);
  transition:transform .2s ease,box-shadow .2s ease;
}
.refined-card:hover{
  transform:translateY(-4px);
  box-shadow:0 18px 32px rgba(52,42,19,.11);
}
.refined-card .icon{
  width:34px;
  height:34px;
  margin-bottom:13px;
  background:linear-gradient(135deg,#fbf4dc,#f5e7b9);
  color:#a6720f;
  font-size:1rem;
}
.refined-card h3{
  margin:0 0 7px;
  font-size:1.2rem;
  line-height:1.13;
}
.refined-card p{
  margin:0;
  color:#66615a;
  font-size:.94rem;
  line-height:1.55;
}
@media (max-width:850px){
  .intro-section{padding:66px 0}
  .intro-layout{gap:24px;margin-bottom:25px}
}

/* WhatsApp: dezente Business-Optik passend zur Gold-/Schwarz-Marke. */
.whatsapp-button{
  position:fixed;
  z-index:90;
  display:inline-flex;
  align-items:center;
  right:24px;
  bottom:24px;
  width:58px;
  height:58px;
  justify-content:center;
  padding:0;
  border:0;
  border-radius:16px;
  background:transparent;
  overflow:hidden;
  box-shadow:0 10px 22px rgba(0,0,0,.2);
  animation:whatsapp-pulse 2.8s ease-in-out infinite;
  transition:transform .2s,box-shadow .2s;
}
.whatsapp-button__image{
  display:block;
  width:58px;
  height:58px;
  border-radius:16px;
  object-fit:contain;
}
.whatsapp-button span{display:none}
.whatsapp-button:hover{
  background:transparent;
  transform:translateY(-3px) scale(1.06);
  box-shadow:0 15px 30px rgba(0,0,0,.28);
  animation-play-state:paused;
}
@keyframes whatsapp-pulse{
  0%,100%{filter:drop-shadow(0 0 0 rgba(37,211,102,0))}
  50%{filter:drop-shadow(0 0 9px rgba(37,211,102,.52))}
}
@media(max-width:520px){
  .whatsapp-button{right:12px;bottom:calc(12px + env(safe-area-inset-bottom));width:48px;height:48px;border-radius:14px}
  .whatsapp-button__image{width:48px;height:48px;border-radius:14px}
  .cookie-banner~.whatsapp-button{display:none}
}
@media(min-width:521px){.cookie-banner~.whatsapp-button{bottom:154px}}
body[data-page="contact"] .whatsapp-button{display:none}

/* Über-uns-Seite: eigenständiger, ruhiger Aufbau passend zur Startseite. */
.about-hero{
  position:relative;
  overflow:hidden;
  padding:82px 0 76px;
  background:radial-gradient(circle at 81% 29%,rgba(168,114,15,.34) 0,rgba(168,114,15,.07) 20%,transparent 39%),linear-gradient(135deg,#0e0f10,#211d15);
  color:#fff;
}
.about-hero::after{
  content:'';
  position:absolute;
  right:-125px;
  bottom:-245px;
  width:570px;
  height:570px;
  border:1px solid rgba(212,175,55,.25);
  border-radius:50%;
}
.about-hero__grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:1.12fr .88fr;
  gap:62px;
  align-items:center;
}
.about-hero h1{
  max-width:690px;
  margin:12px 0 21px;
  font-size:clamp(3rem,5vw,5rem);
  letter-spacing:-.03em;
}
.about-hero h1 span{color:var(--gold2)}
.about-hero p{max-width:615px;margin-bottom:0;color:#d7d7d4;font-size:1.07rem;line-height:1.7}
.about-hero__panel{
  position:relative;
  display:grid;
  justify-items:center;
  min-height:330px;
  padding:23px 20px 20px;
  border:1px solid rgba(225,191,91,.26);
  border-radius:24px;
  background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(212,175,55,.045));
  box-shadow:inset 0 1px rgba(255,255,255,.06),0 20px 40px rgba(0,0,0,.2);
}
.about-hero__panel::before{
  content:'';
  position:absolute;
  top:40px;
  width:210px;
  height:210px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(218,176,55,.22),transparent 67%);
}
.about-hero__panel img{position:relative;z-index:1;width:205px;height:175px;object-fit:contain;filter:drop-shadow(0 12px 16px rgba(0,0,0,.36))}
.about-hero__facts{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);width:100%;gap:10px;margin-top:auto}
.about-hero__facts div{padding:12px 8px 7px;border-top:1px solid rgba(230,208,135,.32)}
.about-hero__facts strong{display:block;color:#f3d376;font-size:.9rem;line-height:1.25}
.about-hero__facts span{display:block;margin-top:4px;color:#d0cfcb;font-size:.71rem;line-height:1.35}
.about-story{padding:88px 0;background:linear-gradient(135deg,#faf8f2,#f1eee4)}
.about-story__grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px;align-items:start}
.about-profile{padding:34px 32px 32px;border-top:4px solid var(--gold);border-radius:18px;background:#fff;box-shadow:0 14px 34px rgba(34,28,15,.08)}
.about-profile h2{margin:11px 0 13px;font-size:clamp(2rem,3.35vw,3.15rem)}
.about-profile p{margin:0;color:#66615a;line-height:1.65}
.about-profile__line{width:54px;height:2px;margin:22px 0;background:var(--gold)}
.about-profile__note{font-size:.94rem}
.about-story__content{padding:9px 0}
.about-story__content h2{margin:12px 0 20px;font-size:clamp(2.25rem,3.75vw,3.55rem)}
.about-story__content .lead{margin-bottom:20px;padding-left:22px;border-left:3px solid var(--gold);color:#52575b;line-height:1.7}
.about-story__content p:not(.lead){max-width:745px;color:#5c6165}
.about-story__content .about-story__notice{margin-top:24px;padding:16px 18px;border-left:3px solid var(--gold);border-radius:0 10px 10px 0;background:#f7f1df;color:#4e4637;font-size:.95rem;line-height:1.6}
.about-values{padding:86px 0;background:#111314;color:#fff}
.about-section-heading{display:grid;grid-template-columns:1fr .8fr;gap:80px;align-items:end;margin-bottom:35px}
.about-section-heading h2{margin:10px 0 0;font-size:clamp(2.25rem,3.8vw,3.5rem)}
.about-section-heading p{max-width:470px;margin:0 0 5px;padding-left:24px;border-left:2px solid var(--gold);color:#d2d2cf;line-height:1.7}
.about-values__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.about-values__grid article{min-height:210px;padding:27px 26px;border:1px solid rgba(212,175,55,.32);border-radius:16px;background:linear-gradient(145deg,#1d2021,#141516)}
.about-values__grid span{display:block;margin-bottom:22px;color:var(--gold2);font-size:.78rem;font-weight:800;letter-spacing:.14em}
.about-values__grid h3{margin-bottom:9px;color:#fff}
.about-values__grid p{margin:0;color:#c8cbca;line-height:1.65}
.about-area{padding:72px 0;background:#f8f5ed}
.about-area__box{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:42px 46px;border:1px solid #e8ddc2;border-radius:20px;background:#fff;box-shadow:0 12px 26px rgba(49,38,16,.05)}
.about-area h2{margin:9px 0 10px;font-size:clamp(2rem,3vw,3rem)}
.about-area p{max-width:700px;margin:0;color:#5c6165}
.about-area .button{flex:none}
@media(max-width:850px){
  .about-hero{padding:68px 0 61px}
  .about-hero__grid,.about-story__grid,.about-section-heading{grid-template-columns:1fr;gap:31px}
  .about-hero__panel{min-height:300px;max-width:570px;width:100%}
  .about-story{padding:67px 0}
  .about-values{padding:68px 0}
  .about-section-heading p{margin-bottom:0}
  .about-values__grid{grid-template-columns:1fr}
  .about-values__grid article{min-height:0}
  .about-area__box{align-items:flex-start;flex-direction:column;padding:34px 27px}
}
@media(max-width:520px){
  .about-hero__facts{grid-template-columns:1fr;gap:0}
  .about-hero__facts div{display:flex;justify-content:space-between;gap:12px}
  .about-hero__facts span{margin-top:0;text-align:right}
  .about-profile{padding:28px 24px}
}

/* Leistungen, Gewerbe, Referenzen und Preise: ein einheitlicher Seitenstil. */
.service-hero{position:relative;overflow:hidden;padding:80px 0 74px;background:radial-gradient(circle at 78% 27%,rgba(173,120,17,.32),transparent 32%),linear-gradient(135deg,#0e1011,#211d15);color:#fff}
.service-hero::after{content:'';position:absolute;right:-155px;bottom:-320px;width:600px;height:600px;border:1px solid rgba(212,175,55,.22);border-radius:50%}
.service-hero__grid{position:relative;z-index:1;display:grid;grid-template-columns:1.08fr .92fr;gap:70px;align-items:center}
.service-hero h1{margin:11px 0 19px;max-width:720px;font-size:clamp(3rem,5vw,5rem);letter-spacing:-.03em}
.service-hero h1 span{color:var(--gold2)}
.service-hero p{max-width:610px;margin-bottom:0;color:#d7d7d3;font-size:1.07rem;line-height:1.7}
.service-hero__side{position:relative;display:grid;justify-items:center;min-height:304px;padding:24px 25px 22px;border:1px solid rgba(230,198,104,.28);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(212,175,55,.05));box-shadow:inset 0 1px rgba(255,255,255,.06),0 18px 38px rgba(0,0,0,.2)}
.service-hero__side::before{content:'';position:absolute;top:49px;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle,rgba(223,185,61,.22),transparent 68%)}
.service-hero__side strong,.service-hero__side span{position:relative;z-index:1;display:block;text-align:center}.service-hero__side strong{color:#f2d074;font-family:Georgia,'Times New Roman',serif;font-size:1.38rem}.service-hero__side span{margin-top:3px;color:#ddd8cb;font-size:.82rem}.service-hero__side img{position:relative;z-index:1;width:190px;height:174px;object-fit:contain;filter:drop-shadow(0 12px 16px rgba(0,0,0,.35))}
.service-intro,.reference-intro{padding:86px 0;background:linear-gradient(135deg,#faf8f1,#f2eee3)}
.service-heading{display:grid;grid-template-columns:1fr .82fr;gap:72px;align-items:end;margin-bottom:33px}.service-heading h2{margin:10px 0 0;font-size:clamp(2.2rem,3.8vw,3.55rem)}.service-heading>p{max-width:490px;margin:0 0 5px;padding-left:24px;border-left:3px solid var(--gold);color:#5f6467;font-size:1.04rem;line-height:1.7}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service-card{min-height:300px;padding:26px 25px 23px;border:1px solid #e6ddca;border-top:4px solid var(--gold);border-radius:16px;background:#fff;box-shadow:0 12px 26px rgba(50,40,17,.055);transition:transform .2s ease,box-shadow .2s ease}.service-card:hover,.commercial-card:hover{transform:translateY(-4px);box-shadow:0 19px 33px rgba(50,40,17,.11)}.service-card>span,.commercial-card>span{display:block;margin-bottom:17px;color:#b27a10;font-size:.76rem;font-weight:800;letter-spacing:.14em}.service-card h3,.commercial-card h3{margin-bottom:9px;font-size:1.38rem}.service-card p,.commercial-card p{margin-bottom:17px;color:#62676a;line-height:1.62}.service-card ul,.commercial-card ul{margin:0;padding:0;list-style:none;color:#3f4344;font-size:.91rem}.service-card li,.commercial-card li{margin:8px 0}.service-card li::before,.commercial-card li::before{content:'✓';margin-right:9px;color:#ae7510;font-weight:800}
.service-dark{padding:80px 0;background:#111314;color:#fff}.service-dark__grid{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center}.service-dark h2{margin:10px 0 19px;font-size:clamp(2.2rem,3.8vw,3.55rem)}.service-dark p{max-width:680px;color:#d1d2d0;line-height:1.7}.service-dark aside{padding:29px;border:1px solid rgba(212,175,55,.32);border-radius:16px;background:#1b1d1e}.service-dark aside strong{color:var(--gold2);font-family:Georgia,'Times New Roman',serif;font-size:1.25rem}.service-dark aside p{margin:10px 0 0}
.commercial-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:17px}.commercial-card{min-height:280px;padding:29px 29px 25px;border:1px solid #e6ddca;border-radius:16px;background:#fff;box-shadow:0 12px 26px rgba(50,40,17,.055);transition:transform .2s ease,box-shadow .2s ease}.commercial-process{padding:78px 0;background:#111314;color:#fff}.commercial-process h2,.price-process h2{margin:10px 0 33px;font-size:clamp(2.2rem,3.8vw,3.5rem)}
.process-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.process-row div{padding:19px 17px;border-top:2px solid var(--gold);background:rgba(255,255,255,.045)}.process-row b{display:block;margin-bottom:9px;color:var(--gold2);font-size:.83rem;letter-spacing:.13em}.process-row span{font-weight:700;line-height:1.35}
.reference-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.reference-card{display:grid;grid-template-columns:.83fr 1.17fr;gap:25px;align-items:center;padding:18px;border:1px solid #e6ddca;border-radius:18px;background:#fff;box-shadow:0 12px 26px rgba(50,40,17,.05)}.reference-card__visual{display:flex;min-height:198px;padding:20px;flex-direction:column;justify-content:space-between;border-radius:12px;background:linear-gradient(145deg,#342a18,#b1821c);color:#fff;overflow:hidden}.reference-card__visual span{color:#f7d66f;font-size:.75rem;font-weight:800;letter-spacing:.14em}.reference-card__visual b{font-family:Georgia,'Times New Roman',serif;font-size:1.48rem;line-height:1.15}.reference-card h3{margin:11px 0 8px;font-size:1.35rem}.reference-card p{margin:0;color:#62676a;line-height:1.62}.reference-note{padding:73px 0;background:#111314}.reference-note__box{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:40px 44px;border:1px solid rgba(212,175,55,.35);border-radius:20px;background:linear-gradient(130deg,#191b1c,#242016);color:#fff}.reference-note h2{margin:9px 0 9px;font-size:clamp(2rem,3.25vw,3.2rem)}.reference-note p{max-width:700px;margin:0;color:#d4d4d0}.reference-note .button{flex:none}
.price-intro{padding:86px 0;background:linear-gradient(135deg,#faf8f1,#f2eee3)}.price-intro__grid{display:grid;grid-template-columns:1.1fr .9fr;gap:72px;align-items:center}.price-intro h2{margin:10px 0 18px;font-size:clamp(2.2rem,3.8vw,3.55rem)}.price-intro .lead{padding-left:22px;border-left:3px solid var(--gold);line-height:1.7}.price-points{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:25px}.price-points span{padding:12px 0;border-top:1px solid #d9cfae;font-size:.93rem;font-weight:700}.price-points span::before{content:'✓';margin-right:9px;color:#a96f08}.price-intro aside{padding:31px;border-radius:18px;background:linear-gradient(135deg,#e8c55f,#a97913);color:#1b160c}.price-intro aside .eyebrow{color:#4d3510}.price-intro aside ol{margin:19px 0 0;padding:0;list-style:none}.price-intro aside li{display:grid;grid-template-columns:106px 1fr;gap:12px;padding:13px 0;border-top:1px solid rgba(54,35,4,.22)}.price-intro aside li b{font-family:Georgia,'Times New Roman',serif}.price-intro aside li span{font-size:.92rem}.price-process{padding:78px 0;background:#fff}.price-dark{padding:78px 0;background:#111314;color:#fff}.price-dark .service-heading{margin-bottom:25px}.price-dark .service-heading p{color:#d0d1cf}.price-dark h2{font-size:clamp(2.2rem,3.8vw,3.5rem)}
@media(max-width:850px){.service-hero{padding:68px 0 62px}.service-hero__grid,.service-heading,.service-dark__grid,.price-intro__grid{grid-template-columns:1fr;gap:31px}.service-hero__side{max-width:580px;width:100%}.service-intro,.reference-intro,.price-intro{padding:68px 0}.service-grid{grid-template-columns:repeat(2,1fr)}.service-heading>p{margin-bottom:0}.commercial-grid,.reference-grid{grid-template-columns:1fr}.reference-note__box{align-items:flex-start;flex-direction:column;padding:34px 28px}.process-row{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.service-grid,.price-points{grid-template-columns:1fr}.service-card{min-height:0}.reference-card{grid-template-columns:1fr;gap:18px}.reference-card__visual{min-height:150px}.process-row{grid-template-columns:1fr}.price-intro aside{padding:25px}.price-intro aside li{grid-template-columns:1fr;gap:3px}.reference-note{padding:58px 0}}

/* Angebot in vier klaren, verbundenen Schritten. */
.process-row--offer{
  position:relative;
  gap:18px;
  margin-top:42px;
}
.process-row--offer::before{
  content:'';
  position:absolute;
  top:30px;
  right:11%;
  left:11%;
  height:2px;
  background:linear-gradient(90deg,rgba(212,175,55,.25),var(--gold),rgba(212,175,55,.25));
}
.process-row--offer article{
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  min-height:174px;
  padding:0 18px 22px;
  border:0;
  border-radius:16px;
  background:linear-gradient(160deg,#fffdf7,#f5f0e4);
  box-shadow:0 12px 28px rgba(42,33,12,.07);
}
.process-row--offer article::after{
  content:'→';
  position:absolute;
  top:19px;
  right:-17px;
  z-index:2;
  display:grid;
  place-items:center;
  width:33px;
  height:22px;
  color:#96690d;
  font-size:1.1rem;
  font-weight:800;
  background:#fff;
}
.process-row--offer article:last-child::after{display:none}
.process-row--offer article>b{
  display:grid;
  place-items:center;
  width:60px;
  height:60px;
  margin:0 0 20px;
  transform:translateY(-1px);
  border:5px solid #fff;
  border-radius:50%;
  background:linear-gradient(135deg,#f0cf70,#b88213);
  box-shadow:0 6px 15px rgba(112,77,10,.22);
  color:#1c1508;
  font-family:Georgia,'Times New Roman',serif;
  font-size:1.45rem;
  letter-spacing:0;
}
.process-row--offer article div{display:grid;gap:6px;padding:0;border:0;background:transparent}
.process-row--offer article span{font-size:1.04rem;color:#202224}
.process-row--offer article small{color:#686d70;font-size:.83rem;line-height:1.48}
@media(max-width:850px){
  .process-row--offer::before{display:none}
  .process-row--offer article::after{display:none}
}
@media(max-width:520px){
  .process-row--offer{gap:16px}
  .process-row--offer article{min-height:0;padding:17px 18px;flex-direction:row;align-items:center;gap:16px}
  .process-row--offer article>b{width:48px;height:48px;flex:0 0 auto;margin:0;border-width:3px;font-size:1.16rem}
}

/* Icons in den Leistungskarten */
.service-card>.service-card__icon{
  display:grid;
  place-items:center;
  width:43px;
  height:43px;
  margin-bottom:18px;
  border:1px solid #eee1b9;
  border-radius:12px;
  background:linear-gradient(135deg,#fff8df,#f6e9bd);
  font-size:1.45rem;
  line-height:1;
  letter-spacing:0;
  filter:drop-shadow(0 4px 7px rgba(142,99,13,.09));
}
.commercial-card>.commercial-card__icon{
  display:grid;
  place-items:center;
  width:43px;
  height:43px;
  margin-bottom:18px;
  border:1px solid #eee1b9;
  border-radius:12px;
  background:linear-gradient(135deg,#fff8df,#f6e9bd);
  font-size:1.45rem;
  line-height:1;
  letter-spacing:0;
  filter:drop-shadow(0 4px 7px rgba(142,99,13,.09));
}
.reference-card__visual>.reference-card__icon{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border-radius:12px;
  background:rgba(255,247,212,.16);
  border:1px solid rgba(255,231,143,.36);
  font-size:1.4rem;
  line-height:1;
  letter-spacing:0;
}

/* Preise: genügend Platz für längere Bezeichnungen wie „Zusatzleistungen“. */
.price-intro aside li{
  grid-template-columns:minmax(150px,.95fr) 1.45fr;
  align-items:start;
}

/* Emoji-Kacheln auf der Startseite – passend zu Leistungen und Gewerbe. */
.refined-card .icon,
.refined-service-card .icon{
  display:grid;
  place-items:center;
  width:43px;
  height:43px;
  margin:0;
  border:1px solid #eee1b9;
  border-radius:12px;
  background:linear-gradient(135deg,#fff8df,#f6e9bd);
  color:initial;
  font-size:1.4rem;
  line-height:1;
  filter:drop-shadow(0 4px 7px rgba(142,99,13,.09));
}

/* Kompaktere und hochwertigere Vorteils-Karten auf der Startseite. */
.refined-card{
  min-height:205px;
  padding:25px 27px 24px;
  border-color:#e9dfca;
  border-top-width:4px;
  border-radius:17px;
  background:linear-gradient(145deg,#fff 0%,#fcfbf8 100%);
  box-shadow:0 13px 28px rgba(52,42,19,.06);
}
.refined-card .icon{
  width:48px;
  height:48px;
  border-radius:14px;
  font-family:"Segoe UI Emoji","Apple Color Emoji",sans-serif;
  font-size:1.5rem;
}
.refined-card h3{margin:16px 0 8px;font-size:1.25rem}
.refined-card p{font-size:.96rem;line-height:1.55}

/* Echte Referenzprojekte mit Bildergalerien. */
.reference-projects{padding:86px 0;background:linear-gradient(135deg,#faf8f1,#f1eee4)}
.reference-project{margin-top:30px;padding:34px;border:1px solid #e6ddca;border-top:4px solid var(--gold);border-radius:20px;background:#fff;box-shadow:0 14px 32px rgba(50,40,17,.06)}
.reference-project__head{display:grid;grid-template-columns:1.2fr .8fr;gap:52px;align-items:start;margin-bottom:27px}
.reference-project__head h3{margin:12px 0 11px;font-size:clamp(1.75rem,3vw,2.55rem)}
.reference-project__head p{max-width:740px;margin:0;color:#62676a;line-height:1.7}
.reference-project__head ul{display:grid;gap:10px;margin:3px 0 0;padding:19px 0 0;list-style:none;border-top:1px solid #e6ddca;color:#303436;font-size:.94rem}
.reference-project__head li::before{content:'✓';margin-right:10px;color:#ab7510;font-weight:800}
.reference-gallery{display:grid;gap:13px}
.reference-gallery figure{position:relative;min-height:220px;margin:0;overflow:hidden;border-radius:13px;background:#2b281e}
.reference-gallery img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.reference-gallery figure:hover img{transform:scale(1.035)}
.reference-gallery figcaption{position:absolute;right:0;bottom:0;left:0;padding:28px 13px 11px;background:linear-gradient(transparent,rgba(0,0,0,.72));color:#fff;font-size:.82rem;font-weight:700}
.reference-gallery--large{grid-template-columns:1.35fr 1fr 1fr}.reference-gallery--large .reference-gallery__main{grid-row:span 2;min-height:455px}.reference-gallery--large figure:not(.reference-gallery__main){min-height:221px}
.reference-gallery--two{grid-template-columns:repeat(2,1fr)}.reference-gallery--two figure{min-height:380px}
@media(max-width:850px){.reference-project{padding:26px}.reference-project__head{grid-template-columns:1fr;gap:22px}.reference-gallery--large{grid-template-columns:repeat(2,1fr)}.reference-gallery--large .reference-gallery__main{grid-row:auto;grid-column:span 2;min-height:365px}.reference-gallery--two figure{min-height:300px}}
@media(max-width:520px){.reference-projects{padding:66px 0}.reference-project{padding:20px}.reference-gallery--large,.reference-gallery--two{grid-template-columns:1fr}.reference-gallery--large .reference-gallery__main{grid-column:auto;min-height:275px}.reference-gallery--large figure,.reference-gallery--large figure:not(.reference-gallery__main),.reference-gallery--two figure{min-height:245px}}

/* Referenzbilder bewusst kompakter: Projektinhalt bleibt im Vordergrund. */
.reference-project{
  max-width:1020px;
  margin-right:auto;
  margin-left:auto;
  padding:30px;
}
.reference-project__head{gap:42px;margin-bottom:23px}
.reference-gallery{max-width:880px;margin:0 auto;gap:10px}
.reference-gallery figure{min-height:158px;border:1px solid #e5dac0;border-radius:11px}
.reference-gallery--large{grid-template-columns:1.18fr 1fr 1fr}
.reference-gallery--large .reference-gallery__main{min-height:326px}
.reference-gallery--large figure:not(.reference-gallery__main){min-height:158px}
.reference-gallery--two{max-width:670px}
.reference-gallery--two figure{min-height:240px}
.reference-gallery--single{max-width:440px;grid-template-columns:1fr}
.reference-gallery--single figure{min-height:240px}
.reference-gallery figcaption{padding:23px 11px 9px;font-size:.76rem}
@media(max-width:850px){
  .reference-gallery--large .reference-gallery__main{min-height:300px}
  .reference-gallery--two{max-width:none}
}
@media(max-width:520px){
  .reference-project{padding:19px}
  .reference-gallery--large .reference-gallery__main{min-height:240px}
  .reference-gallery--large figure,.reference-gallery--large figure:not(.reference-gallery__main),.reference-gallery--two figure{min-height:190px}
}

/* Dezente Animation der Schatztruhe im Startseiten-Hero. */
.hero-symbol{
  isolation:isolate;
  overflow:visible;
}
.hero-symbol::before{
  animation:hero-ring-breathe 6s ease-in-out infinite;
}
.hero-symbol__shine{
  position:absolute;
  z-index:0;
  width:245px;
  height:245px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(226,184,64,.22) 0,rgba(185,132,17,.09) 37%,rgba(185,132,17,0) 72%);
  filter:blur(3px);
  animation:hero-glow 5.2s ease-in-out infinite;
}
.hero-symbol img{
  z-index:1;
  width:min(325px,88%);
  max-height:285px;
  object-fit:contain;
  transform-origin:center bottom;
  animation:hero-chest-float 5s ease-in-out infinite;
  filter:drop-shadow(0 22px 26px rgba(0,0,0,.42));
}
@keyframes hero-chest-float{
  0%,100%{transform:translateY(0) rotate(-.8deg)}
  50%{transform:translateY(-13px) rotate(.8deg)}
}
@keyframes hero-glow{
  0%,100%{opacity:.55;transform:scale(.92)}
  50%{opacity:1;transform:scale(1.11)}
}
@keyframes hero-ring-breathe{
  0%,100%{opacity:.68;transform:scale(.98)}
  50%{opacity:1;transform:scale(1.03)}
}
@media(max-width:850px){
  .hero-symbol{min-height:235px}
  .hero-symbol::before{width:225px;height:225px;box-shadow:0 0 0 22px rgba(212,175,55,.045),0 0 0 43px rgba(212,175,55,.025)}
  .hero-symbol__shine{width:195px;height:195px}
  .hero-symbol img{width:245px;max-height:215px}
}
@media(max-width:520px){
  .hero-symbol{display:grid;min-height:205px;margin-top:3px}
}
@media(prefers-reduced-motion:reduce){
  .hero-symbol::before,.hero-symbol__shine,.hero-symbol img{animation:none!important}
}

/* Sichtbare Rückmeldung direkt am Anfang des Kontaktformulars. */
.form-status{
  display:none;
  margin:0 0 24px;
  padding:16px 18px;
  border:1px solid #a5cdae;
  border-radius:12px;
  background:#eef8f0;
  color:#1d6b35;
  font-size:.92rem;
  font-weight:750;
  line-height:1.5;
  box-shadow:0 8px 22px rgba(35,104,58,.08);
}
.form-status::before{
  content:'✓';
  display:inline-grid;
  place-items:center;
  width:21px;
  height:21px;
  margin-right:9px;
  border-radius:50%;
  background:#248342;
  color:#fff;
  font-size:.78rem;
}
.form-status:not(:empty){display:block}
.form-status:focus{outline:3px solid rgba(212,175,55,.28);outline-offset:2px}
.form-status.notice--error{
  border-color:#e6b7ad;
  background:#fff3f1;
  color:#9a3025;
  box-shadow:0 8px 22px rgba(154,48,37,.07);
}
.form-status.notice--error::before{
  content:'!';
  background:#ba4236;
}
.contact-form button[aria-busy="true"],
.contact-form button:disabled{
  cursor:wait;
  opacity:.72;
  transform:none;
}
/* Animierte Schatztruhe im Angebot-Teaser der Preisseite. */
.service-hero__side--animated{display:grid;grid-template-rows:auto auto 1fr;align-items:start;min-height:386px;padding:29px 30px 25px;overflow:hidden}
.service-hero__side--animated::before{top:108px;bottom:auto;left:50%;width:210px;height:210px;margin-left:-105px;opacity:.6;animation:offer-chest-glow 5.2s ease-in-out infinite}
.service-hero__side--animated>strong,.service-hero__side--animated>span{z-index:2}
.offer-chest{position:absolute;z-index:1;top:112px;left:50%;display:grid;place-items:center;width:225px;height:175px;margin-left:-112px;transform:translateY(-165px)}
.offer-chest__glow{position:absolute;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle,rgba(226,184,64,.24),rgba(189,133,18,.05) 45%,transparent 71%);filter:blur(2px);animation:offer-chest-glow 5.2s ease-in-out infinite}
.offer-chest img{position:relative;z-index:1;display:block;width:198px;height:166px;max-height:none;object-fit:contain;filter:drop-shadow(0 15px 20px rgba(0,0,0,.45));animation:offer-chest-float 5s ease-in-out infinite}
.offer-benefits{position:absolute;z-index:2;right:30px;bottom:25px;left:30px;display:grid;gap:5px;width:auto;margin:0;padding:0;list-style:none;text-align:left}
.offer-benefits li{position:relative;padding-left:19px;color:#f3ede0;font-size:.78rem;line-height:1.3}
.offer-benefits li::before{content:'✓';position:absolute;left:0;color:#f0c44f;font-weight:800}
@keyframes offer-chest-float{0%,100%{transform:translateY(0) rotate(-.8deg)}50%{transform:translateY(-8px) rotate(.8deg)}}
@keyframes offer-chest-glow{0%,100%{opacity:.55;transform:scale(.91)}50%{opacity:1;transform:scale(1.08)}}
@media(max-width:720px){.service-hero__side--animated{min-height:386px}.offer-chest{top:112px;height:175px;transform:translateY(-45px)}.offer-chest img{width:190px;height:158px}.service-hero__side--animated::before{top:108px;bottom:auto}.offer-benefits{right:30px;bottom:25px;left:30px;max-width:none}}
@media(prefers-reduced-motion:reduce){.service-hero__side--animated::before,.offer-chest__glow,.offer-chest img{animation:none!important}}
/* Hochwertiger Angebots-Teaser auf der Kontaktseite. */
.contact-hero-card--offer{position:relative;display:flex;min-height:300px;flex-direction:column;align-items:center;justify-content:flex-end;gap:5px;overflow:hidden;padding:22px 26px 27px;background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(212,175,55,.11));border-color:rgba(230,198,104,.35)}
.contact-hero-card--offer::before{content:'';position:absolute;top:37px;left:50%;width:195px;height:195px;margin-left:-97px;border-radius:50%;background:radial-gradient(circle,rgba(226,184,64,.28),rgba(189,133,18,.08) 44%,transparent 71%);filter:blur(2px);animation:contact-chest-glow 5.2s ease-in-out infinite}
.contact-hero-card--offer .contact-card-icon{display:none}
.contact-offer-chest{position:absolute;z-index:1;top:21px;left:50%;display:grid;place-items:center;width:200px;height:168px;margin-left:-100px}
.contact-offer-chest span{position:absolute;width:148px;height:148px;border-radius:50%;background:radial-gradient(circle,rgba(239,198,73,.22),transparent 70%)}
.contact-offer-chest img{position:relative;z-index:1;width:180px;height:155px;object-fit:contain;filter:drop-shadow(0 15px 19px rgba(0,0,0,.46));animation:offer-chest-float 5s ease-in-out infinite}
.contact-hero-card--offer p{position:relative;z-index:2;margin:0;color:var(--gold2);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;font-weight:800}
.contact-hero-card--offer strong{position:relative;z-index:2;font-size:.92rem;line-height:1.55;color:#fff;text-align:center}
@keyframes contact-chest-glow{0%,100%{opacity:.58;transform:scale(.92)}50%{opacity:1;transform:scale(1.09)}}
@media(max-width:850px){.contact-hero-card--offer{max-width:390px}.contact-offer-chest{top:18px}}
@media(max-width:520px){.contact-hero-card--offer{display:none}}
@media(prefers-reduced-motion:reduce){.contact-hero-card--offer::before,.contact-offer-chest img{animation:none!important}}
/* Über-uns-Seite: animierte Markenillustration und klarere Werte-Karten. */
.about-hero__panel>img{display:none}
.about-hero__panel::before{animation:about-chest-glow 5.2s ease-in-out infinite}
.about-hero__chest{position:relative;z-index:1;display:grid;place-items:center;width:235px;height:190px;margin:0 auto 4px}
.about-hero__chest>span{position:absolute;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(230,188,61,.23),rgba(189,133,18,.06) 47%,transparent 70%);filter:blur(2px);animation:about-chest-glow 5.2s ease-in-out infinite}
.about-hero__chest img{position:relative;z-index:1;width:215px!important;height:180px!important;object-fit:contain;filter:drop-shadow(0 17px 21px rgba(0,0,0,.42));animation:offer-chest-float 5s ease-in-out infinite}
.about-values__grid span{display:grid;place-items:center;width:48px;height:48px;margin-bottom:22px!important;border:1px solid rgba(212,175,55,.32);border-radius:14px;background:rgba(212,175,55,.1);font-size:1.28rem!important;letter-spacing:0!important}
@keyframes about-chest-glow{0%,100%{opacity:.58;transform:scale(.92)}50%{opacity:1;transform:scale(1.09)}}
@media(max-width:520px){.about-hero__chest{width:210px;height:175px}.about-hero__chest img{width:195px!important;height:164px!important}}
@media(prefers-reduced-motion:reduce){.about-hero__panel::before,.about-hero__chest>span,.about-hero__chest img{animation:none!important}}

/* Barrierefreiheit: Sprunglink und klar erkennbare Tastaturfokusse. */
.skip-link{
  position:fixed;
  z-index:1000;
  top:10px;
  left:14px;
  padding:10px 15px;
  border:2px solid var(--gold2);
  border-radius:6px;
  background:#fff;
  color:#111;
  font-weight:800;
  text-decoration:none;
  transform:translateY(-160%);
  transition:transform .18s ease;
}
.skip-link:focus{transform:translateY(0)}
:where(a,button,input,select,textarea):focus-visible{
  outline:3px solid var(--gold2);
  outline-offset:3px;
}
#main-content:focus{outline:none}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{
    scroll-behavior:auto!important;
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
  }
}

/* Footer-Logo immer im korrekten Seitenverhältnis darstellen. */
.site-footer img{
  width:230px;
  max-width:100%;
  height:auto;
  object-fit:contain;
}

/* FAQ auf der Startseite */
.home-faq-section{padding:96px 0;background:#f9f7f1}
.home-faq-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px;align-items:start}
.home-faq-intro{position:sticky;top:118px}
.home-faq-intro h2{margin:10px 0 18px}
.home-faq-intro p{max-width:470px;color:#64686b;font-size:1.06rem}
.home-faq-list{border-top:1px solid #d8d1c0}
.home-faq-list details{border-bottom:1px solid #d8d1c0}
.home-faq-list summary{position:relative;padding:24px 54px 24px 0;cursor:pointer;list-style:none;font-family:Georgia,'Times New Roman',serif;font-size:1.25rem;font-weight:700;color:#202224}
.home-faq-list summary::-webkit-details-marker{display:none}
.home-faq-list summary:focus{outline:none}
.home-faq-list summary:focus-visible{outline:3px solid var(--gold2);outline-offset:4px;border-radius:3px}
.home-faq-list summary:after{content:'+';position:absolute;right:8px;top:50%;width:32px;height:32px;display:grid;place-items:center;transform:translateY(-50%);border:1px solid rgba(166,113,16,.45);border-radius:50%;color:#9b6910;font-family:Arial,sans-serif;font-size:1.35rem;font-weight:400;transition:transform .2s,background .2s}
.home-faq-list details[open] summary:after{content:'−';background:#d4af37;color:#17130b;transform:translateY(-50%) rotate(180deg)}
.home-faq-list details p{max-width:760px;margin:-5px 52px 24px 0;color:#606568}
.home-faq-list summary:hover{color:#91620c}

@media(max-width:760px){
  .home-faq-section{padding:68px 0}
  .home-faq-layout{grid-template-columns:1fr;gap:34px}
  .home-faq-intro{position:static}
  .home-faq-list summary{padding:20px 46px 20px 0;font-size:1.12rem}
  .home-faq-list details p{margin:-3px 38px 21px 0}
}

/* Dezente Orientierung auf den Unterseiten */
.breadcrumb-bar{position:relative;z-index:5;padding:11px 0;border-bottom:1px solid rgba(212,175,55,.18);background:#121314;color:#c9cccd}
.breadcrumb-bar ol{display:flex;align-items:center;gap:9px;margin:0;padding:0;list-style:none;font-size:.78rem}
.breadcrumb-bar li{display:flex;align-items:center;gap:9px}
.breadcrumb-bar li+li:before{content:'›';color:var(--gold2);font-size:1rem}
.breadcrumb-bar a{color:#e5e5e3;text-decoration:none}
.breadcrumb-bar a:hover{color:var(--gold2)}
.breadcrumb-bar [aria-current="page"]{color:var(--gold2);font-weight:700}

/* Lange Projektbezeichnungen dürfen die Referenzkarten auf kleinen Geräten nicht verbreitern. */
.reference-project__head > *{min-width:0}
.reference-project__head h3{overflow-wrap:anywhere}

/* Lange E-Mail-Adressen und technische Begriffe bleiben auf Rechtstext-Seiten im Bildschirm. */
.legal{overflow-wrap:anywhere}
.legal a{word-break:break-word}
