.contentelement__hoverboxgrid{background-color:black}.contentelement__hoverboxgrid .container.typography{padding:20px}.contentelement__hoverboxgrid .container.typography .main-content{min-height:500px}.contentelement__hoverboxgrid .container.typography .hover-box{background-color:transparent;border:4px solid white;border-radius:2rem;padding:20px;display:flex;justify-content:center;align-items:center;text-align:center;position:relative;margin-bottom:10px;box-sizing:border-box;overflow:hidden;transition:border-color 0.3s ease, transform 0.3s ease}@media (min-width:992px){.contentelement__hoverboxgrid .container.typography .hover-box{height:200px;margin-bottom:0}}.contentelement__hoverboxgrid .container.typography .hover-box .normal-text{color:var(--red);font-size:2rem;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:1;opacity:1;transition:opacity 0.3s ease, visibility 0.3s ease}.contentelement__hoverboxgrid .container.typography .hover-box .hover-image{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;opacity:0;transition:opacity 0.3s ease;z-index:0}.contentelement__hoverboxgrid .container.typography .hover-box .hover-image-logo{transition:transform 0.3s ease}.contentelement__hoverboxgrid .container.typography .hover-box:hover{border-color:gray}.contentelement__hoverboxgrid .container.typography .hover-box:hover .hover-image{opacity:1}.contentelement__hoverboxgrid .container.typography .hover-box:hover .normal-text{opacity:0;visibility:hidden}.contentelement__hoverboxgrid .container.typography .hover-box:hover .hover-text{display:block;opacity:1;visibility:visible}.contentelement__hoverboxgrid .container.typography .hover-box .hover-text{display:block;position:absolute;bottom:20px;left:50%;transform:translateX(-50%);background-color:var(--black);padding:6px 12px;border-radius:99rem;color:var(--white);font-size:1rem;line-height:1;z-index:2;opacity:0;visibility:hidden;transition:opacity 0.3s ease, visibility 0.3s ease;margin-bottom:0}@media (min-width:992px){.contentelement__hoverboxgrid .container.typography .left-top-pair{align-items:stretch}.contentelement__hoverboxgrid .container.typography .left-top-pair>.col-6{display:flex}.contentelement__hoverboxgrid .container.typography .left-top-pair>.col-6 .hover-box{height:200px}}@media (min-width:992px){.contentelement__hoverboxgrid .container.typography .left-column,.contentelement__hoverboxgrid .container.typography .second-column,.contentelement__hoverboxgrid .container.typography .third-column{display:flex;flex-direction:column;row-gap:1rem}.contentelement__hoverboxgrid .container.typography .left-column .left-top-pair{flex:1 1 0;margin-bottom:0}.contentelement__hoverboxgrid .container.typography .left-column .left-bottom{flex:2 1 0;margin-top:0 !important}.contentelement__hoverboxgrid .container.typography .left-column .left-bottom .hover-box{height:100%}.contentelement__hoverboxgrid .container.typography .second-column .hover-box{height:100%}.contentelement__hoverboxgrid .container.typography .third-column .fifth-box{flex:1 1 0}.contentelement__hoverboxgrid .container.typography .third-column .sixth-box{flex:2 1 0;margin-top:0 !important}}@media (min-width:992px){.contentelement__hoverboxgrid .container.typography .tail-row-1 .tail-1-box{height:calc(calc(200px * 2 + 1rem) * 2 / 3)}}@media (min-width:992px){.contentelement__hoverboxgrid .container.typography .tail-row-2 .tail-2-box{height:calc(calc(200px * 2 + 1rem) * 2 / 3)}}@media (max-width:991px){.contentelement__hoverboxgrid .container.typography .hover-box{flex-direction:column;min-height:250px;margin-bottom:1rem !important}.contentelement__hoverboxgrid .container.typography .normal-text,.contentelement__hoverboxgrid .container.typography .hover-text{font-size:0.9rem}.contentelement__hoverboxgrid .container.typography .left-column,.contentelement__hoverboxgrid .container.typography .second-column,.contentelement__hoverboxgrid .container.typography .third-column{margin-bottom:0 !important}.contentelement__hoverboxgrid .container.typography .left-bottom,.contentelement__hoverboxgrid .container.typography .sixth-box{margin-top:0 !important}.contentelement__hoverboxgrid .container.typography .row.main-content .col-lg-4:not(:last-child){margin-bottom:0}}.contentelement__hoverboxgrid .container.typography .mt-2{margin-top:1rem}.jumpmark{cursor:pointer}