#portfolio-filters{margin-bottom:20px;padding:10px;background:#f9f9f9;border:1px solid #ddd}
.filter-group{margin-bottom:15px;max-width:1100px}
.filter-group h4{margin:0;width:100%}
.filter-group h5{margin-bottom:5px;font-weight:700}
.filter-group label{display:block;margin-bottom:5px}
#portfolio-grid{display:flex;flex-wrap:wrap}
.portfolio-item{width:calc(33.3333% - 20px);box-sizing:border-box;border:1px solid #ddd;margin:10px;background:#fff;text-align:center; åoverflow: hidden;}
.portfolio-item a{color:#333}
.portfolio-item h3{text-align:left;margin:0}
.portfolio-item p{text-align:left;color:#333}
.portfolio-item img{width:100%;height:auto;margin-bottom:10px}
.filter-group{display:flex;flex-wrap:wrap;gap:0}
.attribute-group{display:flex;flex-direction:column;border:1px solid #ddd;background:#f9f9f9;border-radius:5px;min-width:200px;box-sizing:border-box;margin:0 15px 10px 0}
.attribute-group h5{margin:0 0 10px;font-size:14px;color:#333;text-align:left}
.attribute-group label{margin-bottom:0;font-size:16px;line-height:1.75}
#filter-project-type,.filter-select.attribute-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0 30px 0 10px;border:1px solid #e0e0e0;border-radius:3px;line-height:36px;height:36px;background:#fff url(https://www.bik3.de/wp-content/plugins/portfolio-grid-plugin/img/selecta.png) no-repeat 95% 50%;margin:0 5px 5px 0;position:relative}
#filter-project-type{background-position:99% 50%}
#filter-project-type,.filter-select.attribute-select::-ms-expand{display:none}
.filter-group input[type="checkbox"]{appearance:auto;height:auto}
button#reset-filters{border-color:rgba(0,0,0,0.75);color:rgb(0,0,0);visibility:visible;background-color:transparent;margin:0;min-width:200px}
button#reset-filters:hover{cursor:pointer;border-color:rgba(0,0,0);color:rgb(255,255,255);background-color:rgba(0,0,0)}
.hover-circle{position:absolute;width:80px;height:80px;background:rgba(255,255,255,0.5);backdrop-filter:blur(8px);border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:16px;font-weight:700;color:#fff;pointer-events:none;transform:translate(-50%,-50%) scale(0);transition:transform .2s ease;z-index:10}
.portfolio-item{margin-bottom:20px}
.portfolio-link{display:block;text-decoration:none}
.portfolio-background{position:relative;padding-bottom:calc((2 / 3) * 100%);overflow:hidden;    border-radius: 15px; border: 1px solid #e7e7e7;}
.portfolio-background::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-image:inherit;transition:transform .3s ease;z-index:0}
.portfolio-link:hover .portfolio-background::before{transform:scale(1.1)}
.portfolio-title{margin-top:10px;z-index:1;position:relative}
@media (max-width: 768px) {
.portfolio-item{width:calc(50% - 20px)}
}
@media (max-width: 480px) {
.portfolio-item{width:100%;margin:0}
.attribute-group{flex-direction:column;min-width:46%;width:46%;margin:0 10px 0 0}
#portfolio-filters{padding:0!important}
}