@import url("layouts/content-sidebar.css");
/*
Theme Name: AnneApplebaum
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: anneapplebaum
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

AnneApplebaum is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-family: 'Droid Serif', serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body {
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1, h2 {
	font-size: 2em;
	margin: /*0.67em*/ 0;
}

h1.entry-title, h1.entry-title a, h2.entry-title, h2.entry-title a, h2.book-archive a{
	color: #87655A;
	font-weight: normal;
	line-height: normal;
	margin-bottom: .7em;
}

h1.entry-title a:hover, h2.entry-title a:hover, h2.book-archive a:hover {color: #B82C2D;}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin-top: 0em;
	margin-right: 40px;
	margin-bottom: 1em;
	margin-left: 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #404040;
	font-family: 'Droid Serif', serif;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.7;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-family: 'robot', sans-serif;
text-transform: uppercase;
	color: #0099CC;	
}

h3.reviews {
	padding-top: 12px;
	padding-bottom: 24px;
}

#site-footer h1, #site-footer h2, #site-footer h3, #site-footer h4, #site-footer h5, #site-footer h6 {
	color: #FFF;
}

p {
	margin-bottom: 1.5em;
}

h1.site-title, p.site-title{
	
	width: auto;
	padding: 0px;
margin:0;
	
}
h1.site-title a, p.site-title a {
	text-transform: none;
	font-family: 'Droid Serif', serif;
	margin: 0;
	padding:0;
	line-height: auto;
	font-weight: normal;
	font-style: italic;
	text-align: right;
}



 p.site-title a {
}

 p.site-description {
	margin:0;
	width: auto;	font-size: .85em;
}
h1.site-title a {
	font-size: 1.2em;
	color:#BB1D00; 
	
}
#header-bild {
	float: right;
	height: auto;
	width: 25%;
	margin-right:0;
	text-align: center;
	padding: 10px;
	border: 1px solid #D6C5BF;
	background-color: #F1EDE4;
}

#header-bild img {
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 100%;
	border: 1px solid #D6C5BF;
}

.site-branding {
	float: right;
	width:75%;
	margin:0;
	padding-top: 30px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
	text-align: center;
}
#text-under-logo {
	padding-top: 4px;
	font-size: 1em;
	padding-right: 20%;
	padding-left: 20%;
	font-family: 'Roboto', sans-serif;
	color: #0099CC;
	font-weight: bold;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	font-family: 'roboto', sans-serif;
	color: #87655A;
	margin-top: 0;
	margin-right: 1.5em;
	margin-bottom: 0;
	margin-left: 2.5em;
	position: relative;
	font-size: 1em;
}


address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff; /* Fallback for when there is no custom background color defined. */
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

blockquote:before {
font-family: 'Linearicons-Free';
	content: "\e83f";
	position: absolute;
	left: -1.5em;
	top: 1px;
	
}


hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
	clear: left;
	float: left;
}

ul,
ol {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 1.5em;
	margin-left: 1em;
}

ul {
	list-style-type: circle;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
		
}

figure {
	margin: 0; /* Extra wide images within figure tags don't overflow the content area. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

 p.initial::first-letter {
	 clear: left;
	font-family: 'roboto';
	 font-weight: normal;
	/*font-style: bold;*/
	font-size: 3.8em;
	line-height: 0;
	margin-top: .05em;
	color: #0099CC;
	float:left;
	padding-right: 5px;
	position: relative;}



body .entry-content p:first-of-type:first-letter {
	font-family: 'roboto';
	clear: left;
	font-weight: normal;
	/*font-style: bold;*/
	font-size: 3.8em;
	line-height: .65em;
	margin-top: 0.05em;
	color: #0099CC;
	float:left;
	padding-right: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	position: relative;
}

body.ie .entry-content p:first-of-type:first-letter {
	position:relative;
	font-size: 2em;
	float: none;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

/*body .chrome {
	background-color: #3FC;
} */


	
	.entry-content blockquote p:first-of-type:first-letter, body.ie .entry-content blockquote p:first-of-type:first-letter /*body.chrome .entry-content blockquote p:first-of-type:first-letter */  {
	float:none;
	font-family: inherit;
	font-size: inherit;
	margin-top: 0;
	padding: 0;
	color:#87655A;
	clear: left;
	font-weight: normal;
}
	
	body.single .entry-content p:first-of-type:first-letter { 
	color: #0099CC;
	clear: left;
	 }

body.single .entry-content blockquote p:first-of-type:first-letter,body.blog blockquote p:first-of-type:first-letter, body.category blockquote p:first-of-type:first-letter{color: #87655A;clear: left; float:none;
	font-family: inherit;
	font-size: inherit;
	margin-top: 0;
	padding: 0;}


/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, .8);
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1;
	padding: .6em 1em .4em;
	font-family: 'Droid Sans', sans-serif;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #D6C6BF;
	border-radius: 3px;
	padding: 3px;
}

select {
	border: 1px solid #87655A;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #87655A;
}

textarea {
	width: 100%;
}



form.suche {
	
	margin-top: -1.7em;
	position: relative;
}
  
.suche input {
	width: 100%;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 30px;	
}

.suche:after {
	font-family: 'Linearicons-Free';
	content: "\e86f";
	position: absolute;
	-webkit-transition: 400ms ease;
	-moz-transition:   400ms ease;
    -o-transition:   400ms ease
	transition:   400ms ease;
	font-size: inherit;
	font-weight: normal;
	left: 9px;
	top: 3px;
	color: #87655A;
}

 input.button
  {
	display:none;
  }

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: #B82C2D;
	text-transform: uppercase;
	font-family: 'Roboto', sans-serif;
	text-decoration: none;
	font-weight: bold;
}

a:visited {
	color: #B82C2D;
}

a:hover {color: #0099CC;}

a:focus {
	outline: thin dotted;
	color: grey;
}

a:focus,
a:active {
	color: #E83F31;
}


a:hover,
a:active {
	outline: 0;
}

.pagebar a, .this-page {
	border: 1px solid #D6C6BF ;
	margin-right: 10px;
	padding-top: 2px;
	padding-right: 8px;
	padding-bottom: 2px;
	padding-left: 8px;
	-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}

/*a[title~="Page 2"] {background-color: black;}
a[href="http://google.com/"] {...}
.pagebar a:nth-child(2) {font-size: 2em;}*/
pagebar a:hover {
 
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.menu-newmenu-container {
	height: auto;
	width: auto;
	text-align: center;
	
}
.main-navigation {
	position: relative;
	display:block;
	height: auto;
	width: 100%;
	float: left;
}

.main-navigation ul {
	list-style: none;
	display: center;
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	float: left;
}

.main-navigation li {
	border-top: none;
	position: relative;
	float: left;
	list-style-type: none;
}

.main-navigation a {
	color: #B82C2D;
	display: block;	/*line-height: 1.3125;
	outline-offset: -8px;
		padding: 0.65625em 0.875em;
		white-space: nowrap;*/
	font-weight: bold;
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-top: 0.5em;
	padding-right: 1.5em;
	padding-bottom: 0.5em;
	padding-left: 1.5em;
}

.main-navigation a:hover,
.main-navigation a:focus {
	color: #0099CC;
}


	.main-navigation ul ul {
	border-bottom: 1px solid #D6C6BF;
	display: block;
	right: -2em;
	position: absolute;
	z-index: 99999;
	padding: 0px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	background-color: #FFF;
	}

 .main-navigation ul ul li {
	margin-left: 0px;
		border: 1px solid #D6C6BF;
		border-bottom-width: 0;
}

.main-navigation ul ul li:last-child{ border: 1px solid #D6C6BF; border-bottom-width: 1px;}


#site-navigation ul li.menu-item-has-children ul.sub-menu {
	display: none;
}


.main-navigation ul ul a {
white-space: normal;
	width: 12.6875em;}

	.main-navigation ul ul:before,
	.main-navigation ul ul:after {
border-style: solid;
		content: "";
		position: absolute; /*ecke oben*/
		color: transparent;
	}



.main-navigation ul ul:before  {width: 0px;
height: 0px;
-moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	transform: rotate(360deg);
border-style: solid;
border-width: 0 10px 10px 10px;
border-color: transparent transparent #D6C6BF transparent;
right:1.90em;
top: -10px;

}
	
	.main-navigation .menu-item-has-children > a {
		margin: 0;
		padding-right: 2em;
	}


.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a, .current-post-ancestor{
	font-weight: 700;
	color: #0099CC;
}
 .main-navigation .menu-item-has-children > a:after {
	font-family: Linearicons-Free;
	content: "\e888";
	position: absolute;
	right: 0;
	top: .5em;
	margin-left: 30px;
	-webkit-transition: 400ms ease;
	-moz-transition:   400ms ease;
    -o-transition:   400ms ease
	transition:   400ms ease;
	font-size: inherit;
	font-weight: normal;
	}
	
	
	.main-navigation .menu-item-has-children.active > a:after {
		-moz-transform: rotate(540deg);
	-ms-transform: rotate(540deg);
	-o-transform: rotate(540deg);
	transform: rotate(540deg);
}


/* Small menu. 
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
} */

#menu-toggle {
	text-align: center;
	height: auto;
	width: 100%;
	font-family: Roboto, sans-serif;
	text-transform: uppercase;
	padding-top: 0.5em;
	padding-right: 1.5em;
	padding-bottom: 0.5em;
	padding-left: 1.5em;
	cursor: pointer;
	font-weight: bold;
	display: none;
	color: #B82C2D;
}
#menu-toggle:after {
	font-family: Linearicons-Free;
	content: "\e871";
	padding-left: 10px;
	font-weight:bold;
	font-size: 1.25em;
	color: #B82C2D;
	padding-top: 4px;
}

menu-toggle.open {
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-bottom-style: solid;
	border-top-color: #0099CC;
	border-right-color: #0099CC;
	border-bottom-color: #0099CC;
	border-left-color: #0099CC;
}

#menu-toggle.open:after {
	font-family: Linearicons-Free;
	content: "\e880";
}

/* Elemente */

footer.entry.footer {color:#664700;}
body.page-template-page-archive .entry-content, body.page-template-page-archive h1.entry-title, body.page-template-page-archive h2.entry-title, body.page-template-page-archive footer.entry-footer, .content-area-fullpage .entry-content, .content-area-fullpage h1.entry-title, .content-area-fullpage h2.entry-title, .content-area-fullpage  footer.entry-footer {padding-left: 0%;}

footer.entry-footer {
	margin-bottom: 50px;
	font-family: 'roboto';
	color: #87655A; 
	font-size: small; 
}

#site-footer  {
	border-top-width: 20px;
	border-right-width: 20px;
	border-bottom-width: 20px;
	border-left-width: 20px;
	border-top-style: solid;
	border-top-color: #D6C6BF;
	border-right-color: #D6C6BF;
	border-bottom-color: #D6C6BF;
	border-left-color: #D6C6BF;
	background-color: #0099CC;
}

 #site-footer a {color: #FFF;}

#site-footer a:hover {
	color:#333;
}

.entry-content .entry-meta {
	font-family: Roboto;
	font-size: small;
	color: #87655A;
	text-transform: uppercase;
	float: left;
	padding-top: 1.7em;
	padding-left: 0px;
	margin-left: -32%;
	width: 28%;
}

.entry-content .entry-meta ul, .entry-content .entry-meta ul li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.prolog {
	padding-left:25%;
	background-image: url(bildchen/horizontale-line.png);
	background-repeat: no-repeat;
	background-position: 28% bottom;
}


.entry-content hr {
	width: 50%;
	text-align: left;
}

.entry-content hr + p {
	clear: left;
}


.entry-header .entry-meta a {color: #664700;}

ul.sources, ul.place  {
	font-family: 'roboto', sans-serif;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 3px;
	font-size: small;
	color: #87655A;
	padding-top: 10px;
	padding-left: 24px;
	margin-top: 0px;
	margin-left: -5px;
	margin-right: 0px;
	margin-bottom: 0px;
	
}

ul.place {
	text-transform: uppercase;
	clear: left;
}

 ul.by-author {
	font-size: small;
	font-family: 'roboto', sans-serif;
	list-style-type: none;
	color: #87655A;
	text-transform: uppercase;
	margin: 0px;
	font-weight: bold;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 0px;
	}
	
	 ul.by-author li {
	display: inline;
 
}
   ul.by-author li.author {
	font-family: "Droid Serif";
	font-style: italic;
	font-weight: 400;
	font-size: medium;
	text-transform: none;
}


ul.sources li, ul.place li{
	list-style-type: none;
	padding-top: 8px;	
}

.place li{
	font-weight: bold;
}

ul.sources li:before {
	font-family: 'Linearicons-Free';
	content: "\e828";
	padding-right: 10px;
	margin-left: -23px; 
}

ul.place li:before {
	font-family: Linearicons-Free;
	content: "\e833";
	padding-right: 10px;
	margin-left: -23px;
	font-weight: normal;
}

.cat-links, .edit-link, li.cat-item {
	padding-right: 15px;
}

.cat-links:before, li.cat-item:before {
	font-family: 'Linearicons-Free';
	content: "\e88e";
	padding-right: 10px;
}

.edit-link:before {
	font-family: 'Linearicons-Free';
	content: "\e802";
	padding-right: 10px;
}




.entry-header .entry-meta ul, p.published {
	margin: 0px;
	list-style-type: none;
	padding-top: 1.5em;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-family: 'roboto';
	color: #87655A; 
	font-size: small; 
}

 p.published, p.moreInfo {
	margin: 0px;
	padding: 0px;
	font-size: small;
}
.bildunterschrift, .widget_sp_image-description {
	font-size: small;
	font-style: italic;
}
.more-link  {
	font-size: small;
}

#sya_container {
	position: relative;
	
}

#sya_container ul, #sya_container ul li  /*a:link, #sya_container ul li a, .sya_container ul li a:link, .sya_container ul li a*/   {
	margin: 0;padding: 0;
	list-style-type: none;	/*position: relative;
	display: block;
	left: 0;
	top:-1.7em;
	height: auto;
	width: auto;
	margin: 0px;
	padding: 0px;
	line-height: normal;*/
}
.sya_postcontent {

	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	clear: left;
}

.sya_date {
	display: inline-block;
	position: relative;
	padding-right: 15px;
	width: 20%;
	float: left;
	height: 3.4em;
	font-size: small;
	font-family: 'roboto', sans-serif;
	text-transform: uppercase;
	color: #87655A;
}
.sya_categories {
	font-family: 'roboto', sans-serif;
	display: inline-block;
	font-size: small;
	text-transform: uppercase;
	color: #87655A;
	padding-bottom: 12px;
}


.sya_container h2 {
	/*color: #ff0000 !important;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;*/
}

.sya_container li {
	/*list-style-type: none;
	position: relative;
	font-size: small;*/	
}




.more-link, .entry-footer {color:#664700; }

span[id*='more-']:after {
	content:' . . . ';}
span[id*='more-']{
	color: #404040; 
	width: auto;
	clear:left;
	display: block;
	margin: 0; padding: 0;
}




.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-previous::before,
.posts-navigation .nav-previous::before,
.post-navigation .nav-previous::before {
	font-family: 'Linearicons-Free';
	content: "\e885";
	padding-right: 10px;
	padding-left: 10px;
	color: #B82C2D;
	font-weight:bold; 
	
}


.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

.comment-navigation .nav-next::after ,
.posts-navigation .nav-next::after,
.post-navigation .nav-next::after {
	font-family: 'Linearicons-Free';
	content: "\e886";
	padding-left: 10px;
	padding-right: 10px;
	font-weight:bold;
	color: #B82C2D;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

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

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget-first{

}

.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

h2.widget-title, h2.links{
	font-size: 1em;
	text-transform: uppercase;
	margin-top: 1em;
}

img.rss-widget-icon {display: none;}

.widget_rss ul, .widget ul, ul.links {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	font-family: 'roboto', sans-serif;
	font-size: small;
	color: #87655A;
}

 .widget ul {
	margin-left: 0px;
}

 .widget ul li  {
	padding-top: 8px;
	padding-bottom: 8px;
}

ul.links, ul#menu-books {
	margin-left: 1.5em;
}

 ul.links li:before, ul#menu-books li:before {
	font-family: 'Linearicons-Free';
	content: "\e828";
	margin-left: -1.5em;
	position: absolute;
}

 ul.links li:before {
	font-family: 'Linearicons-Free';
	content: "\e86b";
	margin-left: -1.5em;
	position: absolute;
}

.widget_rss ul li a, .widget ul li a {font-size: small; color: #0099CC;
	
}


.widget_rss ul li a:hover, .widget ul li a:hover {color: #B82C2D;}

.rss-date {
	font-size: small;
	padding-left:2px;
	display: inline-block;
}
	

/*.widget_rss ul li::after  {content:'__'; float:left; display:block;}*/

.widget_rss ul li, .widget_recent_entries ul li {
	background-image: url(bildchen/horizontale-line.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	line-height: 1.3em;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.widget_recent_entries h2.widget-title {
	color: #B82C2D;
	margin-top: -5px;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/

.page-header {
	font-family: Roboto, sans-serif;
	color: #0099CC;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 40px;
}

.page-header p {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 0px;
}

.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}



.bookcover {
	float: left;
	height: auto;
	width: 50%;
	border: 1px solid #D6C6BF;
	margin-right: 15px;
	margin-bottom: 15px;
}

.content-area img, #secondary img {
	
	border: 1px solid #D6C6BF;

}

 .content-area .sensa img, #secondary .sensa img, img.sensa{
	border: none;

}
#fbtw-twitter-timeline {
	border: 1px solid #D6C6BF;
	margin-bottom: 50px;
}




h2.book-archive {
	clear: none;
	font-size: 1em;
	padding-top: 12px;
	
}




/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
	font-size: small;
	font-style: italic;
}

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

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}


/* 976px */
@media screen and (max-width: 61em) { 
#menu-toggle {display:block; }
 
.menu-newmenu-container {display: none; }

.main-navigation ul, .main-navigation ul ul { position:relative; left:0; margin:0;padding:0; display:block;}
	
	.main-navigation li, .main-navigation li li { border-top: 2px solid #0099CC; position:relative;
	width: 100%;
}

.main-navigation li li a {text-indent:30px; } 

.main-navigation li li.current_page_item a { color:#B82C2D;}

.main-navigation li li a:hover {}


.main-navigation .menu-item-has-children > a:after {
	font-family: Linearicons-Free;
	content: "\e888";
	position: absolute;
	right: 2em;
	top: .5em;;
	font-weight: bold; 
	
	}

.main-navigation ul li ul li:last-child {border-bottom: none;}

.main-navigation a:hover,
.main-navigation a:focus {
	/*background-color: #F9E6AC;*/
}

.main-navigation ul ul a {

	width: 100%;}
	
	#header-bild {
	/*width: 25%; */
	
}
#content {background-image: none; }
.content-area {
	
	/*background-color: #9CC;*/

	margin-right:0%;
	margin-bottom: 0;
	
	
}
#content .site-main {
	margin-right: 0;
	padding: 0;
 
}

.site-content .widget-area { /*border-top: 2px  solid #0099CC; */ float: left; width: 100%; padding-top: 60px;}


#header-bild {width: 35%;}
.site-branding { width: 65%}

#text-under-logo {
	padding-right: 15%;
	padding-left: 15%;
	font-size: small;
}

.content-area-fullpage article {
	float: left;
	width: 45%;
	margin: 0px;
	padding: 0px;
	margin-right: 5%;
}

.content-area-fullpage article:nth-child(2),.content-area-fullpage article:nth-child(4), .content-area-fullpage article:nth-child(6) {margin-right: 0; }

.content-area-fullpage article:nth-child(3), .content-area-fullpage article:nth-child(5),  .content-area-fullpage article:nth-child(7){margin-right: 5%; }
.content-area-fullpage article:nth-child(4) {clear:none; }

.content-area-fullpage article:nth-child(3) {clear:left;  }
.content-area-fullpage article:nth-child(5) {clear:left;  }
.content-area-fullpage article:nth-child(7) {clear:left;  }



}

/* 800px */
@media screen and (max-width: 50em) {
	.entry-content, h1.entry-title, h2.entry-title, footer.entry-footer, h3.subtitle, .entry-summary, .prolog {
	padding-left: 0; margin-left: 0;
}

.prolog { background-position: 0 bottom; }

 

.entry-content .entry-meta {float: none; width: auto; margin-left:0; }

	.sya_date  {
	display: block; 
	padding-right:0px;
	width: 100%;
	height: auto;
	overflow:hidden;
}

.sya_postcontent {
	background-image: url(../bildchen/linie-widget.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-bottom: 6px;
	padding-bottom: 6px;
}

#text-under-logo {
	padding-right: 0;
	padding-left: 0;

}

	
	}

/* 720px */
@media screen and (max-width: 45em) {
	
	h1, h2 {
	font-size: 1.5em;
	margin: /*0.67em*/ 0;

}

.content-area-fullpage article {
	float: left;
	width: 100%;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 0px;
}
#header-bild { width: 81%;  float: none; text-align:center; margin-left: auto; margin-right: auto; padding: 4px; margin-bottom:5%;}
	.site-branding {width: 100%; clear:left; text-align:center; padding-top: 5px; padding-right: 0; margin-left: auto; margin-right: auto; }
	h1.site-title a, h1.site-title{margin-top: 0; padding;0; width: auto; margin-left: auto; margin-right: auto;  }
	
	.startpage-books article {

	width: 100%;

	
} 
}




	

/* 600px */
@media screen and (max-width: 37.5em) {
	
	
}
/* 480px */
@media screen and (max-width: 30em) {
	
	.bookcover {
	
	width: 100%;
	border: 1px solid #D6C6BF;
	margin-right: 0;
	margin-bottom: 15px;
}}

/* 400px */
@media screen and (max-width: 25em) {
	
	
	
}