@font-face{font-family:Instrument Sans;src:url(/fonts/instrument-sans-latin-wght-normal.woff2) format("woff2");font-weight:400 700;font-display:swap}:root{--schwarz: #0a0a0a;--anthrazit: #1e1e1e;--anthrazit-2: #262626;--silber: #f2f2f2;--silber-mittel: #d9d9d9;--grau: #bfbfbf;--hellgrau: #e6e6e6;--rot: #d5001c;--linie: #333333;--logo-grund: #fefefe;--zk: #fff3b0;--sans: "Instrument Sans", system-ui, "Segoe UI", sans-serif;--max: 1200px;--rand: clamp(1.25rem, 4vw, 3rem)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--schwarz);color:var(--silber);font:400 1.0625rem/1.65 var(--sans)}img{max-width:100%;height:auto;display:block}a{color:inherit;text-underline-offset:.2em;text-decoration-thickness:1px}a:hover{color:#fff;text-decoration-color:var(--rot)}:focus-visible{outline:2px solid var(--rot);outline-offset:3px}::selection{background:var(--rot);color:#fff}h1,h2,h3{font-weight:600;line-height:1.08;letter-spacing:-.02em;margin:0;color:#fff}h1{font-size:clamp(2.6rem,6vw,4.8rem)}h2{font-size:clamp(1.9rem,3.4vw,2.8rem)}h3{font-size:1.3rem;letter-spacing:-.01em}p{margin:0 0 1em;max-width:64ch}.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--rand)}.vorzeile{font:600 .75rem/1.2 var(--sans);letter-spacing:.28em;text-transform:uppercase;color:var(--grau);margin:0 0 1.5rem;display:flex;align-items:center;gap:.9rem}.vorzeile:before{content:"";width:36px;height:2px;background:var(--rot)}.lead{font-size:1.2rem;color:var(--grau)}.rotlinie{height:2px;background:var(--rot);border:0;margin:0}.zk{background:var(--zk);color:#1c1c1c;padding:0 .3em;border-radius:2px}.zk-box{background:var(--zk);color:#1c1c1c;border-left:3px solid #c9a400;padding:.9rem 1.1rem;font-size:.9375rem;margin:1.5rem 0;max-width:72ch}.zk-box strong{display:block;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.25rem}.entwurf{background:var(--rot);color:#fff;text-align:center;font:500 .8125rem/1.4 var(--sans);padding:.5rem var(--rand)}.kopf{background:var(--logo-grund);color:var(--schwarz);border-bottom:2px solid var(--rot)}.kopf .wrap{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;min-height:88px}.kopf .marke{display:block;line-height:0}.nav{display:flex;gap:2rem;font:600 .8125rem/1 var(--sans);letter-spacing:.16em;text-transform:uppercase}.nav a{text-decoration:none;color:var(--schwarz);padding:.5rem 0;border-bottom:2px solid transparent}.nav a:hover{color:var(--schwarz);border-bottom-color:var(--rot)}.nav a[aria-current=page]{border-bottom-color:var(--rot)}@media(max-width:560px){.nav{gap:1.1rem;letter-spacing:.1em}}.knopf{display:inline-flex;align-items:center;gap:.7rem;font:600 .875rem/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;text-decoration:none;padding:1.05rem 1.5rem;border:1px solid var(--rot);background:var(--rot);color:#fff;border-radius:2px;transition:background .25s,color .25s}.knopf:hover{background:#b00017;border-color:#b00017;color:#fff}.knopf.hell{background:transparent;border-color:var(--grau);color:var(--silber)}.knopf.hell:hover{border-color:#fff;color:#fff;background:transparent}.hero{padding:clamp(4.5rem,11vw,9rem) 0 clamp(4rem,9vw,7rem);position:relative;overflow:hidden}.hero:after{content:"";position:absolute;right:-10%;top:0;bottom:0;width:45%;background:linear-gradient(115deg,transparent 0 49.8%,var(--anthrazit) 50% 100%);opacity:.7;pointer-events:none}.hero .wrap{position:relative;z-index:1}.hero h1{max-width:16ch;margin-bottom:1.75rem}.hero .knoepfe{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2.25rem}.sektion{padding:clamp(3.5rem,8vw,6.5rem) 0}.sektion.dunkel2{background:var(--anthrazit)}.zweispaltig{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:2rem clamp(2rem,6vw,6rem);align-items:start}@media(max-width:860px){.zweispaltig{grid-template-columns:1fr}}.leistungen{list-style:none;margin:0;padding:0;counter-reset:l;border-top:2px solid var(--rot)}.leistungen li{counter-increment:l;display:grid;grid-template-columns:3.5rem 1fr;padding:1.5rem 0;border-bottom:1px solid var(--linie)}.leistungen li:before{content:counter(l,decimal-leading-zero);font:600 .9rem/1.6 var(--sans);letter-spacing:.1em;color:var(--grau)}.leistungen h3{margin-bottom:.35rem}.leistungen p{margin:0;color:var(--grau);font-size:1rem}.projektraster{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.projektkarte{background:var(--anthrazit);border-top:2px solid var(--rot);padding:1.75rem;display:flex;flex-direction:column;gap:.75rem;text-decoration:none;transition:background .25s}.projektkarte:hover{background:var(--anthrazit-2);color:inherit}.projektkarte .status{font:600 .72rem/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--grau)}.projektkarte .fakten{display:flex;gap:1.25rem;flex-wrap:wrap;font-size:.9375rem;color:var(--grau)}.leerhinweis{color:var(--grau);border:1px dashed var(--linie);padding:2rem}.kontakt dl{display:grid;grid-template-columns:max-content 1fr;gap:1rem 2rem;margin:0}.kontakt dt{font:600 .72rem/1.9 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--grau)}.kontakt dd{margin:0}.kontakt address{font-style:normal}.seitenkopf{padding:clamp(3rem,7vw,5rem) 0 1.5rem}.rechtstext{max-width:780px;padding:1rem 0 6rem}.rechtstext h2{font-size:1.5rem;margin:2.5rem 0 .9rem}.rechtstext p,.rechtstext li{color:var(--hellgrau)}.rechtstext address{font-style:normal;line-height:1.7}.fuss{border-top:2px solid var(--rot);background:var(--schwarz);color:var(--grau);padding:2.5rem 0;font-size:.9375rem}.fuss .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1.5rem}.fuss a{color:var(--silber);text-decoration:none}.fuss a:hover{text-decoration:underline}.fuss nav{display:flex;gap:1.5rem}