<style> .body-content { padding-left: 15px; padding-right: 15px } .small { font-size: 11px } .imagebox { max-width: 700px } .item-product { margin-top: 25px } .product { width: 300px; float: left } .display { display: none } .product-next { width: 300px; float: left; margin-left: 20px } .item-content { padding: 10px 0 10px 0; margin-top: -4px; background-color: #182542; transition-property: background-color; transition-duration: 1.5s; font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif; font-size: 16px; text-transform: uppercase; font-weight: 400; text-align: center; color: #fff } .item-image { opacity: 1; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out } .item-image:hover { opacity: .2 } .item-content:hover { padding: 10px 0 10px 0; margin-top: -4px; background-color: #84bf41; font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif; font-size: 16px; text-transform: uppercase; font-weight: 400; text-align: center; color: #fff } .item-contenttop { padding: 15px 0 15px 0; margin-top: -4px; background: #f2f2f2; font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif; font-size: 16px; text-transform: uppercase; font-weight: 400; text-align: center; color: #160000 } .item-circle { width: 50px; height: 50px; border-radius: 50%; font-size: 18px; color: #160000; margin-bottom: 25px; line-height: 50px; text-align: center; background: #f2f2f2 } .item-content a { font-size: .8rem!important; color: #fff } .item-content a:hover { font-size: .8rem!important; color: #fff } .container { position: relative; width: 100% } .image { display: block; width: 100%; height: auto } .image { display: block; width: 100%; height: auto } .userTypeLink { color: #160000; font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif; font-size: 16px; font-weight: 400; line-height: 30px; text-align: center; margin-right: 1%; margin-left: 1% } .userTypeLink:hover { color: #84bf41; visibility: inherit } .userTypeLinkProdukte { color: #fff; font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif; font-size: 16px; font-weight: 400; line-height: 16px; text-align: center; margin-right: 1%; margin-left: 1% } .userTypeLinkProdukte:hover { color: #84bf41; visibility: inherit } .HeaderBlock { margin-top: 25px; height: 250px } .HeaderLine { height: 4px; left: 3px; background-color: #84bf41; width: 100%; float: left } .HeaderLine50 { height: 2px; left: 3px; background-color: #84bf41; width: 100%; float: left } .HeaderLineItem { height: 4px; left: 3px; background-color: #84bf41; width: 100%; float: left; margin-bottom: 5px } </style> <div class="Abstand"></div> <div> <div class="AbstandProdukte"> <div style="float: left; width: 300px; margin-right: 20px;"> <div class="HeaderLine"> </div> <a href='/display/PublicZVR'> <img class="item-image" src="/download/attachments/113115499/Produkt_Zvr.jpg" /> </a> <div class="item-content"> <a class="userTypeLinkProdukte" href="/display/PublicZVR">Zentrales Vertragsregister (ZVR)</a> </div> </div> <div style="float: left; width: 300px; margin-right: 0px;"> <div class="HeaderLine"> </div> <a href='/display/PublicZSR'> <img class="item-image" src="/download/attachments/113115499/Produkt_Zsr.jpg" /> </a> <div class="item-content"> <a class="userTypeLinkProdukte" href="/display/PublicZSR">Zahlstellenregister (ZSR)</a> </div> </div> </div> </div> |