<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; } .general-item-content { background-color: #fff; border: 1px solid #182542; } .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 !important; //TG 190614: increased importance to overwrite confluence settings 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 } .Header { color: #160000; font-family: 'sansationregular','Lato',Arial,Helvetica Neue,Helvetica,sans-serif; font-size: 25px; line-height: 30px; margin-top: 20px; margin-bottom: 10px; } .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 } .item-link-box { float: left; max-width: 992px; margin: 30px 0; clear: both; } .item-link-box .Header { margin-bottom: 15px; } .item-content-button { width: 300px; min-height: 100px; border: 0; margin-right: 20px; margin-bottom: 15px; padding: 10px; border-top: 4px solid #84bf41; } .wiki-content .item-content-button a { color: #fff; } </style> <div class="Abstand"></div> <div> <div class="AbstandProdukte"> <!-- <div style="float: left; width: 300px; margin-right: 20px;"> <div class="Header">VEKA</div> <div class="HeaderLine"> </div> <a href='/display/PublicVEKA'> <img class="item-image" src="/download/attachments/113115499/Produkt_VEKA.jpg" /> </a> <div class="item-content"> <a class="userTypeLinkProdukte" href="/display/PublicVEKA">Versichertenkarte (VEKA)</a> </div> </div> --> <div style="float: left; width: 300px; margin-right: 20px;"> <div class="Header">ZSR</div> <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 style="float: left; width: 300px; margin-right: 20px;"> <div class="Header">ZVR</div> <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> <div class="item-link-box"> <div class="Header">Hilfe & Anleitungen</div> <button type="button" class="item-content item-content-button"> <a href="/display/PublicSASIS/SASIS+Login+Registrierung+und+Anwendung">SASIS Login</br>Registrierung und Anwendung</a> </button> </div> </div> |