:root{--clr-primary: #DC0C15;--clr-accent: #a01e24;--clr-white: #f4f6fc;--clr-light: #E3E3E3;--clr-gray: #C6C6C6;--clr-dark: #363232;--clr-black: #101010;--clr-error: #F13434;--font-color: var(--clr-dark);--font-family: pt-sans, sans-serif;--font-headline: var(--font-family);--body-background: var(--clr-white);--footer-background: var(--body-background);--transition-duration: .35s;--transition-easing: cubic-bezier(.37,0,.25,.99);--font-link-color: var(--clr-primary);--font-link-color-hover: var(--clr-accent)}.dropdown-projekte-container{container:dropdown-projekte/inline-size}@container dropdown-projekte (width > 420px){.dropdown-projekte-grid{grid-template-columns:repeat(2,1fr)}}@container dropdown-projekte (width > 600px){.dropdown-projekte-grid{grid-template-columns:repeat(3,1fr)}}.dropdown-projekte-content{border-left:2px solid var(--clr-primary)}.dropdown-projekte-item.blank{min-height:200px}.dropdown-projekte-item.blank .dropdown-projekte-title:before{content:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="white" viewBox="0 0 14 14" width="24" height="24"><g><path d="M1.4,14l-1.4-1.4L10.6,2H2V0h12v12h-2V3.4L1.4,14Z"/></g></svg>');display:block;width:24px;height:24px;margin-left:auto;margin-bottom:4px}@container dropdown-projekte (width > 600px){.dropdown-projekte-item:last-child{grid-column-end:-1}.dropdown-projekte-item:last-child:nth-child(3n){grid-column-start:3}.dropdown-projekte-item:last-child:nth-child(3n+1){grid-column-start:1}.dropdown-projekte-item:last-child:nth-child(3n+2){grid-column-start:2}.dropdown-projekte-item:last-child:nth-child(3n+2):nth-child(n+5){grid-column-start:3;grid-row:1/span 2}}.dropdown-projekte-image{grid-row:1/2}