*{margin:0;padding:0;text-decoration:none;--height-post:450px;--size-title-post:27px;--size-tag-post:16px}.prjts{display:flex;flex-wrap:wrap;gap:10px;margin:auto;width:100%}.infos-category{display:flex;flex-direction:column;max-width:731px;width:40%;height:var(--height-post)}.infos-category .description-info{font-size:24px;color:#555;margin-bottom:40px;margin-top:24px}.list-categories{display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px}.list-categories span{font-size:16px;text-transform:capitalize;cursor:pointer;padding:6px 16px 6px 16px;transition:all 0.3s ease-in-out}.list-categories span:hover{background-color:#500C11;color:#fff}.active-category{gap:12px;background-color:#500C11;color:#fff}.row-prjt{display:flex;gap:20px;height:var(--height-post);width:100%}.row-1 .infos-category{width:40%}.row-1 .one-post:nth-child(2){width:60%}.row-2 .one-post:nth-child(1){width:40%}.row-2 .one-post:nth-child(2){width:25%}.row-2 .one-post:nth-child(3){width:35%}.row-3 .one-post:nth-child(1){width:40%}.row-3 .one-post:nth-child(2){width:35%}.row-3 .one-post:nth-child(3){width:25%}.row-4 .one-post:nth-child(1){width:40%}.row-4 .one-post:nth-child(2){width:60%}.one-post{position:relative;overflow:hidden;height:var(--height-post)}.one-post img{width:100%;height:100%;object-fit:cover}.overlay{position:absolute;bottom:0;left:0;right:0;background:#020024;background:linear-gradient(180deg,#fff0 50%,rgb(0 0 0 / .8) 100%);color:#fff;padding:20px;text-align:left;transition:background 0.3s ease}.text p{margin:0;font-weight:700;font-size:var(--size-tag-post);text-transform:uppercase}.text h3{margin:5px 0 0;font-size:var(--size-title-post);color:#fff}#load-more{display:none;background-color:#500C11;color:#fff;padding:12px 32px 12px 32px;margin:50px auto;cursor:pointer}.map-prjts{position:relative;background-color:#500C11;padding-top:120px}.map-prjts .container{display:flex;justify-content:space-between}.filter-map{display:flex;flex-direction:column;width:450px}.map-prjts h2{font-size:32px;color:#fff;margin-bottom:30px}.map-prjts input{border:1px solid #fff;background-color:unset;width:100%;padding:0;color:#fff}#button-reset{border:1px solid #fff;padding:10px 32px 10px 32px;width:100%;cursor:pointer;margin-top:10px;color:#500C11;background-color:#fff;text-align:center}.map-prjts input::placeholder{color:#fff}.map-prjts input::after{content:'';font-family:"Font Awesome 6 Free";font-weight:900}.string-search{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #fff;padding:10px 32px 10px 32px;width:100%}.string-search i{color:#fff}#search-prjt{border:none;outline:none;background-color:unset;width:auto}.grp-city{position:relative;margin-top:10px}#active-city,#active-category{display:flex;justify-content:space-between;color:#fff;border:1px solid #fff;padding:10px 32px 10px 32px;width:100%;cursor:pointer}#active-city:after,#active-category:after{content:'';font-family:"Font Awesome 6 Free";font-weight:900}.list-city,.list-category{position:absolute;top:50px;display:none;flex-direction:column;gap:10px;background-color:#fff;width:100%;padding:20px 32px 20px 32px}.list-city-active,.list-category-active{display:flex}.list-city span,.list-category span{padding:5px 10px;cursor:pointer;transition:all 0.3s ease-in-out}.list-city span:hover,.list-category span:hover{background-color:#500C11;color:#fff}.item-location h3{color:#fff}.item-location{display:flex;flex-direction:column}.item-location a{margin-top:20px;color:#fff}.item-location span{color:#fff}.list-location{display:flex;flex-direction:column;gap:30px;overflow-y:scroll;direction:rtl;text-align:left;padding:0 15px;color:#fff;height:350px}::-webkit-scrollbar{width:3px;height:10px}::-webkit-scrollbar-thumb{background-color:#fff;border-radius:10px}::-webkit-scrollbar-track{background-color:#b4b4b4;border-radius:10px}::-webkit-scrollbar-thumb:hover{background-color:#555}.map-location{display:flex;justify-content:center;align-items:flex-start;width:-webkit-fill-available}#map{height:80%;width:60%}.marker-grp,.marker-grps{display:flex;align-items:center;justify-content:center;cursor:pointer}.popup-prjts{position:absolute;display:none;flex-direction:column;gap:2px;right:50px}.button-close{display:flex;align-items:start}.button-close i{display:flex;justify-content:center;align-items:center;height:50px;width:50px;background-color:#fff;color:#500C11;border:1px solid #fff;cursor:pointer;transition:all 0.3s ease-in-out;font-size:16px}.button-close i:hover{background-color:#500C11;color:#fff;border:1px solid #fff}.border-popup{position:relative;background-color:#fff;padding:10px 10px 10px 10px}.content-popup{display:flex;flex-direction:column;gap:30px;padding:10px 10px 10px 10px;background-color:#fff;width:450px;height:550px;overflow-y:scroll}.item-popup{display:flex;flex-direction:column;gap:10px}.image-prjt{width:100%;height:200px}.image-prjt img{width:100%;height:100%;object-fit:cover}.title-prjt{font-size:24px;font-weight:600;padding-bottom:10px;border-bottom:2px solid #dfdfdf;margin-top:20px;font-size:18px;color:#555}.infos-prjt{display:flex;justify-content:space-between;margin-top:10px}.item-info{display:flex;flex-direction:column;font-family:haskoy}.item-info span{font-size:16px;color:#555}.item-info span:nth-child(1){font-weight:500;text-transform:uppercase;color:#555;font-size:16px;font-family:haskoy}.item-info span:nth-child(2){color:#555}.address h5,.leistungen h5{text-transform:uppercase;color:#555;font-size:16px;font-family:haskoy;font-weight:500}.address p,.leistungen p{font-size:16px;color:#555;font-family:haskoy}.content-popup::-webkit-scrollbar{width:3px;height:10px}.content-popup::-webkit-scrollbar-thumb{background-color:#500C11;border-radius:10px}.content-popup::-webkit-scrollbar-track{background-color:#b4b4b4;border-radius:10px}.content-popup::-webkit-scrollbar-thumb:hover{background-color:#555}.item-popup a{color:#555;transition:all 0.3s ease-in-out}.item-popup a:hover{color:#500C11}.overlay-popup{position:absolute;bottom:0;left:0;right:0;background:#fff;background:linear-gradient(0deg,rgb(255 255 255) 20%,#fff0 100%);color:#fff;padding:20px;height:20%;text-align:left;transition:background 0.3s ease;pointer-events:none}.poup-active{display:flex}.one-post{position:relative;overflow:hidden;height:var(--height-post);width:25%}.one-post:nth-child(2n+1){flex-grow:2}.one-post:nth-child(9n+9){flex-grow:2}.one-post:nth-child(2){width:calc(60% - 10px)}.one-post img{width:100%;height:100%;object-fit:cover}video{height:100%}@media (max-width:700px){.infos-category{width:100%;height:auto;margin-bottom:20px}.one-post{width:100%}.one-post:nth-child(2n+1){flex-grow:1}.one-post:nth-child(9n+9){flex-grow:1}.one-post:nth-child(2){width:100%}.map-prjts{flex-direction:column;width:100%}.filter-map{width:100%}.map-location{width:100%}#map{height:auto;width:100%}.popup-prjts{position:fixed;top:0;left:0;width:100vw;height:100vh;flex-direction:column;gap:2px;background-color:#fff;z-index:99;overflow:auto}.content-popup{width:100%;height:100%}.item-popup{width:100%}.infos-prjt{flex-direction:column}.border-popup{z-index:999;height:100%}.button-close{z-index:9999}}