/*
Theme Name: Whoiswolf
Theme URI: 
Author: Martin Hesse
Author URI: http://www.mh-dev.de
Description: Yay Baby!
Version: 1.3.3.7
*/

/*@import url(http://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic);*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}

body { font-family: 'Helvetica', serif; overflow-x:hidden; background-color: white; color: black; }

header > section#branding { display: none; }
header > section#fb {
	position: relative;
	left: 240px;
	top: -40px;
}

header > section#instagramm {
	position: relative;
	top: -40px;
	left: 240px;
}

p { line-height: 1.35em; margin-bottom:1em; }

nav#menu > div > ul {
	position: absolute;
	right: 0px;
	top: 10px;
}
	nav#menu > div > ul > li {
		display: inline;
		padding: 0px 10px 0px 0px;
		text-transform: uppercase;
		font-family: Helvetica;
		font-size: 0.8em;
	}


a:link, a:active, a:visited {
	color: black;
	text-decoration: none;
}

a:hover {
	color: red;
	text-decoration: none;
}

li.current-menu-item,
li.current-menu-item > a:link,
li.current-menu-item > a:hover,
li.current-menu-item > a:active {
	color: red;
	text-decoration: underline;
}

header.mobile { display:none; }

section#content {
	padding:10px;
}

section#logo { z-index:5; }

section#booking {
	z-index: 10;
	text-align: right;
	font-size: 12px;
	position: absolute;
	top: 70px;
	left: 500px;
}
	section#booking > a > img {
		max-height: 90px;
	}

section#logo_mobile_portrait { display:none; }
section#logo_mobile { display:none; }

@media only screen and (max-width: 750px) {
	header { display: none; }
	header.mobile { display: block; }
	nav#menu > div > ul { 
		position: block;
	}
}

@media screen and (orientation:portrait) {
	section#logo_mobile { display:block; }
	section#logo_mobile_portrait { display:none; }
}

@media screen and (orientation:landscape) {
	section#logo_mobile { display:none; }
	section#logo_mobile_portrait { display:block; }
}

footer {
	padding: 10px;
}

header {
	padding: 10px;
}
	header > h1 {
		font-size:30px;
		color:#e52520;
	}

div#copyright > p { font-size:12px; }


.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

blockquote.alignleft,
figure.wp-caption.alignleft,
img.alignleft {
	margin: 7px 24px 7px 0;
}

.wp-caption.alignleft {
	margin: 7px 14px 7px 0;
}

blockquote.alignright,
figure.wp-caption.alignright,
img.alignright {
	margin: 7px 0 7px 24px;
}

.wp-caption.alignright {
	margin: 7px 0 7px 14px;
}

blockquote.aligncenter,
img.aligncenter,
.wp-caption.aligncenter {
	margin-top: 7px;
	margin-bottom: 7px;
}

.site-content blockquote.alignleft,
.site-content blockquote.alignright {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	padding-top: 17px;
	width: 50%;
}

.site-content blockquote.alignleft p,
.site-content blockquote.alignright p {
	margin-bottom: 17px;
}

.wp-caption {
	margin-bottom: 24px;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0;
}

.wp-caption {
	color: #767676;
}

.wp-caption-text {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	font-size: 12px;
	font-style: italic;
	line-height: 1.5;
	margin: 9px 0;
}

div.wp-caption .wp-caption-text {
	padding-right: 10px;
}

div.wp-caption.alignright img[class*="wp-image-"],
div.wp-caption.alignright .wp-caption-text {
	padding-left: 10px;
	padding-right: 0;
}

article > header > h2.entry-title {
	margin: 0px;
	border-bottom: 0px;
	font-weight: normal;
}

img[class*="wp-image-"] {
	border: 5px solid white;
	box-shadow: #333 0px 0px 5px;
}


body.single-post section#content,
body.blog section#content {
	float: left;
	max-width: 1100px;
}

body.single-post article header,
body.single-post article footer,
body.blog article header, 
body.blog article footer {
	padding: 0px;
	margin:0px;
}

	body.single-post article header h2,
	body.blog article header h2 {
		font-size: 30px;
	}

	body.single-post article header, 
	body.blog article header {
		padding-bottom: 10px;
		border-bottom: 2px solid #ddd;
	}

	body.single-post article section, 
	body.blog article section {
		padding-top: 10px;
	}

	body.single-post article section img.wp-post-image, 
	body.blog article section img.wp-post-image {
		max-width: 100%;
		max-height: 460px;
	}

	body.single-post article footer, 
	body.blog article footer {
		font-size: 13px;
		background-color: #ddd;
		padding: 10px;
		margin-bottom: 10px;
	}

	aside#sidebar {
		display: none;
		background-color: #f5f5f5;
	}
		aside#sidebar h3.widget-title {
			padding: 10px;
			background-color: #e52520;
			color: white;
		}

		li.widget-container ul > li {
			padding: 10px;
		}

		li.widget-container ul > li a {
			color: black;
		}

		li.widget-container ul > li a:hover {
			text-decoration: underline;
		}

	footer#footer { clear: left;  }

	img[class*="wp-image-"] { max-width: 100%; height: 100%; box-shadow: none; border: 0px; }


em { font-style: italic; }
strong { font-weight: bold; }

section#logo img {
	max-height: 200px;
}