body{background-color: #ede2cf;margin:0;padding:0;}
body,html{height:100%;}

/* reset */
a:focus{outline: none;} 
*{-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
img{border:none;}
.clearfix:after {content: " ";display: block; clear: both;visibility: hidden;line-height: 0; height: 0;}

/* Bl�cke */
.wrapper{width:100%;max-width:970px;}
.container{position:relative;padding: 0 10px 50px;width: 100%;}
.background img{max-width:100%}
header {padding:10px 0;border-bottom: 1px solid #000;margin: 0 10px;position:relative;}

/* Navi oben*/
nav{position:absolute;display:block;bottom:-1px;right:0;z-index:1000;}
nav a{text-decoration:none;text-transform:uppercase;display: block;white-space:nowrap;}
nav a:hover,nav ul li.current ul a:hover,nav ul li.curr_parent ul a:hover{color: #ac0036;}
nav ul{display:none;margin:0;padding:10px 5px;list-style-type:none;position:absolute;top:0;right:0;background-color: #fff;min-width:250px;}z
nav ul li{padding:14px 10px 2px 10px;display:block;line-height: 20px;}
nav ul li a{padding:10px;border-bottom: 2px solid #ede2cf;}
nav ul ul li a{padding-left:0;border:none;}
nav ul ul{position:relative;padding: 4px 10px;background-color: #fff;border:none;min-width:0;display:none;}
nav ul ul li{display:block;line-height: auto;padding:0;border-bottom: 2px solid #ede2cf;min-width: 70px;}
nav ul ul li:last-child{border-bottom: none}
nav ul ul li a{text-transform:none;padding:4px 0;}
nav ul li.current a,nav ul li.curr_parent a{color:#999;}
nav ul li.current ul a,nav ul li.curr_parent ul a{color: #333;}
nav ul ul li.current a{color:#999;}

header a.logo{display:none;}
header img.lieder{display:none;}



/* typo */
*{color: #333;font-size: 13px;font-family:Arial, Helvetica, sans-serif;border:0px solid #fff;line-height: 1.42857;}
h1,h2{font-weight: 400;font-family: 'PT Sans Narrow', sans-serif;}
h1{text-transform:uppercase;font-size: 200%;margin-top:1.3em;color:#ac0036;}
h1.no_upper{text-transform:none;}

h2{font-size: 150%;color: #375364;}
h3{color:#ac0036;}
p{line-height: 1.55;}

/* Zitate */
blockquote{padding:0 0 0 30px; margin:1em 0;font-style:italic;background: url(../grafik/zitat.png) no-repeat top left;}
.autor{font-style:normal;text-align:right;}

/* header mobile */
.only_mob {overflow:auto;}
.only_mob .h1,.only_mob .h2{font-weight: 400;font-family: 'PT Sans Narrow', sans-serif;}
header .h1{text-transform:uppercase;font-size: 200%;margin-top:0;color:#ac0036;margin-right: 20px;}
header .h2{font-size: 150%;color: #375364;}
#menu{
position:absolute; right: 15px; top:20px;height:42px;width:42px;border: 2px solid #000;border-radius: 5px;background-color:#fff;}
#menu span{
margin: 8px 4px 0 5px;border-bottom: 2px solid #000;display:block;
}

/* Diverses*/
.clearfix:after{content:' ';height:1px;clear:both;display: block;margin-top:-1px;visibility:none;overflow:hidden;}
div.clear_right{height:1px;overflow:hidden;clear:right;}

/*Facebook*/
div.social{width:auto;float:right;}
div.social a{display:inline-block;margin:0 0 0 1em;}

@media (min-width: 620px) {
	/* Bl�cke */
	.wrapper{margin:auto;position:relative;width:100%;}
	.container{position:relative;padding: 80px 60px 10px 20px;}
	header {position:fixed; height: 90px; width:100%;min-width:600px;background-color: #ede2cf;z-index:20;padding:0;border:none;margin: 0;}

	header a.logo{ position:absolute;right:40px; bottom:50px;display:block;height:26px;width:212px;}
	header img.lieder{position:absolute; right:10px; bottom:-166px;display:block;}

	nav{position:absolute;bottom:0;right:auto;left:0;margin:0 70px 0 10px;border-bottom: 1px solid #000;width:636px;}
	.only_mob {display:none;}

	nav ul{display:block;margin:0;padding:0;position:static;top:auto;right:auto;background-color: transparent}
	nav ul li{padding:0 10px;display:inline-block;position:relative;line-height: 20px;}
	nav ul li a{padding:0;border:none;}
	nav ul ul{position:absolute; top:20px;left:0;border-radius: 0 0 5px 5px;border: 0 solid #000;width:auto;}
}

@media (min-width: 840px) {
	/* Bl�cke */
	.container{padding: 40px 10px 60px 20px;width: 560px;z-index:10;}
	header {height: 40px; width:100%;max-width:970px;}

	header a.logo{bottom:0;}
	header img.lieder{bottom:-215px;}

	.background{position:fixed; bottom:0;height: 100%; width:100%;max-width:970px;min-width:800px;z-index:1;}
	.background img{position:absolute; right:0;padding-top:40px;max-height:120%}
	nav{margin:0 300px 0 10px;}
}
@media (min-height: 500px) and (min-width: 840px) {
	header {height: 70px;}
	.background img,.container{padding-top:70px;padding-bottom: 40px;}
	.background img{max-height:120%;}
}
@media (min-height: 600px) and (min-width: 840px) {
	header {height: 100px;}
	.background img,.container{padding-top:100px;padding-bottom: 40px;}
.background img{height:100%;bottom:0;}
}
@media (min-height: 800px) and (min-width: 840px) {
	header {height: 150px;}
	.background img,.container{padding-top:150px;padding-bottom: 40px;}
	.background img{right:-50px}
}
@media (min-height: 1000px) and (min-width: 840px) {
	header {height: 190px;}
	.background img,.container{padding-top:190px;padding-bottom:190px;}
}
@media (min-height: 1500px) and (min-width: 840px) {
	header {height: 250px;}
	.background img,.container{padding-top:250px;padding-bottom:250px;}
}



/* Produktinfo Overlay und Video Overlay*/
.overlay,.overlay *{-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
.overlay{height:100%;width:100%;position:fixed;top:0;left:0;text-align:center;display:none;overflow:auto;}
.boxtop::after{content:' ';display:block;height:1px;margin-top:-1px;clear:both;}
#produktinfo{background-color:rgba(255,255,255,.9);z-index:1000;}
#video{background-color:#fff;z-index:2000;}
#video_content{clear:both;border:1px solid #eee;}
#video_content iframe{height:100%;width:100%;border:none;}
.jquery #produktinfo{display:block;}
.topclose{width:1.6em;line-height:1.6em;text-align:center;color:#fff;background-color:#375364;font-size:1.5em;border-radius:50%;cursor:pointer;float:right;margin:0 0 .2em .2em;}

.center{height:100%;width:1px;vertical-align:middle;display:inline-block;margin-right:-1px;}
.innerbox{display:inline-block;vertical-align:middle;max-width:100%;margin:auto;padding:1em 1em 1em 1em;position:relative;background-color:#fff;}
#produktinfo .innerbox{box-shadow:5px 5px 15px rgba(0,0,0,.3);}

.produkt{margin-top:1.5em;border-top:1px solid #375364;padding-top:1.5em;}
.produkt img{display:block;max-width:100%;height:auto;width:300px;border:1px solid #ccc;margin:0 auto 1.5em auto;}

.overlay h1{margin:0;font-size:2em;line-height:1.2;padding:0 1.2em;}
.overlay h1 + p{margin-top:.2em;}
.buttons a, .buttons input[type="submit"] {display:inline-block;background-color:#375364;padding:0 1em;line-height:2em;text-decoration:none;border-radius: .5em;color:#fff;font-weight:bold;}
.noquery .buttons{display:none;}
.buttons input[type="submit"] { cursor: pointer}
@media (min-width: 550px) {
.buttons{text-align:left;}
}
@media (min-width: 600px) AND (orientation:landscape){
	#produktinfo .innerbox{width:70em;}
.topclose{font-size:2em;}
	.produkt img{width:auto;max-width:60%;}
.produkt{display:inline-block;vertical-align:top;width:49%;border-top:none;padding-top:0;}
 }
@media (min-width: 1000px) AND (min-height:640px){
	.produkt img{max-width:80%;}
 }

/* footer */
footer {position:fixed; bottom:0;height: 40px; width:100%;max-width:970px;min-width:800px;background-color: #ede2cf;z-index:20;border-top:1px solid #000;}
footer .nav {bottom: 10px;border-bottom: none}
footer .nav ul {list-style: none;padding-left:15px}
footer .nav li {display: inline-block}
footer .nav a {text-decoration: none;margin-right: 15px;}