@charset "utf-8";
#startseite {
	background-color: #fafafa;
	background-size: 100% auto;
}
#startseite_centered {
	display: flex;
	flex-flow: column;
}
#buecher {
	padding: 0;
	margin: 0;
}
#news {
	padding: 0;
	margin: 0;
}
#autor {
	padding: 0;
	margin: 0;
}
#kontakt {
	padding: 0;
	margin: 0;
}
#KontaktRolls {
	background-size: auto 100%;
	border-radius: 0.25em;
	margin-bottom: 0.5em;
	background-repeat: no-repeat;
}
#impressum {
	padding: 0;
	margin: 0;
}
#ende {
	background-color: #444444;
	color: #fafafa;
	min-height: 8em;
	padding-top: 2em;
	width: auto;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif"
}
#ende_centered {
	width: 100%;
	height: 100%;
	display: flex;
	flex-flow: column;
	justify-content: flex-end;
}
#afternews {
	padding-top: 0px;
	background-image: url("../style/dotteryellow.png");
	background-repeat: repeat-x;
	background-position: center top;
}
.topshader {
	padding-top: 0px;
	background-image: url("../style/dotter.png");
	background-repeat: repeat-x;
	background-position: center top;
}
.centered {
	with: 100%;
	height: 100%;
	border-radius: 0em;
}
.spacer {
	width: 100%;
	height: 5em;
}
.textohnelogo {
	padding: 0px;
}
.betonend {
	font-weight: 500;
	font-size: 1.8em;
	letter-spacing: 0.2em;
	font-style: italic;
	margin-right: 0px;
	margin-bottom: 1em;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0em;
	color: #444444;
}
.pfeil {
	width: 40px;
	height: 40px;
	margin-left: 0.5em;
}
.flexcontainer {
	display: flex;
	flex-flow: column;
	with: 100%;
	height: 100%;
}
.flexitem {
	border-radius: 1em;
	margin-right: 0.5em;
	margin-left: 0.5em;
}
.zitat {
 color: #222222  font-weight: 400;
	font-size: 1.8em;
	letter-spacing: 0.2em;
	font-style: italic;
	text-align: left;
	margin-right: 0px;
	margin-bottom: 1em;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 1em;
	padding-left: 1em;
	padding-right: 1em;
	margin-left: 0px;
	line-height: 1.25em;
}
.zitatautor {
	padding-left: 0em;
	padding-right: 0em;
	text-align: right;
	font-size: 0.5em;
	font-style: italic;
	font-weight: 300;
}
.buy, .buy a {
	font-weight: 600;
	font-size: 16px;
	line-height: 24px;
	height: 24px;
	padding-bottom: 0.5em;
	text-align: center;
	padding-right: 0em;
	letter-spacing: 0.2em;
}
.cover {
	visibility: visible;
	height: auto;
	width: 40%;
	padding-left: 0.5em;
	float: right;
}
.newscontainer {
	width: auto;
	margin-left: 0.5em;
	margin-right: 0.5em;
	display: flex;
	flex-direction: column;
}
.flexnews {
	padding: 0;
	margin: 0;
}
.news {
	font-size: 1.6em;
	letter-spacing: 0.2em;
	font-style: italic;
	font-weight: 500;
	border-bottom: 1px dotted #444444;
}
.newshilite {
	background-color: #FFFDD0;
}
.kontaktform {
	min-height: 760px;
	width: 100%;
	border: 0px;
}
.ich {
	width: 100%;
	height: auto;
	visibility: visible;
	border-radius: 1em;
	padding-bottom: 0.5em;
}
.ichside {
	width: 0%;
	height: 0%;
	visibility: hidden;
}
.ende-item {
	flex: 1 1 0%;
	margin-top: 0.5em;
	margin-right: 1em;
	margin-bottom: 0.5em;
	margin-left: 1.5em;
}
.gotopic {
	width: 30%;
	height:auto;
	max-width: 150px;
}
@media all and (min-width: 641px) {
 #buecher {
 min-height: 100vh;
 background-image: url("../style/BGs/BGbooks.jpg");
 background-size: auto 100%;
 background-position: center center;
 background-repeat: no-repeat;
 padding-bottom: 0.5em;
}
 #news {
 min-height: 100vh;
 background-image: url(../style/BGs/BGNews.jpg);
 background-repeat: no-repeat;
 background-position: center center;
 background-size: cover;
 padding-bottom: 0.5em;
}
 #autor {
 min-height: 100vh;
 background-image: url(../style/BGs/BGAutor.png);
 background-repeat: no-repeat;
 background-position: center bottom;
 padding-bottom: 0.5em;
}
 #kontakt {
 min-height: 100vh;
 background-image: url(../style/BGs/BGKontakt.svg);
 background-repeat: no-repeat;
 background-size: auto 100%;
 background-position: center center;
 padding-bottom: 0.5em;
}
 #kontaktbild {
 background-image: url("../style/kontakthills.png");
 background-repeat: no-repeat;
 background-position: left bottom;
 background-size: 100% auto;
}
 #KontaktRolls {
 background-position: center center;
 background-size: 100% auto;
 border-radius: 0.25em;
 margin-bottom: 0.5em;
 background-repeat: no-repeat;
}
#impressum {
 min-height: 100vh;
}
 #ende_centered {
 width: auto;
 margin-left: 2em;
 margin-right: 2em;
 display: flex;
 flex-flow: row-reverse;
 justify-content: flex-end;
}
 .betonend {
 font-size: 1.8em;
 margin-top: 0em;
 letter-spacing: 0.4em;
}
 .downschader {
 padding-bottom: 0.5em;
 margin: 0;
 padding-right: 0;
 padding-left: 0;
 padding-top: 0;
}
 .topshader {
 margin: 0;
 padding-right: 0;
 padding-left: 0;
 padding-bottom: 0;
 padding-top: 0.5em;
}
 .spacer {
 width: 100%;
 height: 4em;
}
 .centered {
 width: auto;
 margin-left: 2em;
 margin-right: 2em;
 background-image: url(../style/fa90.png);
 border-radius: 1em;
}
 .textohnelogo {
}
 .flexcontainer {
 display: flex;
 flex-flow: row;
}
 .flexitem {
 flex: 1 1 0%;
 background-image: url("../style/fa90.png");
 border-radius: 0.5em;
 margin: 0.5em;
}
 .newscontainer {
 width: auto;
 margin-left: 2em;
 margin-right: 2em;
 display: flex;
 flex-direction: column;
}
 .flexnews {
 margin-right: 33%;
 margin-bottom: 2em;
 border-radius: 1em;
 background-image: url("../style/fa90.png");
}
 .news {
 font-size: 1.8em;
 margin-top: 0.5em;
 margin-bottom: 0.5em;
 letter-spacing: 0.4em;
 font-style: italic;
 font-weight: 500;
 border-bottom: 1px dotted #444444;
}
 #afternews {
 background-image: url("../style/dotter.png");
 background-repeat: repeat-x;
 background-position: center top);
}
 .zitat {
 font-weight: 300;
 font-size: 1.8em;
 letter-spacing: 0.4em;
 font-style: italic;
 text-align: left;
 margin-right: 0px;
 margin-bottom: 1em;
 padding-top: 0px;
 padding-bottom: 0px;
 margin-top: 1em;
 padding-left: 2em;
 padding-right: 2em;
 margin-left: 0px;
 line-height: 1.25em;
}
 .zitatautor {
 padding-left: 0em;
 padding-right: 0em;
 text-align: right;
 font-size: 0.6em;
 font-style: italic;
 font-weight: 300;
}
 .cover {
 visibility: visible;
 width: 333px;
 height: 500px;
 border-radius: 0.1em;
 padding: 0.4em;
 margin-right: 1em;
 float: left;
}
 .kontaktform {
 min-height: 725px;
 width: 100%;
 border: 1px solid #444444;
 border-radius: 0.5em;
}
 .ich {
 width: 0;
 height: 0;
 visibility: hidden;
 border-radius: 0;
 padding-bottom: 0;
}
 .ichside {
 width: 33%;
 height: auto;
 float: left;
 visibility: visible;
 border-radius: 1em;
 padding-bottom: 0.5em;
 margin: 0.5em;
 margin-right: 2em;
}
}
@media all and (min-width: 1021px) {
 #buecher {
 min-height: 100vh;
 background-image: url("../style/BGs/BGbooks.jpg");
 background-size: auto 100%;
 background-position: center center;
 background-repeat: no-repeat;
}
 #news {
 min-height: 100vh;
 border-bottom: 1px solid #444444;
 background-image: url(../style/BGs/BGNews.jpg);
 background-repeat: no-repeat;
 background-position: center center;
 background-size: cover;
}
 #autor {
 min-height: 100vh;
 border-bottom: 1px solid #444444;
 background-image: url(../style/BGs/BGAutor.png);
 background-repeat: no-repeat;
 background-position: center bottom;
}
 #kontakt {
 min-height: 100vh;
 background-image: url(../style/BGs/BGKontakt.svg);
 background-repeat: no-repeat;
 background-size: auto 100%;
 background-position: center center;
 border-bottom: 1px solid #444444;
}
 #kontaktbild {
 background-image: url("../style/kontakthills.png");
 background-repeat: no-repeat;
 background-position: left bottom;
 background-size: 100% auto;
}
 #KontaktRolls {
 background-position: center center;
 background-size: 100% auto;
 border-radius: 0.25em;
 margin-bottom: 0.5em;
 background-repeat: no-repeat;
}
 #impressum {
 min-height: 100vh;
 border-bottom: 1px solid #444444;
}
 #ende_centered {
 width: 65em;
 margin-left: auto;
 margin-right: auto;
 display: flex;
 flex-flow: row-reverse;
 justify-content: flex-end;
}
 .betonend {
 font-size: 2em;
 margin-top: 0.5em;
 letter-spacing: 0.4em;
}
 .downschader {
 padding-bottom: 1em;
 margin: 0;
 padding-right: 0;
 padding-left: 0;
 padding-top: 0;
}
 .topshader {
 background-image: url(../style/topshader.png);
 background-repeat: repeat-x;
 background-position: center top;
 margin: 0;
 padding-right: 0;
 padding-left: 0;
 padding-bottom: 0;
 padding-top: 1em;
}
 .spacer {
 width: 100%;
 height: 5em;
}
 .centered {
 width: 70em;
 height: 100%;
 margin-left: auto;
 margin-right: auto;
 background-image: url(../style/fa90.png);
 border-radius: 1em;
}
 .textohnelogo {
 padding-right: 170px;
}
 .flexcontainer {
 display: flex;
 flex-flow: row;
}
 .flexitem {
 flex: 1 1 0%;
 background-image: url("../style/fa90.png");
 border-radius: 0.5em;
 margin: 0.5em;
}
 .newscontainer {
 width: 70em;
 margin-left: auto;
 margin-right: auto;
 display: flex;
 flex-direction: column;
}
 .flexnews {
 margin-right: 200px;
 margin-bottom: 2em;
 border-radius: 1em;
 background-image: url("../style/fa90.png");
}
 .news {
 font-size: 1.8em;
 margin-top: 0.5em;
 margin-bottom: 0.5em;
 letter-spacing: 0.4em;
 font-style: italic;
 font-weight: 500;
 border-bottom: 1px dotted #444444;
}
 .zitat {
 font-weight: 300;
 font-size: 2em;
 letter-spacing: 0.4em;
 font-style: italic;
 text-align: left;
 margin-right: 0px;
 margin-bottom: 1em;
 padding-top: 0px;
 padding-bottom: 0px;
 margin-top: 1em;
 padding-left: 2em;
 padding-right: 2em;
 margin-left: 0px;
 line-height: 1.25em;
}
 .zitatautor {
 padding-left: 0em;
 padding-right: 0em;
 text-align: right;
 font-size: 0.5em;
 font-style: italic;
 font-weight: 300;
}
 .cover {
 visibility: visible;
 width: 333px;
 height: 500px;
 border-radius: 0.1em;
 padding: 0.4em;
 margin-right: 1em;
 float: left;
}
 .kontaktform {
 min-height: 700px;
 width: 100%;
 border: 1px solid #444444;
 border-radius: 0.5em;
}
}