body{background:var(--bg);max-width:var(--max-w);margin:0 auto;overflow-x:clip}.projekte-title-wrap{padding-top:153px;padding-left:29px;padding-right:29px}.projekte-title{font-family:var(--font-head);color:var(--dark);margin:0;font-size:40px;font-weight:800;line-height:1.1}.projekte-list{flex-direction:column;gap:32px;padding:54px 29px 0;display:flex}.projekte-card{color:var(--dark);text-decoration:none;display:block}.projekte-card__img-wrap{border-radius:var(--radius);width:335px;height:267px;margin-bottom:16px;overflow:hidden}.projekte-card__img-wrap--placeholder{background:#c9c9c9}.projekte-card__img{object-fit:cover;width:100%;height:100%;transition:transform .45s cubic-bezier(.16,1,.3,1);display:block}.projekte-card:hover .projekte-card__img{transform:scale(1.03)}.projekte-card__title{font-family:var(--font-head);margin:0 0 4px;font-size:24px;font-weight:700;line-height:1.2}.projekte-card__type{font-family:var(--font-body);color:var(--grey);margin:0;font-size:16px;font-weight:600}.projekte-more{justify-content:center;margin-top:40px;padding:0 29px;display:flex}.pd-intro{padding:270px 29px 0}.pd-title{font-family:var(--font-head);color:var(--dark);margin:0 0 8px;font-size:56px;font-weight:800;line-height:1}.pd-category{font-family:var(--font-body);color:var(--grey);margin:0;font-size:24px;font-weight:600}.pd-hero{width:100%;margin-top:159px}.pd-hero__img{object-fit:cover;width:100%;height:311px;display:block}.pd-meta{padding:48px 29px 0}.pd-meta__label{font-family:var(--font-body);color:var(--grey);margin:0 0 8px;font-size:16px;font-weight:600}.pd-meta__tags{gap:0;display:flex}.pd-meta__col{flex-direction:column;flex:1;gap:0;display:flex}.pd-meta__col span{font-family:var(--font-body);color:var(--dark);font-size:16px;font-weight:600;line-height:1.35}.pd-text-section{margin-top:85px;padding:0 29px}.pd-text-wrap{max-height:180px;transition:max-height .6s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.pd-text-wrap.is-expanded{max-height:1000px}.pd-text p{font-family:var(--font-body);color:#262626;margin:0 0 12px;font-size:16px;font-weight:600;line-height:1.5}.pd-text__gradient{background:linear-gradient(to bottom, #f7f6f500, var(--bg));pointer-events:none;height:80px;position:absolute;bottom:0;left:0;right:0}.pd-btn-outline{border:1.8px solid var(--dark);width:145px;height:39px;font-family:var(--font-body);color:var(--dark);cursor:pointer;background:0 0;border-radius:20px;justify-content:center;align-items:center;margin:16px auto 0;font-size:16px;font-weight:600;transition:background .25s,color .25s;display:flex}.pd-btn-outline:hover{background:var(--dark);color:#fff}@keyframes type-reveal{0%{opacity:0;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0 0% 0 0)}}.pd-text p.typing{animation:.55s cubic-bezier(.16,1,.3,1) both type-reveal}@keyframes pd-intro-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}.pd-title{animation:.75s cubic-bezier(.16,1,.3,1) .1s both pd-intro-in}.pd-category{animation:.75s cubic-bezier(.16,1,.3,1) .22s both pd-intro-in}@keyframes pd-hero-in{0%{opacity:0;transform:scale(1.03)}to{opacity:1;transform:scale(1)}}.pd-hero{animation:.9s cubic-bezier(.16,1,.3,1) .35s both pd-hero-in}.projekte-title-wrap{animation:.75s cubic-bezier(.16,1,.3,1) .1s both pd-intro-in}.pd-gallery{flex-direction:column;gap:24px;padding:40px 29px 0;display:flex}.pd-gallery__item{border-radius:var(--radius);width:335px;height:245px;overflow:hidden}.pd-gallery__item img{object-fit:cover;width:100%;height:100%;display:block}.prj-page{padding-top:140px}.prj-heading{font-family:var(--font-head);color:var(--dark);margin:0 0 32px;padding:0 29px;font-size:40px;font-weight:800;line-height:1}.prj-list{flex-direction:column;gap:32px;padding:0 29px;display:flex}.prj-card{color:inherit;text-decoration:none;display:block}.prj-card__img{background:#c9c9c9;border-radius:3px;width:100%;height:267px;overflow:hidden}.prj-card__img img,.prj-card__img video{object-fit:cover;width:100%;height:100%;display:block}.prj-card__title{font-family:var(--font-head);color:var(--dark);margin:16px 0 0;font-size:24px;font-weight:700;line-height:1.2}.prj-card__type{font-family:var(--font-body);color:#a5a5a5;margin:4px 0 0;font-size:16px;font-weight:600}.prj-more{justify-content:center;margin-top:32px;padding:0 29px;display:flex}.prj-more__btn{background:var(--dark);color:#fff;height:39px;font-family:var(--font-body);cursor:pointer;white-space:nowrap;border:none;border-radius:20px;align-items:center;padding:0 24px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.prj-internal{margin:40px 29px 0}.prj-internal__item{border-top:1px solid #d8d8d8}.prj-internal__item:last-child{border-bottom:1px solid #d8d8d8}.prj-internal__trigger{cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:16px 0;display:flex}.prj-internal__name{font-family:var(--font-head);color:var(--dark);font-size:24px;font-weight:700;line-height:1.2}.prj-internal__plus{flex-shrink:0;width:20px;height:20px;margin-left:12px;transition:transform .3s;position:relative}.prj-internal__item.is-open .prj-internal__plus{transform:rotate(45deg)}.prj-internal__plus:before,.prj-internal__plus:after{content:"";background:var(--dark);position:absolute}.prj-internal__plus:before{width:11px;height:1.5px;top:50%;left:50%;transform:translate(-50%,-50%)}.prj-internal__plus:after{width:1.5px;height:11px;top:50%;left:50%;transform:translate(-50%,-50%)}.prj-internal__body{padding:0 0 20px;display:none}.prj-internal__item.is-open .prj-internal__body{display:block}.prj-internal__desc{font-family:var(--font-body);color:#555;margin:0 0 14px;font-size:15px;font-weight:500;line-height:1.6}.prj-internal__links{flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px;display:flex}.prj-internal__site{font-family:var(--font-body);color:var(--dark);text-underline-offset:3px;font-size:14px;font-weight:600;text-decoration:underline}.prj-internal__icon{background:var(--dark);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;text-decoration:none;display:inline-flex}.prj-internal__icon svg{fill:#fff;flex-shrink:0;width:16px;height:16px}.prj-konzepte{margin-top:64px}