.demo-architektur{--paper:#f4f3f0;--white:#fff;--stone:#e9e7e2;--ink:#121211;--graphite:#3b3b39;--muted:#686864;--line:#d9d7d1;--night:#1b1f1d;--night-2:#252a27;--on-night:#e9ebe8;--on-night-muted:#a9afaa;--moss:#56624f;--radius:4px;--font:"Geist Variable", "Helvetica Neue", Arial, sans-serif;--maxw:1280px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.demo-architektur,.demo-architektur *{box-sizing:border-box}.demo-architektur{background:var(--paper);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;font-weight:400;line-height:26px}.demo-architektur h1,.demo-architektur h2,.demo-architektur h3,.demo-architektur h4{text-wrap:balance;margin:0;font-weight:400}.demo-architektur p{margin:0}.demo-architektur a{color:inherit}.demo-architektur img{max-width:100%;display:block}.demo-architektur :focus-visible{outline:2px solid var(--moss);outline-offset:3px}.demo-architektur .a-wrap{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:32px}.demo-architektur section{padding-block:120px;scroll-margin-top:72px}.demo-architektur .a-label{letter-spacing:.4px;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:500;line-height:18px}.demo-architektur .a-label:before{content:"("}.demo-architektur .a-label:after{content:")"}.demo-architektur .a-on-dark .a-label{color:var(--on-night-muted)}.demo-architektur .a-display{letter-spacing:-.02em;font-size:clamp(42px,6vw,72px);line-height:1.02}.demo-architektur .a-h2{letter-spacing:-.015em;font-size:clamp(34px,4.4vw,54px);line-height:1.12}.demo-architektur .a-statement{letter-spacing:-.01em;color:var(--graphite);font-size:clamp(22px,2.4vw,30px);line-height:1.38}.demo-architektur .a-lead{color:var(--muted);max-width:52ch;font-size:18px;line-height:28px}.demo-architektur .a-btn{border-radius:var(--radius);height:48px;font:500 15px/1 var(--font);cursor:pointer;border:1px solid #0000;align-items:center;gap:14px;padding:0 8px 0 18px;text-decoration:none;transition:background-color .2s,color .2s;display:inline-flex}.demo-architektur .a-btn .a-ic{border-radius:2px;place-items:center;width:32px;height:32px;transition:transform .25s;display:grid}.demo-architektur .a-btn:hover .a-ic{transform:rotate(45deg)}@media (prefers-reduced-motion:reduce){.demo-architektur .a-btn .a-ic{transition:none}}.demo-architektur .a-btn-light{background:var(--white);color:var(--ink)}.demo-architektur .a-btn-light .a-ic,.demo-architektur .a-btn-dark{background:var(--ink);color:var(--white)}.demo-architektur .a-btn-dark .a-ic{background:var(--white);color:var(--ink)}.demo-architektur .a-link{border-bottom:1px solid;align-items:center;gap:8px;padding-bottom:3px;font-size:15px;font-weight:500;text-decoration:none;display:inline-flex}.demo-architektur .a-link:hover{color:var(--moss)}.demo-architektur .a-site-header{top:env(safe-area-inset-top,0px);z-index:50;color:var(--white);border-bottom:1px solid #0000;transition:background-color .3s,color .3s,border-color .3s;position:fixed;left:0;right:0}.demo-architektur .a-site-header.a-scrolled{color:var(--ink);border-bottom-color:var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f4f3f0db}.demo-architektur .a-nav{justify-content:space-between;align-items:center;gap:24px;height:72px;display:flex}.demo-architektur .a-logo{display:block}.demo-architektur .a-logo img{width:auto;height:34px}.demo-architektur .a-logo .a-lg-dark,.demo-architektur .a-site-header.a-scrolled .a-lg-light{display:none}.demo-architektur .a-site-header.a-scrolled .a-lg-dark{display:block}.demo-architektur .a-menu{gap:28px;margin:0;padding:0;list-style:none;display:flex}.demo-architektur .a-menu a{opacity:.9;font-size:15px;font-weight:400;text-decoration:none}.demo-architektur .a-menu a:hover{opacity:1;text-underline-offset:6px;text-decoration:underline}.demo-architektur .a-nav-cta{border-radius:var(--radius);border:1px solid;padding:10px 16px;font-size:15px;font-weight:500;text-decoration:none}.demo-architektur .a-nav-cta:hover{background:currentColor}.demo-architektur .a-nav-cta:hover span{color:var(--night)}.demo-architektur .a-site-header.a-scrolled .a-nav-cta:hover span{color:var(--white)}.demo-architektur .a-burger{color:inherit;cursor:pointer;background:0 0;border:0;padding:8px;display:none}@container demo-architektur (width<=900px){.demo-architektur .a-burger{display:block}.demo-architektur .a-menu{background:var(--paper);color:var(--ink);border-bottom:1px solid var(--line);flex-direction:column;gap:0;padding:8px 32px 24px;display:none;position:absolute;top:72px;left:0;right:0}.demo-architektur .a-menu.a-open{display:flex}.demo-architektur .a-menu a{border-bottom:1px solid var(--line);padding:14px 0;font-size:18px;display:block}.demo-architektur .a-nav-cta{display:none}}.demo-architektur .a-hero{height:max(640px,100svh);color:var(--white);background:var(--night);padding:0;position:relative;overflow:clip}.demo-architektur .a-slides{position:absolute;inset:0}.demo-architektur .a-slide{opacity:0;will-change:transform;background-position:50%;background-size:cover;transition:opacity 1.1s;position:absolute;inset:-60px 0}.demo-architektur .a-slide.a-active{opacity:1}.demo-architektur .a-hero:after{content:"";pointer-events:none;background:linear-gradient(#0a0c0b8c 0%,#0a0c0b26 30%,#0a0c0b33 55%,#0a0c0bc7 100%),linear-gradient(90deg,#0a0c0b73 0%,#0a0c0b00 60%);position:absolute;inset:0}.demo-architektur .a-hero-inner{z-index:1;grid-template-rows:1fr;height:100%;padding-block:113px 40px;display:grid;position:relative}.demo-architektur .a-hero-top{align-content:center;gap:22px;max-width:780px;display:grid}.demo-architektur .a-hero-top .a-label{color:#fffc}.demo-architektur .a-hero-claims{letter-spacing:.3px;text-transform:uppercase;color:#ffffffd9;gap:2px;font-size:15px;line-height:22px;display:grid}.demo-architektur .a-split-head{grid-template-columns:1fr 3fr;gap:32px;display:grid}.demo-architektur .a-split-head>.a-label{padding-top:10px}.demo-architektur .a-head-body{gap:22px;display:grid}.demo-architektur .a-philo-imgs{grid-template-columns:1.1fr .9fr;gap:16px;margin-top:64px;display:grid}.demo-architektur .a-philo-imgs .a-tall{aspect-ratio:4/5;border-radius:var(--radius);background:var(--stone)}.demo-architektur .a-facts{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin-top:64px;display:grid}.demo-architektur .a-fact{gap:4px;padding:26px 24px 0 0;display:grid}.demo-architektur .a-fact+.a-fact{border-left:1px solid var(--line);padding-left:24px}.demo-architektur .a-fact b{letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-size:44px;font-weight:400;line-height:52px}.demo-architektur .a-fact span{color:var(--muted)}.demo-architektur .a-px{position:relative;overflow:hidden}.demo-architektur .a-px img{object-fit:cover;will-change:transform;width:100%;height:126%;position:absolute;top:-13%;left:0}.demo-architektur .a-bg-white{background:var(--white)}.demo-architektur .a-projects{grid-template-columns:repeat(2,1fr);gap:56px 24px;margin-top:64px;display:grid}.demo-architektur .a-project{gap:16px;text-decoration:none;display:grid}.demo-architektur .a-project .a-pimg{border-radius:var(--radius);aspect-ratio:4/3;background:var(--stone);overflow:hidden}.demo-architektur .a-project .a-pimg img{transition:scale .8s cubic-bezier(.2,.7,.2,1)}.demo-architektur .a-project:hover .a-pimg img{scale:1.04}@media (prefers-reduced-motion:reduce){.demo-architektur .a-project .a-pimg img{transition:none}}.demo-architektur .a-pmeta{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.demo-architektur .a-pmeta h3{letter-spacing:-.01em;font-size:24px;line-height:30px}.demo-architektur .a-pmeta span{color:var(--muted);white-space:nowrap;font-size:14px}.demo-architektur .a-project p{color:var(--muted);max-width:48ch}.demo-architektur .a-project:nth-child(2n){margin-top:96px}.demo-architektur .a-band{background:var(--night);height:70vh;min-height:420px;max-height:720px;padding:0;position:relative;overflow:clip}.demo-architektur .a-band .a-bimg{will-change:transform;background-position:50%;background-size:cover;position:absolute;inset:-80px 0}@media (prefers-reduced-motion:no-preference){.demo-architektur:not(.is-preview) .a-slide,.demo-architektur:not(.is-preview) .a-band .a-bimg{inset:calc(-15vh - 15% - 4px) 0;inset:calc(-15lvh - 15% - 4px) 0}}.demo-architektur .a-band .a-quote{color:var(--white);background:linear-gradient(#0a0c0b00,#0a0c0bb3);padding-top:120px;padding-bottom:40px;position:absolute;bottom:0;left:0;right:0}.demo-architektur .a-band .a-quote p{letter-spacing:-.01em;max-width:30ch;font-size:clamp(22px,2.6vw,32px);line-height:1.3}.demo-architektur .a-svc{grid-template-columns:1.05fr 1fr;align-items:start;gap:56px;margin-top:72px;display:grid}.demo-architektur .a-svc-list{border-top:1px solid var(--line);display:grid}.demo-architektur .a-svc-tab{all:unset;box-sizing:border-box;cursor:pointer;border-bottom:1px solid var(--line);color:#858580;grid-template-columns:52px 1fr;align-items:baseline;gap:12px;padding:22px 0;transition:color .25s;display:grid}.demo-architektur .a-svc-tab:hover,.demo-architektur .a-svc-tab[aria-selected=true]{color:var(--ink)}.demo-architektur .a-svc-tab:focus-visible{outline:2px solid var(--moss);outline-offset:4px}.demo-architektur .a-svc-n{letter-spacing:.4px;color:var(--muted);font-size:13px;font-weight:500}.demo-architektur .a-svc-n:before{content:"("}.demo-architektur .a-svc-n:after{content:")"}.demo-architektur .a-svc-name{letter-spacing:-.02em;font-size:clamp(30px,3.6vw,48px);line-height:1.08;position:relative}.demo-architektur .a-svc-tab[aria-selected=true] .a-svc-name:after{content:"→";vertical-align:middle;color:var(--moss);margin-left:14px;font-size:.6em}.demo-architektur .a-svc-stage{position:sticky;top:104px}.demo-architektur .a-svc-panel{gap:28px;animation:.5s both svcIn;display:grid}.demo-architektur .a-svc-panel[hidden]{display:none}@keyframes svcIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.demo-architektur .a-svc-panel{animation:none}}.demo-architektur .a-svc-img{aspect-ratio:4/3;border-radius:var(--radius);background:var(--stone);overflow:hidden}.demo-architektur .a-svc-img img{object-fit:cover;width:100%;height:100%}.demo-architektur .a-svc-text{grid-template-columns:1.2fr 1fr;gap:28px;display:grid}.demo-architektur .a-svc-text>p{color:var(--graphite);font-size:17px;line-height:27px}.demo-architektur .a-svc-text dl{align-content:start;gap:16px;margin:0;display:grid}.demo-architektur .a-svc-text dt{letter-spacing:.4px;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:500}.demo-architektur .a-svc-text dd{color:var(--ink);margin:4px 0 0;font-size:15px;line-height:23px}@container demo-architektur (width<=1000px){.demo-architektur .a-svc{grid-template-columns:1fr;gap:32px}.demo-architektur .a-svc-stage{position:static}}@container demo-architektur (width<=560px){.demo-architektur .a-svc-text{grid-template-columns:1fr}}.demo-architektur .a-steps{grid-template-columns:repeat(4,1fr);gap:16px;margin-top:64px;display:grid}.demo-architektur .a-step{background:var(--stone);border-radius:var(--radius);flex-direction:column;gap:14px;min-height:320px;padding:28px;display:flex}.demo-architektur .a-step .a-lph{letter-spacing:.4px;text-transform:uppercase;color:var(--moss);font-size:12px;font-weight:500}.demo-architektur .a-step h3{letter-spacing:-.01em;font-size:22px;line-height:28px}.demo-architektur .a-step p{color:var(--graphite);font-size:15px;line-height:24px}.demo-architektur .a-step .a-n{color:var(--muted);letter-spacing:-.01em;align-self:flex-end;margin-top:auto;font-size:28px}.demo-architektur .a-voices{grid-template-columns:repeat(2,1fr);gap:24px;margin-top:64px;display:grid}.demo-architektur .a-voice{border:1px solid var(--line);border-radius:var(--radius);background:var(--white);align-content:space-between;gap:28px;margin:0;padding:36px;display:grid}.demo-architektur .a-voice p{letter-spacing:-.005em;color:var(--graphite);font-size:21px;line-height:32px}.demo-architektur .a-voice footer{color:var(--muted);border-top:1px solid var(--line);justify-content:space-between;gap:16px;padding-top:16px;font-size:14px;display:flex}.demo-architektur .a-voice footer b{color:var(--ink);font-weight:500}.demo-architektur .a-faq{border-top:1px solid var(--line);margin-top:64px}.demo-architektur .a-faq details{border-bottom:1px solid var(--line)}.demo-architektur .a-faq summary{cursor:pointer;letter-spacing:-.005em;grid-template-columns:1fr auto;gap:24px;padding:26px 0;font-size:21px;line-height:30px;list-style:none;display:grid}.demo-architektur .a-faq summary::-webkit-details-marker{display:none}.demo-architektur .a-faq summary:after{content:"+";color:var(--muted);font-size:26px;line-height:30px;transition:transform .25s}.demo-architektur .a-faq details[open] summary:after{transform:rotate(45deg)}.demo-architektur .a-faq .a-answer{color:var(--muted);max-width:70ch;padding-bottom:26px}.demo-architektur .a-on-dark{background:var(--night);color:var(--on-night)}.demo-architektur .a-contact{grid-template-columns:1fr 1.1fr;gap:64px;margin-top:64px;display:grid}.demo-architektur .a-contact-info{align-content:start;gap:28px;display:grid}.demo-architektur .a-contact-info dl{gap:18px;margin:0;display:grid}.demo-architektur .a-contact-info dt{letter-spacing:.4px;text-transform:uppercase;color:var(--on-night-muted);font-size:12px;font-weight:500}.demo-architektur .a-contact-info dd{margin:4px 0 0;font-size:18px;line-height:28px}.demo-architektur .a-form{gap:18px;display:grid}.demo-architektur .a-form .a-row{grid-template-columns:1fr 1fr;gap:18px;display:grid}.demo-architektur .a-field{gap:8px;display:grid}.demo-architektur .a-field label,.demo-architektur .a-field legend{letter-spacing:.4px;text-transform:uppercase;color:var(--on-night-muted);padding:0;font-size:12px;font-weight:500}.demo-architektur .a-field input,.demo-architektur .a-field select,.demo-architektur .a-field textarea{font:400 16px/24px var(--font);color:var(--on-night);background:var(--night-2);border-radius:var(--radius);border:1px solid #454c48;width:100%;padding:12px 14px}.demo-architektur .a-field input:focus,.demo-architektur .a-field select:focus,.demo-architektur .a-field textarea:focus{border-color:var(--on-night-muted);outline:none}.demo-architektur .a-field textarea{resize:vertical;min-height:120px}.demo-architektur fieldset.a-field{border:0;margin:0;padding:0}.demo-architektur .a-seg{flex-wrap:wrap;gap:8px;display:flex}.demo-architektur .a-seg label{cursor:pointer}.demo-architektur .a-seg input{opacity:0;width:1px;height:1px;position:absolute}.demo-architektur .a-seg span{letter-spacing:0;text-transform:none;color:var(--on-night);border-radius:var(--radius);border:1px solid #454c48;padding:11px 16px;font-size:15px;display:inline-block}.demo-architektur .a-seg input:checked+span{background:var(--on-night);color:var(--night);border-color:var(--on-night)}.demo-architektur .a-seg input:focus-visible+span{outline:2px solid var(--on-night-muted);outline-offset:2px}.demo-architektur .a-form-msg{background:var(--night-2);border-radius:var(--radius);border:1px solid #454c48;padding:12px 16px;font-size:15px;line-height:24px}.demo-architektur .a-site-footer{background:var(--night);color:var(--on-night);padding-block:0 32px}.demo-architektur .a-foot{border-top:1px solid #353b37;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px;padding-top:56px;display:grid}.demo-architektur .a-foot h2{letter-spacing:.4px;text-transform:uppercase;color:var(--on-night-muted);margin-bottom:14px;font-size:12px;font-weight:500}.demo-architektur .a-foot ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.demo-architektur .a-foot a{text-decoration:none}.demo-architektur .a-foot a:hover{text-underline-offset:4px;text-decoration:underline}.demo-architektur .a-foot p,.demo-architektur .a-foot li{color:#cdd1cd;font-size:15px;line-height:24px}.demo-architektur .a-foot-logo{width:auto;height:34px;margin-bottom:18px}.demo-architektur .a-foot-bottom{color:var(--on-night-muted);flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:56px;font-size:13px;display:flex}.demo-architektur .a-legal-links{gap:20px;display:flex}.demo-architektur .a-legal-links a{color:#cdd1cd;text-decoration:none}.demo-architektur .a-legal-links a:hover{color:var(--white);text-underline-offset:4px;text-decoration:underline}.demo-architektur .a-legal{background:var(--paper);width:min(760px,100vw - 32px);max-height:min(86vh,900px);color:var(--ink);border:0;border-radius:8px;padding:0;overflow:hidden;box-shadow:0 30px 80px -20px #00000080}.demo-architektur .a-legal[open]{flex-direction:column;display:flex}.demo-architektur .a-legal::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0c0b99}.demo-architektur .a-legal-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:22px 28px;display:flex}.demo-architektur .a-legal-head h2{letter-spacing:-.01em;font-size:28px;line-height:34px}.demo-architektur .a-legal-close{border-radius:var(--radius);border:1px solid var(--line);background:var(--white);width:42px;height:42px;color:var(--ink);cursor:pointer;flex:none;font-size:22px;line-height:1}.demo-architektur .a-legal-close:hover{background:var(--stone)}.demo-architektur .a-legal-body{color:var(--graphite);padding:24px 28px 32px;font-size:15px;line-height:25px;overflow-y:auto}.demo-architektur .a-legal-body h3{color:var(--ink);margin:24px 0 6px;font-size:18px;font-weight:500;line-height:26px}.demo-architektur .a-legal-body h3:first-child{margin-top:0}.demo-architektur .a-legal-body p,.demo-architektur .a-legal-body ul{margin:0 0 10px}.demo-architektur .a-legal-body ul{padding-left:20px}@container demo-architektur (width<=1000px){.demo-architektur .a-steps{grid-template-columns:repeat(2,1fr)}.demo-architektur .a-service{grid-template-columns:1fr;gap:12px}}@container demo-architektur (width<=800px){.demo-architektur .a-wrap{padding-inline:20px}.demo-architektur section{padding-block:80px}.demo-architektur .a-split-head,.demo-architektur .a-contact{grid-template-columns:1fr;gap:20px}.demo-architektur .a-projects,.demo-architektur .a-voices,.demo-architektur .a-philo-imgs{grid-template-columns:1fr}.demo-architektur .a-project:nth-child(2n){margin-top:0}.demo-architektur .a-facts{grid-template-columns:1fr}.demo-architektur .a-fact+.a-fact{border-left:0;border-top:1px solid var(--line);padding-left:0}.demo-architektur .a-fact{padding-bottom:20px}.demo-architektur .a-foot{grid-template-columns:1fr 1fr}.demo-architektur .a-form .a-row{grid-template-columns:1fr}.demo-architektur .a-legal-head,.demo-architektur .a-legal-body{padding-inline:18px}}@container demo-architektur (width<=560px){.demo-architektur .a-steps{grid-template-columns:1fr}.demo-architektur .a-step{min-height:0}.demo-architektur .a-foot{grid-template-columns:1fr}}.demo-architektur{container:demo-architektur/inline-size}.demo-architektur.is-preview .a-site-header{position:absolute}.demo-architektur.is-preview .a-hero{height:844px}.demo-architektur.is-preview .a-band{height:520px}