.hr-portfolio-card{border:none;position:relative;margin-bottom:25px}.hr-portfolio-card .hr-portfolio-bg{width:100%;height:280px;background-position:center;background-repeat:no-repeat;background-size:cover;position:relative;border-radius:8px}.hr-portfolio-card .hr-portfolio-bg .hr-portfolio-over-content{width:100%;height:100%;position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;opacity:0;background:#0000004d;border-radius:8px}.hr-portfolio-card .hr-portfolio-bg:hover .hr-portfolio-over-content{opacity:1}.hr-portfolio-card .hr-portfolio-bg .hr-portfolio-over-content .hr-portfolio-content-warp{background:#00000080;padding:10px 15px;width:100%}.hr-portfolio-card .hr-portfolio-bg .hr-portfolio-over-content .hr-sub-titel{font-size:18px;line-height:22px}.hr-portfolio-card .hr-portfolio-bg .hr-portfolio-over-content .hr-portfolio-content-warp .hr-sub-titel{color:#fff}.hr-portfolio-card .hr-portfolio-bg .hr-portfolio-over-content .hr-sub-titel h5,.hr-portfolio-card .hr-portfolio-bg .hr-portfolio-over-content .hr-sub-titel .h5{font-size:18px;line-height:22px;color:#fff}.hr-portfolio-card .hr-portfolio-bg .hr-portfolio-over-content .hr-titel{margin-bottom:0;font-size:26px;line-height:30px;color:#fff}.hr-portfolio-card .hr-portfolio-bg .hr-portfolio-over-content .hr-titel h3,.hr-portfolio-card .hr-portfolio-bg .hr-portfolio-over-content .hr-titel .h3{margin-bottom:0;font-size:26px;line-height:30px;color:#fff}.hr-portfolio-card .hr-portfolio-bg .hr-portfolio-over-content .hr-titel h3 a{color:#fff}@media(max-width:1024px){.hr-portfolio-card .hr-portfolio-bg{height:450px}}@media(max-width:767.98px){.hr-portfolio-card .hr-portfolio-bg{height:280px}}