.projekte{background:var(--projekte-background, #f8fafc)}.projekte .projekte__container{max-width:120rem;margin:0 auto;padding-left:2.4rem;padding-right:2.4rem}.projekte__header{max-width:78rem;margin:0 auto 3.6rem;text-align:center}.projekte__heading{margin:0;font-weight:800;line-height:1.15;color:#0f172a}.projekte__subline{margin:1.4rem auto 0;font-size:1.8rem;line-height:1.6;color:#64748b}.projekte__grid{display:grid;grid-template-columns:1fr;gap:clamp(2.4rem,3vw,3.2rem);align-items:stretch}.project-card{height:100%;display:flex;flex-direction:column;align-items:center;background:#fff;border:.1rem solid #e2e8f0;border-radius:2rem;padding:2.4rem 2.8rem 2.8rem;box-shadow:0 1.8rem 5rem #0f172a0f;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.project-card:hover{transform:translateY(-.4rem);box-shadow:0 2.8rem 7rem #0f172a1f}.project-card.featured{border-color:#1a2839;box-shadow:0 3rem 8rem #0f172a24;transform:translateY(-.8rem)}.project-card.featured:hover{transform:translateY(-1.2rem)}.project-badge{margin:0;display:inline-flex;align-items:center;gap:.6rem;align-self:flex-start;background:#eff6ff;color:#1d4ed8;border-radius:999px;padding:.8rem 1.2rem;font-size:1.3rem;font-weight:700;line-height:1}.project-badge__icon{width:1.6rem;height:1.6rem;display:inline-flex;align-items:center;justify-content:center}.project-badge__icon svg{width:1.6rem;height:1.6rem;stroke:currentColor}.project-image-wrapper{width:100%;height:32rem;margin-top:1.8rem;display:flex;align-items:center;justify-content:center;overflow:hidden}.project-image{width:100%;height:100%;object-fit:contain;object-position:center;max-width:100%;max-height:100%;filter:drop-shadow(0 2.8rem 4.5rem rgba(15,23,42,.18))}.project-image--placeholder{color:#94a3b899}.project-title{margin:1.2rem 0 0;line-height:1.18;text-align:center;color:#0f172a}.project-specs{margin:.8rem 0 0;font-size:1.5rem;line-height:1.6;text-align:center;color:#64748b}.project-divider{width:100%;border-top:.1rem solid #e2e8f0;margin:1.8rem 0}.project-actions{width:100%;display:flex;flex-direction:column;gap:.9rem;align-items:center}.project-actions .button{width:100%}@media screen and (min-width:750px){.projekte__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (min-width:990px){.projekte__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (max-width:989px){.project-card.featured{transform:none}.project-card.featured:hover{transform:translateY(-.4rem)}}@media screen and (max-width:749px){.projekte__header{margin-bottom:2.8rem}.projekte__subline{font-size:1.7rem}.project-image-wrapper{height:24rem}}
/*# sourceMappingURL=/cdn/shop/t/40/assets/component-projekte.css.map */