/* CSS Document 
* Maria - Visitenkarte 
* author: sabine brings 
* website: http://brings-online.com/templates/ 
*/



/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/open-sans-v34-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/open-sans-v34-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v34-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v34-latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v34-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v34-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-500 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/open-sans-v34-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/open-sans-v34-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v34-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v34-latin-500.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v34-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v34-latin-500.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/open-sans-v34-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/open-sans-v34-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v34-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v34-latin-600.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v34-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v34-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/open-sans-v34-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/open-sans-v34-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v34-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v34-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v34-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v34-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-800 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url('fonts/open-sans-v34-latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/open-sans-v34-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v34-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v34-latin-800.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v34-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v34-latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-300italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: url('fonts/open-sans-v34-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/open-sans-v34-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v34-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v34-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v34-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v34-latin-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/open-sans-v34-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/open-sans-v34-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v34-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v34-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v34-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v34-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-500italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 500;
  src: url('fonts/open-sans-v34-latin-500italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/open-sans-v34-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v34-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v34-latin-500italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v34-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v34-latin-500italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-600italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: url('fonts/open-sans-v34-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/open-sans-v34-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v34-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v34-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v34-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v34-latin-600italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/open-sans-v34-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/open-sans-v34-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v34-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v34-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v34-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v34-latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-800italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 800;
  src: url('fonts/open-sans-v34-latin-800italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/open-sans-v34-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v34-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v34-latin-800italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v34-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v34-latin-800italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}


body {  margin:0; padding:0; text-align:center; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size:90%; background:url(../images/body.png) top left repeat; }


/* =========================  grid =========================  */ 

.col-full { width:100%; margin:1.5% 0;}
.col-ttc { width:65.85744680851%; margin:1.5% 0;}
.col-otc { width:31.714893617021%; margin:1.5% 0;}
.col-ofc { width:23.179255319148%; margin:1.5% 0;}
.col-ohc {width:48.786170212699%; margin:1.5% 0;}
.col-ttc, .col-otc, .col-ofc, .col-ohc {margin-right:2.427659574468%; display: inline; float:left;}

.cr {margin-right:0 !important;}
.ct {margin-top: 0 !important;}
.cb {margin-bottom: 0 !important;}
.mr { margin-right:25px;}

.clearfix:before,  
.clearfix:after {content: " "; display: table; }  
.clearfix:after {clear: both; }  
.clearfix {*zoom: 1;}  
.clear { clear:both;}

/* =========================  font =========================  */ 

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


h1 {font-size:3em; line-height:1em; padding:30px 0 10px 0; margin:0 0 10px 0; font-weight:normal; border-bottom:2px solid #fff;}

h2 { font-size:1.35em; line-height:1.6em; padding:2px 0; font-weight:normal;}
h3 { font-size:1.25em; line-height:1.8em; margin:20px 0 20px 0;}
p {line-height:1.7em; margin:10px 0; padding:0; }
a { text-decoration:none; }
a:hover {text-decoration:underline;  }
ul { margin:15px 0; padding:0;}
li { line-height:1.5em; margin:10px 0 25px 0; padding:0; list-style-type:none;}
li i { margin-right:7px;}


/*.nextpage {font-size:40px; margin:25px 0 25px 0;  width:40px; float:right; text-align:right; cursor:pointer; display:block;}*/
#vcard .back {font-size:40px; margin:25px 0 25px 0;  width:80px; float:left; cursor:pointer; display:block;}
#vcard .nextpage {font-size:40px; margin:25px 0 25px 0;  width:80px; float:right; cursor:pointer; display:block;text-align: right;}

#vcard { 
margin:120px auto 10px; max-width:760px; border:12px solid #fff; padding:0; text-align:left; position:relative; border-radius:6px; box-shadow:0 0 5px #bbb;  background-color: #fff;
}




#vcard .info { float:right; margin:8px 0 0 30px; padding:100px 6px 12px 6px; max-width:35%; height:100%; display:block; background-color: #0056a2; color: #fff;}
#vcard .headlines { margin:0; padding:40px 0 0 40px;}

#vcard #page-two .headlines {
    margin: 0;
    padding: 40px 0 0 0;
}
#vcard .content { }



#vcard .contact { font-size:1em;}
#vcard fieldset { margin:0 25px 0 0; padding:0; border:none;}
#vcard label { width:100%; display:block; margin:3px 0; font-size:.8em;}
#vcard input { width:100%; margin:0 0 5px 0; border:1px solid #e4e4e4; font-size:.8em; padding:5px; border-radius:3px;}
#vcard textarea { width:100%; margin:0 0 5px 0; padding:5px; border:1px solid #e4e4e4; border-radius:3px;}
#vcard input.submit { margin:4px 10px 0 0; border:none; width:auto; padding:7px 15px; cursor:pointer;}





/* =========================  socia media icons =========================  */ 

.social-media {margin:15px 0 0 0; padding:20px 0 0 0; }
.social-media div { transition: background 0.5s ease; width:22px; height:20px; padding:8px 8px 8px 6px; margin:0 6px 0 0; text-align:center; border-radius:4px; float:left; display:inline-block;}
.social-media div a { border-bottom:none;}
.social-media div [class^="icon-"]:before, .social-media div [class*=" icon-"]:before {color:#fff; float: none !important; margin:0; font-size:24px; line-height:24px; text-shadow:none !important;}



.mail-sent { position:absolute; z-index:100; top:5%; left:5%; background:#fff; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; padding:90px 65px; opacity:.95;}

.close-form { text-align:center; border:1px solid #ccc; font-weight:bold; font-size:30px; line-height:1.5em; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; width:1.55em; height:1.5em; position:absolute; top:5px; right:5px; cursor:pointer;
background: #f6f6f6;
}


@media screen and (max-width: 800px)  {

.wrapper { padding:0 50px !important;}
#vcard {max-width:650px; padding:15px 25px 0px 25px;}
.col-ohc {width:100% !important; margin:2.5% 0; display:block !important; margin-right:0 !important; float:none !important;}
#vcard img { float:none !important; margin:15px 0 !important; max-width:95% !important; }


}
	
	
@media screen and (max-width: 768px)  {
	
	#vcard {max-width:680px; padding:15px 25px 0px 25px;
}	

@media screen and (max-width: 600px)  {
h1 { font-size:2em !important;}	
#vcard { margin:60px auto;}
#vcard {max-width:560px; padding:15px 15px 0px 15px;}	
	
	
}
	
@media screen and (max-width: 480px)  {

.wrapper { padding:0 10px !important;}	
h1 { font-size:1.5em !important;}	
#vcard { margin:30px auto;}
#vcard {max-width:420px; padding:5px 15px 0px 15px; border:5px solid #fff !important;}	
#vcard fieldset { margin:20px 25px 0 0; padding:0; border:none;}
#vcard img { float:none !important; margin:15px 0 !important; max-width:95% !important; }

}	

@media screen and (max-width: 320px)  {
	
#vcard { margin:15px auto;}
#vcard {max-width:280px; padding:5px 10px 0px 10px;}	
#vcard img { width:35% ; height:auto;}

}