body {
	font-family: 'Lato', sans-serif;
	margin: 0;
	font-size: 16px;
	background-color: #faede6;
}
.headerStyle {
 	font-family: "EB Garamond", serif;
 	font-optical-sizing: auto;
 	font-weight: normal;
 	font-style: normal;
}
.t1 {
	font-size: 700%;
	font-weight: 600;
}
.t2 {
	font-size: 300%;
	font-weight: 400;
}


a {
	color: #506b8a;
	text-decoration: underline;
}
a:hover {
	color: #344456;
	text-decoration: underline;
}
ul a {
	color: #000000;
	text-decoration: none;
}
ul a:hover {
	color: #80cd29;
	text-decoration: none;
}
h3 {
	font-size: 1em;
}

.col37 {
	width: 37%;
}
.col62 {
	width: 62%;
}

#site {
	width: 100%;
	min-height: 90%;
}
#page {
	margin: 0 auto 0 auto;
	width: 60%;
	padding-top: 2em;
	padding-bottom: 2em;
}
#page12, #page23, .page23 {
	margin: 0 auto 0 auto;
	width: 50%;
	padding-top: 2em;
	padding-bottom: 2em;
	/*
	background-image:url("/img/background-banner.jpg");
	background-size: 20%;
	background-position: right 10% top 1em;
	background-repeat: no-repeat;
	*/
	/*
	min-height: 42vh;
	*/
}
.pageContent {
	margin: 0 auto 0 auto;
	width: 50%;
	padding-top: 1em;
	padding-bottom: 3em;
	min-height: 24vh;
}

div.coverMain {
	padding-top: 1em;
	padding-bottom: 2em;
	line-height: 165%;
	font-size: 1.25em;
}
div.cover {
	display: flex;
	padding-top: 1em;
	padding-bottom: 2em;
}
div.coverLeft {
	padding-right: 2em;
}
div.coverRight {
}

#banner {
	width: 100%;
	border-top: 1px solid #ddd;
	overflow: hidden;
}
#bannerIntro {
	width: 100%;
	border-top: 1px solid #ddd;
	overflow: hidden;
	background-image:url("/img/background-pattern.png");
	background-repeat: repeat-x;
}
img.banner {
	width: 100%;
}
img.bannerIntro {
	height: 280px;
}
img.innerRight {
	float: right;
}
.cover.book {
	/*
	border: 1px solid #999999;
	*/
	width: 300px;
}
#header {
	display: table;
	width: 100%;
}
div.logoRow {
	display: table-row;
}
div.logo {
	display: table-cell;
	text-align: center;
}
div.menu {
	display: table-cell;
	vertical-align: top;
}

img#logo, img#logoAddon {
	height: 75%;
}
img#logoHeader {
	width: 100%;
	display: block;
}

div#text {
	min-height: 45vh;
}

div#footer {
	background-color: #e6c1cc;
	background-color: #d1aca4;
	min-height: 33%;
}
div#footerContent {
	margin: 0 auto 0 auto;
	width: 50%;
	padding-top: 3em;
	padding-bottom: 2em;
	display: table;
	font-size: 1.1em;
	font-size: 1.75em;
 	font-family: "EB Garamond", serif;

}
.footerBlock {
	color: white;
	display: table-cell;
	vertical-align: top;
}
.right {
	text-align: right;
}
.bottom {
	vertical-align: bottom;
}
.footerBlock a {
	color: #e5ebd5;
	text-decoration: none;
}
.footerBlock a:hover {
	color: #e5ebd5;
	text-decoration: underline;
}

.teaser {
	padding-top: 2em;
	font-size: 1.25em;
	padding-bottom: 1em;
	color: #303030;
}
.teaserC {
	padding-top: 2em;
	font-size: 1.25em;
	padding-bottom: 1em;
	color: #303030;
	text-align: center;

}
.intro {
	font-size: 1.4em;
	color: #303030;
}

h1 {
	margin-top: 0;
	font-size: 2.5em;
	color:#80cd29;
	color:#e6c1cf;
	font-weight: 800;
}
.wien {
	font-size: 3em;
}
h2 {
	margin-top: 0;
	margin-bottom: 0;
}
h3 {
	margin-top: 0.25em;
	color: #999999;
	font-weight: 400;
	font-size: 1.25em;
	font-style: italic;
}

span.button {
	padding: 1em;
	background-color: #a0a0a0;
	background-color: #344456;
	color: white;
}
.links a {
	color: white;
	text-decoration: none;
}
span.button a {
	color: white;
	text-decoration: none;
}
span.button:hover {
	background-color: #606060;
	background-color: #506b8a;
	box-shadow: 
}
div.links {
	display: flex;
	flex-wrap: wrap;
}
div.linkItem {
	padding: 1.4em;
	padding-left: 0;
	padding-right: 0.7em;
}

.flex {
	display: flex;
	justify-content: space-between;
}

div.teaserRight {
	padding-top: 3em;
	font-size: 1.25em;
	padding-bottom: 1em;
	color: #303030;
	padding-left: 3em;
}

.bannerGalerie {
	width: 100%;
	border-top: 1px solid #ddd;
	overflow: hidden;
	display: table;
	background-color: #333;
}
.bannerRow, .bannerRow1, .bannerRow2, .bannerRow3, .bannerRow4, .bannerRow5 {
	width: 20%;
	display: table-cell;
	vertical-align: top;
}
.bannerRow1 {
	background-color: #909090;
}
.bannerRow2 {
	background-color: #808080;
}
.bannerRow3 {
	background-color: #707070;
}
.bannerRow4 {
	background-color: #606060;
}
.bannerRow5 {
	background-color: #505050;
}
img.wall {
	width: 100%;
}

.logoContainer > a {
    display: inline-block;
    white-space: nowrap;
    cursor: pointer;
    width: 24%;
   	background-image:url("/img/background-pattern.png");
}
img.uni_logo {
	width: 100%;
}
img#stempel {
	width: 23%;
	width: 27%;
	position: absolute;
	top: 220;
	right: 90;
	top: 280;
	right: 90;
}
.padding4 {
	padding-bottom: 40px;
	padding-bottom: 10px;
}

div.headerImage {
	background-image: url("eva-katharina-start.jpg");
	background-position: fixed;
	background-size: cover;
	min-height: 50%;
}
div.headerImageBlock {
/*	height: 100%;
*/	display: block;
	margin-bottom: -400;
}
div.headerImageBlock:after {
	clear: both;
}
div.headerTextOverlay {
	width: 100%;
	background: linear-gradient(rgba(255,255,255,0), #faede6);
	position: relative;
	top: -400;
	display: block;
}
div.headerText {
	margin: 0 auto 0 auto;
	width: 75%;
/*	padding-top: 2em;
	padding-bottom: 2em;
*/	/*.barlow-condensed-medium {*/
  	font-family: "Barlow Condensed", sans-serif;
  	font-weight: 400;
  	font-style: normal;
  	font-size: 250%;
}

div.video {
	background-color: black;
}
/* quotes */

blockquote {
    font-family: Georgia, serif;
    font-size: 18px;
    /*font-style: italic;*/
    margin: 0.25em 0;
    padding: 0.35em 40px;
    line-height: 1.45;
    position: relative;
    color: black;
    display: block;
}
blockquote:before {
    content: "\201C";
    font-size: 120px;
    position: absolute;
    left: -20px;
    top: -20px;
    color: black;
}
blockquote:after {
    content: "\201D";
    font-size: 120px;
    position: absolute;
    right: -10px;
    bottom: -10px;
    color: black;
}

.zitat {
    color: black;
    margin-top: 5px;
  	font-family: "Barlow Condensed", sans-serif;
  	font-weight: 400;
  	font-style: normal;
  	font-size: 250%;
}

blockquote cite {
    color: black;
    display: block;
    margin-top: 5px;

  	font-family: "Barlow Condensed", sans-serif;
  	font-weight: 400;
  	font-style: normal;
  	font-size: 250%;
}

blockquote cite:before {
    content: "\2014 \2009";
}

@media screen and (max-width: 1300px) {
	#page {
		width: 75%;
	}
	#page12, #page23, .page23 {
		width: 75%;
	}
	.page23 {
		width: 75%;
	}
	.pageContent {
		width: 75%;
	}
	div#footerContent {
		width: 75%;
	}
	img#logo, img#logoAddon {
		height: 75%;
	}
	body {
		font-size: 14px;
	}
	img.banner {
		/*
		height: 47%;
		width: auto;
		position: relative;
		left: -33%;		
		*/
		width: 100%;
    }		
	img.bannerIntro {
		height: 200px;
    }		
}

@media screen and (max-width: 768px) {
	div.cover {
		display: flex;
		padding-top: 1em;
		padding-bottom: 2em;
	}
	div.coverLeft {
		padding-right: 2em;
	}
	div.coverRight {
	}
	img.coverImg {
		width: 200px;
	}
	.cover.book {
		width: 200px;
	}
	#page {
		width: 75%;
	}
	#page12, #page23, .page23 {
		width: 75%;
	}
	.pageContent {
		width: 75%;
	}
	div#footerContent {
		width: 75%;
	}
	img#logo, img#logoAddon {
		height: 65%;
	}
	body {
		font-size: 12px;
	}
	img.banner {
		width: 100%;
    }	
	img.bannerIntro {
		height: 200px;
    }	

    .bannerRow, .bannerRow1, .bannerRow3 {
		width: 33%;
		display: table-cell;
		vertical-align: top;
	}
  	.bannerRow2 {
		width: 34%;
		display: table-cell;
		vertical-align: top;
	}
    .bannerRow4, .bannerRow5 {
		display: none;
	}	
}

@media screen and (max-width: 600px) {
	div.cover {
		display: block;
		padding-top: 1em;
		padding-bottom: 2em;
	}
	div.coverLeft {
		padding-right: 0;
		padding-bottom: 1em;
	}
	div.coverRight {
	}
	img.coverImg {
		width: 180px;
	}
	#page {
		width: 75%;
	}
	#page12, #page23, .page23 {
		width: 75%;
	}
	.pageContent {
		width: 75%;
	}
	div#footerContent {
		width: 75%;
	}
	img#logo, img#logoAddon {
		height: 55%;
	}
	img.banner {
		width: 100%;
    }
	img.bannerIntro {
		height: 200px;
    }	
    body {
    	font-size: 12px;
    }
	.flex {
		display: block;
	}
	div.teaserRight {
		padding-top: 2em;
		font-size: 1.25em;
		padding-bottom: 1em;
		color: #303030;
		padding-left: 1em;
	}
	.cover.book {
		width: 240px;
	}

}

@media screen and (max-width: 560px) {
	h1 {
		font-size: 1.5em;
	}
	h2 {
		font-size: 1.25em;
	}
	.col37 {
		width: 100%;
	}
	.col62 {
		width: 100%;
	}

	#page {
		width: 90%;
	}
	#page12, #page23, .page23 {
		width: 90%;
	}
	.pageContent {
		width: 90%;
	}
	img#logo, img#logoAddon {
		height: 55%;
	}
	img.banner {
		/*
		height: 33%;
		width: auto;
		position: relative;
		left: -90%;		
		*/
		width: 100%;
    }
	img.bannerIntro {
		height: 200px;
    }	
	img.coverImg {
		width: 100%;
	}

    body {
    	font-size: 12px;
    	font-size: 14px;
    	font-size: 16px;
    }

	div#footerContent {
		margin: 0 auto 0 auto;
		width: 90%;
		padding-top: 3em;
		padding-bottom: 1em;
		display: block;
		font-size: 1.1em;
		font-size: 1.75em;
		font-size: 1.25em;
	}
	.footerBlock {
		color: white;
		display: block;
		vertical-align: top;
		width: 100%;
		padding-bottom: 3em;
		padding-bottom: 1em;
	}
	.flex {
		display: block;
	}
	div.teaserRight {
		padding-top: 2em;
		font-size: 1.25em;
		padding-bottom: 1em;
		color: #303030;
		padding-left: 1em;
	}
	.right {
		text-align: left;
	}
	.cover.book {
		width: 100%;
	}

	.t1 {
	font-size: 400%;
	font-weight: 600;
}
.t2 {
	font-size: 200%;
	font-weight: 400;
}

div.headerImage {
	min-height: 80%;
}
div.headerImageBlock {
	display: block;
	margin-bottom: 0;
}
div.headerImageBlock:after {
	clear: both;
}
div.headerTextOverlay {
	width: 100%;
	top: 0;
	display: block;
}
div.headerText {
	margin: 0 auto 0 auto;
	width: 75%;
  	font-family: "Barlow Condensed", sans-serif;
  	font-weight: 400;
  	font-style: normal;
  	font-size: 120%;
}


.zitat {
  	font-size: 120%;
}

}

@media screen and (max-width: 320px) {
	h1 {
		font-size: 1.5em;
	}
	.col37 {
		width: 100%;
	}
	.col62 {
		width: 100%;
	}

	#page {
		width: 90%;
	}
	#page12, #page23, .page23 {
		width: 90%;
	}
	.pageContent {
		width: 90%;
	}
	img#logo, img#logoAddon {
		height: 55%;
	}
	img.banner {
		/*
		height: 33%;
		width: auto;
		position: relative;
		left: -90%;		
		*/
		width: 100%;
    }
	img.bannerIntro {
		height: 200px;
    }	

    body {
    	font-size: 12px;
    }

	div#footerContent {
		margin: 0 auto 0 auto;
		width: 90%;
		padding-top: 3em;
		padding-bottom: 4em;
		display: block;
		font-size: 1.1em;
		font-size: 1.75em;
	}
	.footerBlock {
		color: white;
		display: block;
		vertical-align: top;
		width: 100%;
		padding-bottom: 3em;
	}
	.flex {
		display: block;
	}
	div.teaserRight {
		padding-top: 2em;
		font-size: 1.25em;
		padding-bottom: 1em;
		color: #303030;
		padding-left: 1em;
	}
	.right {
		text-align: left;
	}
	.cover {
		width: 100%;
	}
}

li {
	padding-bottom: 0.75em;
}

.coverMain i {
	color: #999999;
}
span.preis {
	background-color: #80cd29;
	padding: 4px;
}
.hr {
	margin-top: 2em;
}

.ul li {
	padding-bottom: 0;
}

div.shopImprint {
	font-size: 0.8em;
	font-weight: 300;
	color: #777777;
}

div.remove {
	background-color: #80cd29;
	padding: 0.2em;
	margin-top: 0.5em;	
	width: auto;
}
a.remove {
	color: black;
	text-decoration: none;
}
div.buttons {
	margin-top: 0.5em;
}
a.checkout {
	color: black;
	text-decoration: none;
}
a.checkout:hover {
	color: black;
	text-decoration: none;
}
div.shopInfo {
	padding-bottom: 2em;
	font-size: 1.25em;
}
a.formular {
	color: #80cd29;
	text-decoration: none;
}

a.page {
	background-color: #80cd29;
	color: #000000;
	padding: 0.5em;
	text-decoration: none;
}
a.page:hover {
	background-color: #000000;
	color: #ffffff;
	padding: 0.5em;
	text-decoration: none;
}

div.loginButton {
	width: 70%;
	margin: 0 auto;
}

a.pageLogin {
	display: block;
	background-color: #80cd29;
	color: #000000;
	padding: 0.5em;
	text-decoration: none;
	width: 100%;
}
a.pageLogin:hover {
	background-color: #000000;
	color: #ffffff;
	padding: 0.5em;
	text-decoration: none;
	width: 100%;
}

div.errorMsg {
	color: #cc0000;
	padding-top: 1em;
	padding-bottom: 1em;
	text-align: center;
}