/* CSS Document */

body{
	margin:0;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#444;
}

h1{
	clear:both;
	padding:0 0 10px 0;
	margin:0;
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-weight:100;
	font-size:30px;
	letter-spacing:1px;
	border-bottom:1px solid #b2b2b2;
}

p,h2{
	font-size:15px;
	letter-spacing:2px;
	font-weight:lighter;
	line-height:25px;
	text-align:justify;
	margin:10px 0 0 320px;
}
p.wp-caption-text{
	margin:0;
	font-size:10px;
	line-height:normal;
	clear:both;
	max-width:300px;
	text-align:left;
}
.wp-caption{
	float:left;
	border-bottom:10px solid #fff;
	clear:both;
}
.wp-caption img{
	margin-left:0px;
	border-bottom-width:5px;
}
h2{
	font-weight:bold;
	clear:both;
}
h2+p{
	margin-top:0px;
}

img{
	float:left;
	border-right:20px solid #fff;
	border-bottom:20px solid #fff;
	margin-top:7px;
	
	margin-left:-320px;
	
	max-width:300px;
	height:auto;
	clear:both;
}
h1+p img,
h1+.wp-caption{
	margin-top:-11px;
}
/*h1+p{
	margin:0;
	padding:0;
	display:inline
}*/

a{
	text-decoration:none;
	color:#940010;
}
a:hover{
	text-decoration:underline;
}

article{
	padding:105px 0 60px 0;
}
article article{
	padding:0;
}

/* Classes */

.content,article{
	width:100%;
	display:block;
	margin:auto;
	max-width:940px;
}

header{
	position:fixed;
	left:0px;
	right:0px;
	top:0px;
	background:rgba(255,255,255,.9);
	z-index:1000;
}
.logged-in header{
	top:30px;
}
header .content{
	min-height:85px;
	border-bottom:1px solid #b2b2b2;
}

header .content>a{
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	color:#444;
	text-decoration:none;
	text-transform:uppercase;
	font-size:15px;
	letter-spacing:15px;
	text-align:center;
	font-weight:100;
	float:left;
	line-height:21px;
	margin:22px 0 0 20px;
}
header .content>a:hover{
	color:#940010;
}

header .content>ul,
footer .content>ul{
	float:right;
	list-style:none;
	margin:17px 0 0 0;
	pading:0;
	width:100%;
	max-width:330px;
}
header .content>ul>li,
footer .content>ul>li{
	float:left;
	width:110px;
}
header .content>ul>li>a,
footer .content>ul>li>a{
	color:#444;
	font-size:15px;
	display:block;
	line-height:25px;
}
header .content>ul>li>a:before,
footer .content>ul>li>a:before{
	content:"■ ";
}
header .content>ul>li>a:hover,
header .content>ul>li.current-menu-item >a,
footer .content>ul>li>a:hover,
footer .content>ul>li.current-menu-item >a{
	color:#940010;
	text-decoration:none;
}



footer{
	position:fixed;
	left:0px;
	right:0px;
	bottom:0px;
	background:rgba(255,255,255,.9);
	line-height:40px;
	z-index:999;
}
footer .content{
	border-top:1px solid #b2b2b2;
}
footer .content>span{
	font-size:15px;
	float:right;
	color:#555;
}
footer .content>ul{
	margin:0;
	padding:0;
	width:auto;
	max-width:none;
	float:left;
}
footer .content>ul>li{
	width:auto;
	margin:0 30px 0 0;
}
footer .content>ul>li>a{
	line-height:inherit
}

form>div{
	overflow:hidden;
}
input[type=text],
input[type=email],
textarea{
	display:block;
	border:none;
	background:#ddd;
	padding:5px;
	width:100% !important;
	max-width:100% !important;
	margin:0 !important;
}
label{
	margin:10px 0 5px 0 !important;
}
input[type=submit]{
	float:right;
	border:none;
	background:#333;
	padding:5px 10px;
	color:#fff;
	border-image:0 0 10px 0;
}

input[title="Anzahl"]{
	float:left;
	clear:none;
	width:25px!important;
	margin:0 10px 0 0!important;
	text-align:center;
}


.slideshow-window{
	width:100%!important;
	padding:0!important;
	border:none!important;
	border-radius:0!important;
	height:545px!important;
	overflow:hidden;
	z-index:1;
}
.slideshow-window>.slideshow-slide{
	height:545px!important;
	width:100% !important;
	overflow:hidden;
}
.slideshow-window>.slideshow-slide>img{
	float:left;
	width:100%;
	max-height:none!important;
	height:auto!important;
	margin:0;
}

.slideshow-slide-caption{
	padding:5px 0!important;
	margin:0!important;
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif !important;
	font-weight:100!important;
	font-size:30px!important;
	letter-spacing:1px;
	line-height:normal!important;
	position:absolute;
	top:0px!important;
	bottom:auto !important;
	background:rgba(255,255,255,.75);
	text-shadow:none!important;
	color:#444!important;
	height:auto!important;
}

body div div.slideshow-controls{
	bottom: auto !important;
	top:210px;
	display: block !important;
	opacity:1 !important;
}
body div div.slideshow-controls a{
	font-size:100px;
	color:rgba(255,255,255,.5)!important;;
	text-shadow:0 0 10px rgba(0,0,0,.5);
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
}
body div div.slideshow-controls a:nth-child(1):before{
	content:"‹";
	float:left;
	margin:0 0 0 10px;
}

body div div.slideshow-controls a:nth-child(2):before{
	content:" ";
	display:block;
	transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
	position:absolute;
	right:10px;
	top:285px;
	font-size:50px;
	line-height:50px;
}
body div div.slideshow-controls a.paused:nth-child(2):before{
	content:"▲";
	font-size:30px;
}

body div div.slideshow-controls a:nth-child(3):before{
	content:"›";
	float:right;
	margin:0 10px 0 0;
}

.shopAdr{
	float:left;
	width:48%;
	margin:1%;
}

.gallery{
	text-align:center;
}

.gallery-item{
	width:auto;
	margin:10px 5px 0 5px;
	height:145px;
	overflow:hidden;
	position:relative;
	display:inline-block
}
.gallery-caption{
	margin:0;
	text-align:center;
	font-size:12px;
	position:absolute;
	bottom:0px;
	background:rgba(255,255,255,.75);
	right:0px;
	left:0px;
	padding:5px;
}

.gallery-item img{
	float:left;
	border-right:none;
	border-bottom:none;
	margin-top:0;
	
	margin-left:0;
	height:145px;
}

.gal{
	position:fixed;
	left:0px;
	right:0px;
	bottom:0px;
	top:0px;
	z-index:2000;
	padding:10px;
	background:rgba(0,0,0,.7) center no-repeat;
	background-origin:content-box;
	display:none;
}
.gal.act{
	display:block;
}

.gal a{
	display:block;
	position:absolute;
	bottom:-20px;
	left:25%;
	width:50%;
	background:#fff;
	padding:5px 0;
	text-align:center;
	border-radius:10px 10px 0 0;
	
	transition:all ease-out 1s;
	-webkit-transition:all ease-out 1s;
	-moz-transition:all ease-out 1s;
}
.gal a.act{
	bottom:0px;
}

a[title=Kontakt]{
	display:block;
	text-align:center;
	margin-left:-310px;
}

@media (max-width: 960px){
	header,footer,	article{
		margin:0 10px;
	}
	article{
		width:auto;
	}
	
	.slideshow-window,
	.slideshow-window>.slideshow-slide{
		height:400px!important;
	}
	.slideshow-controls{
		top:130px;
	}
	.slideshow-controls a:nth-child(2):before{
		top:-120px;
	}
}
@media (max-width: 710px){
	
	.shopAdr{
		width:100%;
		margin:0;
	}
	
	
	h1{
		text-align:center;
	}
	
	p,h2{
		margin-left:0
	}
	
	img{
		float:none;
		margin:10px auto;
		border-bottom:none;
		border-left:20px solid #fff;
		display:block;
	}	
	.wp-caption{
		float:none;
		margin:auto;
	}
	
	.gallery-item img{
		float:left;
		border:none;
		margin:0;
	}

	
	header .content>a{
		width:100%;
		margin:5px 0;
	}
	header .content>ul{
		max-width:100%;
		text-align:center;
		margin:0 0 5px 0;
	}
	header .content>ul>li{
		width:auto;
		float:none;
		display:inline;
		margin:0;
	}
	header .content>ul>li>a{
		display:inline;
		white-space:nowrap;
		font-size:9px;
		line-height:normal;
		margin:0 2px
	}
	header .content>ul>li>a:before,
	footer .content>ul>li>a:before{
		content:"";
	}
	footer{
		line-height:20px;
	}
	footer .content>ul>li{
		margin-right:5px;
	}
	
	.slideshow-window,
	.slideshow-window>.slideshow-slide{
		height:220px!important;
	}
	.slideshow-controls{
		top:40px;
	}
	.slideshow-controls a:nth-child(2):before{
		top:-30px;
	}
	.slideshow-slide-caption{
		font-size:20px !important;
	}
	
	
	a[title=Kontakt]{
		margin-left:0px;
	}
}