/*
Theme Name: Haussmann
Description: Dr. Balthasar Haussmann
Author: Interlogue
Author URI: http://www.inter-logue.de
*/

@import url('https://fonts.googleapis.com/css?family=Lato:400,400i,700');

/* === RESET === */

body, div, h1, h2, h3, h4, h5, h6, p, blockquote, pre, code, ol, ul, li, dl, dt, dd, figure, table, th, td, form, fieldset, legend, input, textarea { margin: 0; padding: 0; }
header, footer, nav, section, aside, article, figure, figcaption { display: block }
table { border-spacing: 0; border-collapse: collapse; }
caption, th, td { text-align: left; text-align: start; vertical-align: top; }
abbr, acronym { font-variant: normal; border-bottom: 1px dotted #666; cursor: help; }
blockquote, q { quotes: none; }
fieldset, img { border: 0; }
ul { list-style-type: none; }
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
del { text-decoration: line-through; }
ins { text-decoration: none; }

html { overflow-y: scroll; }
body { font-size: 18px; line-height: 1.55; color: #021d49; font-family: 'Lato', sans-serif; font-weight: 400; background: url("images/bg.jpg"); }
body.angebot { background: url("images/bg-angebot.jpg"); }
body.page { background: url("images/bg-bright.jpg"); color: #043873; }
body.leseproben, body.single { background: url("images/bg-leseproben.jpg"); }
body.single { font-family: Georgia, Times, Times New Roman, serif; }
input, button, textarea, select { font-family: inherit; font-size: 1em; font-weight: inherit; vertical-align: baseline; *vertical-align: middle; }
button, input.submit { *overflow: visible; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
table { font-size: inherit; }
img, object, embed, video { max-width: 100%; }
a img { border: none; display: block; }
img { height: auto;  }


/* === GENERIC === */

.clr { clear: both; }
.clrfix:after { content: "."; clear: both; display: block; visibility: hidden; height: 0px; }
.inside { width: 715px; max-width: 100%; margin: 0 auto; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 10px; padding-right: 10px; }

a { color: #3c518c; text-decoration: none; -moz-transition: all .2s ease; -o-transition: all .2s ease; -webkit-transition: all .2s ease; transition: all .2s ease; }
a:hover { color: #021d49; }
h1 a, h2 a, h3 a { color: #325a78; }
.aligncenter { display: block; margin-right: auto; margin-left: auto; }
.alignleft { float: left; margin-right: 2em; }
.alignright { float: right; margin-left: 2em; }


/* === FONTS === */

h1, h2, h3, h4, h5, h6 { margin: 0 0 1.25em; font-weight: 700; text-transform: uppercase; }
h1, h2, .h1 { font-size: 1.388888888888889em; line-height: 1em; }

p { margin: 0 0 1em; }
p.left { text-align: left; }
p.center { text-align: center; }
p.justify { text-align: justify; }
p.right { text-align: right; }

article ul, article ol { margin: 0 0 1.5em; zoom: 1; }
article ul { list-style-type: none; }
article ol { list-style-type: decimal; }
article ol li { margin: 0 0 0 1em; padding: 0 0 0 0.5em; }
article ul li { position: relative; margin: 0 0 0 0.75em; padding: 0 0 0 0.5em; }
article ul li:before { content: "\2022"; color: #021d49; position: absolute; left: -0.5em; top:-0.2em; font-size: 1.5em; }


/* === HEADER === */

#header { font-family: 'Lato', sans-serif; color: #fff; text-align: center; }
#header a { color: #fff; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }
body.page #header a { color: #043873; }
#header ul.menu { font-size: 0.8888888888888889em; margin: 1em 0 2.5em; font-weight: 700; }
#header ul.menu li { display: inline-block; margin: 0 1em; }
#header ul.menu li a { color: #fff; white-space: nowrap; text-transform: uppercase; }
body.page #header ul.menu li a { color: #043873; }
#header ul.menu li a:hover, #header ul.menu li.current_page_item a, body.single #header ul.menu li:first-child + li a { border-bottom: 1px solid #fff; }
body.page #header ul.menu li a:hover, body.page #header ul.menu li.current_page_item a { border-color: #043873; }

#logo { display: block; }
#logo h1, #logo .h1 { text-transform: none; font-weight: 400; font-size: 2.777777777777778em; margin: 0; }
#logo p { font-size: 1.944444444444444em; margin: 0 0 2em; }


/* === MAIN === */

#main { background: #fff; padding: 5em 0 0; }
#main article, #main section { margin-bottom: 3em; }

body.home #main, body.page #main { background: none transparent; padding: 0; }
body.home #main { color: #fff; }
body.page #main { color: #043873; }
body.home #main { font-size: 1.388888888888889em; }
body.home #logo h1 { margin: 2em 0 0; font-size: 3.333333333333333em; }
body.home #logo p { margin: 0 0 0.5em; font-size: 2.5em; }

body.angebot .content p { text-indent: -18px; padding-left: 18px; }
.wp-post-image { margin: 0 0 2em; }

.blog p { width: 55%; text-align: center; font-size: 1.944444444444444em; line-height: 1em; font-family: Georgia, Times, Times New Roman, serif; }
.blog p.even { float: right; margin-left: 40%; margin-right: 5%; }
.blog p.odd { margin-left: 5%; margin-right: 40%; }
.blog p span { display: block; font-size: 0.5142857142857143em; font-family: 'Lato', sans-serif; }

body.single #main h1 { font-size: 1.944444444444444em; text-transform: none; text-align: center; color: #3c518c; font-weight: normal; width: 55%; margin-left: auto; margin-right: auto; }
body.single h1 span { display: block; font-size: 0.5142857142857143em; font-weight: normal; }

.pagenav div { width: 33.3333333333%; min-height: 1em; float: left; display: block; font-family: 'Lato', sans-serif; }
.pagenav .prev-posts { }
.pagenav .overview { text-align: center; }
.pagenav .next-posts { text-align: right; }


/* === FOOTER === */

#footer { text-align: center; font-family: 'Lato', sans-serif; color: #fff; padding-top: 1em; }
body.page #footer { color: #043873; }
#footer.fixed { position: fixed; width: 100%; left: 0; bottom: 0; }
#footer a { color: #fff; }
body.page #footer a { color: #043873; }
#footer .textwidget, #footer ul.menu { display: inline-block; }
#footer ul.menu li { display: inline-block; }
#footer ul.menu li:before { content: "|"; margin: 0 0.5em; }
#footer ul.menu li a:hover, #footer ul.menu li.current_page_item a { border-bottom: 1px solid #fff; }
body.page #footer ul.menu li a:hover, body.page #footer ul.menu li.current_page_item a { border-color: #043873; }


/* === RESPONSIVENESS === */

@media screen and (min-width: 715px) {
	body.page #main { font-size: 1.111111111111111em; }
}
@media screen and (max-width: 714px) {
	#logo h1, #logo .h1 { margin-bottom: 0.25em; }
	body.home #logo h1 { margin-bottom: 0.25em; }
}
@media screen and (max-width: 714px) and (min-width: 665px) {
	body { font-size: 16px; }
	#main { font-size: 1.125em; }
	.blog p { width: 60%; }
	.blog p.even { margin-left: 35%; margin-right: 5%; }
	.blog p.odd { margin-left: 5%; margin-right: 35%; }
	body.single #main h1 { width: 60%; }
}
@media screen and (max-width: 664px) and (min-width: 615px) {
	body { font-size: 15px; }
	#main { font-size: 1.133333333333333em; }
	.blog p { width: 65%; }
	.blog p.even { margin-left: 30%; margin-right: 5%; }
	.blog p.odd { margin-left: 5%; margin-right: 30%; }
	body.single #main h1 { width: 65%; }
}
@media screen and (max-width: 614px) and (min-width: 565px) {
	body { font-size: 14px; }
	#main { font-size: 1.142857142857143em; }
	.blog p { width: 70%; }
	.blog p.even { margin-left: 25%; margin-right: 5%; }
	.blog p.odd { margin-left: 5%; margin-right: 25%; }
	body.single #main h1 { width: 70%; }
}
@media screen and (max-width: 564px) and (min-width: 515px) {
	body { font-size: 13px; }
	#main { font-size: 1.153846153846154em; }
	.blog p { width: 75%; }
	.blog p.even { margin-left: 20%; margin-right: 5%; }
	.blog p.odd { margin-left: 5%; margin-right: 20%; }
	body.single #main h1 { width: 75%; }
}
@media screen and (max-width: 514px) {
	body { font-size: 12px; }
	#main { font-size: 1.166666666666667em; }
	.blog p { width: 80%; }
	.blog p.even { margin-left: 15%; margin-right: 5%; }
	.blog p.odd { margin-left: 5%; margin-right: 15%; }
	body.single #main h1 { width: 80%; }
}