.tx-ttaddress-pi1 { display: inline-block; position: static; text-align: center; width: 100%; }
.tx-ttaddress-pi1 * { text-align: left; }
.vcard { display: inline-block; margin: 0.5vw; overflow: hidden; position: relative; vertical-align: top; width: 400px; }
.vcard .mail { clear: both; float: left; }
.vcard .tel::before, .vcard .mobil::before { padding-right: 5px; position: relative; }
.vcard .tel::before { content: "Tel.:"; }
.vcard .mobil::before { content: "Mobile:"; }
.vcard .more, .vcard .close { cursor: pointer; display: none; }
.js .vcard .more, .js .vcard .close { display: block; }

.vcard-page { float: left; position: relative; width: 100%; }
.js .vcard-page1 { cursor: pointer; }
.js .vcard-page2 { display: none; position: absolute; }

/* START: Simple VCard; */
.vcard-simple { max-width: 450px; min-width: 280px; width: 23.6%;
    -webkit-box-shadow: 0 0 4px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0 4px 1px rgba(0,0,0,0.1);
    -ms-box-shadow: 0 0 4px 1px rgba(0,0,0,0.1);
    -o-box-shadow: 0 0 4px 1px rgba(0,0,0,0.1);
    box-shadow: 0 0 4px 1px rgba(0,0,0,0.1); }
.vcard-simple .vcard-title { float: left; font-size: 130%; width: 100%; }
.vcard-simple .vcard-content { float: left; padding: 20px; width: 100%; }
.vcard-simple .vcard-page1 .mail { padding-top: 10px; }
.vcard-simple .vcard-page2 { background-color: #fff; display: block; height: 100%; left: 0; top: 100%;
    -webkit-transition: top 500ms;
    -moz-transition: top 500ms;
    -ms-transition: top 500ms;
    -o-transition: top 500ms;
    transition: top 500ms; }
.vcard-simple.active .vcard-page2 { top: 0; }
.vcard-simple .vcard-page2 .vcard-content span, .vcard-simple .vcard-page2 .vcard-content div { clear: both; float: left; }
.vcard-simple .vcard-page2 .vcard-content .vcard-title { padding-bottom: 10px; }
.vcard-simple .vcard-page2 .vcard-content .address-wrap, .vcard-simple .vcard-page2 .vcard-content .contact { padding-top: 10px; padding-bottom: 10px; }
.vcard-simple .vcard-page2 .vcard-content .city,
    .vcard-simple .vcard-page2 .vcard-content .country { clear: none; padding-left: 5px; }
.vcard-simple .social > span { border-radius: 1em; overflow: hidden; }
.navAside .vcard-simple { width: 31.5%; }
@media screen and (max-width: 1450px) {
    .vcard-simple { width: 31.9%; }
}
@media screen and (max-width: 1100px) {
    .vcard-simple { margin: 1vw; width: 47%; }
}
@media screen and (max-width: 750px) {
    .vcard-simple { width: 100%; }
}
@media screen and (max-width: 1270px) {
    .navAside .vcard-simple { width: 48%; }
}
@media screen and (max-width: 900px) {
    .navAside .vcard-simple { margin: 1vw; width: 47%; }
}
@media screen and (max-width: 650px) {
    .navAside .vcard-simple { width: 100%; }
}
/* END: Simple VCard; */