.containerindex{height:400px;display:flex;flex-wrap:nowrap;justify-content:start;}.cardindex{width:80px;border-radius:.75rem;background-size:cover;cursor:pointer;overflow:hidden;border-radius:2rem;margin:0 10px;display:flex;align-items:flex-end;transition:.6s cubic-bezier(.28,-.03,0,.99);box-shadow:0 10px 30px -5px rgba(0,0,0,.8);}.cardindex>.rowindex{color:#fff;display:flex;flex-wrap:nowrap;}.cardindex>.rowindex>.icon{background:#223;color:#fff;border-radius:50%;width:50px;display:flex;justify-content:center;align-items:center;margin:15px;}.cardindex>.rowindex>.description{display:flex;justify-content:center;flex-direction:column;overflow:hidden;height:80px;width:520px;opacity:0;transform:translateY(30px);transition-delay:.3s;transition:all .3s ease;}.description p{color:#b0b0ba;padding-top:5px;}.description h4{text-transform:uppercase;}.punkt{display:none;}.punkt:checked+label{width:600px;}.punkt:checked+label .description{opacity:1!important;transform:translateY(0)!important;}.cardindex[for=c1]{background-image:url("/images/homepage/kursflex0.0.3.jpg");}.cardindex[for=c2]{background-image:url("/images/homepage/werbebildschirm0.5.jpg");}.cardindex[for=c3]{background-image:url("/images/homepage/qrstudio3.jpg");}.cardindex[for=c4]{background-image:url("/images/homepage/smartapp.jpg");}.img-container img{transition:transform .3s ease;}.img-container img:hover{transform:scale(1.2);}