@charset "utf-8";
/**********************************************/
/**                                          **/
/**   OHZette-MedienDesign                   **/
/**   General styles for css layout design   **/
/**   http://www.ohzette-mediendesign.de     **/
/**                                          **/
/**********************************************/

*/
* {
  -webkit-font-smoothing: antialiased;
}
body {
	background-color: #666;
}

body {
	font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 1.6;
	font-weight: 300;
	color: #565656;
	/* padding-top: 70px;*/
	
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  margin: 0 0 20px;
  color: #393939;
  line-height: 130%;
}

h1 {
  font-size: 38px;
}

h2 {
  font-size: 30px;
}

h3 {
  font-size: 26px;
}

h4 {
  font-size: 22px;
}

h5 {
  font-size: 18px;
}

h6 {
  font-size: 17px;
}


@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: local('Roboto Thin'), local('Roboto-Thin'), url(http://fonts.gstatic.com/s/roboto/v15/2tsd397wLxj96qwHyNIkxPesZW2xOQ-xsNqO47m55DA.woff2) format('woff2'), url(http://fonts.gstatic.com/s/roboto/v15/vzIUHo9z-oJ4WgkpPOtg1_esZW2xOQ-xsNqO47m55DA.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(http://fonts.gstatic.com/s/roboto/v15/Hgo13k-tfSpn0qi1SFdUfVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'), url(http://fonts.gstatic.com/s/roboto/v15/Hgo13k-tfSpn0qi1SFdUfT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(http://fonts.gstatic.com/s/roboto/v15/CWB0XYA8bzo0kSThX0UTuA.woff2) format('woff2'), url(http://fonts.gstatic.com/s/roboto/v15/2UX7WLTfW3W8TclTUvlFyQ.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(http://fonts.gstatic.com/s/roboto/v15/d-6IYplOFocCacKzxwXSOFtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'), url(http://fonts.gstatic.com/s/roboto/v15/d-6IYplOFocCacKzxwXSOD8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

/* Rechte Seite */

.aboutme .heading h2 {
    color: #5B4C5C;
    display: inline-block;
    border-bottom: 6px solid #6C5490;
}

/* Rechte Seite */

.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.side-image {
  position: absolute;
  height: 100%;
}

.side-image-text {
  padding: 100px 80px;
}


.bg-image-office {
  background: url('../img/andreas_garves.jpg') scroll center no-repeat;
  -webkit-background-size: cover;
     -moz-background-size: cover;
       -o-background-size: cover;
          background-size: cover;
}

@media (max-width: 991px) {

  .side-image {
    position: relative;
    height: 300px;
  }

}

/* Footer Button */
.actionbeforefooter {
	background-color:#9c9c9c;
	color:#fff;
	padding:30px;
	position:relative;
	z-index:1;
	font-size:18px;
	font-weight:300;
}
.actionbeforefooter a.actionbutton {
		border:1px solid #fff;
	padding:10px 20px;
	color:#fff;
	margin-left:5px;
	text-transform:uppercase;
	font-size:14px;
	font-weight:700;
}
.actionbeforefooter a.actionbutton:hover {
	border:1px solid #eee;
}


/* Social Icons */
	section.social-container {
		padding: 0px;
	}

		a.social { 
			display:inline-block; 
			width:40px; height:40px; 
			line-height:42px; 
			font-size:20px; 
			text-align:center; 
			background:rgba(0,0,0,0.3); 
			color:#fff; 
			margin:10px 1px; 
			text-decoration:none;

			-webkit-transition: all 0.2s;
			   -moz-transition: all 0.2s;
				 -o-transition: all 0.2s;
					transition: all 0.2s;
		}
		a.social.fa-twitter:hover				{ background:#41b7d8!important; color:#fff!important; }
		a.social.fa-facebook:hover 				{ background:#3b5997!important; color:#fff!important; }
		a.social.fa-google-plus:hover 			{ background:#d64937!important; color:#fff!important; }
		a.social.fa-linkedin:hover 				{ background:#0073b2!important; color:#fff!important; }
		a.social.fa-vimeo-square:hover 			{ background:#388fc5!important; color:#fff!important; }
		a.social.fa-youtube-square:hover 		{ background:#A40F09!important; color:#fff!important; }
		a.social.fa-flickr:hover 				{ background:#ff0084!important; color:#fff!important; }
		a.social.fa-pinterest:hover 				{ background:#cb2027!important; color:#fff!important; }
		a.social.fa-skype:hover 					{ background:#00aff0!important; color:#fff!important; }
		a.social.fa-rss:hover					{ background:#e0812a!important; color:#fff!important; }
		a.social.default:hover					{ background:#37353A!important; color:#fff!important; }
		a.social.rounded 						{ width:35px; height:35px; line-height:37px; }