@import url("https://fonts.googleapis.com/css?family=Raleway:100,200,300,400,500,600,700,800,900");

@media all {
	/* Move down content because we have a fixed navbar that is 60px tall */
	body {
	  padding-top: 60px;
	  padding-bottom: 20px;
	}
	
	footer{
		text-align:center;
	}
	
	h2{
		margin-top:0;
		font-size:16px;
		font-weight:600;
	}
	
	.content{
		margin: 80px 0;
	}
	
	#turnjs .content{
		margin: 0 0 10px;
	}
	#turnjs h1{
		font-size: 24px;
	}
	
	#flipbook-icons{
		margin-top:20px;
	}
	
	#flipbook-icons img, #flipbook-icons .zoom-icon{
		display: inline-block;
		vertical-align:middle;
		margin-left: 10px;
	}
	
	#header{
		background: url("../upload/header/header_1680.jpg") no-repeat scroll 50% 53% / cover #333333;
		text-align:center;
	}
	
	.jumbotron {
		margin-bottom: 10px;
		padding-top:360px;
		padding-bottom: 30px
	}
	
	.jumbotron .container {
		background-color:rgba(255,255,255,0.75);
		border-radius:1em;
	}
	#buttonMore{
		background-color: #3e850a;
    	border-color: #336b0a;
	}
	
	.jumbotron p{
		font-weight: 300;
		margin-bottom:30px;
		font-size:19px;
	}
	
	.jumbotron h1{
		font-size:58px;
	}
	
	.content_article_include_holder{
		margin-left:auto !important;
		margin-right:auto !important;
		left:0 !important;
	}
	
	#produkte .img-responsive, #produkte .thumbnail > img, #produkte .thumbnail a > img{
		margin-left:auto;
		margin-right:auto;
	}
	
	.img-thumbnail{
		margin-bottom:18px;
	}
	
	.img-hover:hover{
		transform:scale3d(1.1, 1.1, 1)
	}
	
	.navbar-brand{
		padding:2px 10px 7px 15px;
	}
	.navbar-brand img{
		height:100%;
		max-width:137px;
	}
	
	.slick-prev::before, .slick-next::before{
		color:#000;
	}
	
	.imageSlider{
		margin: 0 1em;
	}
	
	.imageSlider img{
		padding:1em;
	}
	
	
	.lead{
		font-size:16px;
		margin-top:12px;
	}
	blockquote{
		font-style:italic;
		font-size: inherit;
		border-left:none;
		padding: 10px 40px 20px;
	}
		
	blockquote:before {
		display: block;
		padding-left: 10px;
		content: "\201C";
		font-size: 80px;
		position: absolute;
		left: 0;
		top: -20px;
		color: #666;
		font-family: Georgia, serif;
	}
		
	blockquote cite {
		color: #666;
		display: block;
		padding-top:3px;
	}
	
	blockquote cite:before {
		content: "\2014 \2009";
	}
}

@media (min-width: 1621px){
	#header{
		background: url("../upload/header/header_1920.jpg") no-repeat scroll 50% 53% / cover #333333;
	}
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
	.content{
		margin: 60px 0;
	}
	
	.jumbotron {
		padding-top:320px;
		padding-bottom: 30px
	}
	#header{
		background: url("../upload/header/header_979.jpg") no-repeat scroll 50% 58% / cover  #333333;
	}
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
	.content{
		margin: 40px 0;
	}
	
	.jumbotron {
		padding-top:230px;
		padding-bottom: 10px;
	}
	
	.jumbotron p{
		font-size: 16px;
		margin-bottom:20px;
	}
	
	.jumbotron h1{
		font-size: 30px;
	}
	
	#header{
		padding-left: 10px;
		padding-right: 10px;
		background: url("../upload/header/header_768.jpg") no-repeat scroll 50% 53% / cover #333333;
	}
	#turnjs h1{
		font-size: 20px;
	}
}

@media (max-width: 530px) {
	.jumbotron {
		padding-top:150px;
	}
	
	#header{
		background: url("../upload/header/header_530.jpg") no-repeat scroll 50% 42% / cover #333333;
	}
}

@media (max-width: 380px) {	
	#header{
		background: url("../upload/header/header_380.jpg") no-repeat scroll 50% 40% / cover #333333;
	}
}