:root{--hintergrund:#0a0b0d;--flaeche:#111316;--flaeche-2:#181b20;--rahmen:#232830;--gold:#e8a020;--gold-hell:#f0b030;--blau:#5b8cff;--lila:#7c4dff;--gruen:#3d8b40;--gruen-text:#5cb85c;--text:#e8e9eb;--text-weich:#c5c8cc;--gedaempft:#6b7280;--raster:rgba(255,255,255,0.028);--schrift-body:'Outfit', sans-serif;--schrift-titel:'Bebas Neue', sans-serif;--schrift-mono:'IBM Plex Mono', monospace;--schrift-serif:'DM Serif Display', serif;--rand-x:clamp(1.25rem, 5vw, 4.5rem);--abschnitt:clamp(4.5rem, 9vw, 8rem);--nav-hoehe:64px}@media(prefers-color-scheme:light){:root{--hintergrund:#f0ede8;--flaeche:#ffffff;--flaeche-2:#e8e4de;--rahmen:#c8c2b8;--gold:#a06000;--gold-hell:#b87000;--blau:#1a4db8;--lila:#4a1fa8;--gruen:#1e5c22;--gruen-text:#1e5c22;--text:#0f0f0f;--text-weich:#2a2520;--gedaempft:#504a44;--raster:rgba(0,0,0,0.05)}body{background-image:linear-gradient(var(--raster) 1px,transparent 1px),linear-gradient(90deg,var(--raster) 1px,transparent 1px)}.nav-leiste{background:rgba(20,18,15,.92);border-bottom:1px solid rgba(0,0,0,.2)}.nav-links a{color:rgba(255,255,255,.6)}.nav-links a:hover,.nav-links a.aktiv{color:#fff}.nav-links .nav-cta{color:var(--gold) !important}.nav-links .nav-cta:hover{color:var(--gold-hell) !important}.nav-logo{color:var(--gold)}.hamburger span{background:#fff}.mobil-menue{background:rgba(20,18,15,.98)}.mobil-link{color:rgba(255,255,255,.5)}.mobil-link:hover{color:#fff}.hero::after{background:radial-gradient(ellipse,rgba(160,96,0,.1) 0%,transparent 62%)}.ort-badge{color:#fff}.bruecke-karte{background:#fff}.bruecke-karte:hover{background:#f8f5f0}.bruecke-nummer{color:var(--rahmen)}.bruecke-karte p{color:var(--text-weich)}.bruecke-karte li{color:var(--gedaempft)}.projekt-karte{background:#fff}.projekt-karte:hover{box-shadow:0 8px 30px rgba(0,0,0,.12)}.projekt-inhalt p{color:var(--text-weich)}.projekt-kennzahl{background:var(--flaeche-2)}.referenz-zitat-bereich{background:#fff}blockquote{color:var(--text)}.anfuehrungs-zeichen{opacity:.1}.tech-tag{background:#fff;color:var(--text);border-color:var(--rahmen)}.tech-tag:hover{border-color:var(--gold);color:var(--gold)}.cookie-banner{box-shadow:0 8px 32px rgba(0,0,0,.15)}.cookie-text p{color:var(--text-weich)}.fuss-links a,.fuss-copy,.fuss-logo{color:var(--gedaempft)}.fuss-links a:hover{color:var(--gold)}.rechts-text p{color:var(--text-weich)}.rechts-text h2{color:var(--text)}}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:var(--nav-hoehe);-webkit-text-size-adjust:100%;text-size-adjust:100%}body{background-color:var(--hintergrund);color:var(--text);font-family:var(--schrift-body);font-weight:300;font-size:1rem;line-height:1.65;overflow-x:hidden;background-image:linear-gradient(var(--raster) 1px,transparent 1px),linear-gradient(90deg,var(--raster) 1px,transparent 1px);background-size:60px 60px}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}ul{list-style:none}button{font-family:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:2px}h1,h2,h3{font-family:var(--schrift-titel);letter-spacing:.04em;line-height:1.05}h1{font-size:clamp(2.8rem,9vw,5rem);color:#fff;margin-bottom:1.2rem}h1 span{color:var(--gold)}h2{font-size:clamp(2.1rem,5vw,3.6rem);color:#fff;margin-bottom:.7rem}h3{font-size:clamp(1.3rem,3vw,1.65rem);color:#fff;margin-bottom:.5rem}.abschnitt-label{font-family:var(--schrift-mono);font-size:.68rem;letter-spacing:.32em;text-transform:uppercase;color:var(--gold);margin-bottom:.7rem;display:flex;align-items:center;gap:.5rem}.abschnitt-label::before{content:'//';opacity:.4}.abschnitt-intro{color:var(--text-weich);font-size:clamp(.95rem,2.2vw,1.05rem);line-height:1.8;max-width:600px;margin-bottom:clamp(2.5rem,5vw,4.5rem)}#kopf{position:fixed;top:0;left:0;right:0;z-index:200}.nav-leiste{display:flex;align-items:center;justify-content:space-between;padding:0 var(--rand-x);height:var(--nav-hoehe);background:rgba(10,11,13,.93);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--rahmen)}.nav-logo{font-family:var(--schrift-titel);font-size:1.6rem;letter-spacing:.12em;color:var(--gold);flex-shrink:0;transition:opacity .2s}.nav-logo:hover{opacity:.75}.nav-links{display:flex;align-items:center;gap:clamp(1.2rem,3vw,2.8rem)}.nav-links a{font-family:var(--schrift-mono);font-size:.76rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gedaempft);transition:color .2s;white-space:nowrap}.nav-links a:hover,.nav-links a.aktiv{color:var(--text)}.nav-links .nav-cta{color:var(--gold)}.nav-links .nav-cta:hover{color:var(--gold-hell)}.hamburger{display:none;flex-direction:column;gap:5px;background:0 0;border:none;padding:8px;z-index:300;color:var(--text)}.hamburger span{display:block;width:24px;height:2px;background:currentColor;transition:transform .3s ease,opacity .3s ease;transform-origin:center}.hamburger.offen span:nth-child(1){transform:translateY(7px)rotate(45deg)}.hamburger.offen span:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger.offen span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.mobil-menue{display:none;position:fixed;top:var(--nav-hoehe);left:0;right:0;bottom:0;background:rgba(10,11,13,.98);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:150;flex-direction:column;align-items:center;justify-content:center;gap:2.5rem;transform:translateY(-110%);transition:transform .4s cubic-bezier(.4,0,.2,1)}.mobil-menue.offen{transform:translateY(0)}.mobil-link{font-family:var(--schrift-titel);font-size:clamp(2rem,8vw,2.8rem);letter-spacing:.1em;color:var(--gedaempft);transition:color .2s;padding:.3rem 0}.mobil-link:hover,.mobil-link:active{color:var(--text)}.mobil-link--highlight{color:var(--gold) !important}.hero{min-height:100svh;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(2rem,4vw,4rem);padding:clamp(5.5rem,14vh,9.5rem)var(--rand-x)clamp(3rem,6vh,5rem);position:relative;overflow:hidden}.hero::after{content:'';position:absolute;top:-25%;right:-15%;width:65vw;height:65vw;background:radial-gradient(ellipse,rgba(232,160,32,8%) 0%,transparent 62%);pointer-events:none;z-index:0}.hero-bild-spalte{position:relative;z-index:1;display:flex;justify-content:center}.foto-rahmen{width:min(300px,78vw);aspect-ratio:4/5;position:relative;overflow:hidden;border:1px solid var(--rahmen);background:var(--flaeche-2)}.foto-rahmen::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--gold),var(--blau));z-index:2}.profilfoto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center;display:block}.ort-badge{position:absolute;bottom:0;right:0;background:var(--gold);color:#000;font-family:var(--schrift-mono);font-size:.6rem;font-weight:500;letter-spacing:.08em;padding:.4rem .85rem;text-transform:uppercase;z-index:3}.hero-text{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start}.hero-status{font-family:var(--schrift-mono);font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin-bottom:1rem;display:flex;align-items:center;gap:.8rem}.hero-status::before{content:'';display:block;width:28px;height:1px;background:var(--gold);flex-shrink:0}.hero-tagline{font-family:var(--schrift-serif);font-style:italic;font-size:clamp(.95rem,2.1vw,1.08rem);line-height:1.72;color:var(--gedaempft);max-width:460px;margin-bottom:2rem}.button-gruppe{display:flex;gap:.9rem;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.9rem clamp(1.2rem,3.5vw,1.9rem);font-family:var(--schrift-mono);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;border:none;transition:all .22s ease;white-space:nowrap;line-height:1}.btn--gold{background:var(--gold);color:#000;font-weight:500}.btn--gold:hover{background:var(--gold-hell);transform:translateY(-2px);box-shadow:0 8px 28px rgba(232,160,32,.28)}.btn--rahmen{background:0 0;color:var(--text);border:1px solid var(--rahmen)}.btn--rahmen:hover{border-color:var(--gold);color:var(--gold)}.btn--klein{padding:.6rem 1.2rem;font-size:.72rem}.scroll-hinweis{position:absolute;bottom:2.5rem;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:.4rem;font-family:var(--schrift-mono);font-size:.55rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gedaempft);pointer-events:none;z-index:1}.scroll-linie{width:1px;height:44px;background:linear-gradient(var(--gold),transparent);animation:scrollPuls 2.2s ease infinite}.abschnitt{padding:var(--abschnitt)var(--rand-x)}.abschnitt--dunkel{background:var(--hintergrund)}.abschnitt--mittel{background:var(--flaeche)}.abschnitt-kopf{max-width:100%}.bruecke-raster{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5px;background:var(--rahmen)}.bruecke-karte{background:var(--flaeche);padding:clamp(2rem,4vw,3rem)clamp(1.5rem,3vw,2.5rem);position:relative;transition:background .3s}.bruecke-karte:hover{background:var(--flaeche-2)}.bruecke-karte::before{content:'';position:absolute;top:0;left:0;right:0;height:2px}.bruecke-karte--gold::before{background:var(--gold)}.bruecke-karte--blau::before{background:var(--blau)}.bruecke-karte--lila::before{background:var(--lila)}.bruecke-nummer{font-family:var(--schrift-titel);font-size:clamp(3rem,6vw,5rem);line-height:1;color:var(--rahmen);margin-bottom:.8rem;display:block;user-select:none}.bruecke-icon{font-size:1.8rem;margin-bottom:.9rem;display:block}.bruecke-karte p{font-size:clamp(.88rem,1.8vw,.95rem);color:var(--text-weich);line-height:1.7;margin-bottom:1.1rem}.bruecke-karte ul{display:flex;flex-direction:column;gap:.5rem}.bruecke-karte li{font-family:var(--schrift-mono);font-size:clamp(.7rem,1.5vw,.75rem);color:var(--gedaempft);padding-left:1.1rem;position:relative;line-height:1.5}.bruecke-karte li::before{content:'→';position:absolute;left:0;color:var(--gold)}.projekt-raster{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5px;background:var(--rahmen)}.projekt-karte{background:var(--hintergrund);display:flex;flex-direction:column;transition:transform .3s ease}.projekt-karte:hover{transform:translateY(-5px)}.projekt-vorschau{height:clamp(150px,18vw,210px);display:flex;align-items:center;justify-content:center;font-size:clamp(2.2rem,4.5vw,3.2rem);position:relative;overflow:hidden}.projekt-vorschau::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.75))}.projekt-kategorie{position:absolute;top:.8rem;right:.8rem;font-family:var(--schrift-mono);font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;padding:.22rem .55rem;z-index:2}.projekt-kategorie--gold{background:var(--gold);color:#000}.projekt-kategorie--blau{background:var(--blau);color:#fff}.projekt-kategorie--gruen{background:var(--gruen);color:#fff}.projekt-inhalt{padding:clamp(1.3rem,3vw,2rem);flex:1;display:flex;flex-direction:column}.projekt-inhalt p{color:var(--text-weich);font-size:clamp(.86rem,1.8vw,.92rem);line-height:1.65;flex:1;margin-bottom:1rem}.projekt-kennzahl{padding:.7rem .9rem;background:var(--flaeche);font-family:var(--schrift-mono);font-size:clamp(.65rem,1.4vw,.72rem);letter-spacing:.04em;line-height:1.5;border-left:3px solid}.projekt-kennzahl--gold{border-color:var(--gold);color:var(--gold)}.projekt-kennzahl--blau{border-color:var(--blau);color:var(--blau)}.projekt-kennzahl--gruen{border-color:var(--gruen-text);color:var(--gruen-text)}.referenz-wrapper{display:grid;grid-template-columns:1fr 1.6fr;gap:0;background:var(--rahmen)}.referenz-siegel-bereich{background:var(--flaeche-2);padding:clamp(2.5rem,6vw,5rem)clamp(2rem,5vw,4rem);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;border-right:1px solid var(--rahmen);text-align:center}.siegel{width:clamp(110px,14vw,140px);height:clamp(110px,14vw,140px);border-radius:50%;border:2px solid var(--gold);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.8rem;gap:.2rem}.siegel strong{font-family:var(--schrift-titel);font-size:clamp(1rem,2.5vw,1.2rem);letter-spacing:.1em;color:#fff}.siegel span{font-family:var(--schrift-mono);font-size:.52rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);line-height:1.5}.siegel-label{font-family:var(--schrift-mono);font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gedaempft)}.siegel-person{font-family:var(--schrift-mono);font-size:.62rem;color:var(--gedaempft)}.siegel-stichworte{display:flex;flex-direction:column;gap:.35rem}.siegel-stichworte li{font-family:var(--schrift-mono);font-size:.62rem;color:var(--gedaempft);letter-spacing:.06em;line-height:1.6}.referenz-zitat-bereich{background:var(--flaeche);padding:clamp(2.5rem,6vw,5rem)clamp(2rem,5vw,4.5rem);display:flex;flex-direction:column;justify-content:center}.anfuehrungs-zeichen{font-family:var(--schrift-serif);font-size:clamp(5rem,11vw,9rem);line-height:.8;color:var(--gold);opacity:.2;display:block;margin-bottom:-.3rem;user-select:none}blockquote{font-family:var(--schrift-serif);font-style:italic;font-size:clamp(1rem,2.6vw,1.28rem);line-height:1.75;color:var(--text);margin-bottom:1.8rem}.zitat-autor strong{display:block;font-family:var(--schrift-mono);font-size:.8rem;font-style:normal;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--gold)}.zitat-autor span{font-family:var(--schrift-mono);font-size:.7rem;color:var(--gedaempft)}.tech-streifen{padding:2.8rem var(--rand-x);background:var(--flaeche);border-top:1px solid var(--rahmen);border-bottom:1px solid var(--rahmen)}.tech-innen{display:flex;align-items:flex-start;gap:clamp(1.5rem,4vw,4rem);flex-wrap:wrap}.tech-gruppe{display:flex;flex-direction:column;gap:.7rem;min-width:0}.tech-label{font-family:var(--schrift-mono);font-size:.58rem;letter-spacing:.28em;text-transform:uppercase;color:var(--gedaempft)}.tech-liste{display:flex;gap:.45rem;flex-wrap:wrap}.tech-tag{background:var(--hintergrund);border:1px solid var(--rahmen);padding:.3rem .7rem;font-family:var(--schrift-mono);font-size:.72rem;color:var(--text);letter-spacing:.04em;transition:border-color .2s,color .2s}.tech-tag:hover{border-color:var(--gold);color:var(--gold)}.tech-trenner{width:1px;height:60px;background:var(--rahmen);align-self:center;flex-shrink:0}.seiten-fuss{padding:2.8rem var(--rand-x);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1.2rem;border-top:1px solid var(--rahmen);background:var(--hintergrund)}.fuss-logo{font-family:var(--schrift-titel);font-size:1.25rem;letter-spacing:.1em;color:var(--gedaempft)}.fuss-links{display:flex;gap:1.8rem;flex-wrap:wrap}.fuss-links a{font-family:var(--schrift-mono);font-size:.7rem;letter-spacing:.08em;color:var(--gedaempft);transition:color .2s}.fuss-links a:hover{color:var(--gold)}.fuss-copy{font-family:var(--schrift-mono);font-size:.65rem;color:var(--gedaempft);letter-spacing:.06em}.cookie-banner{position:fixed;bottom:1.5rem;left:50%;transform:translateX(-50%);width:min(680px,calc(100vw - 2.5rem));background:var(--flaeche-2);border:1px solid var(--rahmen);border-bottom:2px solid var(--gold);padding:1.2rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1.2rem;flex-wrap:wrap;z-index:500;box-shadow:0 8px 32px rgba(0,0,0,.5);transition:opacity .3s ease,transform .3s ease}.cookie-banner.versteckt{opacity:0;transform:translateX(-50%)translateY(20px);pointer-events:none}.cookie-text p{font-size:.82rem;color:var(--text-weich);line-height:1.6}.cookie-text a{color:var(--gold);text-decoration:underline;text-underline-offset:3px}.cookie-buttons{flex-shrink:0}.rechts-seite{min-height:100svh;padding:calc(var(--nav-hoehe) + 4rem)var(--rand-x)5rem}.rechts-inhalt{max-width:740px;margin:0 auto}.zurueck-link{font-family:var(--schrift-mono);font-size:.75rem;letter-spacing:.1em;color:var(--gold);text-transform:uppercase;display:inline-flex;align-items:center;gap:.4rem;margin-bottom:2.2rem;transition:opacity .2s}.zurueck-link:hover{opacity:.7}.rechts-inhalt h1{margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--rahmen)}.rechts-text h2{font-size:1.45rem;margin:2.2rem 0 .7rem}.rechts-text h3{font-size:1.1rem;margin:1.5rem 0 .5rem;color:var(--text-weich)}.rechts-text p{color:var(--text-weich);line-height:1.82;margin-bottom:1rem;font-size:.95rem}.rechts-text strong{color:var(--text);font-weight:500}.rechts-text hr{border:none;border-top:1px solid var(--rahmen);margin:2.2rem 0}.rechts-text a{color:var(--gold);text-decoration:underline;text-underline-offset:3px}@keyframes einblenden{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes scrollPuls{0%,100%{opacity:.3}50%{opacity:1}}.hero-status{animation:einblenden .55s ease both}.hero h1{animation:einblenden .65s ease .1s both}.hero-tagline{animation:einblenden .65s ease .2s both}.button-gruppe{animation:einblenden .65s ease .3s both}.foto-rahmen{animation:einblenden .7s ease .12s both}.sichtbar{opacity:1 !important;transform:none !important}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms !important;transition-duration:.01ms !important}html{scroll-behavior:auto}}@media(min-width:600px) and (max-width:900px){.bruecke-raster{grid-template-columns:1fr 1fr}.projekt-raster{grid-template-columns:1fr 1fr}}@media(max-width:900px){.nav-links{display:none}.hamburger{display:flex}.mobil-menue{display:flex}.hero{grid-template-columns:1fr;text-align:center;padding-top:clamp(5.5rem,14vh,8rem);gap:2.5rem}.hero::after{display:none}.hero-bild-spalte{order:-1}.foto-rahmen{width:min(230px,60vw);margin:0 auto}.hero-text{align-items:center}.hero-status::before{display:none}.hero-tagline{text-align:center;max-width:100%}.button-gruppe{justify-content:center}.scroll-hinweis{position:static;transform:none;margin:1rem auto 0}.bruecke-raster{grid-template-columns:1fr}.projekt-raster{grid-template-columns:1fr}.referenz-wrapper{grid-template-columns:1fr}.referenz-siegel-bereich{border-right:none;border-bottom:1px solid var(--rahmen);flex-direction:row;flex-wrap:wrap;justify-content:center;gap:1.5rem;padding:2.5rem var(--rand-x)}.referenz-zitat-bereich{padding:2.5rem var(--rand-x)}.tech-trenner{display:none}.tech-innen{flex-direction:column;gap:1.5rem}.seiten-fuss{flex-direction:column;align-items:flex-start}.cookie-banner{flex-direction:column;align-items:flex-start}}@media(max-width:480px){:root{--rand-x:1.2rem}.foto-rahmen{width:min(185px,55vw)}.bruecke-karte{padding:1.7rem 1.3rem}.projekt-vorschau{height:150px}.projekt-inhalt{padding:1.2rem}.siegel{width:95px;height:95px}blockquote{font-size:1rem}.anfuehrungs-zeichen{font-size:5rem}.referenz-siegel-bereich{flex-direction:column}.btn{padding:.82rem 1.15rem;font-size:.7rem}.fuss-links{gap:1.2rem}}@media(min-width:1440px){:root{--rand-x:6rem}.hero,.abschnitt,.referenz-wrapper,.tech-streifen,.seiten-fuss{max-width:1700px;margin-left:auto;margin-right:auto}}.projekt-vorschau--foto{position:relative;height:clamp(150px,18vw,210px);overflow:hidden}.projekt-foto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .4s ease}.projekt-karte:hover .projekt-foto{transform:scale(1.04)}.projekt-vorschau--foto::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.65));z-index:1}.projekt-vorschau--foto .projekt-kategorie{z-index:2}