Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

PublicZVR

PublicZSR

HTML

    <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>
			<!-- Inline Style ersetzt durch neue CSS Class -->
<div>
<div class="AbstandProdukte">

				<!-- Inline Style ersetzt durch neue CSS Class -->
<div style="float: left; width: 300px; margin-right: 20px;">
					>
<!-- box-shadow entfernt -->
<!-- Inline Style teilweise ersetzt (Farbe) -->
<!-- In der Site.css sind ansonsten die Klassen .AbstandHorizontalSpalteRechts und .AbstandHorizontalSpalteRechts20 -->
<div class="HeaderLine">
<!-- Inline Style entfernt -->
</>
					
					div>
<!-- CSS Klasse entfernt -->
<a href='/display/PublicZVR'>
						de/Angebot/Produkt/ProductDetail?topMenuId=468'> <img class="item-image" src="/download/thumbnails/113115504/Produkt_Zvr.jpg" />
					>
<!-- Bild jeweils ersetzt und Inline Style entfernt -->
</a>

					<div class="item-content">
						<a<!-- neue CSS Class gesetzt--><a class="userTypeLinkProdukte" href="/display/PublicZVRde/Angebot/Produkt/ProductDetail?topMenuId=468">Zentrales Vertragsregister (ZVR)</a>
					
<!-- hier neue CSS Class setzen: .userTypeLinkProdukte-->
</div>

				</div>
				
				<div style="float: left; width: 300px; margin-right: 0px;">
					>
<!-- box-shadow entfernt -->
<!-- Inline Style teilweise ersetzt (Farbe) -->
<!-- In der Site.css sind ansonsten die Klassen .AbstandHorizontalSpalteRechts und .AbstandHorizontalSpalteRechts20 -->
<div class="HeaderLine">
<!-- Inline Style entfernt -->
</>

					div>
<!-- CSS Klasse entfernt -->
<a href='/de/Angebot/display/PublicZSR'>
						Produkt/ProductDetail?topMenuId=447'> <img class="item-image" src="/download/thumbnails/113115504/Produkt_Zsr.jpg" />
					<!-- Bild jeweils ersetzt und Inline Style entfernt -->
</a>

					<div class="item-content">
						<a<!-- neue CSS Class gesetzt--><a class="userTypeLinkProdukte" href="/display/PublicZSRde/Angebot/Produkt/ProductDetail?topMenuId=447">Zahlstellenregister (ZSR)</a>
					<!-- hier neue CSS Class setzen: .userTypeLinkProdukte-->
</div>

				</div>
			</div>

		</div>