.grid.projekt-raster-grid{gap:var(--gap-large)}.grid.projekt-raster-grid .grid-small{gap:var(--gap-small)}@media only screen and (min-width:1025px){.grid.grid-three-cols,.grid.grid-big{grid-template-columns:repeat(2,1fr)}.grid.grid-small{grid-template-columns:repeat(4,1fr)}}@media only screen and (min-width:1400px){.grid.grid-three-cols,.grid.grid-big{grid-template-columns:repeat(3,1fr)}.grid.grid-small{grid-template-columns:repeat(6,1fr)}}.projekt-item{position:relative;overflow:hidden}.project-inner-sizer{width:100%;padding-bottom:80%}figure.project-inner{position:absolute;width:100%;height:100%;top:0;left:0}.project-image{width:100%;height:100%;object-fit:cover;background-size:cover;background-position:center;filter:grayscale(1);transition:all .3s ease-in-out}.projekt-item:hover .project-image{transform:scale(1.05);filter:grayscale(0)}figcaption.project-content-wrapper{position:absolute;top:0;width:100%;height:100%;padding:20px;background:linear-gradient(180deg,#fff0 0%,rgb(0 0 0 / .6) 100%)}.project-content-inner{height:100%;width:100%;border:1px solid #fff0;border-image:linear-gradient(to bottom,#b2b3b3,#fff);border-image-slice:1;display:flex;align-items:flex-end;justify-content:center;position:relative;padding:5px 10px;border-bottom:0}.project-content-inner::before,.project-content-inner::after{content:'';width:30px;background:#fff;position:absolute;left:0;bottom:0;height:1px}.project-content-inner::before{left:auto;right:0}h3.project-title{position:relative;transform:translateY(10px);width:calc(100% - 80px);text-align:center;margin:0}.main_color h3.project-title{color:#fff}.grid-small h3.project-title{font-size:19px}.projekt-raster-filter{display:flex;align-items:center;justify-content:center;gap:var(--gap-small);flex-wrap:wrap;margin-bottom:20px;width:100%}.projekt-raster-filter button{background:var(--enfold-main-color-secondary);border:0;color:#fff;padding:5px 10px;transition:all .3s ease-in-out;cursor:pointer}.projekt-raster-filter button{text-transform:uppercase;font-weight:600}.projekt-raster-filter button:hover,.projekt-raster-filter button.active{background:var(--enfold-main-color-primary)}.projekt-raster-filter button[data-filter="bauwerk"].active,.projekt-raster-filter button[data-filter="bauwerk"]:hover{background:#d7b56d}.projekt-controls{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--gap-large);font-size:15px}.main_color button#sort-toggle-btn{border:1px solid var(--enfold-main-color-secondary);background:#fff;padding:5px 15px 3px 10px;cursor:pointer;transition:all .3s ease-in-out;color:var(--enfold-main-color-secondary)}button#sort-toggle-btn:hover{background:var(--enfold-main-color-secondary);color:#fff}.sorting{margin-left:auto}.main_color .layout-switch{margin-left:var(--gap-medium);border:1px solid var(--enfold-main-color-secondary);display:flex}.layout-switch button{background:#fff0;border:0;cursor:pointer;padding:4px;transition:all .3s ease-in-out}.layout-switch button:hover,.layout-switch button.active{background:var(--enfold-main-color-secondary)}.layout-switch button:first-child{border-right:1px solid var(--enfold-main-color-secondary)}.layout-switch button .material-symbols-sharp{color:var(--enfold-main-color-primary);transition:all .3s ease-in-out}.layout-switch button.active .material-symbols-sharp,.layout-switch button:hover .material-symbols-sharp{font-variation-settings:'FILL' 1;color:#fff}.main_color .layout-switch:hover button{opacity:.5}.main_color .layout-switch:hover button:hover{opacity:1}@media only screen and (max-width:1024px){.main_color .layout-switch{display:none}}