:root{--dark:#17181c;--panel:#22242a;--line:#34373e;--gold:#f9b223;--gold2:#ffd35a;--light:#f3f1eb;--text:#eceae4;--muted:#bfc2c7;--ink:#23252a;--max:1180px;--pad:clamp(1.1rem,5vw,4rem);--display:"Saira Condensed","Arial Narrow",sans-serif;--body:"Inter",system-ui,sans-serif;--mono:"IBM Plex Mono",monospace}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--body);background:var(--dark);color:var(--text);line-height:1.65;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.wrap{max-width:var(--max);margin:auto;padding-inline:var(--pad)}
.site-header{position:sticky;top:0;z-index:50;background:rgba(18,19,23,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;gap:1.2rem}.brand{display:flex;align-items:center;gap:.95rem}.brand img{width:48px}.brand strong{font-family:var(--display);font-size:1.5rem;letter-spacing:.08em;color:var(--gold);display:block;line-height:.92}.brand small{display:block;margin-top:.35rem;font:500 .52rem var(--mono);line-height:1;letter-spacing:.17em;color:#92959b;text-transform:uppercase}.primary{display:flex;align-items:center;gap:1.4rem}.primary a{font-size:.84rem;color:#d2d3d6}.primary a:hover{color:var(--gold2)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:46px;padding:.7rem 1.15rem;border:1px solid #9a741f;border-radius:2px;font-weight:700}.btn-primary{background:var(--gold);color:#191409;border:0;transition:background .2s}.btn-primary:hover{background:var(--gold2)}.menu-toggle{display:none;width:44px;height:40px;border:1px solid var(--line);background:none;flex-direction:column;align-items:center;justify-content:center;gap:5px}.menu-toggle span{width:20px;height:2px;background:var(--gold)}
.subhero{position:relative;min-height:520px;display:flex;align-items:end;padding:clamp(5rem,10vw,8rem) 0 clamp(4rem,8vw,6rem);background-position:center;background-size:cover}.subhero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(17,18,22,.92),rgba(17,18,22,.62) 55%,rgba(17,18,22,.3))}.subhero .wrap{position:relative;width:100%}.crumb{font:500 .7rem var(--mono);letter-spacing:.13em;text-transform:uppercase;color:var(--gold);margin-bottom:1.2rem}.subhero h1{max-width:900px;font:700 clamp(3rem,8vw,6.3rem)/.92 var(--display);text-transform:uppercase;color:var(--gold);letter-spacing:-.015em}.subhero .lead{max-width:760px;margin:1.5rem 0 2rem;color:#d3d4d7;font-size:clamp(1rem,2vw,1.18rem)}
.section{padding:clamp(4rem,8vw,7rem) 0}.section.light{background:linear-gradient(#f6f4ef,#ebe8df);color:var(--ink)}.eyebrow{font:500 .7rem var(--mono);letter-spacing:.2em;text-transform:uppercase;color:#9a741f}.section h2{font:700 clamp(2.2rem,5vw,3.8rem)/1 var(--display);text-transform:uppercase;margin:1rem 0 1.4rem}.intro{max-width:760px;font-size:1.06rem;color:#565a60}.content-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(2rem,6vw,5rem);align-items:start}.service-list{display:grid;grid-template-columns:1fr 1fr;gap:1rem;list-style:none}.service-list li{background:#fff;border-top:3px solid #c9971b;padding:1.25rem;color:#4f5359;box-shadow:0 18px 35px -28px #222}.service-list strong{display:block;color:var(--ink);font-family:var(--display);font-size:1.25rem;text-transform:uppercase;margin-bottom:.35rem}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:2.4rem}.step{border:1px solid var(--line);padding:1.5rem;background:var(--panel)}.step b{font:500 .72rem var(--mono);color:var(--gold);letter-spacing:.15em}.step h3{font:600 1.45rem var(--display);text-transform:uppercase;margin:.7rem 0}.step p{color:var(--muted);font-size:.92rem}.feature-image{width:100%;aspect-ratio:4/3;object-fit:cover;border:1px solid #d3cec0}.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:1px;background:#d9d4c8;margin-top:3rem}.fact{background:#f7f5f0;padding:1.4rem}.fact b{font:500 .7rem var(--mono);letter-spacing:.14em;color:#8a6819;text-transform:uppercase}.fact p{margin-top:.5rem;color:#555a60}
.contact-band{background:#141519;padding:clamp(3.5rem,7vw,5.5rem) 0}.contact-band .inner{display:flex;align-items:center;justify-content:space-between;gap:2rem}.contact-band h2{font:700 clamp(2.2rem,5vw,3.8rem)/1 var(--display);text-transform:uppercase}.contact-band p{color:var(--muted);max-width:620px;margin-top:.8rem}.direct{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.3rem}.direct a{border:1px solid var(--line);padding:.7rem .9rem}.form{background:var(--panel);border:1px solid var(--line);padding:1.6rem}.field{margin-bottom:1rem}.field label{display:block;font:500 .84rem var(--body);color:#c2c4c8;margin-bottom:.4rem}.field input,.field textarea{width:100%;background:#17181c;border:1px solid var(--line);color:#fff;padding:.8rem;font:inherit}.field textarea{min-height:125px;resize:vertical}.hp-field{position:absolute;left:-9999px}.form .btn{width:100%}
footer{background:#0f1013;border-top:1px solid var(--line);padding:3rem 0 2rem}.foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:2rem}.foot-grid h2{font:700 1.5rem var(--display);color:var(--gold);text-transform:uppercase}.foot-grid h3{font:500 .68rem var(--mono);letter-spacing:.15em;color:var(--gold);text-transform:uppercase;margin-bottom:.8rem}.foot-grid p,.foot-grid a{display:block;color:#aeb1b6;font-size:.85rem;margin-bottom:.45rem}.mobile-contact-bar{display:none}
@media(max-width:1080px){.primary{position:fixed;inset:76px 0 auto;background:#1b1d22;display:flex;flex-direction:column;align-items:stretch;padding:.7rem var(--pad) 1.4rem;transform:translateY(-140%);transition:.25s}.primary.open{transform:none}.primary a{padding:.75rem 0;border-bottom:1px solid var(--line)}.menu-toggle{display:flex}.content-grid{grid-template-columns:1fr}}
@media(max-width:820px){body{padding-bottom:67px}.topbar{height:68px}.brand{gap:.8rem}.brand img{width:42px}.brand strong{font-size:1.35rem}.brand small{font-size:.56rem;margin-top:.3rem}.primary{inset:68px 0 auto}.subhero{min-height:560px}.subhero h1{font-size:clamp(2.35rem,11.5vw,4rem);overflow-wrap:anywhere;hyphens:auto}.subhero .btn{width:100%}.service-list,.steps,.facts{grid-template-columns:1fr}.contact-band .inner{align-items:stretch;flex-direction:column}.contact-band .btn{width:100%}.foot-grid{grid-template-columns:1fr}.mobile-contact-bar{position:fixed;z-index:70;left:0;right:0;bottom:0;display:grid;grid-template-columns:1fr 1fr;gap:.6rem;padding:.6rem var(--pad);background:#101115;border-top:1px solid var(--line)}.mobile-contact-bar a{display:flex;align-items:center;justify-content:center;min-height:46px;border:1px solid #9a741f;font-weight:700}.mobile-contact-bar .primary-action{background:var(--gold);color:#191409;border:0}}
/* Telefon und Sprachumschalter im Kopf (01.10.2026) */
.primary a{white-space:nowrap}
.primary a.nav-tel{font:500 .78rem var(--mono);color:var(--gold)}.primary a.nav-tel:hover{color:var(--gold2)}
.lang-switch{display:flex;align-items:center;gap:.15rem;font:500 .72rem var(--mono)}.lang-btn{background:none;border:0;color:#8e9196;cursor:pointer;padding:.2rem .3rem;font:inherit;letter-spacing:.05em}.lang-btn:hover{color:var(--text)}.lang-btn.active{color:var(--gold)}.lang-sep{color:var(--line)}
@media(min-width:1081px) and (max-width:1320px){.primary{gap:1.05rem}.primary a{font-size:.8rem}}
@media(min-width:1081px) and (max-width:1250px){.primary a.nav-tel{display:none}}
@media(max-width:1080px){.lang-switch{justify-content:center;padding:1rem 0}.primary a.nav-tel{font-size:.95rem}}
@media(max-width:820px){.subhero:before{background:linear-gradient(180deg,rgba(17,18,22,.8),rgba(17,18,22,.9))}}
/* Tastatur-Fokus sichtbar */
a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:2px}.section.light a:focus-visible{outline-color:#9a741f}

/* Revised editorial paragraphs */
.copy-text{max-width:72ch;line-height:1.8;margin:1rem 0 1.4rem}.copy-text+h2{margin-top:2.2rem}.subhero .copy-text{color:#C2C4C8}
