.referenzcontainer{display:grid;grid-template-columns:auto 8vw 62.06vw 8vw auto 17px;grid-template-rows:4.2vw 8vw auto 4.2vw 14vw 4.2vw;width:100vw}.referenzkasten{background-color:#000;grid-area:2/2/span 4/span 3}.referenztext1,.referenztext2,.referenztext3,.referenztext4,.referenztext5,.referenztext6,.referenztext7{align-self:center;grid-area:3/3/span 1/span 1;justify-self:center}.referenzperson1 p,.referenzperson2 p,.referenzperson3 p,.referenzperson4 p,.referenzperson5 p,.referenzperson6 p,.referenzperson7 p{text-align:center}.referenztext1{display:block}.referenztext2,.referenztext3,.referenztext4,.referenztext5,.referenztext6,.referenztext7{display:none}.referenzperson1,.referenzperson2,.referenzperson3,.referenzperson4,.referenzperson5,.referenzperson6,.referenzperson7{align-self:start;grid-area:5/3/span 1/span 1;justify-self:center}.referenzperson1{display:block}.referenzperson2,.referenzperson3,.referenzperson4,.referenzperson5,.referenzperson6,.referenzperson7{display:none}.links_r{content:url(https://images.visi-one.com/hubfs/07-22/linkspfeil.svg);grid-area:2/1/span 4/span 1;justify-self:end;padding-right:3vw}.links_r,.rechts_r{align-self:center;background-color:#fff;max-width:1vw}.rechts_r{content:url(https://images.visi-one.com/hubfs/07-22/rechtspfeil.svg);grid-area:2/5/span 4/span 1;justify-self:start;padding-left:3vw}.punkter-container{display:grid;grid-template-columns:auto 8vw 17.03vw repeat(7,4vw) 17.03vw 8vw auto 17px;grid-template-rows:1.5vw 4.2vw;height:5.7vw;width:100vw}#pu1r{grid-area:1/4/span 1/span 1}#pu2r{grid-area:1/5/span 1/span 1}#pu3r{grid-area:1/6/span 1/span 1}#pu4r{grid-area:1/7/span 1/span 1}#pu5r{grid-area:1/8/span 1/span 1}#pu6r,#pu7r{grid-area:1/9/span 1/span 1}#pu1r,#pu2r,#pu3r,#pu4r,#pu5r,#pu6r,#pu7r{justify-self:center}#pu1r:hover,#pu2r:hover,#pu3r:hover,#pu4r:hover,#pu5r:hover,#pu6r:hover,#pu7r:hover{cursor:pointer}.punkter{content:url(https://images.visi-one.com/hubfs/07-22/point_grey.svg);max-width:2vw}.punkter-aktiv{content:url(https://images.visi-one.com/hubfs/07-22/point_black.svg);max-width:2vw}.links_r:hover,.rechts_r:hover{cursor:pointer}@media(min-width:1400px){.referenzcontainer{grid-template-columns:auto 112px 869px 112px auto 17px;grid-template-rows:59px 112px auto 59px 120px 59px}.punkter-container{grid-template-columns:auto 112px 238px repeat(7,56px) 238px 112px auto 17px;grid-template-rows:21px 59px;height:80px}}@media(max-width:900px){.referenztext1 h5,.referenztext2 h5,.referenztext3 h5,.referenztext4 h5,.referenztext5 h5,.referenztext6 h5,.referenztext7 h5{font-size:2.4vw}.linksr{grid-area:3/1/span 5/span 1;max-width:3vw}.rechtsr{grid-area:3/13/span 5/span 1}.punkter,.punkter-aktiv,.rechtsr{max-width:3vw}}@media(max-width:550px){.referenzcontainer{grid-template-rows:4.2vw 8vw auto 4.2vw 25vw 4.2vw}.referenzkasten{background-color:#000;grid-area:2/2/span 4/span 3}.referenztext1 h5,.referenztext2 h5,.referenztext3 h5,.referenztext4 h5,.referenztext5 h5,.referenztext6 h5,.referenztext7 h5{font-size:17px}.linksr{grid-area:3/1/span 5/span 1;max-width:22vw}.rechtsr{grid-area:3/7/span 5/span 1;max-width:22vw}.punkter,.punkter-aktiv{max-width:1.2vw}}