html {
	height:100%;
	
}


body {
	height:100%;
	overflow:hidden;
	background-color:#131211;
	font-family:"Open Sans", Arial, Helvetica, sans-serif;
	font-weight:300;
    color: #111;
    font-size: 1.25em;
    line-height: 1.4;

}

div {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

* {
	outline:none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color: transparent;
  }
  
a:active {
	background-color:transparent !important;
}

#preloader {
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#131211; /* change if the mask should have another color then white */
    z-index:999; /* makes sure it stays on top */
}

#status {
    width:200px;
    height:200px;
    position:absolute;
    left:50%; /* centers the loading animation horizontally one the screen */
    top:50%; /* centers the loading animation vertically one the screen */
    background-image:url(../img/status.gif); /* path to your loading animation */
    background-repeat:no-repeat;
    background-position:center;
    margin:-100px 0 0 -100px; /* is width and height divided by two */
}

#status p {
	color:#fff;
	text-align:center;
	bottom:0;
}

header {
	position:absolute;
	top:0;
	width:100%;
	z-index:998;
	background-repeat:no-repeat;
	background-position:center bottom;
	pointer-events:none;
}

header a {
	height:inherit;
	display:block;
	width:220px;
	height:80px;
	overflow:hidden;
	margin:0 auto;
	text-indent:-500%;
	pointer-events:auto;
}

header h1 {
	margin:0;	
	padding:0;
	height:105px;

}

header img.logo {
	width:0;
	height:0;
	display:none;
}


footer {
	background-color:#131211;
	position:absolute;
	bottom:0;
	height:30px;
	width:100%; 
	z-index:997;
	transition:height 1s;
	color:#e0ddd8;
	font-family:"Lora", Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	text-align:center;
	overflow:hidden;
}

footer ul li a:hover {
	background-color:#FFC370;
	color:#131211;
}

footer .menu {
	font-size:0.75em;
	margin-top:5px;
	margin-bottom:0;
	width:100%;
}

footer .menu a {
	margin:0 0.3em;	
	opacity:0.5;
	transition:opacity 0.5s, color 0.5s;
	
}

footer .menu a.icon {
	background-repeat:no-repeat;
	background-position:center center;
	width:20px;
	height:20px;
	display:inline-block;
	text-indent:-500%;
	overflow:hidden;
	
}

footer .menu a:hover {
	opacity:1;
	color:#FFC370;
}

footer .menu a.icon.de {
	background-image:url(../img/schreibhaus/large/lang_de.png);
}

footer .menu a.icon.en {
	background-image:url(../img/schreibhaus/large/lang_en.png);
}

footer .menu a.icon.es {
	background-image:url(../img/schreibhaus/large/lang_es.png);
}

footer .menu a.icon.facebook {
	background-image:url(../img/schreibhaus/large/menu_fb.png);
}

footer .menu a.icon.twitter {
	background-image:url(../img/schreibhaus/large/menu_tw.png);
}

footer .menu a.icon.instagram {
	background-image:url(../img/schreibhaus/large/menu_in.png);
}

footer .menu a.sitemap {
	margin-left:2%;
}

footer .menu a.datenschutz {
	margin-right:2%;
}




footer ul {
	transition:opacity 1s;
	opacity:0;
	list-style:none;
	margin:0 auto;
	padding:0 0 0.5em 0;
	max-width:90%;
	text-align:center;
	display:none;
}

footer ul li {
	display:inline-block;
	overflow:hidden;
	vertical-align:top;
}

footer ul li a {
	font-size:0.9em;
	background-color:#2b2927;
	padding:0.25em 0.5em;
	margin-bottom:0.25em;
	display:block;
	-webkit-border-radius:6px;
	-ms-border-radius:6px;
	border-radius:6px;
	transition:color 0.25s, background-color 0.25s;
}




.overlay {
	position:absolute;
	width:100%;
	height:100%;
	z-index:2612;
	opacity:0;
	display:none;
}

.overlay_content {
	width:100%;
	height:100%;
	position:absolute;
	margin:0 auto;
	padding-top:2em;
	overflow-y:scroll;
	-webkit-overflow-scrolling: touch;
}

.overlay_content .data {
	height:100%;
	margin-bottom:0 !important;
	padding-bottom:0 !important;
	position:relative;
}

.overlay_bg {
	background:#1E1D1C;
	opacity:0.96;
	width:100%;
	height:100%;
	position:absolute;
	position:fixed;
	top:0;
	z-index:-1;
}

.overlay .close {
	max-width:680px;
	width:85%;
	height:50px;
	background-image:url(../img/page/overlay_close.png);
	background-position:right;
	background-repeat:no-repeat;
	font-size:0;
	position:absolute;
	top:25px;
	z-index:100;
	display: inline-block;
	margin: 0 auto;
	left: 0px;
	right: 0px;
}

.overlay_content .data a,
.medien p.infos a {
	background-image:url(../img/page/linie_w_h.png) !important;
	background-position:bottom;
	background-repeat:repeat-x;
}

.overlay_content .data a.button{
	background-image:none !important;
	background-color:#FFC370;
	color:#131211;
	
}

.wrapper.glimpse h2 {
	font-style:normal !important;
}

.wrapper.glimpse p {
	text-align:center;
}

.wrapper.glimpse img {
    display: block;
    margin: 0 auto;
	margin-bottom:1.5em;
	max-width:100%;
	height:auto;
	max-height:500px; !important;
}

.wrapper.glimpse img.smiley {
    display: inline !important;
	margin-bottom:0;
}

.container {
	background-color:none;
	display:table;
	height:100%;
	width:100%;
	overflow:hidden;
}

.content {
	position:absolute;
	border-top:40px solid transparent; 
	border-bottom:30px solid transparent;
	background:#131211;
	height:100%;
	width:100%;
	overflow-y:scroll;
	overflow-x:hidden;
	-webkit-overflow-scrolling: touch;
	z-index:99;
	display:none;
}

/* Page Layout */

.wrapper {
	max-width:790px;
	width:90%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin:0 auto;	
}

.overlay_content .wrapper {
	color:#e3dec6 !important;
	font-weight:300;
	text-align:justify;
	position:relative;
	padding-bottom:2em;
	overflow:hidden;
	width:80%;
}


.overlay_content .wrapper h2 {
	text-align:center;
	font-size:1.75em;
	font-style:italic;
	color:#ffc370;
}

.overlay_content .wrapper h3 {
	font-size:1.2em;
	font-style:italic;
}


h2, h3, h4 {
	font-family:"Playfair Display", Georgia, "Times New Roman", Times, serif;
	font-weight:700;
	margin:0;
	line-height:1.3em;
	word-wrap:break-word;
	margin-bottom:0.5em !important;
}

h2 {
	font-size:2.5em !important;
}

h3, h4 {
	font-weight:700;
}


h3.subhead {
	font-weight:700;
	font-size:1em !important;
	width:80%;
	margin:0 auto;
}


.page {
	background-color:#f9f9f5;
	padding-top:3.5em;
	min-height:100%;
}

#editor {
	padding:0;
	overflow-y: scroll;
	width:760px;
	margin:0 auto;
}


.zzs {
	position:fixed;
	margin:auto;
	margin-top:12px;
	right:0;
	left:0;
	text-align:right;
	z-index:95;
}

.zzs a {
	font-family:"Lora", Georgia, "Times New Roman", Times, serif;
	font-size:0.7em;
	color:#FFC370;
	padding:0.3em 0.6em;
	background-color:#131211;
	-webkit-border-radius:3px;
	-ms-border-radius:3px;
	border-radius:3px;
	transition:color 0.5s, background-color 0.5s;
}

.zzs a:hover {
	color:#131211;
	background-color:#FFC370;
}

.page h2 {
	font-size:2.2em;
	line-height:1.2em;
	margin-top:0.5em;
	margin-bottom:0.75em;
	text-align:center;
}

.page h3 {
	font-size:1.3em;
	margin-top:1.5em;
	margin-bottom:0.75em;
}

.page p a {
	background-image:url(../img/page/linie_h.png);
	background-position:bottom;
	background-repeat:repeat-x;
}

.page p {
	font-family:"Open Sans", Arial, Helvetica, sans-serif;
	font-weight:300;
	font-size:0.95em;
	line-height:1.3em;
	text-align:left;
	margin-top:0;
	margin-bottom:0.75em;
}

img.article {
	cursor:pointer;		
}


.page img {
	width:auto;
	max-width:100%;
	height:auto;
}

.page img.smiley {
	width:auto;
	height:1.3em;
	vertical-align:text-bottom;
}

.overlay_content img.smiley {
	width:auto !important;
	height:1.3em;
	vertical-align:text-bottom;
}

.page.cornelia img.smiley {
	width:auto;
	height:1.3em;
	vertical-align:text-top;
}

.page img.center {
		margin:0 auto;
		display:block;
}

.page .galerie  {
	background-color:#699;
}

.page .wrapper .galerie  {
	background-color:inherit !important;
}

.page .galerie p {
	text-align:center;
}

.page .galerie img,
.page .galerie video {
	width:32% !important;
}

.page .galerie img.smiley {
	width:auto !important;
}


.page .c_zitat,
.overlay .c_zitat {
		font-family:"Caveat", Arial, Helvetica, sans-serif;		
		font-style:normal;
		font-weight:300;
		letter-spacing:-0.025em;
		font-size:1.25em;
}

.page .c_zitat a {
	background-position:left bottom 5px;
}

.page .c_zitat img.smiley {
	vertical-align:text-top;
}



.page.news {
	background-color:#42302E;
	background-image:url(../img/page/news/news_bg.jpg);
	padding-top:0;
	padding-bottom:2em;
	background-position:top center;
	overflow:hidden;
}
	
	
	.news .kurier.wrapper {
		max-width:830px;
		width:100%;
		position:relative;
		padding-top:20px;
		background-color:#e2ddd4;
		background-image:url(../imgs/page/news/laptop_kurier_bg.png);
		background-position:center top;
		box-shadow:0px 0px 10px #2b2120;
		-moz-box-shadow:0px 0px 10px #2b2120;
		-webkit-box-shadow:0px 0px 10px #2b2120;
		-ms-box-shadow:0px 0px 10px #2b2120;
	}
	
	
	
	.news .kuriertitel {
		margin:0 auto !important;
		margin-top:-4em !important;
		padding-bottom:1em;
	}

	
	.touch .news .termin .wrapper {
		padding-right:180px;
	}
	
	.news .datum,
	.saum .datum {
		font-size:0.7em;
		font-family:"Playfair Display", Georgia, "Times New Roman", Times, serif;
		font-style:italic;
		padding-bottom:0.75em;
	}
	

	.news .termin .titel {
		font-family:"Lora", Georgia, "Times New Roman", Times, serif;
		font-size:1.2em;
		display:inline;
		line-height:1.1em;
	}
	
	.news .termin .button {
		float:right;
		position:absolute;
		bottom:30px;
		right:1.5em;

	}
	
	
	.news .kurier .item {
		margin:0 auto;
		margin-top:-20px;
		padding:4em;
		padding-top:0;
		padding-bottom:90px;
		clear:both;
		overflow:hidden;
		background-repeat:no-repeat;
		background-position:center bottom;
	}
	
	
	.news .kurier .item:last-child {
		background-image:none !important;
		padding-bottom:2em;
	}
	
	
	.news .kurier .item .titel {
		font-family:"Playfair Display", Georgia, "Times New Roman", Times, serif;
		font-weight:700;
		margin-top:0;
		color:#1f1e1c;
		margin-bottom:0.2em;
		font-size:1.5em;
		text-align:left;
	}
	
	.news .kurier .item p {
		margin-bottom:0.25em;
	}
	
	.news_____ .kurier .item.bild p {
		margin-right:170px;		
	}
	
	
	 img.newsbild,
	 .news iframe {
		float:right;
		border:3px solid #FFF;
		box-shadow:1px 1px 3px #b4b4a5;
		-moz-box-shadow:1px 1px 3px #b4b4a5;
		-webkit-box-shadow:1px 1px 3px #b4b4a5;
		-ms-box-shadow:1px 1px 3px #b4b4a5;
		max-width:200px;
		margin-left:1em;
		margin-bottom:0.5em;
	}
	
	
	
	 .news iframe {
	}
	
	
	.news .kurier .item .button {
		margin-top:1.25em;
	}
	
	
	.news .kurier .item .kalenderblatt {
		float:left;
		margin-right:1em;		
		margin-left:-35px;
		background-image:url(../img/page/news/kalenderblatt.png);
		width:100px;
		height:100px;
	}
	
	.news .kurier .item .kalenderblatt p {
		text-align:center; 
		font-family:"Playfair Display", Georgia, "Times New Roman", Times, serif;
		font-weight:700;
		color:#cf5d47;
	}
	
	
	.news .kurier .item .kalenderblatt p.tag {
		font-size:50px;
		margin-top:2px;
		margin-bottom:0;
	}
	
	.news .kurier .item .kalenderblatt p.monat {
		margin-top:-8px;
		text-transform:uppercase;
	}
	
	
	.news .kurier .item.nachricht {
		width:100%;
		padding:2em 4em 150px 4em;
		background-repeat:no-repeat, no-repeat, no-repeat, repeat-y;
		background-position:60px top, center bottom, center bottom, center top;
		border-top:46px solid transparent;
		background-origin:border-box, padding-box, padding-box, padding-box;
		background-clip:border-box, padding-box, padding-box, padding-box;
		margin-top:-70px;
		
	}
	
	.news .kurier .item.nachricht .header {
		overflow:hidden;
		background-image:url(../img/page/news/nachricht_linie.png);
		background-position:center bottom;
		background-repeat:repeat-x;
		background-size:contain;
		margin-bottom:0.5em;
		}
	
	
	.news .kurier .item.nachricht .header h3 {
		font-size:1.25em;
		font-style:italic;
		vertical-align:baseline;
		
	}
	
	.news .kurier .item.nachricht .header p {
		vertical-align:baseline;
		font-family:"Caveat", Arial, Helvetica, sans-serif;		
		font-weight:300;
		font-style:normal;
		font-size:0.9em;
		margin-bottom:0;
	}
	
	.news .kurier .item.nachricht .text p {
		font-family:"Caveat", Arial, Helvetica, sans-serif;		
		font-weight:300;
		font-size:1.25em;
	}
	
	.news .kurier .item.nachricht img.article {
		width:30%;
		cursor:pointer;
		float:right;
		margin-left:1em;
	}
	
	.news .kurier .item.nachricht img.smiley {
		width:auto !important;
		float:none;
		border:0;
		box-shadow:none;
		-webkit-box-shadow:none;
		-ms-box-shadow:none;
		cursor:auto;

	}
	
	
	.news .kurier .item.projekt,
	.news .kurier .item.geschichte,
	.saum .item.projekt.item_1 {
		padding:1.5em;
		padding-top:2.5em !important;
		padding-bottom:1em !important;
		background-repeat:no-repeat;
		width:100%;
		margin-top:-40px !important;
		margin-bottom:60px !important;
	}

	.news .kurier .item.geschichte {
		padding-top:1.75em !important;
		padding-bottom:0 !important;
		color:#636260;
	}
	
	
	.news .kurier .item.projekt p.datum {
		font-family:"Caveat", Arial, Helvetica, sans-serif;		
		font-weight:300;
		font-size:0.75em;
		text-align:right;
		margin-bottom:0;
	}
	
	.news .kurier .item.projekt h3 {
		font-weight:400;
		font-family:"Caveat", Arial, Helvetica, sans-serif;	
		font-size:1.5em;	
		margin-top:0;
		margin-bottom:0.1em;
		padding-bottom:0.25em;
		line-height:1em;
		text-align:center;
		background-image:url(../img/page/news/nachricht_linie.png);
		background-position:center bottom;
		background-repeat:repeat-x;
		background-size:contain;

	}
	
	.news .kurier .item.projekt p {
		font-family:"Caveat", Arial, Helvetica, sans-serif;		
		font-weight:300;
		line-height:1.1em;
		font-size:1.2em;	
		text-align:center;

	}
	
	.news .kurier .item.geschichte h3 {
		font-size:1.5em;	
		margin-top:0.5em;
		margin-bottom:0.1em;
		padding-bottom:0.25em;
		line-height:1em;
		text-align:center
	}	
	
	.news .kurier .item.geschichte p {
		font-family:"Playfair Display", Georgia, "Times New Roman", Times, serif;
		text-align:center;
	}	
	
	
	
	.news .kurier .item.projekt.item_1,
	.saum .item.projekt.item_1 {
		padding-top:40px;
		padding-bottom:50px;
		background-image:url(../img/page/news/projekt_border.png), url(../img/page/news/projekt_bg.png) !important;
		background-position:center bottom, center top;
		background-repeat:repeat-x, no-repeat;
		border-bottom:15px solid transparent;
		background-origin:border-box, padding-box;
		background-clip:border-box, padding-box;
	}
	

	.news .kurier .item.geschichte.item_1 {
		padding-top:45px;
		padding-bottom:50px;
		background-image:url(../img/page/news/geschichten_border.png), url(../img/page/news/geschichten_bg.png) !important;
		background-position:center bottom, center top;
		background-repeat:repeat-x, no-repeat;
		border-bottom:55px solid transparent;
		background-origin:border-box, padding-box;
		background-clip:border-box, padding-box;
	}
	
	.news .kurier .item.illustrator.item_1 {
		padding:0px 2em 55px 2em;
		background-image: url(../img/page/news/illustrator_bg.png);
		background-position: center bottom;
		background-repeat:no-repeat;
		width:100%; 
		margin-bottom:60px !important; 
		max-width:670px !important;
	}
	
	
	
	.news .kurier .item.illustrator.item_1 h3 {
		color:#0089b6;
	}
	
	
	.news .kurier .item.illustrator.item_1 a.button {
		background-color:#0089b6;
	}
	
	.news .kurier .item.illustrator.item_1 img.logo {
		float:right;
		margin-top:20px;
	}
	

	
	
	
.news.detail {
	padding-top:2em;
	margin-bottom:0;
	padding-bottom:0;
	background-color:#e2ddd4 !important;
	background-image:none;
}
	
	
	.news.detail article {
		overflow:hidden;		
		
	}
	
	.news.detail .datum {
		margin-bottom:-1.5em;
		padding-top:30px;
		padding-bottom:80px;
		background-image:url(../img/page/news/item_border_0.jpg);
		background-repeat:repeat-x;
		background-position:bottom center;
		text-align:center;
	}
	
	.news.detail h2 {
		text-align:center;
		width:85%;
		margin:auto;
	}
	
	.news .subhead {
		font-family:"Playfair Display", Georgia, "Times New Roman", Times, serif;		
		font-size:1.2em;
		margin-top:1em;
		margin-bottom:1.5em;
	}
	
	
	.news.detail .iframe_container iframe {
		position: absolute;
		top:0;
		left:0;
		right:0;
		margin:1em auto;
		width:100%;
		height:100%;
		max-width:none;
		float:none;

	}


	
	.news.detail .iframe_container {
		position: relative; 
		width:100%;
		padding-bottom:56.25%;
	}
	
	.news.detail video {
		width:100% !important;
		height:auto;
				
	}
	
	.news.detail .galerie video {
		width:32% !important;
		height:auto;
				
	}
	
	
	.news .kommentare {
	background-image:url(../img/page/news/text_border.png),url(../img/page/news/news_bg.jpg);
	background-repeat:repeat-x, repeat;
	background-position:center top, center top;
}

	
	
	 img.lazy.article,
	 .news .kurier .item.nachricht img {
		height:auto;
		width:200px;
		overflow:hidden;
		border:3px solid #F9F8F4;
		box-shadow:0px 1px 2px #8E887D;
		-webkit-box-shadow:1px 1px 2px #8E887D;
		-ms-box-shadow:1px 1px 2px #8E887D;
		-webkit-border-radius:3px;
		-ms-border-radius:3px;
		border-radius:3px;
		cursor:pointer;
	}
	
	 img.lazy.article.small {
		width:200px;
	}

	 img.lazy.article.medium {
		width:380px;
	}

	img.lazy.article.large {
		width:100%;
		margin-bottom:1em;
	}

.news .plop {
		position:absolute;
		margin-top:20%;
}
	
	
.news .gimmick_1_1 {
		width:70px;
		height:70px;
		left:-100px;
		background-image:url(../img/page/news/gimmick_1.png);
}
	
.news .gimmick_1_2 {
		width:70px;
		height:70px;
		right:-100px;
		background-image:url(../img/page/news/gimmick_1.png);
}
	
	
.news .gimmick_2_1 {
		width:70px;
		height:70px;
		left:-110px;
		background-image:url(../img/page/news/gimmick_2.png);
}
	
.news .gimmick_2_2 {
		width:70px;
		height:70px;
		right:-180px;
		background-image:url(../img/page/news/gimmick_2.png);
}
	
	
.news .gimmick_3_1 {
		width:70px;
		height:70px;
		left:-120px;
		background-image:url(../img/page/news/gimmick_3.png);
}
	
.news .gimmick_3_2 {
		width:70px;
		height:70px;
		right:-170px;
		background-image:url(../img/page/news/gimmick_3.png);
}
	
.news .gimmick_4_1 {
		width:70px;
		height:70px;
		left:-150px;
		background-image:url(../img/page/news/gimmick_4.png);
}
	
.news .gimmick_4_2 {
		width:70px;
		height:70px;
		right:-100px;
		background-image:url(../img/page/news/gimmick_4.png);
}
	
.news .gimmick_5_1 {
		width:70px;
		height:70px;
		left:-120px;
		background-image:url(../img/page/news/gimmick_5.png);
}
	
.news .gimmick_5_2 {
		width:70px;
		height:70px;
		right:-170px;
		background-image:url(../img/page/news/gimmick_5.png);
}
	
	
.news .gimmick_6_1 {
		width:100px;
		height:100px;
		left:-190px;
		background-image:url(../img/page/news/gimmick_6.png);
}
	
	
.news .gimmick_6_2 {
		width:100px;
		height:100px;
		right:-210px;
		background-image:url(../img/page/news/gimmick_6.png);
}
	
	
	
.news .gimmick_7_1 {
		width:100px;
		height:100px;
		left:-160px;
		background-image:url(../img/page/news/gimmick_7.png);
}
	
	
.news .gimmick_7_2 {
		width:100px;
		height:100px;
		right:-200px;
		background-image:url(../img/page/news/gimmick_7.png);
}
	
	
	
.news .gimmick_8_1 {
		width:100px;
		height:100px;
		left:-120px;
		background-image:url(../img/page/news/gimmick_8.png);
}
	
	
.news .gimmick_8_2 {
		width:100px;
		height:100px;
		right:-280px;
		background-image:url(../img/page/news/gimmick_8.png);
}
	
	
.news .gimmick_9_1 {
		width:100px;
		height:100px;
		left:-180px;
		background-image:url(../img/page/news/gimmick_9.png);
}
	
	
.news .gimmick_9_2 {
		width:100px;
		height:100px;
		right:-230px;
		background-image:url(../img/page/news/gimmick_9.png);
}
	
.news .gimmick_10_1 {
		width:200px;
		height:200px;
		left:-280px;
		background-image:url(../img/page/news/gimmick_10.png);
}
	
	
.news .gimmick_10_2 {
		width:200px;
		height:200px;
		right:-290px;
		background-image:url(../img/page/news/gimmick_10.png);
}
	
	
.news .gimmick_11_1 {
		width:250px;
		height:250px;
		left:-300px;
		background-image:url(../img/page/news/gimmick_11.png);
}
	
	
.news .gimmick_11_2 {
		width:250px;
		height:250px;
		right:-310px;
		background-image:url(../img/page/news/gimmick_11.png);
}

	
.news .gimmick_12_1 {
		width:100px;
		height:100px;
		left:-180px;
		background-image:url(../img/page/news/gimmick_12.png);
}
	
	
.news .gimmick_12_2 {
		width:100px;
		height:100px;
		right:-230px;
		background-image:url(../img/page/news/gimmick_12.png);
}

	
.news .gimmick_13_1 {
		width:100px;
		height:100px;
		left:-190px;
		background-image:url(../img/page/news/gimmick_13.png);
}
	
	
.news .gimmick_13_2 {
		width:100px;
		height:100px;
		right:-200px;
		background-image:url(../img/page/news/gimmick_13.png);
}

	
.news .gimmick_14_1 {
		width:100px;
		height:100px;
		left:-210px;
		background-image:url(../img/page/news/gimmick_14.png);
}
	
	
.news .gimmick_14_2 {
		width:100px;
		height:100px;
		right:-180px;
		background-image:url(../img/page/news/gimmick_14.png);
}

	
	
.news .gimmick_15_1 {
		width:150px;
		height:150px;
		left:-280px;
		background-image:url(../img/page/news/gimmick_15.png);
}
	
	
.news .gimmick_15_2 {
		width:150px;
		height:150px;
		right:-230px;
		background-image:url(../img/page/news/gimmick_15.png);
}

	
.news .gimmick_16_1 {
		width:100px;
		height:100px;
		left:-240px;
		background-image:url(../img/page/news/gimmick_16.png);
}
	
	
.news .gimmick_16_2 {
		width:100px;
		height:100px;
		right:-150px;
		background-image:url(../img/page/news/gimmick_16.png);
}

	
.news .gimmick_17_1 {
		width:150px;
		height:150px;
		left:-280px;
		background-image:url(../img/page/news/gimmick_17.png);
}
	
	
.news .gimmick_17_2 {
		width:150px;
		height:150px;
		right:-230px;
		background-image:url(../img/page/news/gimmick_17.png);
}


	
.news .gimmick_18_1 {
		width:150px;
		height:150px;
		left:-280px;
		background-image:url(../img/page/news/gimmick_18.png);
}
	
	
.news .gimmick_18_2 {
		width:150px;
		height:150px;
		right:-230px;
		background-image:url(../img/page/news/gimmick_18.png);
}

	
.news .gimmick_19_1 {
		width:150px;
		height:150px;
		left:-280px;
		background-image:url(../img/page/news/gimmick_19.png);
}
	
	
.news .gimmick_19_2 {
		width:150px;
		height:150px;
		right:-230px;
		background-image:url(../img/page/news/gimmick_19.png);
}






.page.termine {
	padding-bottom:3.5em;
	background-image:url(../img/page/termine/background.jpg);
	background-color:#63432E;
}


	.termine h2 {
		color:#FFC370;
		margin-bottom:0em;
	}

	.termine h3.subhead {
		text-align:center;
		color:#e2ddd4;
	}

	.termine .item {
		background: url(../img/page/termine/kalenderblatt.png) top center repeat-x;
		padding:1em 2em 1.5em 2em;
		overflow:auto;
		margin-top:1.5em;
	}

	.termine .item .datumbild p {
		text-align:center !important;	
		font-family:"Lora", Georgia, "Times New Roman", Times, serif;
		font-size:1.2em;
		padding-top:0.5em;
		margin-bottom:0.7em;
		color:#4e4d3b;
	}
	

	.termine .item h3 {
		border-bottom:1px solid #d5d5d4;
		padding-bottom:0.35em;
	}


	.termine .item p span {
		font-weight:700;
	}

	.termine .item img {
		float:right;
		margin-left:1em;
		border-left:30px solid #f8f7f4;
		border-bottom:10px solid #f8f7f4;
	}

	.termine .item .header p {
		font-size:0.75em;
		margin-bottom:0.2em;
		
	}

	.termine .item .text {
		border-top:1px solid #d5d5d4;
		border-bottom:1px solid #d5d5d4;
		padding-top:1em;
		padding-bottom:0.5em;
		margin-top:0.75em;
		
	}

	.termine .item.old .text {
		color:#cccbc8;		
	}


	.termine .no_date {
		color:#e2ddd4;
		text-align:center;		
	}

	

	
.kommentare {
	margin-top:3em;
	padding-top:4em;
	padding-bottom:2.5em;
	background-image:url(../img/page/news/news_bg.jpg);
	background-position:center top;
	background-color:#38342A;
	overflow:hidden;
}
	
	.kommentare h3 {
		font-size:1.5em;
		float:left;
		margin-top:0.3em;
		color:#ffc370 !important;
	}
	
	 .lesezeichen_float {
		float:right;
		font-family:"Playfair Display", Georgia, "Times New Roman", Times, serif;
		color:#ffc370;
		font-weight:700;
		text-align:center;
		margin:0 auto 1.5em auto;
		left:0;
		right:0;
		top:60px;
		height:60px;
		width:380px;
		background-image:url(../img/page/gaestebuch/lesezeichen_float.png);
		background-position:top center;
		background-repeat:no-repeat;
	}

	.lesezeichen_float a {
		padding-top:16px;
		width:380px;
		height:45px;
		display:block;
		margin:0 auto;
		transition: color 0.5s;
		-webkit-transition: color 0.5s;
	}
	
	.kommentare .item {
		margin:0 auto 1em auto;
		width:100% !important;
		clear:both;
		overflow:auto;
		background-image:url(../img/page/gaestebuch/antwort.png);
		background-repeat:repeat-x;
		background-position:bottom center;
		padding-bottom:2em;
		border-radius:3px;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
	}
	
	
	.kommentare .item .eintrag {
		padding:1.5em 1.5em 0.5em 1.5em;
		-webkit-border-radius:3px;
		-ms-border-radius:3px;
		border-radius:3px;
		
	}
	
	.kommentare .item p {
		font-family:"Lora", Georgia, "Times New Roman", Times, serif;
		color:#413a32;
		font-size:1em;
	}
	
	.kommentare .item .von {
		font-family:"Open Sans", Arial, Helvetica, sans-serif;
		color:#9B1530;
		padding-bottom:0.75em;
		font-size:0.8em;
		font-weight:600;
		margin-bottom:1.5em;
		background-image:url(../img/page/linie_h.png);
		background-position:bottom;
		background-repeat:repeat-x;
	}
	
	.kommentare .item .von span {
		font-family:"Lora", Georgia, "Times New Roman", Times, serif;
		font-size:1.8em;	
		display:block;
		margin-bottom:0.2em;
	}
	
	.kommentare .item .kommentar  {
		font-size:0.9em;
		margin-left:70px;
		font-family:"Lora", Georgia, "Times New Roman", Times, serif;
	}
	
	.kommentare .item .antwort {
		margin-top:1em;
		border-radius:3px;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		background-color:#faedc9;
		padding:0.75em;
		padding-bottom:0.25em;
	}
	
	.kommentare .item .antwort p {
		font-family:"Open Sans", Arial, Helvetica, sans-serif;
		font-size:0.8em;
		font-weight:400;
		
	}
	
	.kommentare form {
		margin-top:2em;
	}
	
	.kommentare .formular {
		clear:both;
	}
	
	.kommentare .formular h3 {
		margin-bottom:0.25em;
	}
	
	
	.kommentare .formular .button {
		clear:both;
		float:right;
		font-size:1em;
	}
	

.page.gaestebuch {
	background-color:#4d321c;
	padding-top:0;
	padding-bottom:3em;
	overflow:auto;
	background-image:url(../img/page/gaestebuch/background_large.jpg);
}


	.page.gaestebuch .wrapper {
		width:100%;
		max-width:none;
	}

	
	.page.gaestebuch .buch {
		height:420px;
		background-position:top center;
		background-repeat:no-repeat;
		margin:0 auto;
		padding-top:2.5em;
	}
	
	
	.page.gaestebuch .buch h2 {
		text-align:center;
		padding:0;
		margin-bottom:0.5em;
		color:#ffc370;
	}
	
	.page.gaestebuch .buch p {
		width:300px;
		text-align:center;
		margin:0 auto;
		color:#ffc370;
		font-size:1em;
		font-family:"Lora", Georgia, "Times New Roman", Times, serif;
	}
	
	.page.gaestebuch .lesezeichen {
		width:380px;
		height:70px;
		background-image:url(../img/page/gaestebuch/lesezeichen.png);
		background-position:bottom center;
		position:relative;
		margin:0 auto 2.5em auto;
		margin-top:-49px;
	}
	
	.page.gaestebuch .lesezeichen a {
		font-family:"Lora", Georgia, "Times New Roman", Times, serif;
		color:#ffc370;
		width:305px;
		text-align:center;
		position:absolute;
		top:31px;
		left:50px;
		transition: color 0.5s;
		-webkit-transition: color 0.5s;
	}
	
	
	.page.gaestebuch .lesezeichen a:after,
	.lesezeichen_float a:after {
		content:" »"
	}
	
	
	.page.gaestebuch .lesezeichen a:hover,
	.lesezeichen_float a:hover {
		color:#FFF;
	}

	.page.gaestebuch .item {
		max-width:620px;
		width:90%;
		margin:0 auto 1em auto;
		clear:both;
		overflow:hidden;
	}
	
	.page.gaestebuch .item .eintrag {
		background:#f5f5f5;
		padding:2em 2em 1.5em 2em;
		box-shadow:1px 1px 2px #2c1e12;
		-webkit-box-shadow:1px 1px 2px #2c1e12;
		-ms-box-shadow:1px 1px 2px #2c1e12;
		-webkit-border-radius:3px;
		-ms-border-radius:3px;
		border-radius:3px;
		
	}

	.page.gaestebuch .item p {
		font-family:"Lora", Georgia, "Times New Roman", Times, serif;
		color:#413a32;
		font-size:1em;
}

	.page.gaestebuch .item .von {
		font-family:"Open Sans", Arial, Helvetica, sans-serif;
		color:#c64f65;
		padding-bottom:0.75em;
		text-align:center;
		font-size:0.8em;
		font-weight:600;
		margin-bottom:1.5em;
		background-image:url(../img/page/linie_h.png);
		background-position:bottom;
		background-repeat:repeat-x;
	}


	.page.gaestebuch .item .von span {
		font-family:"Lora", Georgia, "Times New Roman", Times, serif;
		font-size:1.8em;	
		display:block;
		margin-bottom:0.2em;
	}

	.page.gaestebuch .item .von span:before {
		content: "№ ";
		font-size:0.75em !important;		
	}

	.page.gaestebuch .item .antwort  {
		max-width:370px;
		min-width:90px;
		padding:2.5em 1.5em 1.5em 1.5em;
		margin-top:-1em;
		margin-left:5%;
		margin-right:5%;
		margin-bottom:1em;
		float:right;
		transform: rotate(0deg);
		background-image:url(../img/page/gaestebuch/antwort.png);
		background-repeat:repeat-x;
		background-position:bottom center;
		-webkit-border-radius:3px;
		-ms-border-radius:3px;
		border-radius:3px;
		}
		
	.page.gaestebuch .item .antwort.lange_antwort  {
		max-width:100%;
	}
	
	.page.gaestebuch .item .antwort p {
		font-family:"Open Sans", Arial, Helvetica, sans-serif;
		font-size:0.8em;
		line-height:1.35em;
		font-weight:400;
		text-align:left;
		padding-top:inherit;
		margin-top:auto;
	}
		
	.page.gaestebuch .item .antwort p em {
		font-weight:400;
		
	}
		
	.page.gaestebuch .item .antwort p:first-of-type {
		background-image:url(../img/page/gaestebuch/clip.png);
		background-repeat:no-repeat;
		background-position:top right;
		padding-top:92px;
		margin-top:-92px;
		
	}
		
	.page.gaestebuch .item .antwort a.button {
		display:block;
		text-align:center;
		margin-top:1em;
		background-color:#D3B25D;
		font-size:1em;
	}

	
	.page.gaestebuch .eintraege .mehr {
		max-width:520px;
		width:90%;
		margin:0 auto;
		text-align:center;
		display:block;
		padding:1.5em 0;
		background:#4D0110;
	}

	.formular p.smileys {
		margin:0;
		width:75%;
		float:right;
	}

	.formular p.smileys img {
		cursor:pointer;
		user-drag: none; 
		user-select: none;
		-moz-user-select: none;
		-webkit-user-drag: none;
		-webkit-user-select: none;
		-ms-user-select: none;
	}


	.formular {
		text-align:center;
		max-width: 650px;
		margin:auto;
	}
	
	.formular h2 {
		color:#ffc370;
	}
	
	.formular form {
		padding:2em;
		border-radius:5px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		overflow:auto;
		margin-top:2em;
		background-color:#131211;
	}

	
	.formular label {
		text-align:left;
		color:#ffc370;
		clear:both;
		width:25%;
		float:left;
		padding-top:0.5em;
		padding-right:0.5em;
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;

	}
	
	.formular input,
	.formular textarea {
		color:#131211;
		padding:0.5em;	
		width:75%;
		margin-bottom:0.5em;
		font-weight:400;
		font-family:"Lora", Georgia, "Times New Roman", Times, serif;
		font-size:1.1em;
		transition: background 0.5s;
	}
	
	.formular textarea {
		height:7em;
	}
	
	.input_fehler {
		width:75%;
		text-align:left !important;
		float:right;
		margin-top:0;
		color:#ea2e48;
		font-size:0.75em;
		font-weight:700;
		display:block;
		height:0em;
		overflow:hidden;
		transition:height 0.5s;
		padding-left:24px;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		background-image:url(../img/page/alert.png);
		background-repeat:no-repeat;
		background-position:left 3px;
	}

	.input_fehler_visible {
		height:1.5em;
	}
	
	
	.formular form .button {
		width:75%;
		float:right;
		background:#383532;
		padding:0.5em;	
		border:none;
		color:#ffc370;
		font-size:1em;

	}
	
	.formular .antwort .button {
		background:#ffc370;
		color:#131211;

	}
	
	.formular .antwort {
		text-align:center;
		margin-top:2em;
		padding:2em;
		padding-bottom:1em;
		background:#131211;
		border-radius:5px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
	}
	
	
	.formular .antwort h3 {
		color:#ffc370;
	}
	
	

.page.buecher {
	padding-top:2.5em;
	padding-bottom:0;
	background-color:#392821;
	background-image:url(../img/page/buecher/background.jpg);

}


	.page.buecher h2 {
		text-align:center;
		color:#ffc370;
		padding:0 2.5% 0 2.5%;
		margin-bottom:0.5em;
	}

	.page.buecher h3.subhead {
		color:#e2ddd4;
		text-align:center;
		margin-top:0;
		margin-bottom:0;
	}

	
	.page.buecher .buch p:last-child {
		padding-bottom:7em;
	}


	.page.buecher .intro {
		float:left;
		padding-top:1em;
		padding-right:1em;
	}

	.page.buecher .intro h3 {
		margin-top:0.4em;
		margin-bottom:0.3em;
		font-size:1.75em;
	}

	.page.buecher .intro p,
	.page.buecher .features p {
		text-align:left;
		font-size:0.9em;
	}
	
		.page.buecher .intro p em {
		font-family:"Caveat", Arial, Helvetica, sans-serif;		
		font-weight:300;
		font-style:normal;
		letter-spacing:-0.025em;
		font-size:1.25em;
		text-indent:2em;
	}
	
	.zitat em {
		font-style:normal;
	}
	
	.page.buecher .item h3 {
		font-size:1.25em;
		margin-top:0.3em;
	}
	
	.page.buecher .wrapper.features .item .button {
		width:100%;
		background-color:#ffc370;
		color:#000;
	}
	
	.page.buecher .item .subtitle {
		font-family:"Lora", Georgia, "Times New Roman", Times, serif;
		font-size:0.9em;
		margin-bottom:0.3em;
	}
		

	.page.buecher .wrapper.features .row {
		clear:both;
		overflow:hidden;
		display:table;
		margin-bottom:2em;
		
	}

	.page.buecher .wrapper.features {
		clear:both;
		padding-top:1em;
		padding-bottom:2em;
		max-width:730px;
		overflow:hidden;
	}

	.page.buecher .wrapper.features .item {
		width:31%;
		min-height:500px;
		overflow:hidden;
		padding:0 1%;
		padding-bottom:1.75em;
		margin-bottom:2em;
		text-align:center;
		color:#ffcc75;
		height:100%;
		display:table-cell;
		position:relative;


	}
	
	.page.buecher .wrapper.features .item.big {
		min-height:600px;
	}
	
	
	.page.buecher .wrapper.features .item h3 {
		background-position:left bottom;
		background-repeat:repeat-x;	
		padding-bottom:1em;
	}
	
	.es .page.buecher .wrapper.features .item h3 {
		min-height:2.6em;
		font-size:1.5em;
	}
	
	
	.page.buecher .wrapper.features .neuerscheinung .item  {
		width:100%;
		display:block;
		min-height:auto;
		margin-bottom:0;
	}
	
	.page.buecher .wrapper.features .neuerscheinung .item .info {
		background:#231a19;
		margin-top:50px;
		padding:1em;
		border-radius:10px;
		-webkit-border-radius:10px;
		-moz-border-radius:10px;
		text-align:left;
	}
	
	.page.buecher .wrapper.features .neuerscheinung .item img.cover {
		float:left;
		margin-right:1em;
		margin-bottom:0.5em;
	}
	
	.page.buecher .wrapper.features .neuerscheinung .item .info .neu {
		margin-bottom:0;
	}
	
	
	.page.buecher .wrapper.features .neuerscheinung .item .info h3 {
		text-align:left;
		margin-top:0.25em;
		padding-bottom:0;
	}
	
	.page.buecher .wrapper.features .neuerscheinung .item .info p.kurzinhalt {
		margin-top:0em;
		font-family:"Open Sans", Arial, Helvetica, sans-serif;
	}
	
	.page.buecher .wrapper.features .neuerscheinung .item .info .button {
		width:100%;
		margin:0;
		left:0;
		position:relative;
		text-align:center;

	}
	
	
	
	.page.buecher .wrapper.list .item {
		background-image:url(../img/page/buecher/list_line.png);
		background-position:left top;
		background-repeat:repeat-x;	
		padding-top:0.75em;
		padding-bottom:0.5em;
		clear:both;
		overflow:hidden;
	}

	.page.buecher .wrapper.list .item:last-Child {
		padding-bottom:2em;
	}
	
	.page.buecher .wrapper.list .item img {
		float:left;
		margin-right:1em;
		margin-bottom:1em;

	}

	.page.buecher .wrapper.features .item .button {
		bottom:0;
		left:0;
		right:0;
		margin:0 auto;
		width:90%;
		font-size:0.7em;
		position:absolute;
	}
	


	.page.buecher .wrapper.features .item .infos h4 {
		font-size:1.25em;
		line-height:1.4em;
		max-width:80%;
		font-style:italic;
	}
	
	
	
	.page.buecher .wrapper.features .item.bdm {
		padding:0;
	}
	
	.page.buecher .wrapper.features .item.bdm img{
		width:auto;
		max-height:180px;
		vertical-align: middle;
	}
	
	.page.buecher .wrapper.features .item.bdm a.bdm{
		height:197px;
		line-height:187px;
		display:block;
		padding:0 !important;
		background-color:#2C2423;
		border-radius:10px;
		-webkit-border-radius:10px;
		-moz-border-radius:10px;
		
	}
	
	.page.buecher .wrapper.features .item.bdm .bdm_label{
		position:absolute;
		font-size:0;
		text-indent:-999%;
		width:120px;
		height:75px;
		z-index:50;
		
	}
	

	.page.buecher .wrapper.list .item .infos .subtitle {
		font-style:italic;
	}
	
	.page.buecher .wrapper.features .item p {
		text-align:justify;
		color:#F3F3F3;
		-moz-hyphens: auto;
		-o-hyphens: auto;
		-webkit-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto; 
		font-size:0.9em;
		font-family:"Playfair Display", Georgia, "Times New Roman", Times, serif;
		padding:0 0.5em;
	   }

	.page.buecher .wrapper.list .item h4 {
		font-size:1.1em;
		width:99%;
		color:#e2ddd4;
	}
	

	.page.buecher .wrapper.list .item p {
		color:#e2ddd4;
	}
	
	.page.buecher .wrapper.list .item p.text {
	}
	
	.page.buecher .wrapper.list .item img {
		margin-bottom:0;
	}
	
	.page.buecher .wrapper.list .item .zumbuch {
		color:#ffcc75;
		font-weight:500;
		text-decoration:underline;
	}
	
	.page.buecher .wrapper.list .item .button {
		background-color:#ffcc75;
		float:right;
		color:#000;
	}
	
	
	.page.buecher .wrapper.list .item .pbutton a.button {
		background:#2B544C;
	}

	
	.page.buecher .wrapper.list {
		padding-top:3em;
	}

	.page.buecher .wrapper.list h3 {
		font-size:1.65em !important;
		width:100%;
		color:#ffcc75;
		padding-bottom:0.5em;
	}

	.page.buecher .wrapper h3 span {
		text-decoration:underline !important;
		cursor:pointer;
	}

	
	
.page.buecher.detail {
	padding-top:0;
	background-image:url(../img/page/buecher/background.jpg);
	color:#EDEBE9;
	
}
		
	.page.buecher.detail h2 {
		text-align:center;
		margin-bottom:0em;
		color:#ffc370;
		max-width:100%;
		margin:0 auto;
		background-image:url(../img/page/buecher/medien_linie_h.png);
		padding:0 15%;
		padding-bottom:0.5em;
		background-position: bottom;
		background-repeat:repeat-x;
	}	
			
	.page.buecher.detail h3.subhead {
		text-align:center;
		margin-top:0;
		margin-bottom:1em;
		color:#e2ddd4;
	}

			
	.page.buecher.detail .kurzinhalt {
		font-family:"Lora", Georgia, "Times New Roman", Times, serif;
		margin-bottom:1.5em;
		text-align:center;
	}
			
	.page.buecher.detail .inhalt {
		bbackground-image:url(../img/page/linie_h.png);
		background-position: bottom;
		background-repeat:repeat-x;
		padding-bottom:0.5em;
		overflow:auto;
	}
		
	.page.buecher.detail .inhalt img {
		width:200px;
		float:left;
		margin-right:1em;
		margin-bottom:0.5em;
	}
			
			
	.page.buecher.detail p em {
		font-style:normal;
		font-family:"Caveat", Arial, Helvetica, sans-serif;
		font-weight:300;
		letter-spacing:-0.025em;
		font-size:1.3em;
	}
			
			
	.page.buecher.detail .buchinfo  {
		padding-top:3.5em;
		padding-bottom:0;
	}
			
	.page.buecher.detail .medien  {
		overflow:auto;
		padding-top:0.5em;
		padding-bottom:1.5em;
	}
	
	.page.buecher.detail .medien .item  {
		max-width:760px;
		clear:both;
		overflow:auto;
		margin:0 auto 2em auto;
		color:#EDEBE9;
	}
	
	.page.buecher.detail .medien .item a.button {
		background:#ffc370;
		color:#131211;
	}
	
	.page.buecher.detail .medien .item img {
		width:140px;
		float:left;
		margin-right:1em;
	}
	
	
	.page.buecher.detail .medien .item div.infos {
		margin-left:170px;
	}
	
	
		
	.page.buecher.detail .medien .item h3 {
		color:#ffc370;
		margin-top:0.5em;
		margin-bottom:0.5em;
		padding-left:35px;
		padding-bottom:0.25em;
		background-position: -2px top, left bottom;
		background-repeat:no-repeat, repeat-x;
	}	
	
	.page.buecher.detail .medien .item h3.m_buch {
		background-image:url(../img/page/buecher/icon_buch.png), url(../img/page/buecher/medien_linie_h.png);
	}	
	
	.page.buecher.detail .medien .item h3.m_hbuch {
		background-image:url(../img/page/buecher/icon_hbuch.png), url(../img/page/buecher/medien_linie_h.png);
	}	
	
	
			
	.page.buecher.detail .medien .item p.untertitel {
		font-family:"Lora", Georgia, "Times New Roman", Times, serif;
		font-size:inherit;
	}	
	
	.page.buecher.detail .medien .item p {
		font-size:0.8em;	
	}
			
			
	.page.buecher.detail audio {
		display:none;		
		visibility:none;
		width:0;
		height:0;
	}
	
	.page.buecher.detail .verwandte_artikel  {

		overflow:auto;
		padding-bottom:2.5em;
		padding-top:2em;
		background:url(../img/page/buecher/background_border.png), #2c2423;
		background-repeat:repeat-x, no-repeat;
		background-position:left top, center center;
		background-origin:border-box, padding-box;
		background-clip:border-box, padding-box;
		border-top:16px solid transparent;
	}
	
	
	.page.buecher.detail .verwandte_artikel h2  {
		text-align:center;
		font-size:1.75em !important;
		background:none;
	}
	
	.page.buecher.detail .artikelliste {
		margin-top:1em;
		
	}

	.page.buecher.detail .artikelliste .item {
		background-image:url(../img/page/buecher/list_line.png);
		padding-top:0.5em;
		padding-bottom:1em;
	}

	.page.buecher.detail .artikelliste .item a.button {
		background-color:#FFC370;
		color:#000;
		
	}

	
.page.notizbuecher {
	padding-bottom:3em;
	padding-top:2.5em;
	overflow:hidden;
	background-image:url(../img/page/notizbuecher/background.jpg);
	background-color:#4d3f3c;
	
}	

	.page.notizbuecher h2 {
		color:#ffc370;
		text-align:center;
		margin-bottom:0.5em;
		width:100% !important;

	}	
	
	.page.notizbuecher h3.subhead {
		color:#e2ddd4;
		text-align:center;
		margin-top:0;
	}

	.page.notizbuecher p {
		color:#e2ddd4;
		text-align:center;
		margin-bottom:1em !important;

	}

	.page.notizbuecher .item  {
		display:inline;
	}


	.page.notizbuecher .item img {
		width:32%;
	}

	.page.notizbuecher img.buch_01,
	.page.notizbuecher img.buch_02,
	.page.notizbuecher img.buch_03,
	.page.notizbuecher img.buch_04,
	.page.notizbuecher img.buch_05,
	.page.notizbuecher img.buch_06 {
		display:none;
	}

	
		

.page.cornelia {
	padding-bottom:3em;
	padding-top:2.5em;
	overflow:hidden;
	background-image:url(../img/page/cornelia/background.jpg);
	background-color:#D4CCBF;
	
}	

	.page.cornelia h2 {
		color:#b80853;
		text-align:center;
		margin-bottom:0.5em;
		margin-top:0;
		width:100% !important;

	}	
	
	.page.cornelia h3.subhead {
		color:#373133;
		text-align:center;
		margin-top:0;
		margin-bottom:2em !important;
	}

	.page.cornelia span {
		display:block;
		font-family: 'Lora', Georgia, "Times New Roman", Times, serif;
		font-size:1.25em;
		margin-bottom:0.25em;
		line-height:1.25em;
	}
	
	.page.cornelia .col {
		float:left;
		width:33%;
	}
	
	.page.cornelia .liste {
		clear:both;
		margin-top:2em;
		padding-top:2.5em;
		background-image:url(../img/page/linie_h_deko.png);
		background-position:center top;
		background-repeat:repeat-x;
	}
	
	.page.cornelia .col p {
		margin-bottom:1em;
		text-align:center;

	}
	
	.page.cornelia p {
		margin-bottom:1.5em;
	}
	
	.page.cornelia .liste p {
		letter-spacing:-0.025em;
		font-family:"Caveat", Arial, Helvetica, sans-serif;	
		font-weight:300;
		font-size:1.25em;
		text-align:center;
	}
	
	.page.cornelia .item  {
		position:relative;
		background-image:url(../img/page/linie_h.png);
		background-position:center bottom;
		background-repeat:repeat-x;
		overflow:hidden;
		padding-top:1em;
	}
	
	.page.cornelia .item:last-child  {
		background-image:none;
	}
	
	.page.cornelia .item h3 {
		color:#b80853;
		margin-top:0;
	}
	
	.page.cornelia .item p {
		text-align:left;
		float:left;
	}
	

	.page.cornelia .item .button {
		background-color:#b80853;
		float:right;
	}
	



.page.wichtig {
	padding-bottom:3em;	
	background-image:url(../img/page/wichtig/background.jpg);
}

	.page.wichtig h2 {
		text-align:center;
		margin-bottom:0.25em;
	}

	.page.wichtig h3 {
		text-align:center;
		margin-top:0;
	}

	.page.wichtig p {
		text-align:left;
	}

	.page.wichtig.detail h2 {
		margin-bottom:0.5em;
	}


	.page.wichtig .logos {
		text-align:center;
		margin-top:2em;
		margin-bottom:3em;
	}


	.page.wichtig.detail img{
		float:right;
		margin-left:2em;
		margin-bottom:0.5em;
	}


.page.aktuelle-projekte {
	padding-bottom:3em;	
	background-color:#b3844b;	
	background-image:url(../img/page/aktuelle-projekte/background.jpg);
	overflow:hidden;

}

	.page.aktuelle-projekte h2 {
		margin-bottom:0.25em;
		color:#f9d865;	
	}
	
	.page.aktuelle-projekte .intro {
		text-align:center;
		color:#FFF;	
		margin-bottom:2em;
	}
	
	
.page.schublade {
	padding-top:0;
	padding-bottom:3em;	
	background-color:#434242;	
	background-image:url(../img/page/schublade/background.jpg);
	background-attachment:fixed;
	background-size:cover;
}


	
	.page.schublade .wrapper {
		max-width:810px;
		background-image:url(../img/page/schublade/schublade.jpg);
		background-repeat:repeat-y;
		background-position:center top;
		background-size:100%;
		padding-bottom:3%;
	}

	.page.schublade .wrapper.front {
		background-image:url(../img/page/schublade/schublade_front.png);
		background-position:center top;
		background-size:contain;
		background-repeat:no-repeat;
		height:80px;
	}


	.page.schublade .item img {
		display:block !important;
 -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently	*/	
	}

	.brighter {
		transition: -webkit-filter 0.75s;
 	}

	.brighter:hover {
		-webkit-filter: brightness(140%); 
 	}

	.page.schublade .item {
		position:relative;
		pointer-events:none;
	}

	.page.schublade .item a {
		position:absolute;
		height:100%;
		pointer-events:auto;

	}


	.page.schublade .item.cover  {
		z-index:11;
	}

	.page.schublade .item.cover a {
		width:46%;	
		margin:0 34% 0 20%;
	}

	.page.schublade .item.photos a {
		width:38%;	
		margin:0 18% 0 44%;
	}

	.page.schublade .item.photos {
		margin-top: -10%;
		z-index:2;
	}
	
	.page.schublade .item.ben a {
		width:17%;	
		margin:0 53% 0 30%;
	}

	.page.schublade .item.ben {
		margin-top: -40%;
	}

	.page.schublade .item.lexikon a {
		width:20%;	
		margin:0 70% 0 10%;
	}

	.page.schublade .item.lexikon {
		margin-top: -10%;
	}

	.page.schublade .item.autogramm a {
		width:27%;	
		margin:0 59% 0 14%;
	}

	.page.schublade .item.autogramm {
		margin-top:-40%;
	}

	.page.schublade .item.geschichte a {
		width:30%;	
		margin:0 33% 0 37%;
	}

	.page.schublade .item.geschichte {
		margin-top:-10%;
		z-index:20;
	}


	.page.schublade .item.time a {
		width:35%;	
		margin:0 37% 0 27%;
	}

	.page.schublade .item.time {
		z-index:19;
		margin-top:-5%;
	}


	.page.schublade .item.spiegelweltkarte a {
		width:35%;	
		margin:0 11% 0 54%;
	}

	.page.schublade .item.spiegelweltkarte {
		margin-top:-15%;
	}

	.page.schublade .item.album a {
		width:46%;	
		margin:0 38% 0 16%;
	}

	.page.schublade .item.album {
		margin-top:-15%;
	}





.page.artists {
	padding-top:3em;
	padding-bottom:3em;	
	background-color:#b19d87;	
	background-image:url(../img/page/saum/background.jpg);
	background-position:center top;
	background-repeat:repeat-x;
	background-size:contain;
	background-color:#1b1513;

}

	.page.artists h2.intro {
		margin-top:-0.75em;
		margin-bottom:0.25em;	
		color:#015950;	
	}
	
	.page.artists a.button {
		background-color:#015950;		
	}

	.page.artists .item h2 {
		font-size:2em !important;
	}

	.page.artists .item {
		padding:1.75em;	
		padding-top:1.25em;	
		background:url(../img/page/blogs/kante.png), #fdfdfb;
		background-position:center bottom, center center;
		background-repeat:repeat-x, no-repeat;
		border-bottom:20px solid transparent;
		background-origin:border-box, padding-box;
		background-clip:border-box, padding-box;
		padding-bottom:30px;
		margin-bottom:1em;
	}

	.page.artists .item .foto {
		max-width:330px;
		min-width:130px;
		width:40%;
		height:auto;
		display:block;
		margin-top:0.75em;
		margin-bottom:0.75em;
		overflow:hidden;
		border:3px solid #fdfdfb;
		box-shadow:1px 1px 2px #80705F;
		-moz-box-shadow:1px 1px 2px #80705F;
		-webkit-box-shadow:1px 1px 2px #80705F;
		-ms-box-shadow:1px 1px 2px #80705F;
	}
	
	.page.artists .item .foto img {
		width:100% !important;
		height:auto;
	}
	
	.page.artists .item .foto.left {
		float:left;
		margin-right:1em;
	}

	
	.page.artists .item .foto.right {
		float:right;
		margin-left:1em;
	}

	.page.artists .item h2 {
		font-size:1.25em;
		text-align:left;
		margin-bottom:0.1em;
	}

	.page.artists .item a.link {
		font-size:0.8em;
		font-weight:100;
		text-align:left;
		margin-bottom:0.75em;
		display:inline-block;
		
	}

	.page.artists .item .beschreibung p {
		font-family:"Lora", Georgia, "Times New Roman", Times, serif;
		font-style:italic;
		line-height:1.5em;
		margin-top:0.25em;
	}

	.page.artists .item .fragen {
		margin-top:1.25em;
		padding-top:1.25em;
		background-image:url(../img/page/linie_h.png);
		background-position:center top;
		background-repeat:repeat-x;
	}

	.page.artists .item .fragen h3 {
		font-family:"Open Sans", Arial, Helvetica, sans-serif;
		font-size:1em;
		margin-top:0;
		margin-bottom:0.5em;
		font-weight:100;
	}

	.page.artists .item .fragen p {
		display:none;
		font-family:"Lora", Georgia, "Times New Roman", Times, serif;
		font-size:0.8em;
		line-height:1.5em;
		font-style:italic;
		padding-left:2em;
		margin-bottom:1.5em;
		margin-bottom:0.5em;
	}
	
	.page.artists .item a.antworten,
	.page.artists .item a.antworten_ausblenden {
		background-color:#679b96;
		margin-top:0.5em;		
	}

	.page.artists .item a.antworten_ausblenden {
		display:none;
	}


.page.kiste.index {
	background-color:#3a2e25;	
	background-image:url(../img/page/kiste/background.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	background-size:cover;
	padding-top:0;
	margin-top:0;
}


	.page.kiste.index {
		padding-bottom:0em;	
	}

	.page.kiste.index .wrapper {
		position:relative;
		width:100%;
		overflow:hidden;
	}
	
	.page.kiste .wrapper img.kiste {
		margin:auto;	
		margin-top:-40px;
	}

	.page.kiste .wrapper ul {
		position:absolute;
		width:100%;
		height:100%;
		margin-top:0;
	}
	
	.page.kiste .wrapper ul li {
		display:block;
		opacity:0.5;
		position:absolute;	
	}
	
	.page.kiste .wrapper ul li a {
		display:block;
		width:100%;
		height:100%;
		font-size:0;
		color:transparent;
	}
	
	.page.kiste .wrapper ul .cover {
		width:48%;
		height:16%;
		top:16%;
		left:17%;
		z-index:3;
	}

	.page.kiste .wrapper ul .fellfreunde {
		width:20%;
		height:20%;
		top:16%;
		left:63%;
		z-index:3;

	}

	.page.kiste .wrapper ul .photos {
		width:38%;
		height:36%;
		top:26%;
		left:37%;
		z-index:2;
	}

	.page.kiste .wrapper ul .autogramm {
		width:25%;
		height:27%;
		top:36%;
		left:20%;
		z-index:4;
	}

	.page.kiste .wrapper ul .geschichte {
		width:25%;
		height:27%;
		top:56%;
		left:38%;
		z-index:6;
	}

	.page.kiste .wrapper ul .time {
		width:33%;
		height:22%;
		top:68%;
		left:28%;
		z-index:5;
	}


.wrapper.kiste_cover {
	padding-bottom:5em;
		
}
	
	.wrapper.kiste_cover .item {
		width:80%;
		margin:auto;
		clear:both;
		overflow:hidden;
		margin-bottom:-5em;
	}
	
	.wrapper.kiste_cover .item img {
		max-width:250px;
		height:auto;
	}
	
	.wrapper.kiste_cover .item.links img {
		transform:rotate(-2deg);
		float:left;
		margin-right:1em;
	}
	
	.wrapper.kiste_cover .item.rechts img {
		transform:rotate(2deg);
		float:right;
		margin-left:1em;
	}
		
	.wrapper.kiste_cover .item .info {
		padding-top:25%;
	}
	
	.wrapper.kiste_cover .item.links .info * {
		text-align:left;
	}
	
	.wrapper.kiste_cover .item.rechts .info * {
		text-align:right;
	}
	
	.wrapper.kiste_cover .item .info h3 {
		color:#ffc370;
		margin-bottom:0;
	}
	
	.wrapper.kiste_cover .item .info p {
		margin-top:0;
		text-align:left;
		font-size:0.75em;
	}
	
	
.wrapper.kiste_photos {
	color:#C0B587;
	overflow:hidden;
}

	.wrapper.kiste_photos h2{
		margin-bottom:0.25em;
		color:#ffc370;
	}

	.wrapper.kiste_photos p {
		margin-bottom:0.25em;
	}

	.wrapper.kiste_photos .position {
		padding:20px;
		overflow:hidden;
	}
	
	.wrapper.kiste_photos .left .item  {
		float:left;
		margin-right:2em !important;
	}

	.wrapper.kiste_photos .right .item  {
		float:right;
		margin-left:2em !important;
	}

	.wrapper.kiste_photos .item {
		max-width:350px;
		margin:0 auto;
		margin-bottom:1em;
		border:5px solid #f6f3ee;
		background-color:#f6f3ee;
		box-shadow:0px 1px 2px #111;
		-webkit-box-shadow:1px 1px 2px #111;
		-ms-box-shadow:1px 1px 2px #111;
		overflow:hidden;
	}
	
	 .wrapper.kiste_photos .item  img {
		margin: auto !important; 
		height: auto !important;
		width:auto !important;
		border:none !important;
		box-shadow:none;
		-webkit-box-shadow:none;
		-ms-box-shadow:none;
		-webkit-border-radius:12px;
		-ms-border-radius:12px;
		border-radius:12px;
		
	}


	.wrapper.kiste_photos .text a {
		background-image:url(../img/page/linie_w_h.png);
	}

	.wrapper.kiste_photos .text {
		font-size:0.8em;

	}

	.wrapper.kiste_photos .left .text  p{
		text-align:left;
	}



	.wrapper.kiste_photos .right .text p {
		text-align:right;
	}

	.wrapper.kiste_photos .item h3 {
		color:#ffc370;
		margin-top:0.5em;
	}

	.wrapper.kiste_photos .right .text h3 {
		text-align:right;
	}


.wrapper.kiste_lexikon p{
	text-align:left;
}


	.wrapper.kiste_lexikon h3.subhead{
		background-image:none !important;
		padding-bottom:0.5em;
	}



	.wrapper.kiste_lexikon h3 {
		clear:both;
		background-image:url(../img/page/linie_w_h.png);
		background-repeat:repeat-x;
		background-position:center top;
		padding-top:0.75em;
		padding-left:0.2em;
	}

	.wrapper.kiste_lexikon img {
		cursor:auto;
	}




.page.buchdesmonats {
	background-color:#ebe3c8;
	background-image:url(../img/page/buchdesmonats/background.jpg);
}

	.page.buchdesmonats .kommentare {
	background-image:url(../img/page/buchdesmonats/text_border.png),url(../img/page/news/news_bg.jpg);
}
	



	.page.atmende-buecher h2 {
		text-align:center;
		color:#14809a;
		margin-bottom:0.25em;
	}

	.page.atmende-buecher h3.subhead,
	.page.atmende-buecher p.intro {
		text-align:center;
	}

	.page.atmende-buecher img.center {
		margin-bottom:1em;
	}

	.page.atmende-buecher p {
		float:none !important;
	}

	.page.atmende-buecher .button {
		float:none !important;
	}

	.page.atmende-buecher .artikelliste .item .button {
		background-color:#167CA2;
	}

	.page.atmende-buecher .artikelliste h3 {
		color:#167CA2;
	}

	.page.cornelia .artikelliste .item {
		background-image:url(../img/page/linie_h_deko.png);
		
	}





.page.spiegelwelt.reckless .cover {
	float:right;
	margin-left:1em;
}


.page.spiegelwelt {
	padding-bottom:0.5em;
	background-image:url(../img/page/spiegelwelt/background.jpg);
	background-position:center;
	color:#e3d4bf;
	background-color:#2A1912;
}

	.page.spiegelwelt .artikelliste h3 {
		color:#ffc370;
	}

	.page.spiegelwelt .artikelliste {
		padding-bottom:1em;
	}

	
		.page.spiegelwelt .collage {
			position:relative;
		}	


		.page.spiegelwelt .collage .motte a {
			display:block;
			width:100%;
			height:100%;
		}	


		.page.spiegelwelt h2 {
			color:#ffc370;
			text-align:center;
			margin-bottom:0.5em;
			
		}

		.page.spiegelwelt h3.subhead {
			text-align:center;
			margin-top:0;
			margin-bottom:1.5em !important;
		}


		.page.spiegelwelt .intro p {
			text-align:center;
		}

		.page.spiegelwelt p a {
			background-image:url(../img/page/linie_w_h.png);
		}

		.page .extras {
			text-align:center;
			margin:2em auto;
			overflow:hidden;
		}

		.page .extras .item {
			text-align:center;
			width:24%;
			display:inline-block;
			margin-bottom:2em;
			min-height:180px;
			clear:both;
			overflow:hidden;
			position:relative;
			padding-bottom:30px;
			vertical-align:top;
		}

		.page .extras .item h4 {
			margin:0 auto;
			margin-bottom:0.5em;
			min-height:2.5em;
			width:80%;

		}

		.page .extras .button {
		}

		.page.spiegelwelt .button {
			background-color:#ffc370;
			color:#131211;
		}

		.wrapper.spiegelwelt_extras h2 {
			color:#ffc370;
			margin-bottom:0.25em;
		}
		
				.wrapper.spiegelwelt_extras .zitat {
					text-align:center;
					font-family:"Lora", Georgia, "Times New Roman", Times, serif;
					font-style:italic;
					width:80%;
					margin:0 auto;
					font-size:1.1em;
					color:#ffc370;
				}
				
				.wrapper.spiegelwelt_extras .col {
					width:75%;
					padding:0 1%;
					margin:auto;
					margin-bottom:1em;
					text-align:center;
				}
				
				.wrapper.spiegelwelt_extras .col span {
					font-family:"Lora", Georgia, "Times New Roman", Times, serif;
					font-style:italic;
					color:#ffc370;
					font-size:1.1em;
					display:block;
					margin-bottom:0.15em;
				}
				
				.wrapper.spiegelwelt_extras h3 {
					text-align:center;
				}
				

				.spiegelwelt_extras .stories {
					text-align:center;
				}

				.spiegelwelt_extras .stories a {
					margin:auto 0.25em;
				}

				.spiegelwelt_extras .info {
					display:none;
				}
				
				.spiegelwelt_extras .info.intro {
					display:inherit;		
				}

				.spiegelwelt_extras.steine .intro {
					text-align:center;
				}

				.spiegelwelt_extras.schaetze.wrapper{
					width:100%;
				}

				.spiegelwelt_extras.schaetze h2{
					width:90%;
					margin:auto;
				}

				.spiegelwelt_extras.schaetze .intro {
					width:90%;
					margin:auto;
					padding-bottom:2em;
					text-align:center;
				}

				.spiegelwelt_extras .lexikon .item {
					display:block;
					width:430px;
					height:570px;
					background-position:top center;
					background-repeat:no-repeat;
					background-size:contain;
					color:#131211;
					font-family:"Lora", Georgia, "Times New Roman", Times, serif;
					margin:3em auto 1em auto;
				}
				
				.spiegelwelt_extras .lexikon .item h3 {
					text-transform:uppercase;
					font-size:1em;
					letter-spacing:0.1em;
					padding:0 0.5em;
				}
				
				.spiegelwelt_extras .lexikon .item p {
					font-size:0.8em;
					text-align:center;
					padding:0 2.5em;
					margin-top:0.5em;
				}

				.spiegelwelt_extras .lexikon .item p.spruch {
					font-size:1.15em;
					font-style:italic;
					padding:1.5em 0;
					width:65%;
					margin:1.5em auto 0 auto;
					background-image:url(../img/page/spiegelwelt/linie_deko.png),url(../img/page/spiegelwelt/linie_deko.png);
					background-repeat:no-repeat, no-repeat;
					background-position:center bottom, center top;
					box-sizing:border-box;
					-moz-box-sizing:border-box;
					-webkit-box-sizing:border-box;
				}

				.spiegelwelt_extras .lexikon .item img {
					margin:-2em auto 1em auto;
					display:block;
				}

				.spiegelwelt_extras .lexikon .item.seite1 {
					background-image:url(../img/page/spiegelwelt/extra_motten_seite1.png);
				}

				.spiegelwelt_extras .lexikon .item.seite2 {
					background-image:url(../img/page/spiegelwelt/extra_motten_seite2.png);
				}

				.spiegelwelt_extras .lexikon .item.seite3 {
					background-image:url(../img/page/spiegelwelt/extra_motten_seite3.png);
				}

				.spiegelwelt_extras .lexikon .item.seite4 {
					background-image:url(../img/page/spiegelwelt/extra_motten_seite4.png);
				}

.spiegelwelt_extras.app p {
	text-align:center;
}

		.spiegelwelt_extras.app .app_v img,
		.spiegelwelt_extras.app .app_h img,
		.spiegelwelt_extras.app .app_h iframe {
			margin-left: auto;
			margin-right: auto;
			left: 0;
			right: 0;
			display:block;
			position:absolute;
		}
				
		.spiegelwelt_extras.app .app_v {
			background-image:url(../img/page/spiegelwelt/extra_app_pad_v.png);
			background-position:center top;
			padding-top:50px;
			width:330px;
			height:480px;
			display:block;
			position:relative;
			}
						
		.spiegelwelt_extras.app .app_h {
			background-image:url(../img/page/spiegelwelt/extra_app_pad_h.png);
			background-position:center top;
			padding-top:22px;
			width:480px;
			height:330px;
			display:block;
			position:relative;
		}
								
		.spiegelwelt_extras.app .a1 {
			transform:rotate(-1deg);
			margin:2em auto auto 30px;
		}
				
		.spiegelwelt_extras.app .a2 {
			transform:rotate(1deg);
			margin:-300px 30px auto auto;
		}
				
		.spiegelwelt_extras.app .a3 {
			transform:rotate(-0.5deg);
			margin:-170px auto auto 60px;
		}
				
				
		.spiegelwelt_extras.app .a4 {
			transform:rotate(1deg);
			margin:-170px 60px auto auto;
		}
				
		.spiegelwelt_extras.app .a5 {
			transform:rotate(-1deg);
			margin:-30px auto auto auto;
		}
				
				
		.spiegelwelt_extras.app .a6 {
			transform:rotate(1deg);
			margin:-30px auto auto 30px;
		}
				
				
		.spiegelwelt_extras.app .a7 {
			transform:rotate(-1deg);
			margin:-400px 30px auto auto;
		}
				
		.spiegelwelt_extras.app .a8 {
			margin: auto;
		}
				
		.spiegelwelt_extras.app .a8 iframe {
			border:0;
			margin: auto;
			width:380px;
			height:285px;
		}
				
		.spiegelwelt_extras a.button {
			background-color:#ffc370 !important;
			color:#131211;		
		}
				
.spiegelwelt_extras.spiegelweltler {
}
				
	.spiegelwelt_extras.spiegelweltler .liste {
		background-image:url(../img/page/spiegelwelt/extra_spiegelweltler_siegel.png),url(../img/page/drachenreiter/kante.png), url(../img/page/drachenreiter/kante_unten.png), url(../img/page/drachenreiter/background.jpg);
		background-repeat:no-repeat, repeat-x, repeat-x, repeat;
		background-position:10% top, center top 20px, center bottom, center top;
		border-top:50px solid transparent;
		border-bottom:30px solid transparent;
		background-origin:border-box, border-box, border-box, padding-box;
		background-clip:border-box, border-box, border-box, padding-box;
		color:#242321;
		padding-top:30px;
	}
	
	
	.spiegelwelt_extras.spiegelweltler .item {
		width:95%;
		margin:auto;
		margin-bottom:1em;
		overflow:hidden;
		font-family:"Lora", Georgia, "Times New Roman", Times, serif;
	}
	
	.spiegelwelt_extras.spiegelweltler .item h3 {
		text-transform:uppercase;
		background-image:url(../img/page/linie_h.png);
		background-repeat:repeat-x;
		background-position:center bottom;
		padding-bottom:0.25em;
		margin-bottom:0.25em;
		color:#135c4f;
	}
	
	.spiegelwelt_extras.spiegelweltler p.intro {
		text-align:center;
	}
	
	.spiegelwelt_extras.spiegelweltler .item p.attr {
		width:33%;
		float:left;
		text-align:center;
		color:#4e4b44;
	}
	
	.spiegelwelt_extras.spiegelweltler .item p.attr span {
		display:block;
		text-align:center;
		font-variant:small-caps;
		text-transform:lowercase;
		font-size:0.8em;
		font-style:normal;
	}
	
	.spiegelwelt_extras.spiegelweltler .item  p.attr {
		font-style:italic;
		margin-top:0;
		margin-bottom:0.25em;
	}
	
	.spiegelwelt_extras.spiegelweltler .item  a.button {
		margin-bottom:0.5em;
		width:100%;
		text-align:center;
		background-color:#beb295 !important;
		color:#4e4b44;
		font-family:"Open Sans", Arial, Helvetica, sans-serif;
	}
	
	.spiegelwelt_extras.spiegelweltler .item  a.button:hover {
		background-color:#998f74 !important;
	}
	
	.spiegelwelt_extras.spiegelweltler .item  a.button.schliessen {
		margin-top:1em;
	}
	
	.spiegelwelt_extras.spiegelweltler .item .text {
		display:none;
		clear:both;
		margin:auto;
		padding:1em;
		padding-bottom:0.5em;
		background-image:url(../img/page/linie_h.png);
		background-repeat:repeat-x;
		background-position:center top;
		text-align:left;
	}
	
	.spiegelwelt_extras.spiegelweltler .item .text p{
		margin-bottom:0.25em !important;
		margin-top:0;
	}
	
	
	.glimpse #reckless_detail {
		background-image:url(../img/page/spiegelwelt/bg_detail.png);
		background-repeat:no-repeat;
		background-size:contain;
		max-width:450px;
		width:100%;
		height:690px;
		padding:50px 40px;
		margin:0 auto;
		color:#453E36 !important;
		font-family:"Playfair Display", Georgia, "Times New Roman", Times, serif;
		
	}
	
	.glimpse #reckless_detail img {
		margin:0 auto;
		max-width:370px;
		width:100%;
	}
	
	.glimpse #reckless_detail h2 {
		font-size:1.75em !important;
		color:#453E36;
		font-style:italic !important;
	}
	
	.page.spiegelwelt #reckless_1 {
		position:relative;
		text-align:center;
		margin-bottom:2em;

	}
	
	
	
	.page.spiegelwelt #reckless_1 div.glimpse {
		display:inline-block;
		margin-top:-10px;
	}

	
	
	.page.spiegelwelt #reckless_1 #jacob {
		width:190px;
		height:140px;
		z-index:2;
	}
	
	.page.spiegelwelt #reckless_1 #kamien {
		top:65px;
		left:235px;
		z-index:3;
	}
	
	.page.spiegelwelt #reckless_1 #jaspis {
		top:65px;
		left:350px;
		z-index:17;
	}
	
	.page.spiegelwelt #reckless_1 #jade {
		top:150px;
		left:370px;
		z-index:18;
	}
	
	.page.spiegelwelt #reckless_1 #karneol {
		top:210px;
		left:340px;
		z-index:19;
	}
	
	.page.spiegelwelt #reckless_1 #wald {
		top:150px;
		left:30px;
		z-index:1;
	}
	
	.page.spiegelwelt #reckless_1 #blatt {
		top:90px;
		left:-105px;
		z-index:5;
	}
	
	.page.spiegelwelt #reckless_1 #dunklefee {
		top:40px;
		left:405px;
		z-index:4;
	}
	
	.page.spiegelwelt #reckless_1 #motte {
		width:145px;
		height:90px;
		top:255px;
		left:570px;
		overflow:hidden;
		background-image:url(../img/reckless/r1_motte.png);
		z-index:12;
		position:absolute;
	}
	
	.page.spiegelwelt #reckless_1 #motte a,
	.page.spiegelwelt #reckless_1 #schneider a {
		display:block;
		width:100%;
		height:100%;
	}
	
	.page.spiegelwelt #reckless_1 #hentzau {
		top:290px;
		left:115px;
		z-index:8;
	}
	
	.page.spiegelwelt #reckless_1 #will {
		top:280px;
		left:-35px;
		z-index:15;
	}
	
	.page.spiegelwelt #reckless_1 #reckless_1 {
		top:295px;
		left:200px;
		z-index:15;
	}
	
	.page.spiegelwelt #reckless_1 #schneider {
		width:335px;
		height:260px;
		top:410px;
		left:-150px;
		overflow:hidden;
		background-image:url(../img/reckless/r1_schneider.png);
		z-index:16;
		position:absolute;
	}
	
	
	.page.spiegelwelt #reckless_1 #einhorn {
		top:310px;
		left:435px;
		z-index:9;
	}
	
	.page.spiegelwelt #reckless_1 #fuchs {
		top:425px;
		left:515px;
		z-index:11;
	}
	
	.page.spiegelwelt #reckless_1 #zwerg {
		top:570px;
		left:430px;
		z-index:13;
	}
	
	
	
	
	
	.page.spiegelwelt #reckless_1 #motte2 {
		top:110px;
		left:65px;
		z-index:12;
	}
	
	.page.spiegelwelt #reckless_1 #lebkuchen {
		top:685px;
		left:525px;
		z-index:14;
	}

.page.reckless-4 {
	padding-bottom:0;
	background-color:#513729;
	background-image:url(../img/page/reckless/bg.jpg);
}

.page.reckless-4 .wrapper {
		max-width:960px;		
}


	.page.reckless-4 h2 {
		color:#ffc370;
	}

	.page.reckless-4 h3.subhead {
		padding-bottom:1em;
		text-align:center;
		color:#ffc370;
	}
	
	.page.reckless-4 .seite {
		background-color:#dfd0b1;
		background-image:url(../img/page/reckless/bg_seite.jpg);
		background-position:center top;
		min-height:100px;
		padding:80px 0 0 0;
	}

	.page.reckless-4 .reihe {
		position:relative;
	}

	.page.reckless-4 .text p {
		font-family:"Caveat", Arial, Helvetica, sans-serif;		
		font-style:normal;
		font-weight:100;
		letter-spacing:-0.025em;
		font-size:1.25em;
		color:#215216;
	}
	
	.page.reckless-4 .text {
		width:55%;
		padding:0 4em;
	}
	
	.page.reckless-4 .left p {
		text-align:right;		
	}
	
	.page.reckless-4 .left img {
		position:absolute;
		right:0;
		top:0;
	}
	
	.page.reckless-4 .right .text  {
		margin-right:0;
		margin-left:auto;
	}

	.page.reckless-4 .right img {
		position:absolute;	
		left:0;
		top:0;
	}
	
	
	.page.reckless-4 .right p {
		text-align:left;		
	}
	
	.page.reckless-4 .button {
		background-color:#756154;
	}
	
	
	
	
	

.page.bildermacher {
	padding-bottom:2.5em;
	background-color:#E2DDD4; 
}


	.page.bildermacher h2 {
		color:#1f6789;
	}
	
	.page.bildermacher h3.subhead {
		color:#1f6789;
		padding-bottom:1em;
		text-align:center;
		max-width:75%;
	}
	
	.page.bildermacher .seite {
		margin-top:3em;

	}
	
	
	.page.bildermacher .seite {
		display:grid;
		grid-template-columns: 1fr 1fr;
		grid-template-columns:  repeat(auto-fit, minmax(250px, 1fr));

	}
	
	
	
	.page.bildermacher .item {
		margin-bottom:3em;
	}
	
	.page.bildermacher .item,
	.page.bildermacher .item p {
		text-align:center !important;
		
	}
	
	.page.bildermacher .item h3{
		margin-top:0;		
		color:#1f6789;
	}
	
	.page.bildermacher .item .button {
		background-color:#1f6789;		
	}
	
	
	.page.bildermacher .item img{
		float:none;
		margin:0;	
		margin-bottom:1em;	
	}
	



.page.saum {
	padding-bottom:2.5em;
	background-image:url(../img/page/saum/background.jpg);
	background-position:center top;
	background-repeat:repeat-x;
	background-size:contain;
	color:#FFF;
	background-color:#1b1513;
}


	.page.saum h2 {
		margin-bottom:0.5em;
	}

	.page.saum .seite {
		color:#1b1a19 !important;
		min-height:300px;
		margin-top:1.5em;
		padding:2em;
		
		background:url(../img/page/saum/border_bottom.png),url(../img/page/saum/border.png), #f2f1ee;
		background-position:center bottom, center top, center center;
		background-repeat:repeat-x, repeat-x, no-repeat;
		border-top:25px solid transparent;
		border-bottom:25px solid transparent;
		background-origin:border-box,border-box, padding-box;
		background-clip:border-box, border-box, padding-box;
		
		
		
		
	}

	.page.saum h3.subhead {
		text-align:center;
		margin-top:0;
	}



	.page.saum .item {
		background-image:url(../img/page/linie_h.png);
		background-position:center bottom;
		background-repeat:repeat-x;
		padding-top:0;
		overflow:hidden;
		margin-bottom:1.5em;
		padding-bottom:1.5em;
	}

	.page.saum .item:first-child {
		margin-top:-20px !important;
		margin-bottom:0;
		max-width:none !important;
		}

	.page.saum .item:last-child {
		background-image:none;
		margin-bottom:0;
		padding-bottom:0;
	}


	.page.saum .item h3 {
		margin-top:0;
	}



.page.drachenreiter {
	padding-bottom:2.5em;
	background-image:url(../img/page/drachenreiter/background.png);
	background-position:center;
	color:#e7e5e2;
	background-color:#1D2F3F;
}


	.page.drachenreiter h2 {
		margin-bottom:0.5em;
	}

	.page.drachenreiter h3 {
		color:#9bb6e6;
		text-align:center;
		margin-top:0;
	}

	.page.drachenreiter h3.subhead {
		padding-bottom: 140px;
		background-image:url(../img/page/drachenreiter/mond.png);
		background-position:center bottom;
		background-repeat:no-repeat;
	}

	.page.drachenreiter .berge {
		background-image:url(../img/page/drachenreiter/kante.png), url(../img/page/drachenreiter/berge.png);
		background-position:center bottom, center bottom;
		background-repeat:repeat-x, repeat-x;
		height:190px;
		margin-top:-90px;
	}

	.page.drachenreiter .seite {
		background-color:#cabd9e;
		background-image:url(../img/page/drachenreiter/background.jpg);
		color:#1b1a19 !important;
		min-height:300px;
		padding-top:2em;
		padding-bottom:5em;
	}

	.page.drachenreiter .greif {
		background-image:url(../img/page/drachenreiter/kante_unten.png), url(../img/page/drachenreiter/background.png);
		background-position:center top, center top;
		background-repeat:repeat-x, repeat-x;
		color:#e7e5e2 !important;
		padding-top:2em;
	}
	
	.page.drachenreiter .greif .cover  {
		margin:auto;
		display:block;
		margin-top:-11em;		
	}

	.page.drachenreiter .greif h3  {
		color:#EAC958;
		font-style:italic;
	}

	.page.drachenreiter .greif p  {
		text-align:center;
	}


	.page.drachenreiter h4 {
		text-align:left;
		font-style:italic;
		font-size:1.25em;
		margin-bottom:0.5em;
	}


	.page.drachenreiter .seite .kapitel {
		margin-bottom:1.5em;
		padding-bottom:1.75em;
		overflow:hidden;
		background-image:url(../img/page/linie_h_deko.png);
		background-position:center bottom;
		background-repeat:repeat-x;
	}

	.page.drachenreiter .seite h4 {
		color:#324458;
	}

	.page.drachenreiter .seite p {
		font-family:'Lora', Georgia, "Times New Roman", Times, serif;
		font-style:italic;
		text-align:left;
	}

	.page.drachenreiter .greif a {
		background-image:url(../img/page/linie_w_h.png);
	}

	.page.drachenreiter .seite .kapitel_2 img,
	.page.drachenreiter .seite .kapitel_4 img,
	.page.drachenreiter .seite .kapitel_6 img {
		float:left;
		max-width:50%;
		margin-right:1em;
		margin-bottom:1em;
	}


	.page.drachenreiter .seite .kapitel_1 img,
	.page.drachenreiter .seite .kapitel_3 img,
	.page.drachenreiter .seite .kapitel_5 img,
	.page.drachenreiter .seite img.kapitel_7  {
		float:right;
		max-width:50%;
		margin-left:1em;
		margin-bottom:1em;
	}

	.page.drachenreiter .seite img.kapitel_7  {
		margin-left:0em;
	}
	
	.page.drachenreiter .seite .kapitel_7 img.kapitel_72 {
		float:left;
		max-width:50%;
		margin-right:1.5em;
		margin-bottom:1em;
	}

	



.page.film-theater {
	padding-top:0;
	padding-bottom:2em;
	background-image:url(../img/page/film-theater/background.jpg);
	color:#ebe1dc;		
}

	.page.film-theater .intro {
		background-image:url(../img/page/film-theater/vorhang.png);
		background-position:center top;
		background-repeat:repeat-x;
		padding-top:3.5em;
		padding-bottom:1em;
	}
	
	.page.film-theater .intro .wrapper p {
		text-align:center;
	}

	.page.film-theater h2,
	.page.film-theater h3 {
		color:#ffc370;
		margin-bottom:0.5em;
	}

	.page .artikelliste h3 {
		margin-top:0;
		margin-bottom:0.1em !important;
	}


	.page. .artikelliste {
		padding-top:0em;
		abackground-image:url(../img/page/film-theater/vorhang.png);
		background-position:center top;
		background-repeat:repeat-x;
		
	}

	.page .artikelliste .item {
		overflow:hidden;		
		margin-bottom:0.5em;
		padding-top:1.5em;
		background-image:url(../img/page/linie_w_h_deko.png);
		background-position:center top;
		background-repeat:repeat-x;
		
	}


	.page .artikelliste .item .button {
		margin:0;
	}

	.page.film-theater .artikelliste .item .button {
		background-color:#ffc370;
		color:#131211;
	}


	.page .artikelliste .item .newsbild {
		box-shadow:1px 1px 3px #2C1811;
		-moz-box-shadow:1px 1px 3px #2C1811;
		-webkit-box-shadow:1px 1px 3px #2C1811;
		-ms-box-shadow:1px 1px 3px #2C1811;
	}



.page.umwelt {
	background-image:url(../img/page/umwelt/deko.png),url(../img/page/umwelt/background.jpg);
	background-position:top center, top center;
	background-repeat:no-repeat, repeat;
	padding-bottom:2em;
}


	.page.umwelt h2 {
		margin-top:2em;
		color:#177538;	
		margin-bottom:0.25em;
	}
	
	.page.umwelt h3.subhead {
		text-align:center;		
		margin-top:0;
		color:#177538;	

	}

	.page.umwelt .item .button {
		background-color:#479B6F;	

	}


.page.quiz {
	background-image:url(../img/page/quiz/background.jpg);
	padding-bottom:2em;
	background-color:#523B29;
}

	.page.quiz h2 {color:#ffc370;}

	.page.quiz h3.subhead {
		text-align:center;		
		margin-top:0;
		color:#FFF;
		margin-bottom:2em !important;
	}



	.page.quiz .item {
		width:100%;
		text-align:center;
		color:#FFF;
		margin:auto;
		margin-bottom:1em;
		padding:0.5em 1em;
		background-color:#356361;
		border-radius:10px;
		-webkit-border-radius:10px;
		-moz-border-radius:10px;
	}
	
	.page.quiz .item h3 {
		margin-top:0.25em;
		margin-bottom:0.2em !important;
	}
	
	.page.quiz .item p{
		text-align:center;
		font-size:0.8em;
	}




	.page.quiz .button {
		color:#000;
		background-color:#ffc370;	
	}


	.page.quiz .frage .button {
		color:#b6cccb;
	}

	.page.quiz .auswertung .button {
		color:#000;
	}






	.page.quiz .frage {
		text-align:center;		
		width:90%;
		margin:10% auto 1em auto;
		background-color:#356361;
		padding:0.5em 1em 1em 1em;
		border-radius:15px;
		-webkit-border-radius:15px;
		-moz-border-radius:15px;
		color:#ffc370;
		display:none;
	}

	.page.quiz .frage_1 {
		display:block;
	}

	.page.quiz .frage h3 {
		margin:0 auto;
		margin-top:0.5em;
		padding-bottom:0.5em;
		max-width:80%;
		color:#FFF;
	}

	.page.quiz .frage p {
		margin-top:0.5em;
		text-align:center;
		font-family:"Playfair Display", Georgia, "Times New Roman", Times, serif;
		font-style:italic;
		padding-bottom:0.25em;
		color:#FFF;
	}

	.page.quiz .frage p.antwort_text {
		display:none;
		width:90%;
		margin-left:auto;
		margin-right:auto;
	}

	.page.quiz .frage .button.quiz {
		width:100%;
		text-transform:none;
		font-size:1em;
		margin-bottom:0.5em;
		background-color:#49807e;		
	}
	
	.page.quiz .frage .button.quiz.richtig {
		background-color:#b6cc41;		
		pointer-events:none;
		color:#000;
	}
	
	.page.quiz .frage .button.quiz.falsch {
		background-color:#c75e6a;		
		color:#000;
		pointer-events:none;
	}
	
	.page.quiz .frage .button.quiz:hover {
		background-color:#ffc370 !important;
		color:#000 !important;	
		
	}
	
	
	.page.quiz .button.naechste_frage {
		width:50%;
		margin:0 auto !important;
		display:block;
		border-radius:15px;
		-webkit-border-radius:15px;
		-moz-border-radius:15px;
		padding:1em;
		text-align:center;
		text-transform:none;
		font-size:1em;
		font-family:"Playfair Display", Georgia, "Times New Roman", Times, serif;
		background-color:#ffc370;
		color:#000;
		display:block;
		opacity:0;
		pointer-events:none;
	}
	
	.page.quiz .button.naechste_frage.aktiv {
		pointer-events:auto;
	}
	
	
	.page.quiz .button.naechste_frage span.auswertung {
		display:none;
	}
	
	

	.page.quiz .frage .button:after {
		content:"";
	}


.page.schreibwerkstatt {
	background-image:url(../img/page/euregeschichten/euregeschichten_bg.jpg);
	padding-bottom:2em;
}

	.page.schreibwerkstatt.euregeschichten {
		padding-bottom:0;
	}

	.page.schreibwerkstatt h2 {
		text-align:center;
		margin-bottom:0.25em;
		color:#A62D40;
	}

	.page.schreibwerkstatt h3.subhead {
		text-align:center;		
		margin-top:0;
	}
	
	
	.page.schreibwerkstatt a.button {
		background-color:#A62D40;
	}
	
	.page.schreibwerkstatt .item {
		width:31%;
	}
	
	.page.schreibwerkstatt .item h4 {
		color:#A62D40;
	}
	
	.page.schreibwerkstatt .background {
		background-image:url(../img/page/schreibwerkstatt/background.jpg);
		padding:1em 1.5em;
	}
		
.page.euregeschichten {
	background-image:url(../img/page/notizbuecher/background.jpg);
	padding-bottom:2em;
}

	.page.euregeschichten h2 {
		text-align:center;
		margin-bottom:0.25em;
		color:#b6d6c9;
	}

	.page.euregeschichten h3.subhead {
		text-align:center;		
		margin-top:0;
	}
	
	.page.euregeschichten .intro p,
	.page.euregeschichten .intro h3.subhead {
		color:#e2ddd4;
	}
	
	
	
	.page.euregeschichten a.button {
		background-color:#92B0A4;
	}
	
	.page.euregeschichten .item h4 {
		color:#A62D40;
	}
	
	.page.euregeschichten .background {
		background-image:url(../img/page/schreibwerkstatt/background.jpg);
		padding:1em 1.5em;
	}
		
	

	.page.euregeschichten .stapel {
		margin-top:2em;
		background-image:url(../img/page/euregeschichten/schatten.png);
		background-size:contain;
		background-position:top center;
	}


	.page.euregeschichten .buch {
		max-width:600px;
		width:100%;
		min-height:50px;
		border-radius:5px;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
		background-repeat:repeat-x;
		background-size:contain;
		position:relative;
	}

	.page.euregeschichten .buch h4 {
		font-weight:600;
		margin-top:2px;
		color:#f1ebd9;
		text-shadow:0 0 5px #000;
		font-style:italic;
		font-size:0.85em;
		width:auto;
		display:inline;
	}


	.page.euregeschichten .buch p {
		float:right;
		font-family:'Lora', Georgia, "Times New Roman", Times, serif;
		font-size:0.75em;
		margin-top:7px;
		color:#f1ebd9;
		text-shadow:0 0 5px #000;
	}

	.page.euregeschichten .buch a {
		display:block;
		width:100%;
		height:100%;
		padding:0.5em 1em;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
	}

	.page.euregeschichten .buch.front {
		background-repeat:repeat-x;
		background-size:contain;
	}

	.page.euregeschichten .buch .neu {
		position:absolute;
		top:0;
		right:20%;
		pointer-events:none;
	}

	
	.page.euregeschichten.detail .wrapper {
		padding:5px;	
		border-radius:10px;
		-webkit-border-radius:10px;
		-moz-border-radius:10px;
	}
	
	.page.euregeschichten.detail .wrapper .seite {
		background-color:#FFF;
		background-image:url(../img/page/buecher/feature_bg.jpg);
		margin:5px !important;
		padding:2em;
		border-radius:2px;
		-webkit-border-radius:2px;
		-moz-border-radius:2px;
		box-shadow:0 0 2px #777;
	}
	
	.page.euregeschichten.detail .wrapper .seite p {
		font-family:'Lora', Georgia, "Times New Roman", Times, serif;
		text-align:left;
		font-size:1em;
	}
	
	
	.page.euregeschichten.detail ul  {
		width:60%;
		margin:2em auto 3em auto;
		padding:1.5em 0;
		background-image:url(../img/page/linie_h_deko.png), url(../img/page/linie_h_deko.png);
		background-repeat:repeat-x, repeat-x;
		background-position:center top, center bottom;
		font-family:'Lora', Georgia, "Times New Roman", Times, serif;
		font-style:italic;
		font-size:0.9em;
	}
	
	.page.euregeschichten.detail ul li  {
		width:100%;
		height:auto;
		text-align:center;
		list-style:none;
		margin:0;
	}
	
	.page.euregeschichten.detail ul.zweispalten  {
	  columns: 2;
	  -webkit-columns: 2;
	  -moz-columns: 2;	
	  width:70%;
	}
	
	.page.euregeschichten.detail ul li a:hover {
		color:#A62D40;
	}
	
	.page.euregeschichten.detail ul li a:hover:before {
		content:"» ";
	}
	
	.page.euregeschichten.detail ul li a:hover:after {
		content:" «";
	}
	
	
	.page.euregeschichten.detail h3 {
		margin-bottom:0.5em;
		color:#B3493B;
	}
	
	.page.euregeschichten.detail h2 {
		margin-top:0;
		color:#B3493B;
		margin-bottom:0.5em;
	}
	
	.page.euregeschichten.detail a.button {
		background-color:#b1ae9c;
		margin-bottom:0.5em;
	}
	
	.page.euregeschichten.detail h4 { 
		font-style:italic;
		font-size:1.5em;
		text-align:center;
		margin-top:2em;
		margin-bottom:0.5em;
	}

	.page.euregeschichten.detail h4:first-of-type { 
		margin-top:0em;
	}




	.page.euregeschichten.detail .kapitelkommentar {
		padding-bottom:1em;
		margin-bottom:2em;
		background-image:url(../img/page/linie_h_deko.png);
		background-position:center bottom;
		background-repeat:repeat-x;

	}
	
	.page.euregeschichten.detail .kapitelkommentar p {
		font-style:italic;
		text-align:center !important;
	}
	
	
	.cover_0 {
		background-color:#96B2A4;
	}
	
	.cover_1 {
		background-color:#CC6951;
	}
	
	.cover_2 {
		background-color:#DAC687;
	}
	
	.cover_3 {
		background-color:#BE3A52;
	}
	
	.cover_4 {
		background-color:#648A8D;
	}
	
	.cover_5 {
		background-color:#4A9291;
	}
	
	.cover_6 {
		background-color:#896148;
	}
	
	.cover_7 {
		background-color:#217270;
	}
	
	.cover_8 {
		background-color:#85755E;
	}
	
	.cover_9 {
		background-color:#DCC462;
	}
	
.page.fellfreunde {
	background-image:url(../img/page/fellfreunde/background.jpg);
	background-color:#66625f;
	color:#f5f1ee;
	padding-bottom:3em;
}

	.page.fellfreunde h2 {
		text-align:center;
		margin:0 auto;
		margin-bottom:0.25em;
		color:#ffc370;
		max-width:45%;
	}

	.page.fellfreunde h3.subhead,
	.page.fellfreunde h3 {
		text-align:center;
		margin-top:0;
		color:#ffc370;
		padding:0 1em;
	}
	
	.page.fellfreunde .kategorie  {
		overflow:hidden;
		text-align:center;
		margin:0 auto 1em auto;
		padding-top:80px;
		width:70%;
	}
	
	.page.fellfreunde a.button  {
		background-color:#ffc370;
		color:#131211;
	}
	
	
	.page.fellfreunde .position {
		text-align:center;
		padding:15px;
		overflow:hidden;
	}
	
	.page.fellfreunde .position:last-child {
		margin-bottom:0 !important;
	}
	
	
	.page.fellfreunde .item {
		max-width:250px;
		margin:0 auto;
		border:5px solid #f6f3ee;
		background-color:#f6f3ee;
		box-shadow:0px 1px 2px #111;
		-webkit-box-shadow:1px 1px 2px #111;
		-ms-box-shadow:1px 1px 2px #111;
		-webkit-border-radius:2px;
		-ms-border-radius:2px;
		border-radius:2px;
	}
	
	
	.page.fellfreunde img {
		margin: auto !important; 
		height: auto !important;
		width:auto !important;
		border:none !important;
		box-shadow:none;
		-webkit-box-shadow:none;
		-ms-box-shadow:none;
		-webkit-border-radius:12px;
		-ms-border-radius:12px;
		border-radius:12px;
		
	}	
	
	
	
	
.page.eueralbum {
	background-image:url(../img/page/eueralbum/background.jpg);
	color:#ece7d9;
	padding-bottom:3em;
}

	.page.eueralbum h2 {
		text-align:center;
		margin-bottom:0.25em;
		color:#ffc370;
	}

	.page.eueralbum h3.subhead,
	.page.eueralbum h3 {
		text-align:center;
		margin-top:0;
		color:#ffc370;
		padding:0 1em;
	}
	
	.page.eueralbum .kategorie h3 {
		margin-top:1em;
		padding-bottom:1em;
		background-image:url(../img/page/eueralbum/linie_h_deko.png);
		background-position:center bottom;
		background-repeat:repeat-x;
	}
	
	
	.page.eueralbum .kategorie  {
		overflow:hidden;
		text-align:center;
		margin:0 auto 1em auto;
	}
	

	
	.page.eueralbum .position {
		text-align:center;
		padding:25px;
		overflow:hidden;
	}

	
	
	
	.page.eueralbum .kategorie .item:first-child {
		margin-top:2em;	}
	
	
	.page.eueralbum .kategorie .item {
		margin:0 auto;
		margin-bottom:1em;
		border:5px solid #f6f3ee;
		background-color:#f6f3ee;
		box-shadow:0px 1px 2px #111;
		-webkit-box-shadow:1px 1px 2px #111;
		-ms-box-shadow:1px 1px 2px #111;

	}
	
	.page.eueralbum .kategorie img {
		margin: auto !important; 
		height: auto !important;
		width:auto !important;
		border:none !important;
		box-shadow:none;
		-webkit-box-shadow:none;
		-ms-box-shadow:none;
		-webkit-border-radius:12px;
		-ms-border-radius:12px;
		border-radius:12px;

	}
	

	
	.page.eueralbum a.button {
		background-color:#131211;
	}
	
	
	







	
.wrapper.leseprobe {
	margin-top:-4em;
}

	.wrapper .leseprobe {

		padding:4.5em 3.5em;
		padding-bottom:2.5em;
		color:#3c3937 !important;
		font-family:"Lora", Georgia, "Times New Roman", Times, serif;
		background:url(../img/page/buecher/text_border.png), #f3f1ed;
		background-position:center bottom, center center;
		background-repeat:repeat-x, no-repeat;
		border-bottom:55px solid transparent;
		background-origin:border-box, padding-box;
		background-clip:border-box, padding-box;
		padding-bottom:55px;
		overflow:hidden;
	}

	.wrapper .leseprobe h2,
	.wrapper .leseprobe h3,
	.wrapper .leseprobe h4 {
		text-align:center;
		color:#3c3937;
		max-width:70%;
		margin:0 auto;
	}
	
	.wrapper .leseprobe h4 {
		margin-top:1em;
		margin-bottom:1.75em;
	}
	
	.wrapper .leseprobe p {
		text-align:left;
	}

	.wrapper .leseprobe img {
		cursor:auto;
	}

	.wrapper .leseprobe p:first-of-type::first-letter  {
		float: left;
		font-size: 3.5em; 
		padding-right: 2px; 
	}
	
	
.wrapper.lightbox {
		height:100%;
		max-width:none;
		
}

	.wrapper.lightbox .table {
		display:table;
		height:100%;
		width:100%;
		position:relative;
	}

	.wrapper.lightbox .imgbox {
		width:100%;
		height:100%;
		display:table-cell;
		background-repeat:no-repeat;
		background-position:center center;
		background-size:contain;

	}

	.wrapper.lightbox .imgbox img {
		max-height:100%;
	}

	.wrapper.lightbox .imgtext  {
		display:table-row;
		text-align:center;
		font-size:0.8em;
		width:100%;
		
	}

	.wrapper.lightbox a.img_btn  {
		position:absolute;
		width:50%;
		height:100%;
		top:0;
		font-size:0;
		background-repeat:no-repeat;
		display:block;
	}
	
	.wrapper.lightbox a.img_btn.back {
		left:0;
		background-position:10px center;
		background-image:url(../img/page/lightbox_back.png) !important;
	}

	.wrapper.lightbox a.img_btn.forward {
		right:0;
		background-position:right 10px center;
		background-image:url(../img/page/lightbox_forward.png) !important;
	}



.page.verlage,
.page.kontakt,
.page.datenschutz,
.page.impressum {
	padding-bottom:2em;
	background-image: url(../img/page/verlage/background.jpg);
}


	.page.verlage h2,
	.page.verlage h3,
	.page.kontakt h2,
	.page.kontakt h3,
	.page.datenschutz h2,
	.page.datenschutz h3,
	.page.impressum h2,
	.page.impressum h3		 {
		color:#00456b;
	}
	
	.page.verlage h3,
	.page.verlage p,
	.page.kontakt h3,
	.page.kontakt p,
	.page.datenschutz h3,
	.page.datenschutz p,
	.page.impressum h3,
	.page.impressum p		 {
		text-align:center;
		
	}
	
	
	.page.verlage .brasilien {
		background-image:url(../img/page/verlage/background_stamp_brasil.png);
		background-position:left 10%;
		background-repeat:no-repeat;
	}
	
	.page.verlage .denmark {
		background-image:url(../img/page/verlage/background_stamp_denmark.png);
		background-position:right 10%;
		background-repeat:no-repeat;
	}
	
	.page.verlage .france {
		background-image:url(../img/page/verlage/background_stamp_france.png);
		background-position:left 40%;
		background-repeat:no-repeat;
	}
	
	.page.verlage .italy {
		background-image:url(../img/page/verlage/background_stamp_italy.png);
		background-position:right 30%;
		background-repeat:no-repeat;
	}
	
	.page.verlage .latvia {
		background-image:url(../img/page/verlage/background_stamp_latvia.png);
		background-position:left 10%;
		background-repeat:no-repeat;
	}
	
	.page.verlage .nederlande {
		background-image:url(../img/page/verlage/background_stamp_nederlande.png);
		background-position:right 10%;
		background-repeat:no-repeat;
	}
	
	.page.verlage .romania {
		background-image:url(../img/page/verlage/background_stamp_romania.png);
		background-position:left top;
		background-repeat:no-repeat;
	}
	
	.page.verlage .spain {
		background-image:url(../img/page/verlage/background_stamp_spain.png);
		background-position:left 50%;
		background-repeat:no-repeat;
	}
	
	.page.verlage .swiss {
		background-image:url(../img/page/verlage/background_stamp_swiss.png);
		background-position:right 20%;
		background-repeat:no-repeat;
	}
	
	.page.verlage .uk {
		background-image:url(../img/page/verlage/background_stamp_uk.png);
		background-position:right 50%;
		background-repeat:no-repeat;
	}
	


.page404 *{
	text-align:center !important;
}

.button {
	background-image:none !important;
	background-color:#131211;
	color:#FFF;
	padding:0.25em 1em 0.25em 1em;
	font-size:0.6em;
	font-variant:normal !important;
	text-transform:uppercase;
	transition: background-color 0.2s, color 0.2s;
	-webkit-transition: background-color 0.2s, color 0.2s;
	display:inline-block;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	font-family:"Open Sans", Arial, Helvetica, sans-serif;
	
}

.button.pf {
	font-family:"Playfair Display", Georgia, "Times New Roman", Times, serif;
	text-transform:none;
	font-size:0.8em;
	font-weight:700;

}

.touch .button {
	font-size:1em;
	margin-top:0.5em;
	margin-bottom:0.1em;
}


.button:hover {
	background-color:#787571 !important;
	color:#FFF !important;
}

.button:after {
	content:" »";
}

.note {
	clear:both;
	font-size:0.75em !important;
}

/* Schreibhaus */




.schreibhaus {
	display:table-cell;
	vertical-align:middle;
}

.schreibhaus .gimmick {
	display:none;
}


.schreibhaus a {
	background-color:none;
	width:100%;
	height:100%;
	text-transform:capitalize;
}

.schreibhaus span {
	color:#ffc370;
	padding:8px 16px 6px 16px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	white-space:nowrap;
	display:none;
	pointer-events: none;
	font-family:"Lora", Georgia, "Times New Roman", Times, serif;
}





.moebel {
	position:relative;

}




/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (max-width: 1200px) {

}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {

}

/* ==========================================================================
   Helper classes
   ========================================================================== */

p.center {
	text-align:center;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

a {
	text-decoration:none;
	color:inherit;
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

audio {
	width:100%;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

input, textarea {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border:none;
	background-color:#f5f5f5;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;

}

.browserupgrade, .dbug {
    margin: 0;
    background: #ccc;
    color: #000;
    padding: 1%;
	position:absolute;
	width:98%;
	z-index:600;
	bottom:0;
	display:none;
}

::selection {
  background: #ffc370; /* WebKit/Blink Browsers */
  color:#131211;
}
::-moz-selection {
  background: #ffc370; /* Gecko Browsers */
  color:#131211;
}


/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}