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

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

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

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

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

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

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

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

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

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

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

.vcard-beyeler-maja {
	background-image: 		url(../../team-bilder/beyeler-maja.jpg);
	background-size: 		cover;
	background-position: 	center top;
}

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

.vcard-breuer-tim {
	background-image: 		url(../../team-bilder/breuer-tim.jpg);
	background-size: 		cover;
	background-position: 	center top;
}

.vcard-baillod-gregor {
	background-image: 		url(../../team-bilder/baillod-gregor.jpg);
	background-size: 		cover;
	background-position: 	center top;
}

.vcard-buetikofer-andrea {
	background-image: 		url(../../team-bilder/buetikofer-andrea.jpg);
	background-size: 		cover;
	background-position: 	center top;
}

.vcard-cartier-melanie {
	background-image: 		url(../../team-bilder/cartier-melanie.jpg);
	background-size: 		cover;
	background-position: 	center top;
}

.vcard-chioru-celine {
	background-image: 		url(../../team-bilder/chioru-celine.jpg);
	background-size: 		cover;
	background-position: 	center top;
}

.vcard-fankhauser-tamara {
	background-image: 		url(../../team-bilder/fankhauser-tamara.jpg);
	background-size: 		cover;
	background-position: 	center top;
}

.vcard-eichenberger-manuel {
	background-image: 		url(../../team-bilder/eichenberger-manuel.jpg);
	background-size: 		cover;
	background-position: 	center top;
}

.vcard-jordi-monika {
	background-image: 		url(../../team-bilder/jordi-monika.jpg);
	background-size: 		cover;
	background-position: 	right center;
}

.vcard-nussberger-elke {
	background-image: 		url(../../team-bilder/nussberger-elke.jpg);
	background-size: 		cover;
	background-position: 	center top;
}

.vcard-puskaric-dragana {
	background-image: 		url(../../team-bilder/puskaric-dragana.jpg);
	background-size: 		cover;
	background-position: 	center top;
}

.vcard-ritschard-eliane {
	background-image: 		url(../../team-bilder/ritschard-eliane.jpg);
	background-size: 		cover;
	background-position: 	center top;
}

.vcard-schuetz-manuela {
	background-image: 		url(../../team-bilder/schuetz-manuela.jpg);
	background-size: 		cover;
	background-position: 	left center;
}

.vcard-schwenk-samuel {
	background-image: 		url(../../team-bilder/schwenk-samuel.jpg);
	background-size: 		cover;
	background-position: 	left center;
}

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

.vcard-zeller-nicole {
	background-image: 		url(../../team-bilder/zeller-nicole.jpg);
	background-size: 		cover;
	background-position: 	center top;
}

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

.vcard-zuber-livia {
	background-image: 		url(../../team-bilder/zuber-livia.jpg);
	background-size: 		cover;
	background-position: 	center top;
}

.vcard-roesch-andrea {
	background-image: 		url(../../team-bilder/roesch-andrea.jpg);
	background-size: 		cover;
	background-position: 	right center;
}

.vcard-kraehenbuehl-ursula {
	background-image: 		url(../../team-bilder/kraehenbuehl-ursula.jpg);
	background-size: 		cover;
	background-position: 	right center;
}

/*************************** Liegenschaftsdienst ******************/

.vcard-muhaxheri-arton {
	background-image: 		url(../../team-bilder/muhaxheri-arton.jpg);
	background-size: 		cover;
	background-position: 	center top;
}

.vcard-bektashi-sami {
	background-image: 		url(../../team-bilder/bektashi-sami.jpg);
	background-size: 		cover;
	background-position: 	center top;
}

.vcard-fasolin-martin {
	background-image: 		url(../../team-bilder/fasolin-martin.jpg);
	background-size: 		cover;
	background-position: 	center top;
}

.vcard-nussberger-daniel {
	background-image: 		url(../../team-bilder/nussberger-daniel.jpg);
	background-size: 		cover;
	background-position: 	left center;
}

.vcard-peter-john {
	background-image: 		url(../../team-bilder/peter-john.jpg);
	background-size: 		cover;
	background-position: 	left center;
}

.vcard-rubin-cornelia {
	background-image: 		url(../../team-bilder/rubin-cornelia.jpg);
	background-size: 		cover;
	background-position: 	left top;
}

.vcard-schoenbach-livio {
	background-image: 		url(../../team-bilder/schoenbach-livio.jpg);
	background-size: 		cover;
	background-position: 	center top;
}

/*************************** 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}}