@charset "utf-8";
/* CSS Document */

body, html {
background-color:white;
}

.box { float: left; width: 50%; margin:0; padding:0; box-sizing: border-box; }

@media screen and (max-width: 768px) {
  .box { width: 100%; margin:0; padding:0; box-sizing: border-box; }

}

#portfolio {
  background: #FFF;
  font-size:2.0em;
}
#about {
  background-color: #eb7e7f;
}
#contact {
  background-color: #415c71;
}

#hauptnavi:hover, 
#hauptnavi:active {
    color:#ae8a34;
}



@media screen and (max-width: 768px) {
.brand {
	width:200px;
	margin:20px 10px 20px 20px;
   }
.navbar-nav {
	margin:0;
   }
	  
#hauptnavi {
  color:black;
  font-size:1.3em;
}
  
.page-scroll {
color:white;
  }
}
   
@media screen and (min-width: 768px) {
.brand {
	width:200px;
	margin:20px 10px 20px 20px;
}

.navbar-nav {
	margin-top:40px;
}
	  
#hauptnavi {
  color:black;
  font-size:1.0em;
  }
  
.page-scroll {
margin:-7px;
 }

}
   
@media screen and (min-width: 1200px) {
.navbar-nav {
	margin-top:47px;
}
	  
.page-scroll {
  color: #FFF;
  }
	  
#hauptnavi {
  color:black;
  font-size:1.3em;
}

.brand {
	width:350px;
	margin:20px 40px 20px 20px;
}

.navbar-collapse {
    padding: 30px 0;
    transition: padding 0.3s;
    &.navbar-shrink {
      padding: 10px 0;
    }
  } 
}

    /* 
.navbar-collapse {
  a {
    color: #ae8a34;
    font-family:'Frutiger LT W01_67 Bold Cond';
    text-transform: uppercase;
    text-decoration: none;
    line-height: 42px;
    font-size: 1.0em;
    &.brand {
      > img {
        max-width: 70px;
      }
    }
    &.active {
      color: #ae8a34;
    }
  }
} 
*/

.content {
  position: absolute;
  width: 100%;
  height: 100%;
  > section {
    width: 100%;
    height: 100%;
  }
}

.site-footer__copyright {
  font-family:'Frutiger LT W01_47 Light Cond';
  background-color: #f4f4f4;
  color:#000;
  font-size: 12px;
  text-align: center;
  padding: 17px 15px;
  letter-spacing:0.01em;
}


/* Content case gold begin */

div#haupt {
background-color:#b48c20;
}

div#haupt div.box {
float: left; width:50%; box-sizing: border-box;
}

div.clear {
clear: left;
margin: 0;
padding: 0;
height: 0;
line-height: 0;
font-size: 0;
}
		   
.headline-content {
font-family:'Frutiger LT W01_67 Bold Cond';
font-weight:normal;
font-size:2.75vw;
line-height:1.2em;
letter-spacing:0.01em;
padding-top: 62px;
padding-bottom:10px;
text-align:center;
color:white;
}

.content-button {
  background-color:white;
  border: none;
  color:black;
  padding: 0px 15px 0px 15px;
  margin:5px 0 15px 0;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 0.4em;
  font-family:'Frutiger LT W01_67 Bold Cond';
  letter-spacing:0.01em;
  
}

.content-button:hover {
  color:black;
}


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

div#haupt div.box {
float: left; width:50%; box-sizing: border-box;
}

.headline-content {
font-size:3.0vw;
line-height:1.2em;
padding-top: 32px;
text-align:center;
}

}

@media screen and (max-width: 1000px) {
	
div#haupt div.box {
float: left; width:100%; box-sizing: border-box;
}
	
.headline-content {
font-size:5.0vw;
line-height:1.2em;
text-align:center;
}

.content-button {
  font-size: 0.5em;
 }
}

/* Content case gold end */

/* Content normal begin */
	
.fliesstext { 
	font-family:"Frutiger LT W01_57 Condensed";
	font-size:1.1em;
	margin-left:15px;
	line-height:1.3em;	
	}
	
	.headline-content-2 {
font-family:"Frutiger LT W01_57 Condensed";
font-size:1.7em;
line-height:1.3em;
letter-spacing:0.01em;
padding: 20px 15px 0 15px;
color:black;
}

.fliesstext-bold {
font-family:'Frutiger LT W01_67 Bold Cond';
font-weight:normal;
font-size:1.1em;
}

@media screen and (min-width: 1000px) {
.abstandhalter {
height:125px;
width:100%;}
}

@media screen and (max-width: 1000px) {
.abstandhalter {
height:0;}
}

@media screen and (max-width: 800px) {
.abstandhalter {
height:80px;}
}
	
/* Content normal end */


/* Content Formulare*/

.content-formulare {
height:35px;width:100%;font-size:1.1em;font-weight:normal;letter-spacing:0.01em;
}

.goldener-balken {
	float:left;	
	padding-top:2px;
    margin:0 15px 0 15px;
	height:34px;
	display:block;
	color:white;
	width:96%; 
	text-align:center;
	background-color:#b48c20;
	}

.goldener-balken-inhalt {	
	color:#fff;
	font-family:'Frutiger LT W01_67 Bold Cond';
	font-weight:normal;
	font-size:1.5em;
	vertical-align: bottom;
}
}