/* CSS Document 
brings-online themes: vcard-contact-no1 - blau1
*/
* {
  box-sizing: border-box;
}

.row::after {
  content: "";
  clear: both;
  display: table;
}


[class*="col-"] {
  float: left;
  padding: 1px;
}

/* For mobile phones: */
[class*="col-"] {
  width: 100%;
}

@media only screen and (min-width: 820px) {
  /* For desktop: */
  .col-1 {width: 33.33%;}
  .col-2 {width: 66.66%;}
  .col-3 {width: 100%;}
}


body { background:#5F9075 url(./images/shadow2.png) top left repeat; margin:0; padding:0; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#333;}

h1, h2, h3, h4, h5, ul, form { margin:0; padding:0;}
img { border:none;}
.clear { clear:both;}


#vcard { margin:120px auto; max-width:90%; width:700px; padding:10px 20px 0px 30px; text-align:left; position:relative; -moz-border-radius:3px; -moz-box-shadow:8px 8px 7px #666; -webkit-border-radius:3px; -webkit-box-shadow:8px 8px 7px #666; border-radius:3px; box-shadow:8px 8px 7px #666;
background: #ffffff;
background: -moz-linear-gradient(-45deg, #ffffff 0%, #ffffff 55%, #f2f2f2 100%);
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ffffff), color-stop(55%,#ffffff), color-stop(100%,#f2f2f2));
background: -webkit-linear-gradient(-45deg, #ffffff 0%,#ffffff 55%,#f2f2f2 100%);
background: -o-linear-gradient(-45deg, #ffffff 0%,#ffffff 55%,#f2f2f2 100%);
background: -ms-linear-gradient(-45deg, #ffffff 0%,#ffffff 55%,#f2f2f2 100%);
background: linear-gradient(-45deg, #ffffff 0%,#ffffff 55%,#f2f2f2 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=1 );}




#vcard img {display: block; float:none; margin-left: auto; margin-right: auto; padding:5px; background:#eee; border:1px solid #ddd; -moz-box-shadow:1px 1px 2px #999; -webkit-box-shadow:1px 1px 2px #999; box-shadow:1px 1px 2px #999; max-width: 95%; height: auto;}

h1 { font-family: 'Syncopate', sans-serif; font-size:36px; line-height:50px; padding:3px 0;  color:#274D3D; font-weight:normal;}
h2 { font-size:16px; line-height:1.6em; padding:2px 0 2px 2px; color:#274D3D; font-weight:normal;}

#vcard h3 { font-size:14px; line-height:1.8em; margin:20px 0 20px 30px;}
#vcard p {line-height:1.6em; margin:5px 40px 10px 10px; padding:0 0 0 20px; }
#vcard a:hover {text-decoration:none; }


a { width:32px; height:32px; display:inline-block; margin:3px; text-decoration:none; border:none;}
a.fb { background:url(facebook.png) center no-repeat;}
a.twitter { background:url(twitter.png) center no-repeat;}
a.in { background:url(in.png) center no-repeat;}
a.rsg { background:url(rsg.png) center no-repeat;}
a.git { background:url(github.png) center no-repeat;}
a.gitlab { background:url(gitlab.png) center no-repeat;}
a.xing { background:url(xing.png) center no-repeat;}
a.orcid { background:url(orcid.png) center no-repeat;}
a.pb { background:url(pb.png) center no-repeat;}
a.gs { background:url(gs.png) center no-repeat;}