<style>
.body-content {.product-next {
width: 300px;
floatpadding-left: left15px;
marginpadding-leftright: 20px15px
}
.item-contentsmall {
paddingfont-size: 10px 0 10px 0;
11px
}
margin-top: -4px;.imagebox {
backgroundmax-colorwidth: #182542;700px
transition-property: background-color;}
.item-product {
transitionmargin-durationtop: 1.5s;
25px
}
font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;.product {
font-sizewidth: 16px300px;
text-transformfloat: uppercase;left
font-weight: 400;}
text-align: center;.display {
colordisplay: #fff;none
}
.generalproduct-item-contentnext {
background-colorwidth: #fff300px;
borderfloat: 1px solid #182542;left;
margin-left: 20px
}
.item-imagecontent {
opacity: 1padding: 10px 0 10px 0;
margin-webkit-transition: .3s ease-in-outtop: -4px;
transitionbackground-color: .3s ease-in-out
}
#182542;
.itemtransition-imageproperty:hover {background-color;
opacitytransition-duration: 1.25s;
}
.item-content:hover {
padding: 10px 0 10px 0;
margin-top: -4px;
background-color: #84bf41;
font- 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-contenttopcontent {
paddingbackground-color: 15px 0 15px 0#fff;
margin-top: -4pxborder: 1px solid #182542;
background: #f2f2f2;}
font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;.item-image {
font-sizeopacity: 16px1;
text-webkit-transformtransition: uppercase .3s ease-in-out;
font-weight: 400;
transition: .3s ease-in-out
}
text.item-alignimage:hover center;{
coloropacity: #160000.2
}
.item-circlecontent:hover {
widthpadding: 50px10px 0 10px 0;
heightmargin-top: 50px-4px;
borderbackground-radiuscolor: 50%#84bf41;
font-size: 18pxfamily: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
colorfont-size: #16000016px;
margintext-bottomtransform: 25pxuppercase;
linefont-heightweight: 50px400;
text-align: center;
backgroundcolor: #f2f2f2#fff
}
.item-content acontenttop {
font-size: .8rem!importantpadding: 15px 0 15px 0;
colormargin-top: #fff-4px;
}
background: #f2f2f2;
.item-content a:hover {font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: .8rem!important16px;
colortext-transform: #fffuppercase;
}
.container { font-weight: 400;
positiontext-align: relativecenter;
widthcolor: 100%#160000
}
.imageitem-circle {
displaywidth: block50px;
widthheight: 100%50px;
heightborder-radius: auto50%;
}
.image { font-size: 18px;
displaycolor: block#160000;
widthmargin-bottom: 100%25px;
line-height: auto50px;
}
.userTypeLink { text-align: center;
colorbackground: #160000;#f2f2f2
}
font.item-family: 'Lato'content a, Arial, Helvetica Neue, Helvetica, sans-serif;a .item-content {
font-size: 16px.8rem!important;
font-weightcolor: 400#fff;
line-height: 30pxcursor:pointer;
text-align: center;padding: 13px 0 10px 0;
line-height:1.5;
}
.item-content a:hover {
marginfont-rightsize: 1%.8rem!important;
margin-leftcolor: 1%#fff
}
.userTypeLink:hovercontainer {
colorposition: #84bf41relative;
visibilitywidth: inherit100%
}
.userTypeLinkProdukteimage {
colordisplay: #fff !important; //TG 190614: increased importance to overwrite confluence settingsblock;
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: 16px30px;
text-align: center;
margin-right: 1%;
margin-left: 1%
}
.userTypeLinkProdukteuserTypeLink:hover {
color: #84bf41;
visibility: inherit
}
.HeaderuserTypeLinkProdukte {
color: #fff !important; //TG color190614: increased #160000;
importance to overwrite confluence settings
font-family: 'sansationregular','Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 25px16px;
font-weight: 400;
line-height: 30px16px;
text-align: center;
margin-topright: 20px1%;
margin-bottomleft: 10px;1%
}
.HeaderBlockuserTypeLinkProdukte:hover {
margin-topcolor: 25px#84bf41;
heightvisibility: 250pxinherit
}
.HeaderLineHeader {
height: 4px;
left: 3px;
background-color: #84bf41;
width: 100% color: #160000;
font-family: 'sansationregular','Lato',Arial,Helvetica Neue,Helvetica,sans-serif;
font-size: 25px;
line-height: 30px;
margin-top: 20px;
floatmargin-bottom: left10px;
}
.HeaderLine50HeaderBlock {
heightmargin-top: 2px25px;
leftheight: 3px;250px
}
.HeaderLine {
height: 4px;
left: 3px;
background-color: #84bf41;
width: 100%;
float: left
}
.HeaderLineItemHeaderLine50 {
height: 4px2px;
left: 3px;
background-color: #84bf41;
width: 100%;
float: left;
}
margin-bottom: 5px.HeaderLineItem {
}
height: 4px;
.item-link-box {left: 3px;
floatbackground-color: left#84bf41;
max-width: 992px100%;
marginfloat: 30px 0left;
clearmargin-bottom: both;5px
}
.item-link-box .{
float: left;
max-width: 992px;
margin: 30px 0;
clear: both;
}
.item-link-box .Header {
margin-bottom: 15px;
}
.item-content-button {
max-width: 300px;
min-height: 100px;
border: 0;
margin-right: 20px;
margin-bottom: 15px24px;
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">REGISTRE DES CODES-CRÉANCIERS (RCC)</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">REGISTRE CENTRAL DES CONVENTIONS (RCCO)</a>
</div>
</div>
</div>
<div class="item-link-box">
<div class="Header">Instructions</div>
<a href="/x/t4IFCg">
<button type="button" class="item-content item-content-button">
<a href="/display/PublicSASIS/IAM+2nd-Factor+Registrierung+und+Anwendung">Notice Notice explicative:<br>Enregistrement enregistrementet IAMutilisation à deux facteurs et utilisation</a>
du Login
</button>
</div>a>
</div>
|