/*
  überschreibt Standardlayout für Kontakteseite
  Darstellung als Karten
   
*/

/** VCARD **********************************/
.vcard{float:right;margin-left:30px;margin-bottom:30px;clear:right;box-sizing:border-box;width:320px;max-width: 100%;border-left:1px solid #ccc; font-size:85%; line-height:1.25;  text-align:left;padding-left:20px;padding-right:0px;}
.vcard .titel{border-bottom: 2px solid var(--TitelBG); font-weight:600;padding-bottom:5px;margin-bottom:10px;margin-top:0px;}
.vcard .name{text-shadow: 1px 0px 0px rgba(0,0,0,0.4); margin-top:5px;}
.vcard .adresse{margin-top:5px;margin-bottom:5px;}
.vcard .kontakt{margin-top:15px;margin-bottom:5px;}
.vcard .kontakt A{/*clear:right; display:block;*/}
.vcard .download{text-align:right; float:right;}
.vcard .download IMG{width:70px; height:auto;}
.vcard .download IMG:hover{box-shadow:0 0 10px rgba(0,0,0,0.5);}
.vcard+DIV{display:table;width:320px;}

@media screen and (max-width:600px) {
.vcard{width:100%;border:none;padding:20px;padding-left:0;padding-right:0;margin:0;border-bottom: 2px solid #b60F80;}
}

.vcardContent{clear:left;}
.vcardContent IMG{float:left; margin-right:25px; margin-bottom:20px;box-shadow: 3px 2px 6px 0px rgba(0,0,0,0.5);padding: 5px; width:200px; height:150px;object-fit:cover;object-position: 50% 25%; }
/**********************************************/