@font-face {font-family: nav_font;src: url(OpenSans-Regular.ttf);}
html, body {height:100%;}
div {border-radius:10px;}
body {background-color:#b58c60; background-attachment:fixed; background-size:cover; font-size:12pt; padding:0; margin:0; }
h1 {text-align:center; margin:0;}
h1,h2,h3,h4,h5,h6,.main-tile {font-family: nav_font;} 
form {padding:0; margin:0;}
label {font-weight:700;}
img { border:0; max-width:100%; height:auto;}
/* don't show the 1x1.png empty image placeholder at all but remove the no-display when JS is active (then all images get "lazyload(ed) via JS */
img[src*="https://www.grimoires.de/1x1.png"] { display: none;} 
.lazyload,.lazyloaded{display:initial!important}
.smallbanner {width:130px;max-height:100%;float:left;}



#email_address, #email_address2, label[for="email_address"], label[for="email_address2"], label[for="e-mail-field"],#e-mail-field {display:none;} /*nl form */
q { quotes: "\00bb" "\00ab"; }
/* Fix for anchor links with fixed header, problem at first clicked anchor link - somehows ignores it?!?: */
:target:before {
	content: "";
	display: block;
	padding-top:80px;
}

#uparrow {
 width:50px;
 height:50px;
 position:fixed;
 bottom:20px;
 right:10px;
}
#uparrow a img {
 border-radius:50px;
}
#SocialBarRight{
	top:35%;
	position:fixed;
	right:-2px;
}
.twitterimg{
 background-color:white;
}
#footer {
	width:100%;
	height:60px;
	text-align:center;
/*  position:absolute; */
	padding-top:10px;
  bottom:0;
	/* border-radius:0; */
	background-color:#F5E5C6;
	clear:both;
}
#allwrap {
	margin-left:auto; 
	margin-right:auto;
	max-width:1024px;
	width:100%;
/*	overflow:auto; */
  min-height:100%;
  position:relative;
}
#middle-col {
    float:left;
    width:68%; /* 66% */
    display:inline;
}

#rightmenu {
	margin-right:auto;
	margin-left:4px;
/*	max-width:260px;
  	min-width:260px; 
  	width:16%; */
	float:left; 
}
#rechts_ad{
 width:300px;
 overflow-y:auto;
}

/*#menumobile, */ #breadcrumb {
/*    border-width:thick;
    border-color:#CC5000;
    border-style:ridge; 
    margin-left:auto; 
    margin-right:auto;
    background-color:#F5E5C6;
    clear:both; */
    padding:5px .8em;
    font-family:none;
}
/*#menumobile{
    width:100%;
    margin-bottom:5px;
    margin-left:auto; 
    margin-right:auto;
    background-color:#F5E5C6;
    padding:5px .8em;
} */
#breadcrumb { 
    overflow:hidden;
    min-height:11px;
    margin-left:auto; 
    margin-right:auto;
    background-color:#F5E5C6;
    padding:5px .8em;
    clear:both;
    display:inline-block;
}
#breadcrumb div{
   font-size:11px;
   margin-right:1px;
}	
#menumobile form {
	height:1.5em;
	display:inline;
}
#inhalt {
/*    border-width:thick;
    border-color:#CC5000;
    border-style:ridge;
    width:100%; */
    padding:.7em;
    margin-left:auto; 
    margin-right:auto;
    background-color:#F5E5C6;
    max-width:750px;
    font-size:14pt;
}
#banner {
	padding:5px 0 0;
  text-align:center;
}
#bestellbox {
margin:-150px 0;
max-width:180px;
border: solid 1px #F2CC4F;
background-color:orange;
clear:both;
position:relative;
z-index:1;
}
#nav_bread {
width:696px;
/* width:696px; /* wegen sticky (hä?)*/ 
margin-left:auto;
margin-right:auto;
background-color:#F5E5C6;
margin-bottom:5px;
height:100%;
display:block;
font-family: nav_font;
}
.sticknavtop{ 
  height:auto!important;
}
#topmenu {
display:table;
height:61px;
/*
max-width:697px;
margin-left:auto;
margin-right:auto;
margin-bottom: 5px;
font-size:1em;
float:left;
border-radius:10px;
z-index:9;
*/
}
#topmenu ul {
margin:0;
padding:0;
float:left;
max-width:140px;
min-width:70px;
list-style-type:none;
} 
#topmenu a {
font-weight:700;
text-decoration:none;
display:block;
border:1px solid #ccc;
border-radius:10px;
text-align:center;
background:#ECCC98;
/* color:#A55C5C; Farbe Menüeinträge - redundant: normale linkfarbe */
padding:0 2px;
}
#topmenu a:hover {
color:#FF5C5C;;
background:#CCCA4B;
}
#topmenu li {
position:relative;
}
#topmenu ul ul {
position:absolute;
z-index:2;
display:none;
}
#topmenu ul li:hover ul {
display:block;
}
#topmenu ul li:hover ul ul {
display:none;
}
#topmenu ul ul li:hover ul {
display:block;
position:absolute;
top:0;
left:100%;
width:20px;
}

.ShareURL div, .ShareURL p  {float:left; /* Artikel Ende */}

#hauptauswahl /* Startseite */
{
 overflow:hidden;
}
.main-tile { /* Startseite */
 font-size:xx-large;
 width:32%; 
 height:200px; 
 float:left;
 color:#A55C5C; 
 margin-left:4px; 
 text-align:center; 
 background-color:#ECCC98; 
 border: 1px solid; 
 border-radius:10px; 
 background-repeat: no-repeat;
 background-position: bottom;
 text-decoration:none;
 margin-bottom:5px;
 position:relative;
}
@media screen and (max-width:550px)
{
 .main-tile{
  width:95%;
 }
}

#new_featured h2{ /* Neuestes auf Startseite (widget_newest_content.php) */
 margin-bottom:0;
 margin-top:0;
 text-align:left;
}
#new_featured a{
 text-decoration:none;
}
#new_featured p{
 margin:0 auto;
}
#new_featured div img{
  max-height:200px;
  margin-right:5px;
  border-radius:10px;
}
@media screen and (max-width:480px) {
 #new_featured div img{
    float:none;
    display:block;
    margin:auto;
 }
}
.ibox { /* Box for Datum, $art in obigem */ 
margin-top:-1em;
border:1px solid #ccc;
margin-right:5px;
border-radius:10px;
background:#ECCC98;
color:#A55C5C;
padding:0 5px;
}

.hpquote{ /* Zitat des Tages, Startseite */
   padding: 5px;
   background-color: #ECCC98;
   overflow: hidden;
   border: 1px solid #A55C5C;
   border-radius: 10px;
   margin-bottom: 5px;
  }
.hpquote h2 {
   margin:0;
  } 

.topnavsearch{ display:none;}
#Buchbild img {
  max-width:163px;
  min-width:155px;
}
#BData{
  margin-left:5px;
  margin-left:170px;
  font-size:12pt;
}
#UserKommentar{
height:385px;
}
#InContent_TOC,#InContent_TOC_buch{
width:100%;
border: 1px solid silver;
padding-left:5px;
background-color:#F0EFC5
}
#InContent_TOC_buch{
margin-bottom:5px;
float:right;
width:50%;
margin-right:-7px;
}
.buchbox { /* Aktuell nur #bestellbox */
    font-size:small; 
    float:right; 
    text-align:center;
    padding:2px;
}

.box {
    /* Abschnitte im Menü rechts */
    margin-bottom:5px;
    padding:4px;
    background-color:#F5E5C6;
    width:300px;
    overflow:auto;
}
#rightstick .box .smallh2{
/* Menü rechts */
    background-color:#ECCC98;
    text-align:center;
    width:309px;
    margin-left:-5px;
    margin-top:-4px;
}

.buchtitel {
    margin:0; 
    text-align:left;
}
.Buchfakten{
    display:inline-block;
}
.titelbild{
    /* artikel, genre, tag */
    max-width:50%;
    margin: 22px 5px 5px 0;
    float:left;
}
#detailwertung {
      font-size:10px;
      display:none;
}
.blogstyle_preview { /* allartikel - umbau Ähnlich Startseitenelemente?! */
      margin-bottom:10px;
      border:1px solid #dadae5;
      background-color: #ECCC98;
      border-radius: 10px;
      padding: 5px;
      display: flex;
}
.blogstyle_preview a{ /* allartikel */
      text-decoration:none;
}
.blogstyle_preview img{ /* allartikel */
      width:300px;
      margin-right:5px;
      float:left;
}
.blogstyle_preview h2{ /* allartikel */
      margin-top:0;
}

.nav_list_horiz{ /* A-Z in main navigation */
width:300px;
max-width:300px!important;
background-color:#ECCC98;
border:solid 1px #CCC;
border-radius:10px;
}
.nav_list_horiz li{
width: 50px;
display: inline-block;
}

.rezensentavatar{
border-radius:50px;
}

/* Rating */
.mw60px{ /* Rating-Spalte */
 min-width:60px;
}
.Wertungprozent /* Ratings-Spalte */
{
 background-color:#A55C5C; 
 height:12px;
 border-radius:0;
}
.ratespan{
 height:25px;
 width:25px;
 display:block;
 margin-left:25px;
 background:url(ratebook_inactive.jpg) left no-repeat;
}
.rateactive {
 background:url(ratebook_avg.jpg) left no-repeat; 
}
.ratespan:hover{
 background:url(ratebook_active.jpg) left no-repeat;
}
.ratespacer{
 display:block;
 float:left;
 width:25px;
 height:25px;
}
/* Rating Ende */

.tag{
  margin:5px;
  background-color:#ECCC98; 
  border:1px solid #A55C5C;
  height:40px;
}
.tag a{
  float:left;
  margin:5px; 
  padding:2px; 
  text-decoration:none; 
}

.smallh2 {
  font-size:12pt; 
  font-weight:bold; 
  margin:0px;
}

.list_none{ /* rechts.php > autorother.php */
  padding-left:0;
  list-style-type:none;
  margin-top:0;
  margin-bottom:0;
}
.TOC_list{
  margin:0;
  list-style-type:none;
  padding-left:5px;
}
.TOC_list li{
 font-size:12px;
}

.sort_info{ /* in slider - cover-sized info (Genre, Serie ...) */
background-color:#ECCC98;
height:160px!important;
}

.spoilerbutton{ /* direkt in Rezi */
 background-color:darkorange;
 border-radius:15px;
 display:block;
 margin:auto;
 font-size:18px;
}
.serie_autorbox{
 width:200px;
 float:left;
}

/* KurzKnapp.php */
 #KurzKnapp {
    border:1px solid #dadae5;
    background-color:#F0EFC5;
    max-width:50%;
    float:right;
    padding-left:5px;
    margin-right:-7px
}
 #KurzKnapp ul {padding-left:20px;}
 .IuR {margin-bottom:0;}
 .KKpos {list-style-image: url('../bilder/gut.png'); }
 .KKneut {list-style-image: url('../bilder/neutral.png'); }
 .KKneg {list-style-image: url('../bilder/schlecht.png'); } 
 @media screen and (max-width:800px) {
   #KurzKnapp {width:100%;max-width:none;float:none;padding:none}
  }
/* KurzKnapp ende */  


a:link {color:#A55C5C;}
a:visited {color:#895A2C;}
a:hover {color:#FF5C5C; cursor:pointer; }
a:active {color:#CD5C5C;}
a[target="_blank"]:not([href*="amazon"]):not([class="cc_btn cc_btn_accept_all"])
{
  padding-right:18px;
  background:url(/externer-link.png) right no-repeat;
  background-size:15px 15px;
}
a[href*="amazon"] {
  padding-right:33px;
  background:url(/amazon-link.png) right no-repeat;
  background-size:31px 20px;
}
.sponsored {
  padding-right:31px!important;
  background:url(/sponsored.png) right top no-repeat!important;
  background-size:34px 11px!important;
}
.imagelink{
/* hard-set to disable the external-link.png on imagelinks. Sadly no general selector :( */
/* currently in bestellen.php; bestellen_bottom.php, links.php,rechts.php, ShareURL.php, SocialBarRightButtons.php */
background:none!important;
}
.nopadding{
padding:0!important;
}
.cover_rating_overlay { /* widget_neueste_rezensionen_cover */
 position:absolute;
 top:2px;
 right:5px;
}

.letterlist{ /*selection in allbuch1 etc */
display: block;
width: 30px;
height: 30px;
font-size: 25px;
float: left;
text-align: center;
border: solid 1px;
text-decoration:none;
margin: 5px 5px 0px 0px;
}
.llactive{ /* selected letter */
background-color:#A55C5C;
color:#ECCC98!important;
}
.alllisttitle{
font-size:larger;
width:100%;
display:block;
}

.full_col {
  width:100%; 
  display:block; 
  clear:both; 
  overflow:auto;
}
.half_col {
  /* auf width 50 und border einschließen?! */
  width:49%; 
  font-size:smaller; 
  float:left; 
  display:block; 
  overflow:auto;
  border-radius:0;  
}

#genre_list article{
  background-color:#F0EFE0;
  width:32%;
  height:46px;
}
#genre_list article a{
  display:block;
}
#genre_list_images, #genre_list_teaser{
overflow:hidden;
}
#genre_list_images article {
    height:123px;
    width:32%;
    background-size:cover!important;
    border:1px solid #ccc;
    margin:3px;
}
#genre_list_images article h2 {
    background-color:#000000; 
    color:#ccc;
    opacity:0.7;
    margin-top:0;
    text-transform:uppercase;
    text-align:center;
}
#genre_list_images article a, #genre_list_teaser article a {
    display:block;
    text-decoration:none;
}
#genre_list_images article a {
height:100%; /*same as #genre_list_images article! */
} 

#rightmenu a {text-decoration:none;}

.book-card { 
 width:49%;
 border:1px solid #dadae5;
 padding: 0;
 box-sizing:border-box;
 height:325px;
 margin-left:5px;
 margin-bottom:5px;
}
.book-card a {
 text-decoration:none;
}
.book-card h2 {
 margin-top:0;
 margin-bottom:0;
}
.topright {
 border-radius: 0 0 0 20px;
 width:80px;
 background:#ECCC98;
}
.topright img {
 margin-left:4px;
}

.small-book-card{
 width:100px;
 display:inline;
}
.list-card{
 width:100%;
 clear:both;
 border:1px solid #dadae5;
 height:200px;
 padding-left:5px;
 margin-bottom:5px;
}

.c_tag_link, .c_genre_link{
font-weight:700;
border:1px solid #ccc;
border-radius:10px;
text-align:center;
background:#ECCC98;
color:#A55C5C; /* Farbe Menüeinträge */
padding:0 2px;
float:left;
margin: 5px;
font-size:small;
}
.c_tag_link a, .c_genre_link a{
 text-decoration:none;
}

/* genrelist nur in allgenre+startseite  und ziemlich mies geschrieben (nur in Genreliste mit Teasern) */
.genrelist {
    display:inline-block;
    border: 1px solid #dadae5;
    margin-bottom:10px;
    max-width:99%; /* wegen Rahmen */
}
.genrelist a h2 {
    margin-top:0;
    margin-bottom:0;
}
.genrelist div {
    width:300px;
    height:100%;
    margin-right:5px;
}
.genrelist div img {
    max-height:250px;
}

.InContentImg,.InContentAside{
    margin: 5px; 
    background-color: #ECCC98; 
    border-radius: 10px; 
    padding: 5px;
    max-width:400px;
    max-width:50%;
}
.InContentImg{
    font-size:small;
}

.werbung { text-align:center; width:750px; max-width:100%; min-height:100px; margin-top:10px;}
.onclickspan { color:#A55C5C;}
.onclickspan:hover {cursor:pointer;}
.fb-like { padding:5px; }
.fb-follow { padding:5px; }
.center { text-align:center;}
.right {text-align:right;}
.left {text-align:left;}
.fleft { float:left; }
.fright { float:right; }
.newsline { padding:0; margin-bottom:2px; clear:both;}
.newsexcerpt { font-size:85%; margin-top:0; }
.newstinypic { float:left; width:20px; height:17px; }
.lifetime { text-align:center; font-size:large; font-weight:700;}
.bigletter { font-size:xx-large;}
.newscover { margin:1px 3px; }
.pcdate { text-align:right; font-size:xx-small; clear:both;}
.noborder {border:none;}
.nomargin {margin:0;}
.rating { text-align:center; margin:0;}
.rezensent { border:1px solid #CC5000; min-height:100px; padding:0 5px; clear:both;}
.wertungen {float:left; font-size:12pt;}
.wertungbox {border: solid 1px #CC5500; clear:right; padding:0px 5px;margin-bottom:5px; width:99%;}
.smalltext {font-size:small;}
.smaller {font-size:smaller;}
.noshow {display:none;}
.clearboth {clear:both;}
.block {display:block;}
.maxw85p {max-width:85%;}
.maxw25p {max-width:25%;}
.blacktxt {color:black;}
.fullwidthbox{width:100%;box-sizing:border-box;}
.tagcount{float:right;font-size:smaller;margin-right:2px;color:#A55C5C} /* alltags */
.sliderselect {margin-top: -45px;margin-left: 100px;font-size: small;} /* widget_books-in-category-slider.php */

@media screen and (min-width:481px) {
/* #menumobile {
	display:none;
 } */
 .sticknavtop{
  position:fixed;
  top:0;
  z-index:999;
 }
}

@media screen and (min-width:780px) {
  body {
   background-image:url(papyrus.jpg);
  }
}

@media screen and (min-width:1024px) {
/* 
 #Buchbild-l{
  position:fixed;
  left:0;
  bottom:0;
  z-index:-1;
  height:520px;
  width:520px;
  background: url("http://www.grimoires.de/bilder/pile-links.png") fixed no-repeat left bottom;
  background-size: 520px 520px;
 }
 #Buchbild-r{
  position:fixed;
  right:0;
  bottom:0;
  z-index:-1;
  height:465px;
  width:405px;
  background: url("http://www.grimoires.de/bilder/pile-rechts.png") fixed no-repeat right bottom;
  background-size: 405px 465px;
 }

*/
 .sticktop { /* right menu */
    position:fixed;
    top:0;
}
 .stickbottom { /* right menu */
    position:fixed;
    bottom:0;
}

}

@media screen and (max-width:1023px) {
 #rightmenu {
	/* max-width:100%; */
  display:none;
 }
 .topnavsearch{ display:initial;}
 #middle-col{
  width:100%;
 }
 #nav_bread{
 width:776px;
 max-width:100%;
 }
 /* #topmenu{
    margin-left:auto;
    margin-right:auto;
    float:none;
    padding:0 .7em;
    width:auto;
    
 } */
/* #Buchbild-l, #Buchbild-r{
 display:none
 } */
 .sticknavtop{
  left: 50%;
  transform: translateX(-50%);
  width:100%;
 }
}

@media screen and (max-width:624px) {
#topmenu{
  /* height:44px; /* siehe 1023; zweizeilig. meh! */
 }
#topmenu ul {
 margin:3px; 
 font-size:larger;
}
#nav_bread{
/* height:69px; */
 height:100%;
}
.titelbild{
    float:none;
    max-width:100%;
    margin-right:0;
}
.genrelist div { float:none;clear:both;text-align:center;clear:both;}
.genrelist {overflow-x:hidden;}
}

@media screen and (max-width:800px) {
 #UserRating{
	float:left;
	clear:left;
  margin-left:-25px; /* entspricht erstem ratespacer */
 } 
 .book-card {
  width:100%;
  height:auto;
}
 #bestellbox{
  float:none;
  margin:2px 3px;
 } 
 .rezensent{
 max-width:100%;
 }
 #BData{
  margin-left:0;
  clear:left;
 }
 #Buchbild{
  float:none;
  text-align:center;
  margin-right:5px;
 }
 #UserRating{
  float:none;
 }
 #InContent_TOC_buch{
  width:100%;
  float:none;
  padding:none;
 }  
}

@media screen and (max-width:651px) {
 #genre_list_images article {
  width:48%;
 }
}

@media screen and (max-width:600px) {
 #kurzinfo{
  float:none;
 }
 .buchtitel {
   clear:left; 
 }
}

@media screen and (max-width:480px) {
 #middle-col{ 
	float:none;
/*	width:92%; // float vermutlich auch nicht mehr gebraucht*/
 }
 #rightmenu {
	max-width:100%;
	margin:0;
}
 .sticknavtop{
  transform: none;
}
/* #menumobile {
    height:auto;
    display:inline-block;
 } */
 
/* #inhalt {
  width:92%;
 } */
 .wertungen {
  float:none;
 }
 .rating {
  text-align:justify;
 }
 #uparrow {
  opacity:0.5;
 }
 #SocialBarRight div,#SocialBarRight div img {
 width:25px;
 margin-bottom:10px;
 }
 #SocialBarRight div,#SocialBarRight div img {
 display:none;
 }
/* #breadcrumb {
  width:100%;
  overflow:visible;
 }
*/
 #genre_list_images article {
  width:98%;
 }
 .InContentImg,.InContentAside{
  float:none;
  text-align:center;
  max-width:none!important;
 }
 .blogstyle_preview img{
    float:none;
    display:block;
    margin:auto;
 } 
}



@media print
{
 body {
  margin:0;
  padding:0;
  font:12pt Garamond, Palatino, "Times New Roman", Times, serif;
  color:#000;
  background:transparent;
  width:100%!important;
 }
 #footer,#leftmenu,/*#menumobile */,#rightmenu,#topmenu,#SocialBarRight,#uparrow, .in-content-ad,#bestellbox_unten,#UserKommentar, .werbung, #rezihelped, .fb-share-button  {
	display:none;
 }
 #bestellbox {display:none;}
 h1 { font-size:x-large;}
 h1, h2, h3, h4, h5, h6 {
  font-family:"Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", "Lucida", Verdana, 
"Bitstream Vera Sans", sans-serif;
  font-weight:700;
  margin:.75em .5em;
  page-break-after:avoid;
 }
 p,p+p {
  margin-top:.1em;
 }
 a, a:visited, a:hover, a:visited:hover {
  color:#000;
  background:transparent;
  text-decoration:none;
 }
 #inhalt {
    border:none;
    width:100%;
    width:170mm;
 }
}


/* Slick Slider , modified ~~~~ For some reason, minification does */
    .slick-slide {
      margin: 0px 10px;
    }
 /* from file slick-theme.css */
  .slick-loading .slick-list
{
    background: #fff center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;
    src: url('./fonts/slick.eot');
    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: #A55C5C;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '�';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '�';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
.slick-dots li
{
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .25;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
} 
/* from file slick.css */
/* Slider */
.slick-slider
{
/* added for Grimoires.de */
        width: 90%;
        margin: auto;

    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    max-height:160px; /* Buchcover ... sonst wegen zu viel Text alles nach unten wenn lazyloading */
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}