html, body{
  	font-family: 'Montserrat', sans-serif;
    font-size: 100%;
  	 background: #fff;
	 color:#000;
  	 -webkit-font-smoothing: antialiased;
	margin:0 auto;
}
body a{
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}

h1,h2,h3,h4,h5,h6{
    font-family: 'Raleway';
}
/*----start-container----*/
.container{
	width:70%;
    height:auto;
    margin:auto;
}

/*-----start-header----*/
header{
    background:url("images/banner.JPG") no-repeat 0px 0px;
	background-size:cover;  
    min-height: 900px;
}

/*----navbar-nav----*/

.top-header{
	padding: 0.8em 0em;
}
.top-nav ul li a{
	color: #FFF;
	padding: 0.2em 1.5em;
	font-size: 0.9em;
	font-weight: 400;
	text-align: center;
	text-transform: uppercase;
	font-weight: 300;
}
.top-nav ul li.active a,
.top-nav ul li a:hover{
	/*color:#EE2F1B;*/
    color:darkorange;
}
/* top-nav */
.top-nav:before,
.top-nav:after {
    content: " ";
    display: table;
}
.top-nav:after {
    clear: both;
}
nav {
	float: right;
	margin-right:0%;
}
nav ul {
	padding: 0;
	margin: 0.9em 0;
}
nav li {
	display: inline;
	float: left;

}
nav a {
	color: #fff;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	line-height: 40px;
}
nav a:hover{
	text-decoration:none;
	color:#00A2C1;
}
nav a#pull {
	display: none;
}

/*---- banner ----*/
.banner-info{
	padding: 9em 0 12em;
}
.jumbotron{
	padding: 9em 0 12em;
	background:transparent;
	broder:0;
}
.jumbotron h1{
	font-weight: 700;
	font-size: 355%;
	color: #FFF;
	text-transform: uppercase;
	width: 70%;
	display: inline-block;
	line-height: 1.3em;
}
.jumbotron span{
	width:15%;
	height:1px;
	/*background:#35C2F8;*/
    background-color:darkorange;
	display:inline-block;
}
.jumbotron p{
	color: #CCCCCC;
	font-weight:400;
	font-size: 1.3em;
	line-height: 1.7em;
	font-family: 'Open Sans', sans-serif;
	margin: 1em auto;
	width: 50%;
  color: hsl(0,0%,94%);
  text-shadow: 
    -1px 2px 1px hsl(0,0%,52%);
}

/*---- aboutme ----*/
.aboutme{
	padding:3em 0;
}
.aboutme-head h2{
	font-weight:900;
	font-size:2.6em;
	color:#222222;
	text-transform:uppercase;
}
.aboutme-head span{
	width:15%;
	height:1px;
	/*background:#35C2F8;*/
    background-color: darkorange;
	display:inline-block;
}

.aboutme .about{
    margin:2%;
    margin-top:5%;
    color:#888b90;
    font-size:1.125em;
    font-family: 'Ralway', sans-serif;
    line-height:1.8em;
}

/*---- blockquote ----*/
.blockquote-reverse {
    border-color: darkorange;
}

/*---- skills ----*/
.skills{
	padding:3em 0;
}
.skills-head h2{
	font-weight:900;
	font-size:2.6em;
	color:#222222;
	text-transform:uppercase;
}
.skills-head span{
	width:15%;
	height:1px;
	/*background:#35C2F8;*/
    background-color: darkorange;
	display:inline-block;
}
/*---- Skillpies ----*/
.pies{
    width:100%;
    min-height: 200px;
    height:auto;
    margin-top:5%;
}

.container .pies .kachel{
    width:33%;
    margin-right:0%;
    margin-left:30%;
    float:left;
}

.pies .kachel p{
    height:auto;
    width:auto;
    margin-top:103%;
}

/*---- education ----*/
.edu{
	padding:3em 0;
}
.edu-head h2{
	font-weight:900;
	font-size:2.6em;
	color:#222222;
	text-transform:uppercase;
}
.edu-head span{
	width:15%;
	height:1px;
	/*background:#35C2F8;*/
    background-color: darkorange;
	display:inline-block;
}

.edu .row {
  max-width: 900px; /*1149*/
  display: block;
  margin: 100px auto;
}

/*---- Services ----*/ 
.ser{
	padding:3em 0;
}
.ser-head h2{
	font-weight:900;
	font-size:2.6em;
	color:#222222;
	text-transform:uppercase;
}
.ser-head span{
	width:15%;
	height:1px;
	/*background:#35C2F8;*/
    background-color: darkorange;
	display:inline-block;
}

.ser .row {
  max-width: 1149px; /*1149*/
  display: block;
  margin: 100px auto;
}

.ser .row .thema{
    color:#888b90;
    font-size:1em;
    font-family: 'Ralway', sans-serif;
    line-height:1.8em;
}
/*---- Referenzen----*/ 
.ref{
	padding:3em 0;
}
.ref-head h2{
	font-weight:900;
	font-size:2.6em;
	color:#222222;
	text-transform:uppercase;
}
.ref-head span{
	width:15%;
	height:1px;
	/*background:#35C2F8;*/
    background-color: darkorange;
	display:inline-block;
}

.ref .row {
  max-width: 1149px; /*1149*/
  display: block;
  margin: 100px auto;
}

.ref .row .thema{
    color:#888b90;
    font-size:1em;
    font-family: 'Ralway', sans-serif;
    line-height:1.8em;
}

/*---- Owner ----*/
.me{
	padding:3em 0;
}
.me-head h2{
	font-weight:900;
	font-size:2.6em;
	color:#222222;
	text-transform:uppercase;
}
.me-head span{
	width:15%;
	height:1px;
	/*background:#35C2F8;*/
    background-color: darkorange;
	display:inline-block;
}

.me .p{
    width:100%;
    height:auto;
    margin:0%;
    padding:0;
	padding-top:5em;
}

.me .p2{
    width:100%;
    height:auto;
    margin:0%;
    padding:0;
	padding-top:2em;
}

.me .p .img-circle{
    width:20%;
    height:20%;
}

/*---- Get in Touch ----*/
.contact{
	padding:3em 0;
}
.contact-head h2{
	font-weight:900;
	font-size:2.6em;
	color:#222222;
	text-transform:uppercase;
}
.contact-head span{
	width:15%;
	height:1px;
	/*background:#35C2F8;*/
    background-color: darkorange;
	display:inline-block;
}

.contact .p{
    width:100%;
    height:auto;
    margin:0%;
    margin-top:3%;
}

/*---- Footer ----*/
footer {
    height: 60px;
    font-size: 0.9em;
	font-family: 'Montserrat', sans-serif;
}
footer p{
    width:100%;
    height:auto;
    margin:0%;
    margin-top:1%;
}

footer a{
    text-decoration: none;
}
 .mobileNav{
	visibility:hidden;
	display:none;
  }
  
  /*btn btn-link*/
  .btn-link{
  text-decoration:none;
  color:#000;
  margin:0;
  margin-top:-2px;
  padding:0;
  padding-left:2px;
  padding-right:2px;
  font-family: 'Montserrat', sans-serif;
  height:auto;
  }
    .btn-link:visited{
  text-decoration:none;
  color:#000;
  }
    .btn-link:focus{
  text-decoration:none;
  color:darkorange;
  }
    .btn-link:hover{
  text-decoration:none;
  color:darkorange;
  }
    .btn-link:active{
  text-decoration:none;
  color:#000;
  }