.responsive-phone .handleiding-product {margin-bottom: 15px }.handleiding-product .achtergrond {min-height: 100px;position: relative;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;border: 5px solid #eee;transition: all .5s ease;padding-top: 60px;border-radius: 1rem;overflow: hidden;margin: 1rem;}.handleiding-product .achtergrond img {width: 100%;margin: 0 }.handleiding-product .achtergrond .naam {transition: all .5s ease;position: absolute;top: 0;padding: 5px 3% 9px;width: 100%;background: #eee;color: var(--color2);font-size: 26px;font-weight: 600 }.handleiding-product .achtergrond .download {position: absolute;width: 100%;z-index: 999;display: none;transition: all .5s ease;top: 30px;text-align: center;background: #fff }.handleiding-product .achtergrond .download div {padding: 7px 0;font-size: 20px;font-style: italic }.handleiding-product .achtergrond:hover {border: 5px solid var(--color1);}.handleiding-product .achtergrond:after {transition: all .5s ease }.handleiding-product .achtergrond:after {content: "\f019";font-family: "Font Awesome 5 Pro";position: absolute;right: 15px;font-size: 50px;opacity: 0;bottom: 0;color: var(--color1);}.handleiding-product .achtergrond:hover:after {color: var(--color2);}.handleiding-product .achtergrond:hover:after {opacity: 1 }.handleiding-product .achtergrond:hover .naam {background: var(--color1);color: #fff }@media(min-width: 351px) {.handleiding-product .achtergrond {padding-top:20px;}}@media(min-width:576px){.handleiding-product .achtergrond {padding-top: 70px;}}@media(min-width:1200px){.handleiding-product .achtergrond {padding-top: 0px;}}