/* Servicecards */

div.servicecards div.card{
	position: fixed;
	z-index: 100;
	right: -556px;
	top: 155px;
	width: 600px;
	height: 256px;
	margin-bottom: 25px;
	background-color: white;
	
	-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);	
}


div.servicecards div.crdpos_1{
	z-index: 180;
}


div.servicecards div.crdpos_2{
	z-index: 170;
	right: -512px;
}

div.servicecards div.crdpos_3{
	z-index: 160;
	right: -468px;
}

div.servicecards div.crdpos_4{
	z-index: 150;
	right: -424px;
}

div.servicecards div.crdpos_5{
	z-index: 140;
	right: -380px;
}

div.servicecards div.crdpos_6{
	z-index: 130;
	right: -336px;
}

div.servicecards div.crdOrd_4_6,
div.servicecards div.crdOrd_4_5,
div.servicecards div.crdOrd_3_4,
div.servicecards div.crdOrd_3_3{
	z-index: 180;
	right: -556px;
	top: 420px;	
}

div.servicecards div.crdOrd_5_6,
div.servicecards div.crdOrd_5_5,
div.servicecards div.crdOrd_4_4{
	z-index: 170;
	right: -512px;
	top: 420px;	
}

div.servicecards div.crdOrd_6_6{
	z-index: 160;
	right: -468px;
	top: 420px;	
}



div.servicecards div.card a.select{
	display: block;
	position: absolute;
	z-index: 90;
	left: -106px;
	bottom: 106px;
	background-color: #0072bb;
	color: white;
	font-family: 'kreon';
	font-weight: 700;
	font-size: 1.125em;
	text-decoration: none;
	-ms-transform: rotate(-90deg);
     -webkit-transform: rotate(-90deg);
     transform: rotate(-90deg);
     padding: 10px;
     width: 236px;
}


div.servicecards div.card div.profil{
	float: right;
	width: 230px;
	height: 256px;
	background-color: #0072bb;
	color: white;
	text-align: center;
}

div.servicecards div.card div.profil div.imgProfi{
	height: 195px;	
}

div.servicecards div.card div.profil img{
	height: 100%;
	width: auto;
}

div.servicecards div.card div.profil h4{
	margin: 0;
	padding: 0;
	font-family: 'kreon';
	font-weight: 700;
	font-size: 1.125em;
	text-transform: uppercase;
}

div.servicecards div.card div.inh{
	margin-left: 44px;
	padding-left: 25px;
	padding-right: 25px;
	margin-right: 230px;
	color: #0072bb;
}

div.servicecards div.card div.inh h3{
	margin: 0;
	padding: 0;
	font-family: 'kreon';
	font-weight: 700;
	font-size: 1.875em;
	line-height: 1em;
	text-transform: uppercase;
	padding-top: 25px;
	padding-bottom: 25px;
}

div.servicecards div.card div.kontakt a{
	color: #0072bb;
}

div.servicecards div.card div.kontakt div.name{
	margin-bottom: 1em;
}

div.servicecards div.card div.kontakt div.desc{
	float: left;
}

div.servicecards div.card div.kontakt div.val{
	margin-left: 100px;
}


div.servicecards div.card div.kontakt div.cls{
	clear: left;
}


/*
1280 bis 1600
*/

@media screen and (max-width: 1640px){

	
}




/*
1024 bis 1280
*/
@media screen and (max-width: 1360px){

	
	div.servicecards div.card a.select{
		bottom: 106px;
		padding-bottom: 12px;
		left: -107px;
	}
}


/*
768 bis 1024
*/
@media screen and (max-width: 1100px){

	div.servicecards div.card a.select {
	    bottom: 106px;
	    left: -107px;
	    padding-bottom: 14px;
	}	
}


/*
640 bis 768
*/
@media screen and (max-width: 890px){

	
	div.servicecards{
		
	}
	
	div.servicecards div.card{
		height: 230px;
	}
	
	div.servicecards div.card a.select {
	    bottom: 93px;
	    left: -93px;
	    width: 210px;
	}
	
	div.servicecards div.card div.profil{
		height: 230px;
	}
	
	div.servicecards div.card div.profil div.imgProfi{
		height: 180px;
	}
	
	div.servicecards div.crdOrd_3_4,
	div.servicecards div.crdOrd_3_3,
	div.servicecards div.crdOrd_4_4,
	div.servicecards div.crdOrd_4_5,
	div.servicecards div.crdOrd_5_5,
	div.servicecards div.crdOrd_4_6,
	div.servicecards div.crdOrd_5_6,
	div.servicecards div.crdOrd_6_6{
		top: 395px;	
	}	
	
}

/*
320 bis 640
*/
@media screen and (max-width: 690px){
	
	div.servicecards{
		display: none !important;
	}
}


/*
320
*/
@media screen and (max-width: 590px){


}