html {
  overflow-y: scroll;
  background: #060606;
}
body {
  /*background: white url(background_paper.jpg) left top repeat;*/
  background: white;
}
body, div, p, ul, form, h1, h2, h3, th, td, dt, dd, table, input, select, textarea {
  font-family: 'Open Sans', Arial, Verdana, Helvetica, sans-serif;
  font-size: 14px;
  color: black;
}
.pageContainer {
  max-width: 2000px;
  margin: 0px auto;
  border: none;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
.main {
  flex: 1;
}

h1 {
  font-size: 26px;
  font-weight: bold;
  margin: 10px 0px 12pt;
}
h2 {
  font-size: 17px;
  font-weight: bold;
  margin: 25px 0px 10px;
}
h3 {
  font-size: 17px;
  font-weight: bold;
  margin: 0pt 0px 6pt;
}
p {
  margin: 0px 0px 10px;
}
input {
  padding: 0px 2px;
}
input[type="text"],
select,
textarea {
  padding: 3px 5px;
  border: #777 1px solid;
  box-sizing:content-box;
}
input[type="text"]:hover,
select:hover,
textarea:hover {
  border: #333 1px solid;
}
span.required {
  color: red;
  background: inherit;
  font-style: normal;
}
.main a {
  color: #777;
  text-decoration: none;
  font-weight: bold;
}
.main a:hover {
  color: #333;
  text-decoration: underline;
}
.main .outlineButton {
  display: inline-block;
  border: solid 2px #777;
  padding: 5px 20px;
}
.main a.outlineButton:hover {
  background: #777;
  color: white;
  text-decoration: none;
}
a.button {
  display: inline-block;
}
a.button,
input[type="submit"],
input[type="button"] {
  padding: 10px 30px;
  background: #777;
  border: none;
  cursor: pointer;
  font-weight: bold;
  font-size: 15px;
  color: white;
  -webkit-appearance: none;
}
a.button:hover,
input[type="submit"]:hover,
input[type="button"]:hover {
  background-color: #333;
  color: white;
  text-decoration: none;
}
a.button:active,
input[type="submit"]:active,
input[type="button"]:active {
  background-color: #333;
}
a.julietButton {
  background-image: url(juliet_button.png);
  background-position: 15px 5px;
  background-repeat: no-repeat;
  padding-left: 50px;
}
span.required {
  color: #c6161e;
}
td.label {
  padding-right: 10px;
}
img {
  position: relative;
  max-width: 100%;
}
hr {
  height: 1px;
  border: none;
  border-bottom: #777 1px dotted;
  margin: 40px 0px 30px;
}


/* -- Layout -- */
.section {
  margin: 0px;
  padding: 0px;
}
.section .inner {
  position: relative;
  max-width: 1210px;
  margin: 0px auto;
  padding: 0px 20px;
}

/* -- Header -- */
.header {
  background: white;
  background: #cef;
}
.header .pageTitle {
  display: none;
}
.header .pageTitle h1 {
  position: absolute;
  top: 60px;
  left: 210px;
  margin: 0px;
  
}
.header .pageTitle a {
  color: black;
}
.header .pageTitle a:hover {
  text-decoration: none;
}
.header .logo {
  display: block;
  margin-left: -20px;
}
/*.header .logo img {
  height: 197px;
}*/
.header .logo {
  display: block;
  text-align: left;
  padding: 30px 10px 50px;
}
.header .logo .title a {
  color: black;
  font-weight: bold;
  font-size: 40px;
}
.header .logo .subtitle {
  font-weight: bold;
}
.header .navigation {
  position: absolute;
  right: 20px;
  top: 3px;
  float: none;
  width: inherit;
  padding: 0px;
}
.header .navigation ul {
  list-style: none;
  margin: 10px 0px 10px 30px;
}
.header .navigation > ul > ul,
.header .navigation > ul > li {
  display: none;
}
.header .navigation > ul > ul#menuTOP {
  display: block;
}
.header .navigation li {
  display: inline-block;
  margin-left: 28px;
}
.header .navigation li a,
.header .navigation li div {
  color: #777;
  font-size: 14px;
}
.header .navigation li div {
  color: #333;
}
.header .navigation li a:hover {
  text-decoration: none;
  color: #333;
}
.header .actionBanner {
  position: absolute;
  right: 20px;
  top: 45px;
}
.actionBanner .actionButton {
  float: left;
}
.actionBanner .actionButton a {
  position: relative;
  display: block;
  width: 146px;
  padding: 34px 2px 2px;
  margin-left: 10px;
  text-align: center;
  color: white;
  font-size: 9px;
  line-height: 12px;
}
.actionBanner .actionButton a:hover {
  text-decoration: none;
  /*color: #d78642;*/
}
.actionBanner .actionCollections a {
  background: #632523 url(collection_action.png) top left no-repeat;
}
.actionBanner .actionJuliet a {
  background: #632523 url(juliet_action.png) top left no-repeat;
}
.actionBanner .actionCovid19 a {
  background: #632523 url(dhl-logo.png) top left no-repeat;
}
.actionBanner .actionBookcare a {
  background: #632523 url(bookcare.png) top left no-repeat;
}
.actionBanner .actionButton .overlay {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}
.actionBanner .actionButton .overlay:hover {
  background-color: #99999933;
}

.bannerBox {
  position: absolute;
  right: 20px;
  top: 45px;
}
.bannerBox a {
  font-size: 10px;
  color: white;
}
.bannerBox img {
  border: #ccc 1px solid;
}
.bannerBox a:hover img {
  border: #46161e 1px solid;
}

.shippingBox {
  position: absolute;
  right: 10px;
  top: 45px;
  padding: 8px;
}
.shippingBox img {
  width: 170px;
}
.shippingBox p {
  color: #777;
  margin: 0px;
  font-size: 12px;
  text-align: center;
}
.shippingBox a {
  text-decoration: none;
}

.header .menuSearch {
  position: absolute;
  right: 20px;
  bottom: 50px;
  bottom: 10px;
  text-align: right;
}
.header .menuSearch input[type="text"] {
  font-size: 16px;
  width: 200px;
}
.header .menuSearch input[type="submit"] {
  background: transparent url(search.png) top left no-repeat;
  border: none;
  margin: 0px;
  padding: 0px;
  height: 30px;
  width: 42px;
  text-indent: 100%; white-space: nowrap; overflow: hidden;
  cursor: pointer;
}
/*.header .menuSearch input[type="submit"]:hover {
  background-image: url(search_active.png);
}*/
.header .menuSearch a {
  color: #777;
  font-size: 14px;
  font-weight: bold;
}
.header .menuSearch a.active,
.header .menuSearch a:hover {
  text-decoration: none;
  color: #333;
}
.header .menuSearch .advSearch {
  padding: 5px 0px 0px;
  text-align: left;
}


/* -- Navigation -- */
.navigationBanner {
  background: white;
  border-top: #777 1px dotted;
  border-bottom: #777 1px dotted;
}
.navigationBanner .inner {
  padding: 0px 15px;
  max-width: 1220px;
  text-align: center;
}
.navigationBanner ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
  display: flex;
  /*justify-content: space-between;*/
  align-items: stretch;
  align-items: flex-end;
}
.navigationBanner li {
  display: inline-block;
}
.navigationBanner a,
.navigationBanner .active > div {
  display: inline-block;
  padding: 10px 10px;
  padding: 10px 20px;
  font-size: 16px;
  color: black;
}
.navigationBanner a:hover/*,
.navigationBanner .active > div*/ {
  text-decoration: none;
  background: #777;
  color: white;
}
/*.navigationBanner .active > div {
  font-weight: bold;
}*/
.navigationBanner .active > div {
  text-decoration: none;
  background: #eee;
  color: black;
}
  
/*.navigationBanner .inner > ul > li > div,
.navigationBanner .inner > ul > li > div > a  {
  height: 100%;
}*/
.navigationBanner ul ul {
  display: none;
  position: absolute;
  margin-left: 0px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 100;
  overflow: visible;
  background: #eee;
  border-top: #ddd 1px solid;
}
.navigationBanner ul ul li {
  display: block;
  text-align: left;
  min-width: 100px;
}
.navigationBanner ul ul li.active div {
  display: block;
  padding: 10px 50px 10px 20px;
}
.navigationBanner ul ul li a {
  display: block;
  padding: 10px 50px 10px 20px;
  background: #eee;
}
.navigationBanner ul li:hover ul {
  display: block;
}


/* -- Content -- */
.main {
  padding: 30px 0px 30px;
}
/*.content {
  margin: 0px;
  padding: 0px 175px 0px 175px;
}*/



.pane,
.orderProgress li {
  background: transparent;
  padding: 0px;
}
/*.pane p,
.pane div,
.pane a {
  background: transparent !important;
}*/

/*.list table {
  background: transparent;
  border-collapse: separate;
  border-spacing: 0px 5px;
}
.listView thead {
  position: absolute;
  visibility: hidden;
  display: none;
  height: 0px;
}
.list td {
  background: transparent;
  padding: 6px 4px 2px;
}
.list thead tr,
.list tbody tr.even,
.list tbody tr.odd,
.list .tfoot tr {
  background: transparent url(background_grad.png) top left repeat;
}
.list tbody tr.active {
  background: #bbb;
}
.list tbody .order img {
  margin-top: -2px;
}
.list tbody .desc .showDetail {
  margin: 3px 0px 7px 0px;
  font-weight: bold;
}
.list .tfoot td {
  border: none;
}*/


/*.cart table {
  border-collapse: collapse;
  border-spacing: 0px;
}
.cart select {
  padding: 1px 3px;
}
.cart thead th {
  border-bottom: #999 1px solid;
}
.cart tbody td,
.cart .tfoot td {
  padding: 4px 10px;
}
.cart .tfoot td.shipTo {
  padding: 3px 10px;
}
.cart .tfoot td {
  border-top: #999 1px solid;
}*/

.category p, .keywords p {
  font-size: 13px;
}

/* -- Featured -- */
.featured {
  display: block;
  margin: 0px -30px;
}
.featured .items {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  /*align-items: flex-end;*/
}
.featured .items .layout1 {
  width: 100%;
}
.featured .items .layout2 {
  width: 40%;
}
.featured .items .layout3 {
  width: 28%;
}
.featured .items .layout4 {
  width: 20%;
}
.featured .items .item {
  display: block;
  background: transparent;
  padding: 0px 0px 20px;
  margin: 0px 30px 20px;
  border-bottom: #dbd3d8 1px solid;
  flex-grow: 1;
}
.featured .items .item:hover {
  background: transparent;
  /*background: #f9f9f9;*/
  /*border-bottom: #611f2a 1px solid;*/
}
.featured .items .item img {
  max-width: 100%;
  max-height: 300px;
  padding-right: 10px;
  padding-bottom: 10px;
  display:block;
  float: none;
}
.featured .items .item .teaserBox {
  text-align: center;
  margin-bottom: 10px;
  padding: 2px;
}
.teaserBackground1 {
  color: black;
  background: transparent;
}
.teaserBackground2 {
  color: black;
  background: #dbd3d8;
}
.teaserBackground3 {
  color: white;
  background: #dbd3d8;
}
.teaserBackground4 {
  color: black;
  background: #a2919b;
}
.teaserBackground5 {
  color: white;
  background: #a2919b;
}
.teaserBackground6 {
  color: black;
  background: #d78642;
}
.teaserBackground7 {
  color: white;
  background: #d78642;
}

.teaserFont2,
.teaserFont4 {
  font-weight: bold;
}
.teaserFont3,
.teaserFont4 {
  font-style: italic;
}

.teaserSize1 {
  font-size: 13px;
}
.teaserSize2 {
  font-size: 18px;
}
.teaserSize3 {
  font-size: 22px;
}

.listFeatured .author,
.list .author,
.detail .author,
.featured .author {
  font-size: 18px;
}
.listFeatured .title,
.list .title,
.detail .title,
.featured .title {
  /*font-weight: bold;*/
  font-size: 18px;
  /*color: #46161e;*/
  color: #611f2a;
  color: black;
  color: #777;
  font-weight: bold;
  padding-bottom: 15px;
}
.listFeatured .description,
.list .description,
.detail .description,
.featured .description,
.detail .comment {
  font-size: 13px;
  padding-bottom: 15px;
  text-align: left;
}
.listFeatured .title,
.listFeatured .description,
.list .title,
.list .description {
  padding-bottom: 10px;
}
.list {
  border-top: #dbd3d8 1px solid;
  margin-top: 30px;
  padding-top: 15px;
}
.list .flowItem {
  border-bottom: #eee 1px solid;
  padding-bottom: 30px;
  margin-bottom: 30px;
  overflow: auto;
}
.listFeatured {}
.listFeatured .flowItem {
  background: #dbd3d8;
  background: #e49c5c;
  background: #f8b274;
  background: #dbd3d8;
  background: #eee;
  text-align: left;
  margin: 20px 0px 30px;
  padding: 20px 20px 20px;
  overflow: auto;
}
.listFeatured .flowItem .image {
  float: left;
}
.listFeatured a.outlineButton {
  background: #5c1e28;
  background: #46161e;
  background: #777;
  color: white;
}
.listFeatured a.outlineButton:hover {
  background: #888;
  color: white;
  text-decoration: none;
}
.listFeatured .title {
  color: black;
  color: #777;
}
.listFeatured a:hover,
.list a:hover {
  text-decoration: none;
}
.listFeatured .flowItem a,
.list .flowItem a {
  font-weight: normal;
}
.listFeatured .flowItem .text,
.list .flowItem .text {
  padding: 0px 0px 0px 180px;
}

.list .collNr {
  color: #666;
  padding-right: 20px;
}

.pager {
  /*border-bottom: #dbd3d8 1px solid;
  padding: 0px 20px 30px;
  margin: 0px 0px 30px;*/
  padding: 0px 20px 20px;
  margin: 0px;
}
.pager td {
  padding: 0px;
}
.pager .jump input[type="text"] {
  font-size: 14px;
  margin-left: 5px;
}
.pager .jump input[type="submit"] {
  font-size: 14px;
  /*padding: 5px 12px 4px;*/
  background: white;
  color: #555;
  font-weight: normal;
}

.pager b,
.pager a,
.pager .jump input[type="submit"] {
  display: inline-block;
  border: solid 2px #777;
  /*padding: 5px 20px;*/
  padding: 2px 5px;
  margin: 0px 4px;
}
.pager b,
.pager a:hover,
.pager .jump input[type="submit"]:hover {
  background: #777;
  color: white;
  text-decoration: none;
}

.listControl {
  border-bottom: #dbd3d8 1px solid;
  padding: 0px 20px 20px;
  margin: 0px 0px 30px;
}
.listControl .sort {
  float: left;
}
.listControl .itemsPerPage {
  text-align: right;
}



.list table,
.list thead tr,
.list tbody tr.even,
.list tbody tr.odd {
  background: transparent;
}

.cart {
  padding: 0px;
  margin: 0px;
  /*border-bottom: #dbd3d8 1px solid;*/
  padding: 0px 0px 20px;
  margin: 20px 0px 20px;
}
.cart .tfoot td {
  border-top: #dbd3d8 1px solid;
  vertical-align: middle;
}
.list thead th,
.cart table {
  border-bottom: #dbd3d8 1px solid;
}
.list thead th {
  font-style: normal;
}
.list thead th b {
  font-weight: normal;
  font-size: 16px;
}

.listControl label {
  padding-left: 15px;
}
.listControl input[type="submit"] {
  margin: 0px 15px;
}


.command {
  margin: 15px 0px 15px;
}
.command td {
  padding: 0px;
}

.secondaryButton,
a.secondaryButton,
input.secondaryButton,
.cartCommand .left input[type="submit"],
.page_counter_ .left input[type="submit"],
.page_order_ .right input[type="button"],
.page_order_ .right input[type="submit"] {
  background: white;
  color: #555;
  font-weight: normal;
  border: solid 2px #777;
  padding: 8px 28px;
  margin-right: 10px;
}
.secondaryButton:hover,
a.secondaryButton:hover,
input.secondaryButton:hover,
.cartCommand .left input[type="submit"]:hover,
.page_counter_ .left input[type="submit"]:hover,
.page_order_ .right input[type="button"]:hover,
.page_order_ .right input[type="submit"]:hover {
  background: black;
  border: solid 2px black;
  color: white;
  text-decoration: none;
}
.page_order_ .right input[type="button"],
.page_order_ .right input[type="submit"] {
  margin: 0px 0px 0px 10px;
}



.page_counter_ h3 {
  font-variant: normal;
  font-size: 14px;
}
.page_counter_ .invoiceAddress,
.page_counter_ .payment {
  border-bottom: #dbd3d8 1px solid;
  padding: 10px 10px 20px;
  margin: 0px 0px 30px;
}
.page_counter_ .deliveryAddress,
.page_counter_ .agbOrder {
  padding: 10px 10px 20px;
}
.page_counter_ .agbOrder {
  font-weight: bold;
}



/* -- Detail -- */
.detail .article {
  display: flex;
  margin-bottom: 40px;
}
.detail .articleDetails {
  flex-grow: 1;
}
.detail .picture {
  padding-left: 40px;
  width: auto;
}
.detail ul.additional {
  list-style: none;
  margin: 0px;
}
.detail ul.additional li {
  font-size: 13px;
  padding-bottom: 5px;
}
.detail ul.additional b {
  font-weight: normal;
}
.detail .price {
  padding-bottom: 10px;
}

.detail .shippingInfo {
  float: left;
  padding: 10px 0px 0px;
}
.detail .shippingInfo img {
  width: 170px;
}
.detail .shippingInfo p {
  color: #D40511;
  margin: 0px;
  font-weight: bold;
  font-size: 12px;
  text-align: center;
}
.detail .shippingInfo a {
  text-decoration: none;
}

.detail .share {
  float: right;
  margin: 20px 10px 5px;
}
.detail .share p {
  display: inline-block;
  float: left;
  margin-right: 20px;
  line-height: 46px;
  color: #666;
}
.detail .share .facebook {
  display: inline-block;
  background: transparent url(social_facebook.png) top left no-repeat;
  width: 46px;
  height: 46px;
  text-indent: 100%; white-space: nowrap; overflow: hidden;
  margin-right: 5px;
}
.detail .share .twitter {
  display: inline-block;
  background: transparent url(social_twitter.png) top left no-repeat;
  width: 46px;
  height: 46px;
  text-indent: 100%; white-space: nowrap; overflow: hidden;
  margin-right: 5px;
}
.detail .share .instagram {
  display: inline-block;
  background: transparent url(social_instagram.png) top left no-repeat;
  width: 46px;
  height: 46px;
  text-indent: 100%; white-space: nowrap; overflow: hidden;
}

.detailMailForm {
  background: #f4f0f3;
  padding: 20px 30px;
  margin-bottom: 30px;
}
.detailMailForm table {
  margin-bottom: 10px;
}

.detailContext {
  display: flex;
  /*justify-content: space-between;*/
  /*align-items: center;*/
  justify-content: center;
}
.detailContext .prevNumber,
.detailContext .nextNumber {
  float: none;
}
.detailContext .detailBackLink {
  padding: 0px 20px;
}

/* -- News -- */
.news {
  margin-right: -60px;
}
.news img {
  margin: 0px 25px 40px 0px;
}
.news .newsItem {
  padding: 0px 0px 20px;
  margin: 0px 0px 20px;
  border-bottom: #dbd3d8 1px solid;
}
.news .newsItem .newsText {
  margin: 0px 0px 0px 140px;
  margin: 0px;
}

/* -- Tiles -- */
.tiles {
  overflow: auto;
  list-style: none;
  margin: 0px;
  /*margin-right: -66px;*/
  display: flex;
  flex-wrap: wrap;
}
.tile {
  margin: 0px 45px 40px 0px;
  /*margin: 0px 65px 50px 0px;*/
  /*float: left;*/
  width: 250px;
}
.tile .image {
  position: relative;
}
.tile .overlay {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background: transparent;
  z-index: 10;
}
.tile img {
  font-size: 0px;
  padding: 0px;
  margin: 0px auto;
  display: block;
  max-width: 250px;
  max-height: 250px;
}
.tile .title {
  padding: 5px;
  margin: 0px;
  text-align: center;
  font-size: 16px;
}
.tile a,
.tile a:hover {
  text-decoration: none;
}
.tile a:hover .overlay {
  background: #99999933;
}

.tiles .tile {
  border: #eee 2px solid;
  background: #eee;
}
.tiles .tile:hover {
  border: #ccc 2px solid;
  background: #ccc;
}
.tiles .tile .title {
  background: #eee;
  color: #333;
}
.tiles .tile a:hover .title {
  background: #ccc;
}
.tiles .emptyTile {
  border: white 2px solid;
  background: none;
  width: 250px;
  height: 282px;
}
.tiles .emptyTile:hover {
  border: white 2px solid;
  background: white;
}
.tiles .collectionTile {
  /*box-sizing: border-box;*/
  border: #f8b274 2px solid;
  background: #f8b274;
  /*width: 250px;
  height: 282px;*/
  width: 210px;
  height: 242px;
  padding: 20px;
  text-align: center;
}
.tiles .collectionTile p {
  font-size: 18px;
  margin: 25px 5px 20px;
  line-height: 150%;
}
.tiles .collectionTile:hover {
  border: #f8b274 2px solid;
}
.tiles .julietTile {
  border: black 2px solid;
  /*border: #f8b274 2px solid;
  background: #f8b274;*/
  width: 210px;
  height: 242px;
  padding: 20px;
  text-align: center;
}
.tiles .julietTile:hover {
  /*border: black 2px solid;*/
}
.tiles .julietTile a img {
  text-align: center;
  display: inline-block;
}
.tiles .julietTile h3 {
  font-size: 20px;
  margin: 10px 0px 5px;
}
.tiles .julietTile p {
  font-size: 15px;
  line-height: 150%;
}
.tiles .julietTile a:hover {
  text-decoration: none;
}

.tilesCatalog {
  overflow: auto;
  list-style: none;
  margin: 0px;
  margin-right: -60px;
}
.tilesCatalog .tile {
  margin: 0px 50px 40px 0px;
}
.tilesCatalog .tile .title {
  /*margin: 1px 0px 10px;
  background: #dbd3d8;*/
  background: white;
  margin: 0px 0px 5px;
}
.tilesCatalog .tile a:hover {
  text-decoration: none;
}
.tilesCatalog .buttons a {
  display: block;
  text-align: center;
  margin-bottom: 10px;
}
.page_catalogues_ hr {
  margin-top: 5px;
}
.featuredCatalogs {
  overflow: hidden;
  margin-bottom: 40px;
}
.featuredCatalogs .signup {
  background: #df8c44;
  background: #e49c5c;
  background: #f8b274;
  float: right;
  width: 215px;
  height:  295px;
  margin-left: 40px;
  padding: 30px 20px;
  text-align: center;
}
.featuredCatalogs .signup ul.error {
  background: #fba;
  padding: 5px 3px;
  border: none;
  margin: -15px 0px -2px;
}
.featuredCatalogs .signup ul.error li {
  font-weight: normal;
  padding: 0px 0px 3px;
  font-size: 11px;
}
.featuredCatalogs .signup p {
  /*padding-top: 5px;*/
  padding: 0px 0px 5px;
  margin: 0px;
}
.featuredCatalogs .g-recaptcha > div,
.featuredCatalogs .g-recaptcha iframe {
  width: 100% !important;
}
.featuredCatalogs .signup form {
  padding-top: 10px;
  text-align: center;
}
.featuredCatalogs .signup input[type="text"] {
  width: 95%;
}
/*.featuredCatalogs .signup input[type="submit"] {
  margin-top: 0px;
  background: #dbd3d8;
  color: black;
  font-weight: normal;
}
.featuredCatalogs .signup input[type="submit"]:hover {
  background: #a2919b;
}*/

.featuredCatalog .image {
  float: left;
  margin-right: 40px;
}
.featuredCatalog a:hover {
  text-decoration: none;
}
.featuredCatalog .catNumber {
  font-size: 18px;
  color: #611f2a;
}
.featuredCatalog .title {
  font-size: 25px;
  color: black;
}
.featuredCatalog .buttons > div {
  float: left;
  margin: 5px 20px 10px 0px;
}

.catalogTopics {
  display: flex;
  flex-wrap: wrap;
  max-width: 601px;
}
.catalogTopics p {
  width: 300px;
}


/* -- Info pages -- */
/*.inannaBackground {
  background: transparent url(inanna-portrait.png) 850px 0px no-repeat;
  min-height: 401px;
}*/
.collectionInfo {
   background: transparent url(collection.jpg) 850px 0px no-repeat;
   min-height: 800px;
}
.bookcareInfo {
  background: transparent;
}
.bookcareInfo .images img {
  margin: 0px 4px 10px 0px;
  padding-right: 16px;
}
.bookcareInfo .images img.arrow {
  background: transparent url(arrow_right.png) 100% 50% no-repeat;
}
.infoPage {
  overflow: hidden;
}
.infoPage .alert,
.infoPage .figure,
.infoPage p,
.infoPage li,
.infoPage dt,
.infoPage dd,
.infoPage hr {
  font-size: 15px;
  line-height: 155%;
  max-width: 750px;
}
.infoPage h1,
.infoPage h2,
.infoPage h3,
.infoPage h4,
.infoPage h5 {
  max-width: 750px;
}
.infoPage ol {
  margin: 0px;
}
.infoPage li {
  padding-bottom: 5px;
}
.infoPage .figure img { /* deprecated */
  float: right;
}
.infoPage figure {
  margin: 10px 0px;
  max-width: 750px;
}
.infoPage figure figcaption {
  padding: 3px 0px 20px;
  font-size: 12px;
}
.infoPage figure.nocaption img {
  padding: 0px 0px 20px;
}
.infoPage figure img {
  max-width: 100%;
}
.infoPage figure.right,
.infoPage figure.background {
  float: right;
  width: 360px;
  clear: right;
}
.infoPage figure.background {
  padding-bottom: 20px;
}
.infoPage figure.background img {
  display: block;
  max-width: 100%;
}
.infoPage figure.stretched img {
  max-width: 100%;
}
.infoPage figure.border img {
  max-width: 350px;
}
.image-tool--withBorder .image-tool__image {
  max-width: 350px;
}
.infoPage td {
  font-size: 15px;
  line-height: 155%;
  white-space: nowrap;
}
.infoPage ul.error {
  max-width: 680px;
}
.infoPage .infoForm table {
  width: 520px;
}
.infoPage .infoForm input[type="text"],
.infoPage .infoForm select {
  width: 100%;
}
.infoPage .infoForm .contactMessage {
  padding-top: 15px;
}
.infoPage .infoForm textarea {
  width: 518px;
}
.infoPage .impressum td {
  padding: 1px 10px 1px 0px;
}
.infoPage .buttons a {
  margin-right: 20px;
}

.eventPage .eventImage {
  float: right;
  width: 360px;
  max-width: 100%;
  padding: 0px 0px 20px 20px;
}
.eventPage p {
  font-size: 15px;
  line-height: 155%;
  max-width: 750px;
}
.eventPage .eventGallery {
  max-width: 750px;
  margin-top: 30px;
}

.alert {
  box-sizing: border-box;
  background: #f8b274;
  padding: 10px 20px;
  margin: 0px 0px 20px;
  text-align: center;
}
.alert h3 {
  font-size: 30px;
  line-height: 195%;
  color: #46161e;
  color: #42161d;
}
.alert p {
  font-size: 18px;
  font-weight: bold;
  line-height: 195%;
}


/* -- Juliet -- */
.julietPage {
  background: none;
  min-height: 50px;
}
.julietPage .buttons {
  padding-top: 10px;
}
.julietPage .button {
  margin: 20px 20px 10px 0px;
}
.teaser {
  font-weight: bold;
  color: #611f2a;
}
.julietLogo {
  text-align: center;
  position: absolute;
  right: 70px;
  top: 120px;
}
.julietLogo h2 {
  font-size: 40px;
  font-weight: bold;
  padding: 0px;
  margin: 0px;
}
.julietLogo h3 {
  font-weight: normal;
}
.julietBox {
  background: #f4f0f3;
  padding: 20px 30px;
  margin-top: 30px;
  margin-bottom: 30px;
}


#gallery {
  position: static;
  max-width: none;
  padding: 40px 0px;
  margin: 20px 0px 40px;
  background: white;
}
#gallery ul {
  position: relative;
  margin: 0px auto;
  padding: 0px;
}
#gallery ul .slick-list {
  padding: 0px;
  margin: 0px 20px;
}
#gallery ul li {
  max-width: none;
}
#gallery figure {
  position: relative;
  margin: 0px;
  padding: 0px;
}
#gallery figure img {
  margin: 0px 0px 0px 40px;
  padding: 0px;
}
#gallery figure figcaption {
  position: absolute;
  width: 200px;
  bottom: 0px;
  right: 40px;
  color: black;
  background: #f8b274;
  padding: 20px;
  font-size: 16px;
}

.slick-dots {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: -20px;
  margin: 0px auto;
  list-style: none;
  text-align: center;
}
.slick-dots li {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: transparent url(dots.png) top left no-repeat;
  margin: 0px 3px;
  padding: 0px;
}
.slick-dots li.slick-active {
  background-position: -20px 0px;
}
.slick-dots li button {
  padding: 0px;
  margin: 0px;
  border: none;
  background: transparent;
  outline: none;
  display: block;
  width: 20px;
  height: 20px;
  font-size: 0px;
  line-height: 0px;
  cursor: pointer;
}

.slick-next,
.slick-prev {
  position: absolute;
  top: 50%;
  width: 30px;
  height: 30px;
  display: block;
  border: none;
  outline: none;
  background: transparent url(controls.png) top left repeat-y;
  background-position: 0px 0px;
  color: transparent;
  font-size: 0px;
  line-height: 0px;
  cursor: pointer;
  z-index: 1500;
}
.slick-prev {
  left: 20px;
}
.slick-prev:hover {
  background-position: 0px 30px;
}
.slick-next {
  right: 20px;
  background-position: -30px 0px;
}
.slick-next:hover {
  background-position: -30px 30px;
}


/* -- Footer -- */
p.hint {
  font-size: 13px;
  text-align: center;
  margin: 30px 12px 6px;
}

.footer {
  padding: 30px 0px 30px;
  background: white;
  border-top: #777 1px dotted;
}
.footer .inner {
  display: flex;
  justify-content: space-between;
}
.footer h3 {
  margin: 0px;
  padding: 0px 0px 10px;
  font-variant: normal;
  color: #333;
  font-size: 20px;
}
.footer p,
.footer li,
.footer li div {
  color: #333;
  font-size: 13px;
}
.footer p b {
  font-weight: normal;
}
.footer a {
  color: #777;
  font-weight: bold;
}
.footer a:hover {
  text-decoration: none;
  color: #333;
}
.footer .leftPanel,
.footer .rightPanel {
  width: 300px;
  padding: 0px;
}
.footer .leftPanel {
  padding-right: 20px;
}
.footer .centerPanel {
  padding: 0px 20px;
}
.footer .rightPanel {
  padding-left: 20px;
}
.footer .tagline {
  margin-top: 25px;
  font-weight: bold;
}
.footer .quickSignUp {
  text-align: center;
}
.footer .quickSignUp ul.error {
  margin-bottom: 10px;
}
.footer .quickSignUp ul.error * {
  color: black;
  font-weight: normal;
}
.footer .quickSignUp input[type="text"] {
  width: 250px;
}
.footer .quickSignUp input[type="submit"] {
  background: #777;
  color: white;
  font-weight: normal;
}
.footer .quickSignUp input[type="submit"]:hover {
  background: #333;
}
.footer .quickSignUp div.g-recaptcha {
  width: 304px;
  margin: 0px auto;
}
/*.footer .termsInfo {
  margin-top: 25px;
}*/
.footer .termsInfo ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
.footer .termsInfo li div {
  display: inline;
}
.footer .termsInfo li.active div {
  font-weight: bold;
  color: #333;
}
.footer .termsInfo li:before {
  content: "»";
  padding-right: 4px;
}
.footer .separator {
  position: relative;
  width: 77px;
}
.footer .separator .line {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  width: 50%;
  border-right: #777 1px dotted;
}
/*.footer .separator .image {
  position: absolute;
  top: 50%;
  left: 0px;
  right: 0px;
  height: 77px;
  margin-top: -44px;
  border-top: #46161e 5px solid;
  border-bottom: #46161e 5px solid;
  z-index: 10;
}
.footer .leftSeparator .image {
  background: transparent url(lion.png) 50% 50% no-repeat;
}
.footer .rightSeparator .image {
  background: transparent url(dove.png) 50% 50% no-repeat;
}*/

.copyright {
  background: #191919;
  padding: 20px 0px;
}
.copyright .inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.copyright p {
  font-size: 11px;
  color: white;
}
.copyright a {
  color: white;
}
.copyright a:hover {
  text-decoration: none;
  color: #ccc;
}
.copyright .socialMedia p {
  text-align: right;
  margin: 0px;
}


/* -- Internal -- */
.debugSession {
  display: none;
}

.internal {
  margin: 0px;
}
.internal .list table {
  border-collapse: collapse;
}
.internal .navigationBanner ul {
  justify-content: start;
}
.internal .navigationBanner li {
  padding-right: 10px;
}
.internal .sortableControl input[type="submit"] {
  margin-right: 10px;
}
.internal .list tr.level0 td {
  background: #d78642;
  font-weight: bold;
}
.internal .list tr.level1 td {
  background: #fd8;
  font-weight: bold;
}
.internal .list tr.level2 td {
  background: white;
}
.internal .list tr.level3 td {
  background: #fec;
}
.internal .list tr.level4 td {
  background: #fff9e0;
}
.internal .list tr td.tasks {
  background: #ccc;
}
.internal .list tr td.headline {
  background: #ccc;
}