/*@import url(http://fonts.googleapis.com/css?family=BenchNine:400,700|Open+Sans:400,600|Roboto+Condensed);*/
@import url(http://fonts.googleapis.com/css?family=Oswald:300,400,700|Roboto:300,700);

body { 
/*  background: url(../images/bg.jpg) no-repeat center center fixed;*/
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  color:#FFF;
  padding-top:80px;
  letter-spacing:0.1em;
}

.home		{  background: url(../images/home.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.productbg	{  background: url(../images/product.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.market		{  background: url(../images/market.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.servicebg	{  background: url(../images/service.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.contact	{  background: url(../images/contact.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.about		{  background: url(../images/about.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}


.container{max-width:900px;}
.starter-template { padding: 65px 15px 100px 15px; text-align: center;}
br{clear:left;}
a, a:hover, a:focus{outline:none; color:#FFF; border-bottom:#FFF solid 1px;}

h1, h2, h3{font-size:96px; font-family:'Oswald', sans-serif; font-weight:700; letter-spacing:0em; margin-bottom:100px;}
h2{font-size:36px;}
h3{font-size:24px;}
h1.home-logo{padding:50px 0;}
a.navbar-brand{display:none;}
.lead{font-size:24px;}

.caps{text-transform:uppercase;}
.left{text-align:left;}

.highlight p{font:400 30px/44px 'Oswald', sans-serif; padding:20px 0; margin-bottom:0px; background:url(../images/border.png) 0 bottom repeat-x;}
.highlight p:last-child{background:none;}
p.usp{background:url(../images/border.png) 0 top repeat-x; font:400 64px 'Oswald', sans-serif; text-align:center; text-transform:uppercase; padding-top:30px;}
p.usp span{clear:both; display:block; font-size:36px;  margin:-10px 0;}
	
.navbar-header a{border:none;}
.navbar{margin-bottom:0;;}
.navbar-nav{float:none;}
.navbar-default{background:none;border:none;}
.navbar-default .navbar-nav > li{width:20%;height:80px;position:relative; }
.navbar-default .navbar-nav > li > a{position:absolute; bottom:0; text-align:left; border:none; }
.navbar-default .navbar-nav > li > a{ width:80%; display:block; background:none; color:#FFF; text-transform:uppercase;font: 400 20px/26px 'Oswald',sans-serif; letter-spacing:0.1em; }
.navbar-default .navbar-nav > li > a:hover{ text-shadow:1px 1px 4px rgba(0,0,0,0.6); color:#FFF; transition:  text-shadow 0.5s ease-out;}
.navbar-default .navbar-nav > li > a.selected{opacity:0.5;}

.border{width:100%; height:50px; background:url(../images/border.png) 0 bottom repeat-x;}
.left-border{border-left:#FFF solid 2px;padding-left:30px;}
.right-border{padding-right:30px;}
.inner-content{padding:70px 0; }
.product, .press, .trade, .consumers, .direct-marketing, .other{background:url(../images/border.png) 0 0 repeat-x;}


ul.subnav{list-style:none; overflow:hidden; margin:0; padding:0 30px 50px 20px;}
ul.subnav li{float:left;}
ul.subnav li a{color:#FFF; text-transform:uppercase; font-family: 'Oswald', sans-serif; font-size:32px; margin-right:55px; border:none;}
ul.subnav li:last-child a{margin-right:0;}
ul.subnav li a:hover{text-decoration:none; text-shadow:1px 1px 4px rgba(0,0,0,0.6); color:#FFF; transition:  text-shadow 0.5s ease-out;}

ul.service li{padding:10px 5px;}
ul.service li:hover{background:rgba(255,255,255,0.2);}
ul.service li a{width:100%; text-align:left; display:block; font:700 24px/24px 'Roboto', sans-serif; }
ul.service li span{font-weight:300;}

/*ul.subnav li{float:left; }
ul.subnav li a{color:#FFF; text-transform:uppercase;font-family:'Oswald', sans-serif;font-size:60px; line-height:70px; width:250px; display:block; text-align:left;}
ul.subnav li:last-child a{margin-top:-60px; font-size:45px;}
ul.subnav li:first-child a{font-size:85px; font-weight:700;line-height:100px;}
*/

.back-to-top { background:url(../images/pfeil_weiss.png) center center no-repeat;background: none;position: fixed;bottom: 50px;right: 50px;width: 70px;height: 70px;z-index: 100;display: none;text-decoration: none;color: #ffffff;}
p.contactinfo{font:400 18px/24px 'Roboto', sans-serif;}
p.contactinfo a{font-weight:700; text-decoration:none; color:#FFF; border-bottom:#FFF solid 1px;}

form#contact label{display:none;}
form#contact {border:#FFF solid 1px; padding:20px; background:rgba(255,255,255,0.7);border-radius:20px; }
form#contact input{background:none; border:none; border-bottom:#666 solid 1px; width:100%; text-align:center; padding:10px; font-size:18px; color:#333;}
form#contact input:focus{background:rgba(255,255,255,.1);}
::-webkit-input-placeholder { color:#999; }
::-moz-placeholder { color:#999; } /* firefox 19+ */
:-ms-input-placeholder { color:#999; } /* ie */
input:-moz-placeholder { color:#999; }
form#contact input[type="submit"]{background:#000; border-radius:15px; color:#FFF; margin-top:20px;}
form#contact input[type="submit"]:hover{background:#FFF; color:#000;}
.error{color:#C00;}


@media (max-width: 995px) {
	ul.subnav{padding:0;border-top:#FFF solid 1px;  padding:20px 0; margin-bottom:40px;}
	ul.subnav li a{font-size:28px; margin:0 20px;}
	ul.subnav li:first-child a{margin-left:0;}
	ul.subnav li:last-child a{margin-right:0;}
	ul.service li:first-child a{margin-left:20px;}
	ul.service li:last-child a{margin-right:20px;}
	ul.service li a{font-size:24px;}
	.left-border{border-left:0;padding:0 15px}
	p.usp, p.usp span{font-size:64px; text-align:left;}
	p.usp span{clear:none; display:inline;; margin:0 10px;}
}


@media (max-width: 767px) {
	body{padding:10px;}
	.navbar-default .navbar-nav > li{width:100%;height:50px;position:relative;}	
	.navbar-default .navbar-nav > li > a {width:100%;}
	.navbar-collapse{padding-left:0;}
	.starter-template{padding:0 0 100px 0;}
	
	ul.service li a, ul.subnav li a{font-size:16px; }

	ul.service li:first-child a{margin-left:0px;}
	ul.service li a{margin-left:0px; line-height:18px;}

	.left-border{border-left:0;padding:0 15px;}

	.navbar-toggle{background-color:#FFF;}
	.navbar-default .navbar-nav > li > a{border-bottom:#FFF solid 1px;}
	a.navbar-brand{display:block; padding:5px 0;}
	
	
	.col-md-4 p img{display:none;}
	.back-to-top { bottom: 10px;right: 10px;}
	.product, .press, .trade, .consumers, .direct-marketing{background:none;}
	.inner-content{padding:0;}
}

@media (max-width: 481px) {
	body{padding:10px;}
	
	.lead{font-size:18px;}
	.highlight p{font-size:22px; line-height:32px;}
	h1{font-size:64px; margin:20px 0;}
	p.usp, p.usp span{font-size:32px; text-align:left;}
	p.usp span{clear:none; display:inline;; margin:0 10px;}
	
	ul.service li, ul.subnav li {display:block; width:100%;border-bottom:#FFF solid 1px; margin:5px 0;}
	ul.service li a, ul.subnav li a{font-size:14px; margin:0; clear:both;}
	p.contactinfo{font-size:14px; line-height:20px;}
}


/*@media (max-width:600px){
	html, body{background:#F00;}
}*/