@font-face{font-family:Inter;font-style:normal;font-weight:400 800;font-display:swap;src:url('/assets/fonts/inter-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,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:normal;font-weight:400 800;font-display:swap;src:url('/assets/fonts/inter-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,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:Raleway;font-style:normal;font-weight:400 700;font-display:swap;src:url('/assets/fonts/raleway-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Raleway;font-style:normal;font-weight:400 700;font-display:swap;src:url('/assets/fonts/raleway-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,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}.breadcrumb{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;font-size:var(--text-sm);color:var(--text-faint);margin-bottom:var(--space-5)}.breadcrumb a{color:var(--text-muted);transition:color var(--transition)}.breadcrumb a:hover{color:var(--orange)}.breadcrumb .sep{color:var(--text-faint)}.breadcrumb .current{color:var(--text-primary)}.page-hero{background:var(--bg-2);border-bottom:1px solid var(--line);padding-block:var(--space-12) var(--space-10);position:relative;overflow:hidden}.page-hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:50px 50px;opacity:.15;pointer-events:none}.page-hero.has-hero-img{background-size:cover;background-position:center;border-bottom:none}.page-hero.has-hero-img::after{content:"";position:absolute;inset:0;background-image:var(--hero-img);background-size:1400px auto;background-position:center -220px;background-repeat:no-repeat;opacity:.7;mix-blend-mode:screen;-webkit-mask-image:radial-gradient(ellipse 800px 520px at center 220px,#000 15%,transparent 65%);mask-image:radial-gradient(ellipse 800px 520px at center 220px,#000 15%,transparent 65%);pointer-events:none}.page-hero .container{position:relative;z-index:1}.page-hero .section--alt{position:relative;z-index:1;background:0 0}.page-hero.has-hero-img.hero-overlap{overflow:visible}.page-hero.has-hero-img.hero-overlap::after{bottom:-220px;-webkit-mask-image:radial-gradient(ellipse 900px 760px at center 260px,#000 20%,transparent 78%);mask-image:radial-gradient(ellipse 900px 760px at center 260px,#000 20%,transparent 78%)}body.page-metallbau .page-hero.has-hero-img::after{background-size:1300px auto;background-position:calc(50% + 260px) 60px;-webkit-mask-image:radial-gradient(ellipse 640px 780px at calc(50% + 360px) 380px,#000 15%,transparent 55%);mask-image:radial-gradient(ellipse 640px 780px at calc(50% + 360px) 380px,#000 15%,transparent 55%)}body.page-metallbau .page-hero.has-hero-img.hero-overlap::after{bottom:-300px;-webkit-mask-image:radial-gradient(ellipse 680px 1000px at calc(50% + 360px) 380px,#000 15%,transparent 68%);mask-image:radial-gradient(ellipse 680px 1000px at calc(50% + 360px) 380px,#000 15%,transparent 68%)}body.page-ueber-uns .page-hero.has-hero-img::after{background-image:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.6)),var(--hero-img);background-size:cover,1400px auto;background-position:50% 50%,calc(50% - 450px) 60px;background-repeat:no-repeat,no-repeat;opacity:.6;-webkit-mask-image:radial-gradient(ellipse 1150px 750px at calc(50% - 450px) 500px,#000 25%,transparent 70%);mask-image:radial-gradient(ellipse 1150px 750px at calc(50% - 450px) 500px,#000 25%,transparent 70%)}body.page-ausschreibungsunterstuetzung .page-hero.has-hero-img::after{background-image:linear-gradient(rgba(0,0,0,.55),rgba(0,0,0,.55)),var(--hero-img);background-size:cover,1400px auto;background-position:50% 50%,center -220px;background-repeat:no-repeat,no-repeat;opacity:.45}.page-hero h1{font-size:clamp(var(--text-2xl), 4vw, var(--text-4xl));margin-bottom:var(--space-3)}.page-hero .hero-lead{font-size:var(--text-lg);color:var(--text-muted);max-width:640px;margin-bottom:var(--space-6)}.page-hero.has-hero-img h1{background:0 0;-webkit-text-fill-color:#fff;color:#fff}.page-hero.has-hero-img .hero-lead{color:#fff}.page-hero .tag-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.content-layout{display:grid;grid-template-columns:1fr 300px;gap:var(--space-10);align-items:start}.content-aside{position:sticky;top:calc(var(--header-h) + var(--space-6))}.aside-card{background:var(--bg-3);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-4)}.aside-card h4{font-size:var(--text-base);color:var(--text-primary);margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:1px solid var(--line)}.aside-card .aside-services{display:flex;flex-direction:column;gap:var(--space-1)}.aside-card .aside-services a{font-size:var(--text-sm);color:var(--text-muted);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);transition:background var(--transition),color var(--transition)}.aside-card .aside-services a.active,.aside-card .aside-services a:hover{background:var(--bg-4);color:var(--orange)}.definition-block{background:var(--bg-3);border-left:4px solid var(--orange);border-radius:0 var(--radius) var(--radius) 0;padding:var(--space-5) var(--space-6);margin-block:var(--space-8)}.definition-block .def-label{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--orange);margin-bottom:var(--space-2)}.definition-block p{font-size:var(--text-base);color:var(--text-primary);line-height:1.7}.benefit-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);margin-block:var(--space-6)}.benefit-item{display:flex;gap:var(--space-3);align-items:flex-start}.benefit-icon{width:36px;height:36px;background:rgba(212,133,26,.15);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;color:var(--orange);flex-shrink:0}.benefit-icon svg{width:18px;height:18px}.benefit-item h4{font-size:var(--text-sm);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-1)}.benefit-item p{font-size:var(--text-sm);color:var(--text-muted)}.tools-row{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-4)}.tool-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-4);border:1px solid var(--line);border-radius:var(--radius);font-size:var(--text-xs);font-weight:600;color:var(--text-muted);letter-spacing:.04em}.prose h2{font-size:var(--text-2xl);color:var(--text-primary);margin-top:var(--space-10);margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:1px solid var(--line)}.prose h3{font-size:var(--text-xl);color:var(--text-primary);margin-top:var(--space-8);margin-bottom:var(--space-3)}.prose p{color:var(--text-muted);line-height:1.75;margin-bottom:var(--space-4)}.prose ul{margin-bottom:var(--space-4);padding-left:var(--space-5);list-style:disc}.prose ul li{color:var(--text-muted);margin-bottom:var(--space-2);line-height:1.65}.prose strong{color:var(--text-primary)}.zielgruppen-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3);margin-block:var(--space-6)}.zielgruppe-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-3);border:1px solid var(--line);border-radius:var(--radius);font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.zielgruppe-item::before{content:"";width:8px;height:8px;background:var(--orange);border-radius:50%;flex-shrink:0}.contact-grid{display:grid;grid-template-columns:1fr 380px;gap:var(--space-12);align-items:start}.form-group{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.form-group label{font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.form-group .required{color:var(--orange)}.form-group input,.form-group select,.form-group textarea{background:var(--bg-3);border:1px solid var(--line);border-radius:var(--radius);padding:var(--space-3) var(--space-4);font-size:var(--text-base);color:var(--text-primary);transition:border-color var(--transition),box-shadow var(--transition);outline:0;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(212,133,26,.15)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-faint)}.form-group textarea{resize:vertical;min-height:140px}.form-group select{appearance:none;cursor:pointer}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.form-hint{font-size:var(--text-xs);color:var(--text-faint);margin-top:var(--space-1)}.ohnehoney{position:absolute;left:-9999px;width:0;height:0;overflow:hidden;opacity:0}.contact-info-box{background:var(--bg-3);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--space-6);position:sticky;top:calc(var(--header-h) + var(--space-6))}.contact-info-box h3{font-size:var(--text-lg);color:var(--text-primary);margin-bottom:var(--space-5)}.contact-info-item{display:flex;gap:var(--space-3);align-items:flex-start;margin-bottom:var(--space-4)}.contact-info-icon{width:36px;height:36px;background:rgba(212,133,26,.15);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;color:var(--orange);flex-shrink:0}.contact-info-icon svg{width:16px;height:16px}.contact-info-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);font-weight:600;display:block;margin-bottom:var(--space-1)}.contact-info-value{font-size:var(--text-base);font-weight:600;color:var(--text-primary);transition:color var(--transition)}.contact-info-value:hover{color:var(--orange)}.contact-divider{border:none;border-top:1px solid var(--line);margin-block:var(--space-5)}.about-grid{display:grid;grid-template-columns:1fr 380px;gap:var(--space-12);align-items:start}.about-photo{background:var(--bg-3);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:4/5;display:flex;align-items:center;justify-content:center;color:var(--text-faint);font-size:var(--text-sm);font-weight:600;letter-spacing:.06em;text-transform:uppercase;position:sticky;top:calc(var(--header-h) + var(--space-6))}.referenzen-filter{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-8)}.filter-btn{padding:var(--space-2) var(--space-4);border:1px solid var(--line);border-radius:var(--radius-full);background:var(--bg-3);font-size:var(--text-sm);font-weight:600;color:var(--text-muted);cursor:pointer;transition:background var(--transition),border-color var(--transition),color var(--transition)}.filter-btn.active,.filter-btn:hover{background:var(--orange);border-color:var(--orange);color:var(--white)}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5)}.blog-card{background:var(--bg-3);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;transition:border-color var(--transition-md),transform var(--transition-md)}.blog-card:hover{border-color:var(--orange-dark);transform:translateY(-3px)}.blog-img{aspect-ratio:16/9;background:var(--bg-4);display:flex;align-items:center;justify-content:center;color:var(--text-faint);font-size:var(--text-sm);font-weight:600;letter-spacing:.04em;overflow:hidden}.blog-img img{width:100%;height:100%;object-fit:cover}.blog-body{padding:var(--space-5)}.blog-date{font-size:var(--text-xs);color:var(--text-faint);margin-bottom:var(--space-2)}.blog-card h3{font-size:var(--text-base);color:var(--text-primary);margin-bottom:var(--space-2);line-height:1.4}.blog-card p{font-size:var(--text-sm);color:var(--text-muted);line-height:1.6}@media (max-width:1024px){.content-layout{grid-template-columns:1fr}.content-aside{position:static}.contact-grid{grid-template-columns:1fr}.about-grid{grid-template-columns:1fr}.about-photo{position:static;aspect-ratio:3/2}.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.benefit-grid{grid-template-columns:1fr}.zielgruppen-grid{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}.blog-grid{grid-template-columns:1fr}.page-hero{padding-block:var(--space-8) var(--space-6)}}:root{--bg:#0a0a0a;--logo-bg:#101214;--bg-2:#101010;--bg-3:#161616;--bg-4:#1f1f1f;--line:#2a2a2a;--text-primary:#f5f5f7;--text-muted:#a0a0a6;--text-faint:#5c5c62;--orange:#ffffff;--orange-light:#e2e2e2;--orange-dark:#cfcfcf;--blue:#b8bcc4;--blue-dark:#8f949d;--blue-faint:#33363c;--white:#ffffff;--brand-blue:#0066cc;--brand-orange:#ff8800;--brand-chrome:#c0c0c0;--brand-black:#1e1e1e;--font-sans:"Raleway","Inter","Segoe UI","Helvetica Neue",Arial,sans-serif;--font-mono:"Consolas","Courier New",monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--container:1200px;--container-sm:800px;--radius-sm:4px;--radius:8px;--radius-lg:12px;--radius-xl:20px;--radius-full:9999px;--shadow-sm:0 1px 3px rgba(0,0,0,.4);--shadow:0 4px 16px rgba(0,0,0,.5);--shadow-lg:0 8px 40px rgba(0,0,0,.6);--shadow-xl:0 20px 60px rgba(0,0,0,.7);--transition:0.2s ease;--transition-md:0.3s ease;--header-h:152px}*,::after,::before{box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px;overflow-x:hidden}body{margin:0;overflow-x:hidden;background-color:var(--bg);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-base);line-height:1.65;-webkit-font-smoothing:antialiased}body::before{content:"";position:fixed;inset:0;z-index:9999;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%27420%27%20height%3D%27420%27%3E%3Cfilter%20id%3D%27f%27%3E%3CfeTurbulence%20type%3D%27fractalNoise%27%20baseFrequency%3D%270.012%200.55%27%20numOctaves%3D%272%27%20stitchTiles%3D%27stitch%27/%3E%3CfeColorMatrix%20type%3D%27saturate%27%20values%3D%270%27/%3E%3C/filter%3E%3Cfilter%20id%3D%27g%27%3E%3CfeTurbulence%20type%3D%27fractalNoise%27%20baseFrequency%3D%270.85%27%20numOctaves%3D%273%27%20stitchTiles%3D%27stitch%27/%3E%3CfeColorMatrix%20type%3D%27saturate%27%20values%3D%270%27/%3E%3C/filter%3E%3Crect%20width%3D%27100%25%27%20height%3D%27100%25%27%20filter%3D%27url%28%23f%29%27%20opacity%3D%270.55%27/%3E%3Crect%20width%3D%27100%25%27%20height%3D%27100%25%27%20filter%3D%27url%28%23g%29%27%20opacity%3D%270.6%27/%3E%3C/svg%3E");background-size:420px 420px;opacity:.14;mix-blend-mode:screen}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}ol,ul{margin:0;padding:0;list-style:none}h1,h2,h3,h4,h5{margin:0;font-weight:700;line-height:1.2}h1,h2,h3,h4{font-family:var(--font-sans);font-weight:700;letter-spacing:.01em;color:var(--white)}h1{background:linear-gradient(120deg,#fff 0,var(--brand-chrome) 45%,#fff 60%,var(--brand-chrome) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}p{margin:0}button,input,select,textarea{font-family:inherit}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--space-6)}.container--sm{max-width:var(--container-sm)}.section{padding-block:var(--space-20)}.section--alt{background-color:var(--bg-2)}.section--accent{background-color:var(--bg-3)}.section-kicker{display:inline-block;font-size:var(--text-xs);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--brand-orange);margin-bottom:var(--space-3)}.section-title{font-size:clamp(var(--text-2xl), 4vw, var(--text-4xl));color:var(--text-primary);margin-bottom:var(--space-4)}.section-title span{color:var(--brand-blue)}.section-lead{font-size:var(--text-lg);color:var(--text-muted);max-width:620px;line-height:1.7}.text-center{text-align:center}.text-center .section-lead{margin-inline:auto}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius);font-size:var(--text-sm);font-weight:600;letter-spacing:.02em;cursor:pointer;border:2px solid transparent;transition:background var(--transition),color var(--transition),border-color var(--transition),transform var(--transition);white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn--primary{position:relative;background:linear-gradient(155deg,#fff 0,var(--brand-chrome) 40%,#f4f4f4 55%,var(--brand-chrome) 78%,#fff 100%);color:var(--bg);border-color:transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),inset 0 -2px 3px rgba(0,0,0,.15),0 3px 10px rgba(0,0,0,.3),0 1px 0 rgba(0,0,0,.15);overflow:hidden;isolation:isolate}.btn--primary::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.75) 48%,transparent 62%);transform:translateX(-60%);transition:transform .5s ease;pointer-events:none;z-index:0}.btn--primary::after{content:"";position:absolute;right:5px;bottom:0;width:92px;height:38px;background-image:url("/assets/Grafiken/orbit_trsp.webp");background-repeat:no-repeat;background-position:bottom right;background-size:contain;pointer-events:none;z-index:0}.btn--primary>*{position:relative;z-index:1}.btn--primary:hover{background:linear-gradient(155deg,#fff 0,#d8d8d8 40%,#f4f4f4 55%,#d8d8d8 78%,#fff 100%);border-color:transparent}.btn--primary:hover::before{transform:translateX(60%)}.btn--primary:hover::after{width:104px;height:42px}.btn--outline{position:relative;background:0 0;color:var(--text-primary);border-color:var(--line);overflow:hidden;isolation:isolate}.btn--outline::after{content:"";position:absolute;right:5px;bottom:0;width:92px;height:38px;background-image:url("/assets/Grafiken/orbit_trsp.webp");background-repeat:no-repeat;background-position:bottom right;background-size:contain;opacity:.6;pointer-events:none;z-index:0;transition:width .3s ease,height .3s ease,opacity .3s ease}.btn--outline>*{position:relative;z-index:1}.btn--outline:hover{border-color:var(--orange);color:var(--orange)}.btn--outline:hover::after{width:104px;height:42px;opacity:1}.btn--ghost{background:0 0;color:var(--blue);border-color:transparent;padding-inline:0}.btn--ghost:hover{color:var(--orange)}.btn--lg{padding:var(--space-4) var(--space-8);font-size:var(--text-base)}.btn--sm{padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}.btn-group{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.site-header{position:sticky;top:0;z-index:1000;height:var(--header-h);background:color-mix(in srgb,var(--logo-bg) 85%,transparent);backdrop-filter:blur(6px) saturate(120%);-webkit-backdrop-filter:blur(6px) saturate(120%);border-bottom:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow-sm);display:flex;align-items:center}.header-inner{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:2040px;margin-inline:auto;padding-inline:var(--space-8)}.site-logo{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.site-logo img{height:calc(var(--header-h) - 2px);width:auto;display:block}.logo-text{display:flex;flex-direction:column;line-height:1.2}.logo-text .name{font-size:var(--text-sm);font-weight:700;color:var(--text-primary);letter-spacing:.03em}.logo-text .tagline{font-size:var(--text-xs);color:var(--blue);letter-spacing:.08em;text-transform:uppercase;font-weight:600}.main-nav{display:flex;align-items:center;gap:var(--space-1)}.header-social{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.social-link--sm{width:32px;height:32px}.main-nav .nav-dropdown-toggle,.main-nav a{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:500;color:var(--text-muted);border-radius:var(--radius-sm);transition:color var(--transition),background var(--transition);cursor:pointer;background:0 0;border:none}.main-nav .nav-dropdown-toggle:hover,.main-nav a.active,.main-nav a:hover{color:var(--text-primary);background:var(--bg-3)}.nav-item{position:relative}.nav-dropdown-toggle .chevron{width:12px;height:12px;transition:transform var(--transition)}.nav-item.open .chevron{transform:rotate(180deg)}.nav-dropdown{display:none;position:absolute;top:calc(100% + var(--space-2));left:0;min-width:240px;background:var(--bg-3);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:var(--space-2);z-index:100}.nav-dropdown::before{content:"";position:absolute;left:0;right:0;top:calc(var(--space-2) * -1);height:var(--space-2)}.nav-item.open .nav-dropdown{display:block}.nav-dropdown a{display:block;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--text-muted);border-radius:var(--radius-sm);transition:color var(--transition),background var(--transition)}.nav-dropdown a:hover{color:var(--text-primary);background:var(--bg-4)}.header-cta{display:flex;align-items:center;gap:var(--space-3)}.hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;padding:var(--space-2);background:0 0;border:none;cursor:pointer}.hamburger span{display:block;height:2px;background:var(--text-primary);border-radius:2px;transition:transform var(--transition),opacity var(--transition),width var(--transition)}.hamburger.active span:first-child{transform:translateY(7px) rotate(45deg)}.hamburger.active span:nth-child(2){opacity:0;width:0}.hamburger.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-menu{display:none;position:fixed;inset:var(--header-h) 0 0 0;background:var(--bg-2);z-index:999;overflow-y:auto;padding:var(--space-6)}.mobile-menu.open{display:block}.mobile-menu a{display:block;padding:var(--space-3) var(--space-4);font-size:var(--text-lg);color:var(--text-primary);border-bottom:1px solid var(--line);transition:color var(--transition)}.mobile-menu a:hover{color:var(--orange)}.mobile-menu .mobile-submenu{padding-left:var(--space-6)}.mobile-menu .mobile-submenu a{font-size:var(--text-base);color:var(--text-muted);border-bottom-color:transparent;padding-block:var(--space-2)}.mobile-cta{margin-top:var(--space-8);display:flex;flex-direction:column;gap:var(--space-3)}.hero{position:relative;min-height:calc(100svh - var(--header-h));display:flex;align-items:center;overflow:hidden;background:radial-gradient(ellipse at 60% 50%,#1c1c1c 0,var(--bg) 70%)}.hero .container{position:relative}.hero-bg-grid{position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:60px 60px;opacity:.25;pointer-events:none}.hero-bg-plan{position:absolute;inset:0;z-index:0;background-image:url("/assets/Grafiken/gebaudeplan_w_trsp_v2.webp");background-repeat:no-repeat;background-position:center right;background-size:100% auto;transform:scale(1.1);opacity:.1;pointer-events:none}.hero-content{position:relative;z-index:1;max-width:700px;padding-block:var(--space-20)}.hero-kicker{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--brand-orange);margin-bottom:var(--space-5)}.hero-kicker::before{content:"";display:inline-block;width:20px;height:2px;background:var(--brand-orange)}.hero h1{font-size:clamp(var(--text-3xl), 5.5vw, var(--text-6xl));line-height:1.1;margin-bottom:var(--space-5)}.hero h1 span{color:var(--brand-blue);background:0 0;-webkit-background-clip:unset;background-clip:unset;-webkit-text-fill-color:var(--brand-blue);display:block}.hero-lead{font-size:clamp(var(--text-base), 2vw, var(--text-xl));color:var(--text-muted);margin-bottom:var(--space-8);line-height:1.7;max-width:560px}.hero-badges{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-10);padding-top:var(--space-8);border-top:1px solid var(--line)}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:600;color:var(--text-muted);letter-spacing:.04em}.hero-badge::before{content:"";display:inline-block;width:6px;height:6px;background:var(--orange);border-radius:50%}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5);margin-top:var(--space-10)}.service-card{background:var(--bg-3);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--space-6);transition:border-color var(--transition-md),transform var(--transition-md),box-shadow var(--transition-md);position:relative;overflow:hidden}.service-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--orange);transform:scaleX(0);transform-origin:left;transition:transform var(--transition-md)}.service-card:hover{border-color:var(--orange-dark);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.service-card:hover::before{transform:scaleX(1)}.service-icon{width:48px;height:48px;background:var(--blue-faint);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-4);color:var(--blue)}.service-icon svg{width:24px;height:24px}.service-card h3{font-size:var(--text-lg);color:var(--text-primary);margin-bottom:var(--space-2)}.service-card p{font-size:var(--text-sm);color:var(--text-muted);line-height:1.65}.service-card .card-link{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:600;color:var(--orange);margin-top:var(--space-4);transition:gap var(--transition)}.service-card:hover .card-link{gap:var(--space-3)}.usp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-5);margin-top:var(--space-10)}.usp-item{text-align:center;padding:var(--space-6);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-3);transition:border-color var(--transition-md)}.usp-item:hover{border-color:var(--orange-dark)}.usp-number{font-size:var(--text-4xl);font-weight:800;color:var(--orange);line-height:1;margin-bottom:var(--space-2)}.usp-item h3{font-size:var(--text-base);color:var(--text-primary);margin-bottom:var(--space-2)}.usp-item p{font-size:var(--text-sm);color:var(--text-muted)}.branchen-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin-top:var(--space-10)}.branch-card{position:relative;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--line);background:var(--bg-3);aspect-ratio:4/3;display:flex;flex-direction:column;justify-content:flex-end;padding:var(--space-5);transition:border-color var(--transition-md),transform var(--transition-md);cursor:pointer}.branch-card:hover{border-color:var(--orange-dark);transform:translateY(-3px)}.branch-card .placeholder-img{position:absolute;inset:0;background:linear-gradient(135deg,var(--bg-4) 0,var(--bg-3) 100%);display:flex;align-items:center;justify-content:center;color:var(--text-faint);font-size:var(--text-4xl);font-weight:800;letter-spacing:.05em}.branch-card::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(10,10,10,.9) 0,transparent 60%);pointer-events:none}.branch-card .branch-name{position:relative;z-index:1;font-size:var(--text-lg);font-weight:700;color:var(--white)}.branch-card .branch-desc{position:relative;z-index:1;font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--space-1)}.prozess-steps{display:flex;align-items:flex-start;gap:0;margin-top:var(--space-10);position:relative}.prozess-wave{position:absolute;top:16px;left:calc(28px + var(--space-6));right:calc(28px + var(--space-6));width:calc(100% - 2 * (28px + var(--space-6)));height:24px;overflow:visible;pointer-events:none;z-index:0}.prozess-wave path{fill:url(#prozessWaveGradient)}.prozess-step{flex:1;text-align:center;padding:0 var(--space-3);position:relative;z-index:1}.step-number{width:56px;height:56px;border-radius:50%;background:var(--bg-3);border:2px solid var(--orange);display:flex;align-items:center;justify-content:center;font-size:var(--text-xl);font-weight:800;color:var(--orange);margin:0 auto var(--space-4);position:relative;z-index:1}.prozess-step:last-child .step-number{background:var(--orange);color:var(--bg-3)}.prozess-step h3{font-size:var(--text-sm);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-1)}.prozess-step p{font-size:var(--text-xs);color:var(--text-muted)}.referenzen-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5);margin-top:var(--space-10)}.referenz-card{background:var(--bg-3);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;transition:border-color var(--transition-md),transform var(--transition-md)}.referenz-card:hover{border-color:var(--orange-dark);transform:translateY(-3px)}.referenz-img{aspect-ratio:16/9;background:var(--bg-4);display:flex;align-items:center;justify-content:center;color:var(--text-faint);font-size:var(--text-sm);font-weight:600;letter-spacing:.06em;text-transform:uppercase}.referenz-body{padding:var(--space-5)}.referenz-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-3)}.tag{display:inline-block;padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-full);letter-spacing:.04em;text-transform:uppercase}.tag--orange{background:rgba(212,133,26,.15);color:var(--orange)}.tag--blue{background:rgba(74,157,232,.15);color:var(--blue)}.tag--gray{background:var(--bg-4);color:var(--text-muted)}.referenz-body h3{font-size:var(--text-base);color:var(--text-primary);margin-bottom:var(--space-2)}.referenz-body p{font-size:var(--text-sm);color:var(--text-muted);line-height:1.6}.faq-list{margin-top:var(--space-10);display:flex;flex-direction:column;gap:var(--space-2);max-width:780px;margin-inline:auto}.faq-item{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:border-color var(--transition)}.faq-item.open{border-color:var(--orange-dark)}.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--bg-3);border:none;cursor:pointer;text-align:left;font-size:var(--text-base);font-weight:600;color:var(--text-primary);transition:background var(--transition),color var(--transition)}.faq-question:hover{background:var(--bg-4)}.faq-item.open .faq-question{color:var(--orange)}.faq-icon{width:20px;height:20px;flex-shrink:0;border:2px solid var(--text-faint);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform var(--transition),border-color var(--transition)}.faq-item.open .faq-icon{transform:rotate(45deg);border-color:var(--orange);color:var(--orange)}.faq-answer{display:none;padding:var(--space-4) var(--space-5);background:var(--bg-2);font-size:var(--text-sm);color:var(--text-muted);line-height:1.7}.faq-item.open .faq-answer{display:block}.referenzen-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-6);margin-bottom:var(--space-8)}.referenz-card{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3)}.referenz-card__header{display:flex;justify-content:space-between;align-items:center}.referenz-tag{background:var(--brand-orange);color:#fff;font-size:var(--text-xs);font-weight:600;padding:3px 10px;border-radius:999px;text-transform:uppercase;letter-spacing:.04em}.referenz-year{font-size:var(--text-sm);color:var(--text-faint)}.referenz-card h3{font-size:var(--text-base);color:var(--text-primary);margin:0}.referenz-card p{font-size:var(--text-sm);color:var(--text-muted);margin:0}.referenz-facts{list-style:none;padding:0;margin:var(--space-2) 0 0;display:flex;flex-direction:column;gap:var(--space-1)}.referenz-facts li{font-size:var(--text-xs);color:var(--text-faint)}.referenz-facts strong{color:var(--text-muted)}.referenz-anonym{font-size:var(--text-xs)!important;color:var(--text-faint)!important;font-style:italic;margin-top:auto!important;padding-top:var(--space-3);border-top:1px solid var(--line)}.cta-section{padding-block:var(--space-20);text-align:center;background:linear-gradient(135deg,#1c1c1c 0,var(--bg) 100%);border-top:1px solid var(--line);border-bottom:1px solid var(--line);position:relative;overflow:hidden}.cta-section::before{content:"";position:absolute;top:-50%;left:50%;transform:translateX(-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(212,133,26,.1) 0,transparent 70%);pointer-events:none}.cta-section h2{font-size:clamp(var(--text-2xl), 4vw, var(--text-4xl));margin-bottom:var(--space-4);position:relative}.cta-section p{font-size:var(--text-lg);color:var(--text-muted);margin-bottom:var(--space-8);max-width:520px;margin-inline:auto;margin-bottom:var(--space-8)}.cta-contact-info{display:flex;justify-content:center;gap:var(--space-8);flex-wrap:wrap;margin-top:var(--space-8);padding-top:var(--space-8);border-top:1px solid var(--line)}.cta-contact-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.cta-contact-item .label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--text-faint);font-weight:600}.cta-contact-item .value{font-size:var(--text-lg);font-weight:700;color:var(--text-primary);transition:color var(--transition)}.cta-contact-item .value:hover{color:var(--orange)}.site-footer{background:var(--bg-2);border-top:1px solid var(--line);padding-top:var(--space-12)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--space-10);padding-bottom:var(--space-10)}.footer-brand .site-logo{margin-bottom:var(--space-4)}.footer-brand p{font-size:var(--text-sm);color:var(--text-muted);line-height:1.7;margin-bottom:var(--space-5);max-width:280px}.footer-social{display:flex;gap:var(--space-3)}.social-link{width:36px;height:36px;background:var(--bg-3);border:1px solid var(--line);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:background var(--transition),color var(--transition),border-color var(--transition)}.social-link:hover{background:var(--bg-4);color:var(--orange);border-color:var(--orange-dark)}.footer-col h3{font-size:var(--text-sm);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:1px solid var(--line)}.footer-col ul li{margin-bottom:var(--space-2)}.footer-col ul li a{font-size:var(--text-sm);color:var(--text-muted);transition:color var(--transition)}.footer-col ul li a:hover{color:var(--orange)}.footer-bottom{border-top:1px solid var(--line);padding-block:var(--space-5);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3)}.footer-bottom p{font-size:var(--text-xs);color:var(--text-faint)}.footer-legal{display:flex;gap:var(--space-4)}.footer-legal a{font-size:var(--text-xs);color:var(--text-faint);transition:color var(--transition)}.footer-credit{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-faint)}.footer-credit a{display:flex;align-items:center;gap:var(--space-2);color:var(--text-faint);transition:color var(--transition)}.footer-credit a:hover{color:var(--orange)}.footer-credit img{height:18px;width:auto;display:block}.footer-legal a:hover{color:var(--text-muted)}.footer-partner{display:flex;justify-content:flex-end;padding-top:var(--space-3)}.footer-partner img{height:36px;width:auto;display:block;opacity:.2}.sticky-mobile-cta{display:none;position:fixed;bottom:0;left:0;right:0;z-index:998;background:var(--bg-2);border-top:1px solid var(--line);padding:var(--space-3) var(--space-4);gap:var(--space-2)}.sticky-mobile-cta .btn{flex:1;justify-content:center}.accent-divider{width:48px;height:3px;background:linear-gradient(90deg,var(--brand-blue),var(--brand-orange));border-radius:var(--radius-full);margin-bottom:var(--space-6)}@media (max-width:1024px){.services-grid{grid-template-columns:repeat(2,1fr)}.usp-grid{grid-template-columns:repeat(2,1fr)}.branchen-grid{grid-template-columns:repeat(2,1fr)}.referenzen-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.prozess-steps{flex-wrap:wrap;gap:var(--space-6)}.prozess-wave{display:none}.prozess-step{flex:0 0 calc(33.33% - var(--space-4))}}@media (max-width:768px){:root{--header-h:64px}.page-hero.has-hero-img::after{background-size:640px auto;background-position:center -100px;-webkit-mask-image:radial-gradient(ellipse 380px 250px at center 100px,#000 15%,transparent 65%);mask-image:radial-gradient(ellipse 380px 250px at center 100px,#000 15%,transparent 65%)}.page-hero.has-hero-img.hero-overlap::after{bottom:-120px;-webkit-mask-image:radial-gradient(ellipse 420px 340px at center 130px,#000 20%,transparent 78%);mask-image:radial-gradient(ellipse 420px 340px at center 130px,#000 20%,transparent 78%)}body.page-metallbau .page-hero.has-hero-img::after{background-size:620px auto;background-position:calc(50% + 100px) 20px;-webkit-mask-image:radial-gradient(ellipse 300px 380px at calc(50% + 150px) 190px,#000 15%,transparent 55%);mask-image:radial-gradient(ellipse 300px 380px at calc(50% + 150px) 190px,#000 15%,transparent 55%)}body.page-metallbau .page-hero.has-hero-img.hero-overlap::after{bottom:-170px;-webkit-mask-image:radial-gradient(ellipse 320px 480px at calc(50% + 150px) 190px,#000 15%,transparent 68%);mask-image:radial-gradient(ellipse 320px 480px at calc(50% + 150px) 190px,#000 15%,transparent 68%)}body.page-ueber-uns .page-hero.has-hero-img::after{background-size:cover,640px auto;background-position:50% 50%,calc(50% - 210px) 30px;-webkit-mask-image:radial-gradient(ellipse 520px 340px at calc(50% - 210px) 230px,#000 25%,transparent 70%);mask-image:radial-gradient(ellipse 520px 340px at calc(50% - 210px) 230px,#000 25%,transparent 70%)}.hero-bg-plan{opacity:.1;background-position:center}.btn--outline::after,.btn--primary::after{width:56px;height:23px}.btn--outline:hover::after,.btn--primary:hover::after{width:62px;height:26px}.header-inner{padding-inline:var(--space-5)}.main-nav{display:none}.header-social{display:none}.header-cta .btn--primary{display:none}.hamburger{display:flex}.hero-content{padding-block:var(--space-12)}.services-grid{grid-template-columns:1fr}.usp-grid{grid-template-columns:1fr 1fr}.branchen-grid{grid-template-columns:1fr 1fr}.referenzen-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.prozess-step{flex:0 0 calc(50% - var(--space-4))}.cta-contact-info{flex-direction:column;gap:var(--space-5)}.sticky-mobile-cta{display:flex}body{padding-bottom:72px}.footer-bottom{flex-direction:column;text-align:center}.footer-credit{justify-content:center}.footer-partner{justify-content:center}}@media (max-width:480px){:root{--header-h:56px}.container{padding-inline:var(--space-4)}.usp-grid{grid-template-columns:1fr}.branchen-grid{grid-template-columns:1fr}.prozess-step{flex:0 0 100%}.btn-group{flex-direction:column}.btn-group .btn{width:100%;justify-content:center}}.cookie-banner{position:fixed;left:0;right:0;bottom:0;z-index:9999;background:var(--bg-2);border-top:1px solid var(--line);box-shadow:0 -4px 24px rgba(0,0,0,.25)}.cookie-banner__inner{max-width:1200px;margin:0 auto;padding:var(--space-5) var(--space-6);display:flex;align-items:center;gap:var(--space-6);flex-wrap:wrap}.cookie-banner__text{flex:1 1 420px;font-size:var(--text-sm);color:var(--text-muted);margin:0}.cookie-banner__text a{color:var(--orange)}.cookie-banner__actions{display:flex;gap:var(--space-3);flex-wrap:wrap;flex-shrink:0}.cookie-modal{position:fixed;inset:0;z-index:10000;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.cookie-modal[hidden]{display:none}.cookie-modal__box{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius-lg,12px);max-width:520px;width:100%;padding:var(--space-6);max-height:85vh;overflow-y:auto}.cookie-modal__box h3{margin-top:0}.cookie-modal__row{padding-block:var(--space-3);border-top:1px solid var(--line)}.cookie-modal__row label{display:flex;align-items:center;gap:var(--space-2);font-weight:600}.cookie-modal__row p{margin:var(--space-2) 0 0;font-size:var(--text-sm);color:var(--text-muted)}.cookie-modal__actions{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-5);flex-wrap:wrap}@media (max-width:768px){.cookie-banner__inner{flex-direction:column;align-items:stretch;padding:var(--space-4)}.cookie-banner__actions{flex-direction:column}.cookie-banner__actions .btn{width:100%;justify-content:center}.cookie-modal__box{padding:var(--space-4)}}.form-status{padding:var(--space-4) var(--space-5);border-radius:var(--radius,8px);margin-bottom:var(--space-5);font-size:var(--text-sm)}.form-status--success{background:rgba(46,160,67,.12);border:1px solid rgba(46,160,67,.4);color:#2ea043}.form-status--error{background:rgba(220,53,69,.12);border:1px solid rgba(220,53,69,.4);color:#dc3545}