/* !COMMONS ----------------------------------------------- */

/*  
	
	font-family:'Univers LT W01_45 Light1475944';
	font-family:'Univers LT W01_65 Bold1475968';
	font-family:'LinotypeUniversW01-Cn';
	font-family:'Univers LT W01_59 Ult Cond';
	
	
	border-top: 3px solid #eaeaea;
	
	ROT: #ed1c24;
	Fliesstext: #7d7d7d;

*/    


/* !BODY ----------------------------------------------- */

/*
html,body {
	position: relative;
	height:100%;
	min-height: 100%;

}
*/

.container {
	max-width: 900px;	
/* 	max-width: 1250px; */
}

body {

	text-rendering:optimizeLegibility;
	-webkit-text-size-adjust:none;
/* Prevent font scaling in landscape */
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	
	moz-hyphens:auto;
	-o-hyphens:auto;
	-webkit-hyphens:auto;
	-ms-hyphens:auto;
	hyphens:auto;
	
	
	font-family:'Univers LT W01_45 Light1475944';
	color: #545757;
	
	
}



b,strong {
	font-family:'Univers LT W01_65 Bold1475968';
	font-weight: normal;

}

ul,ol {
	padding:0;
	margin:0;
}




small {
	font-size:.9em;
	line-height:1.1em;
	display:inline-block;
}

a, a:hover, a:active {
	
	color:#ed1c24;
	outline: none;
	
}

a:hover {
	
	text-decoration: none;
/* 	color: black; */
	
}

.img-responsive {
	display: inline-block;
}


.deactivated {
	
	pointer-events: none;
   cursor: default;
	
}

.text-right-responsive {

	text-align: right;
	
}

.FlexRow, .flexRow {

	display: flex;
	flex-wrap: wrap;

}


/* !BODY ----------------------------------------------- */

.borderBottom {
	
		border-bottom: 3px solid #eaeaea;
}


.borderTop {
	
		border-top: 3px solid #eaeaea;
	
}




/* !HEADER ----------------------------------------------- */


#header {
	
	padding: 40px 15px 0px 15px;


}

	
.textResponsiveRight {
		
		text-align: right!important;
	}

#header .logo {

	position: relative;
	background-image: url(/img/logo@3x.png); 
	background-position: left top;
	background-size: contain;
	background-repeat: no-repeat;
	width: 350px;
	height: 100px;
	margin-left: -20px;

}

#header a.email {

	color:#545757;

}





/* !NAVIGATION ----------------------------------------------- */

.dropdown-toggle span {
	font-size:10px;
}

.positionstatic {
	position:static!important;
}

.navbar-default {
	
	background: none!important;
	border: none!important;
}


.navbar-collapse {
	padding-left:0;
}

.nav {

	margin-top: 20px;
	display: flex;
	align-items: flex-end;
	text-align: left;
	float: right!important;
	  
}

.nav > li >a:focus,.nav > li > a:hover {
	background-color:none;
	background:none;

}

.navbar-nav > li {

	position:static!important;
	

}

.navbar-nav > li > a {
	
	position:static!important;
	display:block;
	padding:0;
	padding-bottom:10px;
	margin:0 10px;
	color:#ed1c24;
	text-transform: uppercase;
	font-size: 0.87em;
	line-height: 1.2em;

}

.navbar-nav > li > a:hover {
	
	color: #d8d8d8;

}


.navbar-nav > li.active > a {

	color: #a7a6a6;
	background: none;
}

.navbar-header {
	text-align:center;
}

.navbar-toggle {
	float:none;
	margin:15px auto;
	border:1px solid #ededed;
}

.navbar-toggle .icon-bar {
	background-color:#817c74;
	border:#f28030;
}


/* NAVTABS ----------------------------------------------- */


.nav-tabs > li {
	
	float: none;
	display: inline-block;
    text-transform: uppercase;
    border: 0;
 


}


.nav-tabs > li > a {
	
	color:black;
	border: 0;
	border-radius: 0px; 
    font-size: 1.5em;
    line-height: normal;
    border-right: 1px solid black;
    padding: 0px 20px;
    position: relative;

}


.nav-tabs > li:last-Child > a {
	

    border-right: 0px solid black;
 

}

.nav-tabs   {
	
	border:0px;
	text-align: center;
}


.nav-tabs  * {
	
	border:0px;

}

.nav-tabs>li:last-Child.active>a, .nav-tabs>li:last-Child.active>a:focus, .nav-tabs>li:last-Child.active>a:hover {

	border-right: 0px solid black;
	
}


.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {

	border: 0;
	border-right: 1px solid black;
	color: gray;

}

 .nav-tabs>li>a:focus, .nav-tabs>li>a:hover {

	border-right: 1px solid black;
	color: gray;
}


 .nav-tabs>li:last-Child>a:focus, .nav-tabs>li:last-Child>a:hover {

	border-right: 0px solid black;
}


/* !CONTENT ----------------------------------------------- */



#content hr {
	
	margin-top: 25px;
	margin-bottom: 25px;
	border: 0;
	border-top: 1px solid #eaeaea;

}

#content h1 {
	
	 font-size: 2em;
	 position: relative;
	 margin-top: 50px;
	 margin-bottom: 0px;
	 text-transform: uppercase;
	 color: black;
	
}


.home #content h1 {
	
	 font-size: 2em;
	 position: relative;
	 margin-top: 50px;
	 margin-bottom: 25px;
	 text-transform: uppercase;
	
}



.home #content h1:before {
	
	position: absolute;
	top:-10px;
	width: 300px;
	height: 3px;
	background-color: #ebebeb;
	content: "";
	text-transform: none;

	
}

#content h1:before {
	
	position: absolute;
	top:-30px;
	width: 100%;
	height: 3px;
	background-color: #ebebeb;
	content: "";

	
}


#content h1.pageHead {
	position: absolute;
	color:	#ed1c24;
	 font-size: 1.25em;
	 position: relative;
	 margin-top: 10px;
	 margin-bottom: 50px;
	 text-transform: uppercase;
}


#content h1.pageHead:before {
	
	display: none;
	
}

#content h1.pageHead:after {
	
	position: absolute;
	left: 0;
	bottom:-10px;
	width: 300px;
	height: 3px;
	background-color: #ed1c24;
	content: "";
	
}


#content h2 {

	margin-top: 5px;	
	margin-bottom: 15px;
	font-size: 1.5em; 
/* 	color: #545757; */
	
}

#content h3 {

	font-size: 1em;

	
}

#content h4 {
	

	
}

#content h5 {
	


	
}

#content .image-cover {
	
	width: 100%;
	height: 400px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	
}



#content .simplebox-title {
	
	margin-bottom: 10px;
	position: relative;
	color: #ed1c24!important;
	margin-left: 30px;
	cursor: pointer;
	font-size: 1.2em;
	
}

#content .simplebox-title:before {
	
	content:"  ";
	position: absolute;
	margin-right: 15px;
	left:-30px;
	top:6px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 0 5px 20px;
	border-color: transparent transparent transparent #ed1c23;
	 -webkit-transition-property: all;
	       -moz-transition-property: all;
	         -o-transition-property: all;
	            transition-property: all;
	    -webkit-transition-duration: 0.2s;
	       -moz-transition-duration: 0.2s;
	         -o-transition-duration: 0.2s;
	            transition-duration: 0.2s;
	    -webkit-transition-timing-function:	 ease-in-out;
	       -moz-transition-timing-function:  ease-in-out;
	         -o-transition-timing-function:  ease-in-out;
	            transition-timing-function:  ease-in-out;
	
	
	
}

#content a.clientLink.make-collapse.simplebox-open {
	
	color:#ed1c24;
}

#content .simplebox-title.simplebox-open:before {

	-webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);

}

#content .simplebox-content {
	
	display: none;
	margin-left: 25px;
	margin-top: 10px;
	padding-bottom: 25px;
}

#content .make-collapse {
	color:#747474;
	cursor:pointer;
	padding:0 0 5px 0px;
	position:relative;
}

#content .make-collapse.open {
	color:#022E5F;
}

#content .collapse {
/* 	border-bottom:1px solid #A8A8A8; */
	margin-bottom:30px;
/* 	padding-left:15px; */
}

.content ul {
  margin: 0;
  padding-left: 10px;
  margin-bottom: 15px;
}
.content ul {
  list-style-type: none;
}
.content ul > li {
  text-indent: -10px;
}
.content ul > li:before {
  content: "– ";
  text-indent: 10px;
}


/* !AUTHORS ----------------------------------------------- */


.imgAuthor {
	
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	width: 115px;
	height: 115px;
	border-radius: 115px;
	margin: 20px auto;
	
}

#authors hr {
	
	margin-top: 10px;
	margin-bottom: 10px;
	border: 0;
	border-top: 1px solid rgba(0, 0, 0, 0.50);

}



#authors h1.pageHead {
	position: absolute;
	color:	#ed1c24;
	 font-size: 1.25em;
	 position: relative;
	 margin-top: 10px;
	 margin-bottom: 20px;
	 text-transform: uppercase;
}


#authors h1.pageHead:before {
	
	display: none;
	
}

#authors h1.pageHead:after {
	
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 20px 5px 0;
	border-color: transparent #ed1c24 transparent transparent;
	content:"";
	left:280px;
	bottom:15px;
}

#authors h1.pageHead hr {
	
	margin-top: 10px;	
	width: 300px;
	border-top:3px solid #ed1c24;
	margin-left: 0;
	
}



#authors h1 {
	
 font-size: 3em;
 margin-bottom: 15px;
 margin-top: 10px;
 text-transform: uppercase;
	
}



#authors .authorIntro {
	
 font-size: 1.25em; 
 line-height: 1.25em;
 margin-bottom: 25px;
	
}

#authors h3 {

	font-size: 1em;
	
}


#authors .authorsLinks a {
	
	text-transform: uppercase;
}


#authors .authorsLinks hr {

	border-top: 3px solid #eaeaea;
	width: 300px;

}

/* !BOOKS ----------------------------------------------- */

.book  {

	border-bottom: 3px solid #eaeaea;

}


.emptyBook {
	
	min-width: 100px;
	min-height: 170px;
	width: 100%;
	height: auto;
	border: 1px solid #ebebeb;
	background-color: #f7f7f7;
	background-image: url('/img/book.svg');
	background-position: center center;
	background-size: 50%;
	background-repeat: no-repeat;
	
	
}

#books h1 {
	
 font-size: 1.75em;
 margin-bottom: 15px;
 margin-top: 0px;
 text-transform: uppercase;
	
}


#books h2 {

margin-top: 0px;
 font-size: 1.25em; 
 line-height: 1.25em;
	
}
	
.bookCover {

	border:1px solid lightgray;	
	margin: 1px 0;
	width:100%;
}

/* !BOOKS ----------------------------------------------- */

.publisher  {

	border-bottom: 3px solid #eaeaea;

}


.emptyBook {
	
	min-width: 100px;
	min-height: 170px;
	width: 100%;
	height: auto;
	border: 1px solid #ebebeb;
	background-color: #f7f7f7;
	background-image: url('/img/book.svg');
	background-position: center center;
	background-size: 50%;
	background-repeat: no-repeat;
	
	
}

#publisher h1 {
	
	 font-size: 1.75em;
	 margin-bottom: 0px;
	 margin-top: 0px;
	 text-transform: uppercase;
	 color:black;
	
}


#publisher h1:before {
	
	position: absolute;
	display: none;
	top:-30px;
	width: 100%;
	height: 0px;
	background-color: transparent;

	
}


#publisher h2 {

	margin-top: 15px;
	font-size: 1.25em; 
	line-height: 1.25em;
	
}


#publisher h3 {
	
	color: #ed1c24;
	margin: 0;
	font-size: 1.2em;
	
}

#publisher .side {
	
	margin-top: 25px;
	
}

#publisher .side h3 {
	
	color: black;
	margin: 0;
	font-size: 1.0em;
	text-transform: uppercase;
	
}


#publisher a.button-material {
	
	color: white;
	background-color: #ed1c24;
	padding: 3px;
	margin: 0;
	font-size: 1em;
	width: 100%;
	display: inline-block;
	text-transform: uppercase;
	
}
	
#publisher .sold {
	
	position: absolute;
	width: 300px;
	border: 4px solid #ed1c24;
	color: #ed1c24;
	font-size: 2em;
	padding: 20px;
	font-family:'Univers LT W01_65 Bold1475968';
	transform: rotate(-30deg);
	text-align: center;
	margin: 20%;
	
}

/* !FEATUREBOX ----------------------------------------------- */

.featurebox-wrapper  {
	
	display:flex; 
	
}


.featurebox {
	
	padding: 10px 15px 0px 15px;
	margin-right: 20px;
	width: 25%;
}

.featurebox:last-Child {
	
	margin-right: 0px;
}


.featurebox h2 {
	
	margin: 0;
	margin-bottom: 20px;
	text-transform: uppercase;
	
}



.featurebox.box-red {

	color:white	;
	background-color: #ed1c24;
	
	
}

.featurebox.box-red {

	color:white	;
	background-color: #ed1c24;
	
	
}

.featurebox.box-red a {

	color:white	;
	
	
}


.featurebox.box-white {

	border: 2px solid #c2c7cd;
	color: #939597;

	
	
}

.featurebox.box-white a {
	
	
}

.featurebox.box-lightgray {

	color:white	;
	background-color: #bcbdc0;
	
	
}

.featurebox.box-lightgray a {

	color:white	;
	
}

.featurebox.box-gray {

	color:white	;
	background-color: #6f6f6f;
	
}

.featurebox.box-gray a {

	color:white	;
	
}


/* !alphabet LIST ----------------------------------------------- */

.alphabet ul {
	
	margin-top: 15px;
	list-style: none; 
}


#content .alphabet h2 {
	
	margin-top: 10px;
	
}

.alphabet ul > li {
	
		display: inline-flex;
		width: 12px;
}

.alphabet ul > li.all {
	
		margin-left: 20px;
		margin-right: 0px;
		display: inline-flex;
		width: 40px;
}


.alphabet ul > li {
	margin-left: 5px;
	display: inline-block;
	text-transform: uppercase;
}

/* !GENRE LIST ----------------------------------------------- */

ul.genreList {
	
	list-style: none; 
	padding: 0;
	margin: 0;
}


.content ul.genreList > li:before {
	
	content: "";
	text-indent: 0px;
}
.content ul.genreList > li {
	
	 text-indent: 0px;
}

.genreList > li {
	
	margin-top: 5px;
	position: relative;
	display: inline-flex;
	margin-bottom: 15px;
	width: 20px;
	text-align: center;
	line-height: 0.75em;
}


.genreList > li.all {

	width: 50px;

}


.genreList  > li > a {
	
	font-size: 0.8em;
	text-transform: uppercase;
	text-align: center;
	margin: 0 auto;
	font-family:'LinotypeUniversW01-Cn';

}

.genreList  > li.all > a {
	
	font-size: 1em;
	text-transform: uppercase;
	text-align: center;
	margin: 0 auto;
	font-family:'Univers LT W01_45 Light1475944';
		
}

.genreList  > li.icon > a:before {
	
	padding-top: 7px;
	font-size: 1.3em;
	content:"B";
	position: absolute;
/* 	top:-30px; */
	left: 50%;
	margin-left: -10px;
	color:white;
	background-color: blue;
	width: 17px;
	height: 25px;
	font-family:'Univers LT W01_59 Ult Cond';
	
}

#BookGenreList.genreList  > li.icon > a:before {
	
	top:-30px;
	
}

#NewsGenreList.genreList  > li.icon > a:before {
	
	top:-30px;
	
}



#BookGenreList.genreList > li {
	
	margin-top: 40px;
	width: 60px;
	
}



.genreList  > li.spannung > a {	color:#313e59;}
.genreList  > li.spannung > a:before {
	
	content:"S";
	background-color: #313e59;
	
}

.genreList  > li.belletristik > a {	color:#788b7c; }
.genreList  > li.belletristik > a:before {
	
	content:"B";
	background-color: #788b7c;
	
}


.genreList  > li.kinder-jugendbuch > a {color:#ee7f5c;}
.genreList  > li.kinder-jugendbuch > a:before {
	
	content:"KJ";
	background-color: #ee7f5c;
	
}

.genreList  > li.fantasy-sci-fi > a {color:#1a8f90;}
.genreList  > li.fantasy-sci-fi > a:before {
	
	content:"F";
	background-color: #1a8f90;
	
}

.genreList  > li.historische-romane > a {color:#84809d;}
.genreList  > li.historische-romane > a:before {
	
	content:"HR";
	background-color: #84809d;
	
}

.genreList  > li.sachbuch > a {color:#c2ad76;}
.genreList  > li.sachbuch > a:before {
	
	content:"S";
	background-color: #c2ad76;
	
}

.genreList  > li.erotik > a {color:#788b7c;}
.genreList  > li.erotik > a:before {
	
	content:"S";
	background-color: #788b7c;
	
}

/* !AUTHOR LIST ----------------------------------------------- */

.authorLink {
	
	color:gray;
	
}

.authorLink:hover {
	
	color:#ed1c24;
	
}
/* !AREA LIST ----------------------------------------------- */

.areaList {
	
	margin-top: 5px;
	list-style: none; 
}


.areaList > li {
	margin-left: 5px;
	display: inline-block;
	text-transform: uppercase;
}



.areaList > li > a:focus, .areaLists > li > a:active {
	 
		outline: none;
	 outline-offset: none;
	 text-decoration: none;
}

.areaList > li:not(.active) {

	opacity: 0.5;
	
}


/* !CLIENTS ----------------------------------------------- */

.clientLink {
	
	font-family:'Univers LT W01_65 Bold1475968';
}


.clientLink {
	
	color: black;
}

.clientLogo {
	

	max-width: 250px;
	max-height: 200px;
	width: auto;
	margin-left: 50px;
	margin-bottom: 25px;
	
}

	
/* !NEWS SLIDER ----------------------------------------------- */	

 .newsBooks {
	
	
	display: flex;
/* 	justify-content:flex-start; */
	justify-content: flex-start;
	flex-wrap:  wrap;
	min-height: 275px;
	
}
	
	
.newsBookCover {
	
	flex-grow: 0;
	height: auto;
	padding-bottom: 10px;
	padding-left:15px;

}
	
	
.newsBookCover img {
	
	max-height: 275px;
	width: auto;
	margin: 10px 10px 10px 1px;
	border: 1px solid lightgray;
/* 	border: 2px solid white; */
/* 	box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.25) */
	

	
	
}	

/* !NEWS SLIDER ----------------------------------------------- */

#newsSlider {
	
	margin-top: 25px;
	
}


#newsSlider .trenner {
	
	border-top:3px solid #ebebeb;
	margin-top: 25px;
}


#newsSlider .slick-slide {
	
	min-height: 275px;
} 


#newsSlider * {
	
		moz-hyphens:none;
	-o-hyphens:none;
	-webkit-hyphens:none;
	-ms-hyphens:none;
	hyphens:none;
}





.home #content #newsSlider h1 { 
	
	width: 100%;
	text-transform: uppercase;
	font-size: 2.75em;
	line-height: 1em;
	margin-top: 0px;
	margin-bottom: 0px;
	color:black;
	
}

.home #content #newsSlider h1:before { 
	
	display: none;
	
}



.aktuelles #content #newsSlider p.date { 
	
 	margin-top: 25px;
 	margin-bottom: 5px;
	
}


.aktuelles #content #newsSlider h2 { 
	
	 font-size: 2em;
	 position: relative;
	 margin-bottom: 0px;
	 text-transform: uppercase;
	 color: black;
	
}



.home #content h1 {
	
	 font-size: 2em;
	 position: relative;
	 margin-top: 50px;
	 margin-bottom: 25px;
	 text-transform: uppercase;
	
}



.aktuelles #content #newsSlider h3 { 
	
	margin-top:5px;
	color:#ed1c24;
	margin-bottom: 0px;
	margin-bottom: 15px;
	font-size: 1.2em; 
	
	
}


.home #content #newsSlider h2 { 
	
	margin-top:5px;
	color:#ed1c24;
	margin-bottom: 0px;
	
	
}

#newsSlider hr { 
	
	border-top:1px solid #ebebeb; 
	margin: 10px 0;
}

#newsSlider  .imgAuthor {
	
	background-size: cover;
	width: 100px;
	height: 100px;
	border-radius: 100px;
}

#newsSlider  .imgAuthor {
	
	background-size: cover;
	width: 100px;
	height: 100px;
	border-radius: 100px;
}


#newsSlider .emptyBook {
	
	width: 175px;
	margin-left: 5px;
	margin-right: 5px;
	height: 250px;
	
}


#newsSlider .textAuthor {
	
	font-size: 0.9em;
	
}






#newsSlider .genreList {
	
	height: 1px;
	position: relative;
}


#newsSlider .genreList > li {
	
	margin-top: 16px;
	position: relative;
	display: inline-flex;
	width: 25px;
	margin-left: 0px;
	text-align: center;
	line-height: 0.75em;
}

/* !AKTUELLES SLIDER ----------------------------------------------- */

#aktuelles {
	
	margin-top: 50px;
	
}


#aktuelles .trenner {
	
	border-top:3px solid #ebebeb;
	margin-top: 25px;

}



#aktuelles * {
	
		moz-hyphens:none;
	-o-hyphens:none;
	-webkit-hyphens:none;
	-ms-hyphens:none;
	hyphens:none;
}







.aktuelles #content #aktuelles p.date { 
	
 	margin-top: 25px;
 	margin-bottom: 5px;
	
}


.aktuelles #content #aktuelles h2 { 
	
	 font-size: 2em;
	 position: relative;
	 margin-bottom: 0px;
	 text-transform: uppercase;
	 color: black;
	
}



.home #aktuelles h1 {
	
	 font-size: 2em;
	 position: relative;
	 margin-top: 50px;
	 margin-bottom: 25px;
	 text-transform: uppercase;
	
}



.aktuelles #content #aktuelles h3 { 
	
	margin-top:15px;
	color:#ed1c24;
	margin-bottom: 0px;
	margin-top: 5px;	
	margin-bottom: 15px;
	font-size: 1.2em; 
	
	
}


.home #content #aktuelles h2 { 
	
	margin-top:15px;
	color:#ed1c24;
	margin-bottom: 0px;
	
	
}

#aktuelles hr { 
	
	border-top:1px solid #ebebeb; 
	margin: 10px 0;
}

#aktuelles  .imgAuthor {
	
	background-size: cover;
	width: 100px;
	height: 100px;
	border-radius: 100px;
}

#aktuelles  .imgAuthor {
	
	background-size: cover;
	width: 100px;
	height: 100px;
	border-radius: 100px;
}



#aktuelles .emptyBook {
	
	width: 175px;
	margin-left: 5px;
	margin-right: 5px;
	height: 250px;
	
}


#aktuelles .textAuthor {
	
	font-size: 0.9em;
	
}




#aktuelles .genreList {
	
	height: 1px;
	position: relative;
}


#aktuelles .genreList > li {
	
	margin-top: 16px;
	position: relative;
	display: inline-flex;
	width: 25px;
	margin-left: 0px;
	text-align: center;
	line-height: 0.75em;
}


.genreList  > li > a {
	
	font-size: 0.8em;
	text-transform: uppercase;
	text-align: center;
	margin: 0 auto;
	font-family:'LinotypeUniversW01-Cn';

}



#book-genre .genreList > li {
    margin-top: 50px;
    position: relative;
    display: inline-flex;
    width: 25px;
    margin-left: 0px;
    text-align: center;
    line-height: 0.75em;
}

.top-tabs > li > a:focus, .top-tabs > li > a:active {
	 
		outline: none;
	 outline-offset: none;
	 text-decoration: none;
}

.top-tabs > li:not(.active) {

	opacity: 0.5;
	
}


/* !SLIDER ----------------------------------------------- */

#mainSlider {
  background: #5e5e5d;
  position: relative;
  height: 500px; 
  margin: 0; 
  }
/*
  @media screen and (max-width: 1023px) {
    #mainSlider {
      height: 600px; } }
  @media screen and (max-width: 768px) {
    #mainSlider {
      height: 400px; } }
  @media screen and (max-width: 480px) {
    #mainSlider {
      height: 320px; } }
*/
  #mainSlider .slide {
    width: 100%;
    height: 500px;
    display: block;
    position: relative; 
    }
/*
    @media screen and (max-width: 1023px) {
      #mainSlider .slide {
        height: 600px; } }
    @media screen and (max-width: 768px) {
      #mainSlider .slide {
        height: 400px; } }
    @media screen and (max-width: 480px) {
      #mainSlider .slide {

        height: 320px; } }*/
        
        
    #mainSlider .slide .background {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      background: center center no-repeat;
      background-size: cover;
       }



/* !NEWSFULL  ----------------------------------------------- */

 #content #newsfull h1 { 
	
	width: 100%;
	text-transform: uppercase;
	font-size:2.5em;
	line-height: 1em;
	margin-top: 0px;
	margin-bottom: 0px;
	position: relative;
	color:black;
			moz-hyphens:none;
	-o-hyphens:none;
	-webkit-hyphens:none;
	-ms-hyphens:none;
	hyphens:none;
	
}

 #content #newsfull h1:before { 
	
	 display: none;		
}

 #content #newsfull .news { 
	
	
	margin-bottom: 25px;
	padding-bottom: 25px;
	width: 100%;
	border-bottom: 3px solid #ebebeb;	
}

 #content #newsfull .news:last-child { 
	
	
	margin-bottom: 25px;
	padding-bottom: 25px;
	width: 100%;
	border-bottom: 0px solid #ebebeb;	
}


#content #newsfull h2 { 
	
	margin-top:15px;
	color:#ed1c24;
	margin-bottom: 0px;
			moz-hyphens:none;
	-o-hyphens:none;
	-webkit-hyphens:none;
	-ms-hyphens:none;
	hyphens:none;
	
}

#newsfull hr { 
	
	border-top:1px solid #ebebeb; 
	
}

#newsfull  .imgAuthor {
	
	background-size: cover;
	width: 100px;
	height: 100px;
	border-radius: 100px;
}

#newsfull  .imgAuthor {
	
	background-size: cover;
	width: 100px;
	height: 100px;
	border-radius: 100px;
}

#newsfull .newsBooks {
	
	display: flex;
	justify-content:flex-start;
	
}

#newsfull .newsBookCover {
	
	position: relative;
	overflow: visible;
/* 	height: 250px; */
	padding-bottom: 10px;
	padding-left:10px;
	margin: 15px 30px 15px 0 ;

}

#aktuelles .genreList {
	
	list-style: none; 
	float:right;
/* 	height: 100px; */
}


#newsfull img.buch {
	
	position: relative;
	margin: 0px 30px 15px 0 ;
	border: 2px solid white;
	box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.25);
	width: auto !important;
/* 	height: 250px !important; */

}

/* !OWL  ----------------------------------------------- */

.owl-theme .owl-controls .owl-nav [class*=owl-] {
	
	background: none;
}

.owl-theme .owl-controls .owl-nav [class*=owl-]:hover {
	
	background-color: none;
	
}

.owl-theme .owl-controls .owl-nav .owl-prev {
	
	text-indent: -99999px;
	width: 49px;
	height: 49px;
	background: url(/img/btn-left.png) center center;
	background-color: none;
	float:left;
	position: relative;
	left: -30px;
	
}




.owl-theme .owl-controls .owl-nav .owl-next {
	
	text-indent: -99999px;
	width: 49px;
	height: 49px;
	background: url(/img/btn-right.png) center center;
	background-color: none;
	float:right;
	position: relative;
	right: -30px;
	
}

 .owl-theme .owl-controls {
	
	position: absolute;
	top:50%;

}


.owl-theme .owl-controls {
	height:25px;
}

.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span {
	background:#fff;
	opacity:.5;
}

.owl-theme .owl-dots .owl-dot span {
	background:#fff;
	margin:7px 3px;
	opacity:1;
}


/* !HELPER ----------------------------------------------- */



.float-right {
	
	float: right;
}

/* !FOOTER ----------------------------------------------- */

#footer {
	
	padding-top: 15px;
	margin-top: 50px;
	padding-bottom: 15px;
	
}

#footer  .nav {

	float:right;
	margin-top: 5px;
	  
}

#footer .footer-nav {
	
	text-align: right;
	
}


#footer  .nav > li >a:focus,.nav > li > a:hover {
	background-color:none;
	background:none;

}

#footer  .navbar-nav > li {
	
	position:static!important;

}

#footer  .navbar-nav > li > a {
	
	font-size: 0.85em;
	position:static!important;
	display:block;
	padding:0;
	padding-bottom:10px;
	margin:5px 0px 0 10px;
	color:#ed1c24;
	text-transform: uppercase;


}



/* !BOOTSTRAP OVERRIDES ----------------------------------------------- */


.form-control {
	border-radius:0;
	box-shadow:none;
	border:none;
}

input {
		
	background-color: #a5a19b;
}

.form-control {
	
	border:0;
	background: #ececed;
	padding: 5px;
	color: black;
}

.form-control:focus {
	
	border-color: #66afe9;
	outline: 0;
	border: 0;
	-webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
	box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
	
}


::-webkit-input-placeholder {
   color: #818181;
}

:-moz-placeholder { /* Firefox 18- */
   color: #818181;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #818181;  
}

:-ms-input-placeholder {  
   color: #818181;  
}


.info {
	width:100%;
	background:#007b65;
	color:#fff;
	padding:2px 10px;
}

form small {
	
	font-size: 0.7em;
	color: gray;
	
}


.btn {
	
	float: right;
	padding: 10px 20px;
	display: block;
	text-align: center;
	background: black;
	color:white;
	text-transform: uppercase;
	letter-spacing: 3px; 
	font-size: 0.7em;
	color: white;
	text-decoration: none;
	border-radius: 0px;
	
	 -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}

.btn:hover {
	
	
	
} 







/* !MEDIA QUERIES ----------------------------------------------- */


 /*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
	

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	



}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	
	
	.text-right-responsive {

		text-align: left;
	
	}


	.nav {
	
		margin-left: 0px;
		margin-top: 20px;
		display: block;
		text-align: left;
		float: left!important;
		  
	}
	
	
	.navbar-nav > li {
	
		position: static;
		display: inline-block;
		
	}
	
	.navbar-nav > li a:after {
	
		content:" |";
		margin-left: 5px;
	}
	
	
	
	.navbar-nav > li > a {
		
		position:static!important;
		display:block;
		padding:0;
		padding-right: 5px;
		padding-bottom:5px;
		margin:0px ;
		color:#ed1c24;
		text-transform: uppercase;
		font-size: 0.87em;
		line-height: 1.2em;
	
	}
	


	#newsSlider {
	    margin-top: 25px;
	}
	
	
	#footer .nav {
		
		float: left;
		margin-left: -10px;
	}
	
	#content .alphabet h2 {
		
		margin-bottom: 10px
		
	}
	
	.genreList {
	
		list-style: none; 
		float:none;
	}

	
	.alphabet ul {
		
		margin-top: 5px
		
	}
	.text-right.responsive {
		
		text-align: left;
		
	}
	
	.featurebox-wrapper { 
		
		display: block;
		
	}
	
	.featurebox { 
		
		width:100%;
		margin: 10px 0;
		padding: 10px;
		
		
	}
	
	 .newsBooks {

		min-height: 175px;
		
	}
		
		
	.newsBookCover img {
		
		max-height: 175px;

	}
	
	.bookCover {

	    width: 50%!important;
	}
	
	#BookGenreList {
		
		margin-bottom: 10px;
	}
	
	.type-5 ul.genreList {
		
		
		margin-bottom: 50px;
	}
	
	.top-tabs {
		
		margin-bottom: 15px;
	}
	
	#publisher .side {
		
		margin-bottom: 35px;
	}
	
	#publisher a.button-material {
		
		width: 50%;
	}
	
	.areaList {
		
		margin-bottom: 20px;
	}
	
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
	
	.textResponsiveRight {
		
		text-align: left!important;
		
	}
	
	#header .nav  {
		
		margin-left: 0px;
		width: 33%;
		display: inline-block;

	}
	
	#header .logo {
		    position: relative;
		    background-image: url(/img/logo@3x.png);
		    background-position: left top;
		    background-size: contain;
		    background-repeat: no-repeat;
		    width: 350px;
		    height: 100px;
		    margin-left: -25px;
		}
			
	
	#newsSlider .newsBooks {
	
		height: 100px;
			
	}
	
	.featurebox-wrapper { 
		
		display: block;
		
	}
	
	.featurebox { 
		
		width:100%;
		margin: 10px 0;
		padding: 10px;
		
		
	}
	
	

	.home #content #newsSlider h1 {
	    width: 100%;
	    text-transform: uppercase;
	    font-size: 2em;
	    line-height: 1em;
	    margin-top: 0px;
	    margin-bottom: 0px;
	    
	    }
	

	

}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
    
}
    
       
    
@media(max-width:1200px) {
	
}


@media(max-width:992px) {
		


		
}


@media(max-width:768px) {
	
		
}

@media(min-width:767px) {
	
}


/* !HIRES IMAGES ---------------------------------------------- */
@media only screen and (min--moz-device-pixel-ratio: 2),only screen and (-o-min-device-pixel-ratio: 21),only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-device-pixel-ratio: 2) {
	
}

div {
/* 	border: 1px solid red; */
}