@font-face{font-family:inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/inter-roman-latin-ext.woff2)format('woff2');unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/inter-roman-latin.woff2)format('woff2');unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:inter;font-style:italic;font-weight:100 900;font-display:swap;src:url(/fonts/inter-italic-latin-ext.woff2)format('woff2');unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:inter;font-style:italic;font-weight:100 900;font-display:swap;src:url(/fonts/inter-italic-latin.woff2)format('woff2');unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:bebas neue;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/bebas-neue-latin.woff2)format('woff2');unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:bebas neue;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/bebas-neue-latin-ext.woff2)format('woff2');unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:dm serif display;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/dm-serif-latin.woff2)format('woff2');unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:dm serif display;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/dm-serif-latin-ext.woff2)format('woff2');unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:dm serif display;font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/dm-serif-italic-latin.woff2)format('woff2');unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:dm serif display;font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/dm-serif-italic-latin-ext.woff2)format('woff2');unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:ibm plex mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-mono-400-latin.woff2)format('woff2');unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:ibm plex mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-mono-400-latin-ext.woff2)format('woff2');unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:ibm plex mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/ibm-plex-mono-500-latin.woff2)format('woff2');unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:ibm plex mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/ibm-plex-mono-500-latin-ext.woff2)format('woff2');unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}: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:'Inter', 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-leiste.scrolled{background:rgba(20,18,15,.98)}.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)}}.skip-link{position:fixed;left:1rem;top:-4rem;z-index:2000;padding:.7rem 1.2rem;background:var(--gold);color:#0a0b0d;font-family:var(--schrift-mono);font-weight:500;font-size:.9rem;text-decoration:none;border-radius:0 0 8px 8px;transition:top .2s ease}.skip-link:focus{top:0;outline:2px solid #fff;outline-offset:2px}*,*::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;text-wrap:balance}h1{font-size:clamp(2.8rem,9vw,5rem);color:#fff;margin-bottom:.4rem}h1 span{color:var(--gold);display:inline-block}.hero-subline{font-family:var(--schrift-titel);font-size:clamp(1.1rem,2.8vw,1.5rem);color:var(--gold);letter-spacing:.06em;margin-bottom:1.4rem}@keyframes glow-einblenden{0%{text-shadow:0 0 4px #e8a020,0 0 14px rgba(232,160,32,.65),0 0 32px rgba(232,160,32,.3)}100%{text-shadow:none}}.hero-subline span{font-weight:700;color:var(--gold);animation:glow-einblenden 2.5s ease-out forwards}.hero-tagline{max-width:600px}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-leiste.scrolled{background:rgba(10,11,13,.98)}.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:flex;flex-direction:column;justify-content:center;padding:clamp(5.5rem,14vh,9.5rem)0 clamp(3rem,6vh,5rem);position:relative;overflow:hidden}.hero-inner{display:flex;flex-direction:row;align-items:center;gap:4rem;max-width:1200px;width:100%;margin:0 auto;padding:0 2rem}.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;flex-shrink:0}.foto-rahmen{width:min(240px,32vw);aspect-ratio:4/5;position:relative;overflow:hidden;border:1px solid var(--rahmen);background:var(--flaeche-2);transition:box-shadow .3s ease}.foto-rahmen:hover{box-shadow:0 0 15px rgba(255,204,0,.4)}.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;transition:transform .3s ease}.foto-rahmen:hover .profilfoto{transform:scale(1.03)}.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;flex:1;min-width:0;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:clamp(1.5rem,3vh,2.5rem);left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;font-family:inter,sans-serif;font-size:.48rem;font-weight:400;letter-spacing:.2em;text-transform:uppercase;color:var(--gedaempft);pointer-events:none;z-index:1;animation:einblenden .65s ease 1s both}.scroll-linie{width:2px;height:40px;background:linear-gradient( rgba(232,160,32,.65),rgba(232,160,32,4%) );position:relative;overflow:hidden}.scroll-linie::after{content:'';position:absolute;left:0;top:-8px;width:2px;height:8px;background:rgba(255,255,255,.9);border-radius:1px;will-change:transform;animation:scroll-licht 1.8s ease-in-out infinite 1.8s}.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);align-items:stretch}.bruecke-karte{background:var(--flaeche);padding:clamp(2rem,4vw,3rem)clamp(1.5rem,3vw,2.5rem);position:relative;transition:background .3s;display:flex;flex-direction:column;height:100%}.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;margin-top:auto;padding-top:1.2rem}.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)}.bruecke-botschaft{margin-top:1.2rem;padding:.75rem 1rem;border-left:2px solid var(--lila);font-family:var(--schrift-serif);font-style:italic;font-size:clamp(.8rem,1.6vw,.88rem);color:var(--text-weich);line-height:1.6}.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-bild{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .3s ease}.projekt-karte:hover .projekt-bild{transform:scale(1.05)}.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-subline{font-family:var(--schrift-mono);font-size:clamp(.68rem,1.4vw,.74rem);color:var(--gedaempft);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.75rem !important;flex:0 !important}.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)}.kennzahl-highlight{color:#007aff;font-weight:700;font-size:1.15em}.projekt-intern{display:inline-block;margin-top:.75rem;padding:.3rem .7rem;border:1px solid var(--rahmen);border-radius:2px;font-family:var(--schrift-mono);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gedaempft)}.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:clamp(3rem,6vw,5rem)0;background:var(--flaeche);border-top:1px solid var(--rahmen);border-bottom:1px solid var(--rahmen)}.tech-innen{max-width:1200px;width:100%;margin:0 auto;padding:0 clamp(1.5rem,4vw,3rem);display:flex;flex-direction:column;gap:2.5rem}.tech-intro{font-family:var(--schrift-serif);font-style:italic;font-size:clamp(.95rem,2vw,1.08rem);color:var(--text-weich);line-height:1.7;max-width:680px;padding-left:1rem;border-left:2px solid var(--gold)}.tech-karten{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1rem,2vw,1.5rem)}.tech-karte{background:var(--hintergrund);border:1px solid var(--rahmen);border-top:2px solid var(--rahmen);padding:clamp(1.2rem,2.5vw,1.8rem);display:flex;flex-direction:column;gap:1.1rem;transition:box-shadow .3s ease}.tech-karte--gold{border-top-color:var(--gold);box-shadow:0 4px 24px rgba(232,160,32,8%)}.tech-karte--gold:hover{box-shadow:0 6px 32px rgba(232,160,32,.18)}.tech-karte--blau{border-top-color:var(--blau);box-shadow:0 4px 24px rgba(91,140,255,8%)}.tech-karte--blau:hover{box-shadow:0 6px 32px rgba(91,140,255,.18)}.tech-karte--lila{border-top-color:var(--lila);box-shadow:0 4px 24px rgba(124,77,255,8%)}.tech-karte--lila:hover{box-shadow:0 6px 32px rgba(124,77,255,.18)}.tech-karte--gold .tech-label{color:var(--gold)}.tech-karte--blau .tech-label{color:var(--blau)}.tech-karte--lila .tech-label{color:var(--lila)}.tech-karte-kopf{display:flex;flex-direction:column;gap:.3rem}.tech-label{font-family:var(--schrift-mono);font-size:clamp(.7rem,1.4vw,.78rem);letter-spacing:.12em;text-transform:uppercase;font-weight:600}.tech-fokus{font-family:var(--schrift-mono);font-size:.65rem;letter-spacing:.06em;color:var(--gedaempft);text-transform:uppercase}.tech-liste{display:flex;gap:.4rem;flex-wrap:wrap}.tech-tag{background:var(--flaeche);border:1px solid var(--rahmen);padding:.28rem .65rem;font-family:var(--schrift-mono);font-size:.7rem;color:var(--text-weich);letter-spacing:.03em;transition:border-color .2s,color .2s}.tech-karte--gold .tech-tag:hover{border-color:var(--gold);color:var(--gold)}.tech-karte--blau .tech-tag:hover{border-color:var(--blau);color:var(--blau)}.tech-karte--lila .tech-tag:hover{border-color:var(--lila);color:var(--lila)}.tech-trenner{display:none}.weg-inner{display:grid;grid-template-columns:3fr 2fr;gap:clamp(4rem,7vw,8rem);align-items:start;max-width:1200px;margin:0 auto}.weg-text h2{margin-bottom:2rem}.weg-inhalt{display:flex;flex-direction:column;gap:1.2rem}.weg-inhalt p{font-size:clamp(.95rem,2vw,1.05rem);color:var(--text-weich);line-height:1.8}.weg-akzent--gold{color:var(--gold);font-weight:500}.weg-akzent--blau{color:var(--blau);font-weight:500}.weg-vision{font-family:var(--schrift-serif);font-style:italic;font-size:clamp(.98rem,2vw,1.08rem) !important;color:var(--text) !important;border-left:2px solid var(--gold);padding-left:1.2rem;margin-top:.5rem}.weg-grafik{display:flex;justify-content:center;align-items:center}.weg-timeline{display:flex;flex-direction:column;gap:0;width:100%;max-width:340px}.weg-stufe{display:flex;align-items:flex-start;gap:1.2rem}.weg-punkt{width:14px;height:14px;border-radius:50%;border:2px solid;flex-shrink:0;margin-top:.3rem}.weg-punkt--gedaempft{border-color:var(--gedaempft);background:0 0}.weg-punkt--gold{border-color:var(--gold);background:var(--gold)}.weg-punkt--blau{border-color:var(--blau);background:var(--blau)}.weg-linie{width:2px;height:clamp(2.5rem,4vw,3.5rem);background:linear-gradient(to bottom,var(--rahmen),var(--rahmen));margin-left:6px}.weg-stufe-text{display:flex;flex-direction:column;gap:.2rem;padding-bottom:.5rem}.weg-stufe-label{font-family:var(--schrift-mono);font-size:.6rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gedaempft)}.weg-stufe-titel{font-family:var(--schrift-titel);font-size:clamp(.95rem,2vw,1.1rem);color:#fff;font-weight:600;letter-spacing:.02em}.weg-stufe-sub{font-family:var(--schrift-mono);font-size:.68rem;color:var(--gedaempft);letter-spacing:.04em}.weg-nur-desktop{display:flex;flex-direction:column;gap:1.2rem}.weg-nur-mobil{display:none !important}.weg-cards{display:flex;flex-direction:column;gap:.9rem}.weg-card{display:flex;align-items:flex-start;gap:1rem;padding:1rem 1.1rem;border-left:3px solid var(--rahmen);background:var(--flaeche)}.weg-card--gold{border-left-color:var(--gold)}.weg-card--blau{border-left-color:var(--blau)}.weg-card--next{border-left-color:var(--lila);background:rgba(124,77,255,5%);border:1px solid rgba(124,77,255,.25);border-left:3px solid var(--lila)}.weg-card-icon{font-size:1.4rem;flex-shrink:0;line-height:1;margin-top:.1rem}.weg-card-inhalt{display:flex;flex-direction:column;gap:.25rem}.weg-card-label{font-family:var(--schrift-mono);font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gedaempft)}.weg-card-label--next{color:var(--lila);font-weight:600}.weg-card-titel{font-family:var(--schrift-titel);font-size:clamp(.9rem,4vw,1.05rem);color:#fff;letter-spacing:.02em;line-height:1.2}.weg-card-titel--next{color:#fff}.weg-card-punkte{margin-top:.35rem;display:flex;flex-direction:column;gap:.25rem;padding-left:0;list-style:none}.weg-card-punkte li{font-family:var(--schrift-mono);font-size:.68rem;color:var(--gedaempft);padding-left:1rem;position:relative;line-height:1.5}.weg-card-punkte li::before{content:'→';position:absolute;left:0;color:var(--gold)}.weg-card--blau .weg-card-punkte li::before{color:var(--blau)}.weg-card--next .weg-card-punkte li::before{color:var(--lila)}.weg-linie--aktiv{background:linear-gradient(to bottom,var(--blau),var(--lila));opacity:.5}@keyframes next-puls{0%,100%{box-shadow:0 0 rgba(124,77,255,.5)}50%{box-shadow:0 0 0 6px rgba(124,77,255,0)}}.weg-punkt--next{width:18px;height:18px;border-radius:50%;border:2px solid var(--lila);background:var(--lila);flex-shrink:0;margin-top:.25rem;animation:next-puls 2.5s ease-in-out infinite}.weg-stufe--next{padding:.8rem 1rem;border:1px solid rgba(124,77,255,.3);border-left:3px solid var(--lila);background:rgba(124,77,255,5%);border-radius:2px;margin-left:-1rem}.weg-stufe-label--next{color:var(--lila) !important;font-weight:600}.weg-stufe-titel--next{color:#fff !important;font-size:clamp(1rem,2.2vw,1.2rem) !important}#back-to-top{position:fixed;bottom:2rem;right:2rem;width:46px;height:46px;border-radius:50%;background:var(--flaeche-2);border:1px solid var(--rahmen);color:var(--gold);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:900;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .3s ease,transform .3s ease,visibility .3s ease,box-shadow .3s ease;box-shadow:0 0 rgba(232,160,32,0)}#back-to-top.sichtbar{opacity:1;visibility:visible;transform:translateY(0);box-shadow:0 4px 20px rgba(232,160,32,.18)}#back-to-top:hover{background:var(--flaeche);border-color:var(--gold);box-shadow:0 4px 28px rgba(232,160,32,.35);transform:translateY(-2px)}@media(max-width:900px){#back-to-top{width:38px;height:38px;bottom:20px;right:20px;transform:scale(.8)translateY(12px)}#back-to-top.sichtbar{opacity:.7;transform:scale(.8)translateY(0)}#back-to-top:hover{opacity:.9;transform:scale(.8)translateY(-2px)}#back-to-top svg{width:16px;height:16px}}.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}.fehler-404{text-align:center}.fehler-code{font-family:var(--schrift-titel);font-size:clamp(6rem,22vw,12rem);line-height:.9;letter-spacing:.03em;color:var(--gold);margin-bottom:.5rem}.fehler-404 h1{border-bottom:none;padding-bottom:0;margin-bottom:1.5rem}.fehler-404 .rechts-text{max-width:460px;margin:0 auto 2.5rem}.fehler-404 .rechts-text ul{list-style:none;margin-top:1.3rem;display:flex;flex-direction:column;gap:.6rem}.fehler-404 .rechts-text ul a{font-family:var(--schrift-mono);font-size:.9rem;text-decoration:none}.fehler-404 .rechts-text ul a:hover{text-decoration:underline}.fehler-404 .zurueck-link{margin-bottom:0}@keyframes einblenden{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes scrollPuls{0%,100%{opacity:.3}50%{opacity:1}}@keyframes scroll-licht{0%{top:-8px;opacity:0}15%{opacity:1}85%{opacity:1}100%{top:40px;opacity:0}}@keyframes hero-h1-einblenden{from{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}@keyframes prozess-glow{0%{color:var(--gold);text-shadow:none}35%{color:var(--gold-hell);text-shadow:0 0 28px rgba(232,160,32,.5);transform:scale(1.04)}100%{color:var(--gold);text-shadow:none;transform:scale(1)}}.hero-status{animation:einblenden .55s ease both,gold-text-puls 9s ease-in-out 1.5s infinite}.hero h1{animation:hero-h1-einblenden .8s cubic-bezier(.22,1,.36,1).15s both}.hero h1 span{animation:prozess-glow .9s ease-out 1.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}@supports(animation-timeline:view()){@keyframes scroll-reveal{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}.bruecke-karte,.projekt-karte,.referenz-siegel-bereich,.referenz-zitat-bereich,.tech-karte{animation:scroll-reveal linear both;animation-timeline:view();animation-range:entry 0% entry 40%}.bruecke-karte:nth-child(2),.projekt-karte:nth-child(2),.tech-karte:nth-child(2){animation-range:entry 6% entry 46%}.bruecke-karte:nth-child(3),.projekt-karte:nth-child(3),.tech-karte:nth-child(3){animation-range:entry 12% entry 52%}@media(prefers-reduced-motion:reduce){.bruecke-karte,.projekt-karte,.referenz-siegel-bereich,.referenz-zitat-bereich,.tech-karte{animation:none}}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms !important;transition-duration:.01ms !important}html{scroll-behavior:auto}}#raster-glow{position:fixed;inset:0;pointer-events:none;z-index:1}#raster-glow::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(232,160,32,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(232,160,32,.16) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient( circle 140px at var(--maus-x,-9999px) var(--maus-y,-9999px),black 0%,transparent 68% );-webkit-mask-image:radial-gradient( circle 140px at var(--maus-x,-9999px) var(--maus-y,-9999px),black 0%,transparent 68% )}#raster-glow::after{content:'';position:absolute;inset:0;background:radial-gradient( circle 400px at var(--maus-x,-9999px) var(--maus-y,-9999px),rgba(232,160,32,.025) 0%,transparent 70% )}@keyframes gold-text-puls{0%,100%{text-shadow:none}50%{text-shadow:0 0 14px rgba(232,160,32,.38)}}.abschnitt-label{animation:gold-text-puls 9s ease-in-out infinite}@media(prefers-reduced-motion:reduce){#raster-glow::before{mask-image:none;-webkit-mask-image:none}#daten-puls{display:none}.abschnitt-label{animation:none}}@media(hover:none){#raster-glow::before{mask-image:radial-gradient( circle 110px at var(--maus-x,-9999px) var(--maus-y,-9999px),black 0%,transparent 65% );-webkit-mask-image:radial-gradient( circle 110px at var(--maus-x,-9999px) var(--maus-y,-9999px),black 0%,transparent 65% )}}@media(prefers-color-scheme:light){#raster-glow::before{background-image:linear-gradient(rgba(160,96,0,.25) 1px,transparent 1px),linear-gradient(90deg,rgba(160,96,0,.25) 1px,transparent 1px);background-size:60px 60px}#raster-glow::after{background:radial-gradient( circle 400px at var(--maus-x,-9999px) var(--maus-y,-9999px),rgba(160,96,0,.035) 0%,transparent 70% )}}@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{padding-top:clamp(5.5rem,14vh,8rem)}.hero-inner{flex-direction:column;text-align:center;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;align-self:center;width:fit-content;margin-top:2.5rem}.tech-karten{grid-template-columns:1fr}.bruecke-raster{grid-template-columns:1fr}.bruecke-karte{height:auto}.bruecke-karte ul{margin-top:1.2rem}.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}.seiten-fuss{flex-direction:column;align-items:flex-start}.cookie-banner{flex-direction:column;align-items:flex-start}}@media(max-width:1024px){.weg-inner{grid-template-columns:1fr;padding-bottom:3rem}.weg-grafik{display:none !important}.weg-nur-desktop{display:none !important}.weg-nur-mobil{display:flex !important}#mein-weg{padding-bottom:clamp(3rem,8vw,5rem)}}@media(max-width:480px){:root{--rand-x:1.2rem;--abschnitt:3.5rem}.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(max-height:560px){.scroll-hinweis{display:none}}@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}}@media(prefers-color-scheme:light){:root{--hintergrund:#f0ede8;--flaeche:#ffffff;--flaeche-2:#e8e4de;--rahmen:#c8c2b8;--gold:#a06000;--gold-hell:#b87000;--text:#0f0f0f;--text-weich:#2a2520;--gedaempft:#504a44}.nav-leiste{background:rgba(20,18,15,.94)}.nav-links a{color:rgba(255,255,255,.6)}.nav-links a:hover{color:#fff}.nav-links .nav-cta{color:var(--gold) !important}.hamburger span{background:#fff}.mobil-menue{background:rgba(20,18,15,.98)}.mobil-link{color:rgba(255,255,255,.55)}.mobil-link:hover{color:#fff}.bruecke-karte{background:#fff}.bruecke-karte p{color:var(--text-weich)}.bruecke-karte li{color:var(--gedaempft)}.projekt-karte{background:#fff}.projekt-inhalt{background:#fff}.projekt-inhalt p{color:var(--text-weich)}.projekt-kennzahl{background:var(--flaeche-2)}.referenz-zitat-bereich{background:#fff}blockquote{color:var(--text)}.tech-tag{background:#fff;color:var(--text)}}@media(prefers-color-scheme:light){h1,h2,h3{color:#0f0f0f}h1 span{color:var(--gold)}}