/*************************** Box R ******************************/

.vcard-card-r {
   position: fixed;
   display: inline-block;
   margin: 0 0 0 auto;
   width:125px;
   height:125px;
   bottom:380px;
   right: 80;
   z-index: 1;
}

.vcard-telefon-r {
   position: fixed;
   display: inline-block;
   margin: 0 0 0 auto;
   width:125px;
   height:125px;
   bottom:240px;
   right: 80;
   z-index: 1;
}

.vcard-mail-r {
   position: fixed;
   display: inline-block;
   margin: 0 0 0 auto;
   width:125px;
   height:125px;
   bottom:100px;
   right: 80;
   z-index: 1;
}

/*************************** Box L ******************************/

.vcard-card-l {
   position: fixed;
   display: inline-block;
   margin: 0 0 0 auto;
   width:125px;
   height:125px;
   bottom:380px;
   left: 80;
   z-index: 1;
}

.vcard-telefon-l {
   position: fixed;
   display: inline-block;
   margin: 0 0 0 auto;
   width:125px;
   height:125px;
   bottom:240px;
   left: 80;
   z-index: 1;
}

.vcard-mail-l {
   position: fixed;
   display: inline-block;
   margin: 0 0 0 auto;
   width:125px;
   height:125px;
   bottom:100px;
   left: 80;
   z-index: 1;
}

/*************************** Verwaltung *************************/

.vcard-zinder-fatima {
	background-image: 		url(../../team-bilder/zinder-fatima.jpg);
	background-size: 		cover;
	background-position: 	center bottom;
}

.vcard-bertschy-elmar {
	background-image: 		url(../../team-bilder/bertschy-elmar.jpg);
	background-size: 		cover;
	background-position: 	left bottom;
}

/*************************** Type *******************************/

@font-face {
	font-family: Quicksand-Light ; src: url(/css/font/Quicksand-Light.ttf);
}

@font-face {
	font-family: Quicksand-Regular ; src: url(/css/font/Quicksand-Regular.ttf);
}

@font-face {
	font-family: Officielle ; src: url(/css/font/Officielle.ttf);
}

/*************************** Animation ***************************/

.animate-left {
	position:relative;
	animation:animateleft 1.2s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}

.animate-right {
	position:relative;
	animation:animateright 1.2s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}

.animate-zoom {
	position:relative;
	animation:animatezoom 1.2s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}

.animate-opacity {
	animation:opac 2.0s}@keyframes opac{from{opacity:0} to{opacity:1}}