html {
  overflow-y: scroll;
  height: 100%;
  /*zoom: 125%;
  -moz-transform: scale(1.15);
  -moz-transform-origin: 0 0;*/
     
/*-moz-transform:  scale(1.15,1.15);
-moz-transform-origin: center top;*/
}
.simpleTerms,
body {
  background: #ececec;
}
body, div, span, p, ul, ol, form, h1, h2, h3, th, td, table, input, select, textarea, button {
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  font-size: 13px;
  line-height: 19px;
  color: black;
}
/*h1 {
  margin: 30px 0px 20px;
  font-size: 20px;
  color: #800000;
  text-align: center;
}*/
h1 {
  font-size: 11px;
  font-weight: normal;
  color: #686666;
  padding: 3px 0px 20px;
}
h1:before {
  content: "◊";
  font-size: 11px;
  color: #800000;
  padding-right: 5px;
}
h2 {
  margin: 25px 0px 12px;
  font-size: 16px;
  font-weight: normal;
  color: #800000;
  text-align: center;
}
h3 {
  margin: 25px 0px 12px;
  font-size: 13px;
  font-weight: normal;
  color: #800000;
}
h4 {
  margin: 25px 0px 12px;
  font-size: 13px;
  font-weight: normal;
  color: black;
}
h4::before {
  content: "♦";
  color: #800000;
  padding-right: 5px;
  -webkit-text-fill-color: transparent;
  text-shadow: 0 0 0 #800000;
}
h1, h2, h3, h4, h5, h6, .flowItem {
  scroll-margin-top: 110px;
}
p, th, td, dt, dd, li {
  color: #333;
}
p, dd {
  margin: 0px 0px 12px;
}
.blockText p {
  text-align: left;
}
a,
a .mailat {
  color: black;
  -webkit-transition: color .30s ease-in-out;
  -moz-transition: color .30s ease-in-out;
  -o-transition: color .30s ease-in-out;
  transition: color .30s ease-in-out;
}
a .mailat::before {
  content: "@";
}
a .mailat span {
  /*display: none;*/
  /*visibility: hidden;*/
  width: 0px;
  display: inline-block;
  text-indent: 200%; white-space: nowrap; overflow: hidden;
  font-size: 1px;
  line-height: 1px;
}
a:hover,
a:hover .mailat {
  color: #800000;
  text-decoration: none;
}
.black {
  color: black;
}
.red {
  color: #800000;
}
img {
  position: relative;
  max-width: 100%;
}
/*
figure.floatRight {
  margin: 0px 0px 20px 20px;
}
figcaption {
  font-size: 13px;
}*/
input[type="text"], select, textarea {
  background: white;
  border-radius: 5px;
  font-size: 13px;
  line-height: 19px;
  padding: 1px 2px;
  outline: none;
  border: inset 2px #e3e3e3;
  max-width: 95%;
}
input[type="text"]:hover, select:hover, textarea:hover {
  /*border: inset 2px #800000;*/
  border: inset 2px #bbb;
}
select {
  padding: 3px 2px 2px;
}
a.outlineButton,
input[type="button"],
input[type="submit"] {
  /*border: none;
  padding: 7px 30px;
  color: #b2afaf;
  background: #333;
  -webkit-appearance: none;
  font-size: 13px;
  font-weight: normal;
  cursor: pointer;
  background: #686666;
  background: #444;
  color: white;
  -webkit-transition: background .30s ease-in-out;
  -moz-transition: background .30s ease-in-out;
  -o-transition: background .30s ease-in-out;
  transition: background .30s ease-in-out;*/
  display: inline-block;
  background: #f3f4f5;
  box-shadow: 0 0 #0000,0 0 #0000,0 1px 2px 0 rgba(0,0,0,.05);
  padding: 7px 20px;
  border: solid 1px #bbb;
  border-radius: .375rem;
  cursor: pointer;
  font-weight: bold;
  font-size: 11px;
  color: #333;
  margin: 0px 1px 1px 0px;
  -webkit-transition: background .20s ease-in-out;
  -moz-transition: background .20s ease-in-out;
  -o-transition: background .20s ease-in-out;
  transition: background .20s ease-in-out;
}
a.outlineButton:hover,
input[type="button"]:hover,
input[type="submit"]:hover {
  /*color: white;
  background: #444;
  text-decoration: none;
  background: #800000;*/
  background: white;
  color: black;
  border-color: #999;
}
a.outlineButton:active,
input[type="button"]:active,
input[type="submit"]:active {
  margin: 1px 0px 0px 1px;
}

/*
figure.info {
  float: right;
  padding: 0px;
  margin: 0px;
  padding: 5px 0px 0px 30px;
  width: 250px;
}
figure.big {
  float: right;
  padding: 0px;
  margin: 0px;
  padding: 5px 0px 0px 30px;
  width: 400px;
}
figure.full {
  padding: 0px;
  margin: 0px 0px 20px;
}
hr {
  border: none;
  border-top: #eeece1 1px solid;
  margin: 20px 0px;
  height: 1px;
}*/
body {
  height: 100%;
}
.pageContainer {
  height: 100%;
  max-width: 100%;
  border: none;
  display: grid;
  grid-template-rows: 1fr auto;
}
.inner {
  position: relative;
  max-width: 1000px;
  margin: 0px auto;
}


/* -- Header -- */
header {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 110px;
  margin: 0px;
  padding: 0px;
  background: #949494;
  background: -moz-linear-gradient(0deg, rgba(236,236,236,0) 0%, rgba(230,230,230,1) 7%, rgba(148,148,148,1) 100%);
  background: -webkit-linear-gradient(0deg, rgba(236,236,236,0) 0%, rgba(230,230,230,1) 7%, rgba(148,148,148,1) 100%);
  background: linear-gradient(0deg, rgba(236,236,236,0) 0%, rgba(230,230,230,1) 7%, rgba(148,148,148,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ececec",endColorstr="#949494",GradientType=1);
  z-index: 10;
}
header .inner {
  height: 100%;
}
header .pageTitle {
  display: none;
}
header .pageTitle h1 {
  padding: 0px;
  margin: 0px;
}
header .logo {
  position: absolute;
  left: 10px;
  top: 27px;
  display: block;
}
header .logo h2 {
  position: absolute;
  left: 54px;
  right: 0px;
  bottom: 5px;
  height: 19px;
  margin: 0px;
  padding: 0px;
  font-family: Times, serif;
  color: #333;
}
header nav ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
  clear: both;
  overflow: auto;
}
header nav ul li {
  display: inline-block;
}
header nav.main {
  position: absolute;
  left: 210px;
  right: 210px;
  bottom: 20px;
  margin: 0px;
}
header nav.main ul {
  text-align: center;
}
header nav.main ul li {
  font-size: 13px;
  padding: 0px 10px;
}
header nav.main ul li:before {
  content: "♦";
  font-size: 16px;
  color: #800000;
  padding-right: 5px;
  -webkit-text-fill-color: transparent;
  text-shadow: 0 0 0 #800000;
}
header nav.top {
  position: absolute;
  right: 10px;
  top: 27px;
  top: 20px;
}
header nav.top ul li {
  font-size: 11px;
  padding-left: 5px;
  float: left;
}
header nav.top ul li.termsNav:before {
  content: "/";
  padding-right: 5px;
}
header nav.top ul li.privacyNav:before {
  content: "//";
  letter-spacing: -2px;
  padding-right: 5px;
}
header nav.top ul li.mastheadNav:before {
  content: "≡";
  padding-right: 5px;
}
header nav.top a {
  color: #333;
}
header nav.top a:hover {
  color: #800000;
}
header nav.top ul {
  float: left;
}
header nav.top .languages {
  float: left;
  padding-left: 10px;
}
header nav.top .languages img {
  width: 14px;
}
header .menuSearch {
  position: absolute;
  right: 11px;
  bottom: 20px;
  text-align: right;
  clear: both;
  overflow: auto;
}
header .menuSearch input[type="text"] {
  background: #ececec;
  border-radius: 5px;
  width: 158px;
  font-size: 13px;
}
/*header .menuSearch input[type="text"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    height: 16px;
    width: 16px;
    margin-left: .4em;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23777'><path d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/></svg>");
    cursor: pointer;
}*/
header .menuSearch input[type="submit"] {
  display: inline-block;
  border: none;
  color: white;
  padding: 0px;
  width: 18px;
  height: 18px;
  background: transparent url(lupe.png) top left no-repeat;
  text-indent: 200%; white-space: nowrap; overflow: hidden;
}
header .menuSearch button {
  display: inline-block;
  border: none;
  outline: none;
  background: transparent;
  padding: 0px;
  margin: 0px 0px;
  line-height: 0px;
  cursor: pointer;
  margin-left: 10px;
}
header .menuSearch button svg {
  position: relative;
  top: 3px;
  fill: #333;
  width: 18px;
  height: 18px;
}
header .menuSearch .reset {
  margin-left: 5px;
}
header .menuSearch .reset svg {
  top: 0px;
  fill: #999;
  width: 10px;
  height: 10px;
}
header .menuSearch svg:hover {
  fill: #800000;
}
header .menuSearch .reset {
  position: absolute;
  border: none;
  display: block;
  width: 10px;
  height: 10px;
  top: 0;
  bottom: 0;
  right: 40px;
  margin: auto;
  transition: .1s;
}

header .menuSearch .quicksearch,
header .menuSearch .cartNav {
  float: left;
}
header .menuSearch .quicksearch input {
  padding-right: 20px;
}
header .menuSearch .cartNav {
  height: 22px;
  margin-left: 10px;
}
header .menuSearch .cartNav a {
  display: inline-block;
  border: none;
  color: white;
  padding: 0px;
  width: 22px;
  height: 22px;
  background: transparent url(cart.png) center center no-repeat;
  text-indent: 200%; white-space: nowrap; overflow: hidden;
}
nav.mobile {
  display: none;
}

/* -- Navigation -- */
/*nav.main {
  background: #a72b30;
  margin: 0px;
  padding: 1px 0px;
}
nav.main ul {
  margin: 0px 20px;
  list-style: none;
  overflow: auto;
  /*display: flex;
  /*justify-content: space-between;*/
/*}
nav.main li {
  display: inline-block;
  margin: 1px 0px;
}
nav.main li,
nav.main div,
nav.main a {
  font-size: 14px;
  font-weight: 600;
  color: white;
}
nav.main li.active > div,
nav.main a {
  display: block;
  padding: 9px 15px;
  margin: 0px 1px;
}
nav.main li.active > div,
nav.main li:hover > div > a {
  background: #c45651;
  text-decoration: none;
  border-radius: 4px;
}
nav.main ul ul {
  display: none;
  position: absolute;
  box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.2);
  z-index: 1;
  background: #a72b30;
  margin: 0px;
}
nav.main ul ul li {
  display: block;
}
nav.main ul li:hover ul {
  display: block;
}

nav.main .menuSearch {
  float: right;
  margin-right: 20px;
}
nav.main .menuSearch,
nav.main .menuSearch label,
nav.main .menuSearch input {
  font-size: 14px;
}
nav.main .menuSearch .quicksearch {
  padding: 7px 0px;
}
nav.main .menuSearch input[type="submit"] {
  background: blue;
  border: none;
  color: white;
  padding: 2px 5px;
  background: transparent url(search.svg) top left no-repeat;
  text-indent: 200%; white-space: nowrap; overflow: hidden;
}
nav.main .menuSearch input[type="submit"]:hover {
  opacity: 0.6;
}


/* -- Main -- */
main {
  margin-top: 110px;
  padding-bottom: 250px;
}
.content {
  box-sizing: border-box;
  padding: 0px 10px;
}
/*.breadcrumbs {
  padding: 3px 0px 20px;
}
.breadcrumbs a {
  font-size: 10px;
  color: #686666;
}
.breadcrumbs a:before {
  content: "◊";
  font-size: 10px;
  color: #800000;
  padding-right: 5px;
}*/

.pane {
  background: transparent;
  padding: 0px;
}
.command td {
  padding: 0px;
}

/* -- Index -- */
body.index {
  background: #cacaca;
}
.index main {
  margin: 0px auto;
  padding: 0px;
  top: 56px;
  position: relative;
  max-width: 850px;
}
.index main .logo {
  position: absolute;
  top: 0px;
  left: 360px;
}
.index main .title {
  position: absolute;
  top: 250px;
  left: 60px;
}
.index main .title h2 {
  font-size: 16pt;
  color: black;
}
.index main .link {
  position: absolute;
  top: 410px;
  left: 525px;
}
.index main .link a,
.index main .link a .mailat {
  color: black;
  font-size: 13px;
}
.index main .link a:hover,
.index main .link a:hover .mailat {
  color: white;
  color: #800000;
}
.index main .link .languages a {
  padding: 10px 7px;
  display: inline-block;
}
.index main .link .languages img {
  width: 20px;
}
.index main .indexAddress {
  position: absolute;
  top: 410px;
  left: 150px;
}
.index main .indexAddress * {
  font-size: 13px;
}
.index main .indexAddress .label {
  color: #939090;
  text-align: right;
}
.index main .indexAddress .value,
.index main .indexAddress .value a,
.index main .indexAddress .value a .mailat {
  color: #6C6868;
}
.index main .indexAddress .value a:hover,
.index main .indexAddress .value a:hover .mailat {
  color: white;
  color: #800000;
}
.index main .indexAddress .name {
  color: black;
  padding-bottom: 10px;
}
.index main .copyright {
  position: absolute;
  top: 550px;
  right: 0px;
}
.index main .copyright p {
  font-size: 10px;
  color: #808080;
  padding: 10px;
}
/* -- Detail -- */
/*.detail td .description,
.detail td .comment {
  text-align: left;
}
ul.additional {
  margin: 10px 0px 15px 15px;
}
ul.additional b {
  font-weight: normal;
}*/

.detail,
.detailBackLink {
  max-width: 800px;
  margin: 0px auto;
}
.detail {
  margin-bottom: 40px;
}
.detail h3 {
  font-size: 15px;
  line-height: 22px;
  margin-bottom: 15px;
}
.detail .description {
  text-align: left;
  font-size: 13px;
  line-height: 19px;
}
.detail .comment {
  text-align: left;
  font-size: 11px;
  font-size: 13px;
  font-style: normal;
  line-height: 19px;
  color: #666;
}
.detail .additional {
  list-style: none;
  margin: 20px 0px 10px;
}
.detail .additional li,
.detail .additional li span,
.detail .additional li b {
  font-weight: normal;
  color: #666;
  font-size: 10px;
  font-size: 11px;
  line-height: 17px;
}
.detail .images img {
  height: 180px;
}

.detail .print,
.detail .order {
  padding-top: 20px;
}
.detail .entry {
  position: relative;
}
/*.detail .order {
  position: absolute;
  bottom: 0px;
  right: 0px;
}*/
.detail .order {
  float: right;
  padding-top: 13px;
}
.detail .order input {
  font-weight: normal;
  padding: 5px 20px;
}

.detailContext a span {
  color: black;
}
.detailContext a:hover span {
  color: #800000;
}

/* -- List -- */
.list .highlight1,
.list .highlight2,
.list .highlight3 {
  background: yellow;
  background: white;
  background: #ddd;
  background: #d0d0d0;
  color: inherit;
}
.list .flowItem {
  background: transparent;
  border-bottom: #ccc 1px solid;
  padding: 20px 20px 10px;
  padding: 30px 20px 20px;
}
.list .flowItem::after { 
   content: " ";
   display: block; 
   height: 0; 
   clear: both;
}
.list .flowItem .image img {
  height: auto;
  width: auto;
  max-height: 150px;
  max-width: 150px;
}
.list .flowItem .text {
  padding: 0px 0px 0px 180px;
}
.list .flowItem .detailLink {
  float: left;
  margin-right: 20px;
}
.list .flowItem .author a {
  color: #800000;
}
/*.list .flowItem .price {
  text-align: right;
}*/
.list .flowItem .detailLink a,
.list .flowItem .order a {
  display: inline-block;
  font-size: 11px;
}
.list .flowItem .order button {
  background: transparent;
  border: none;
  outline: none;
  cursor: pointer;
  font-size: 11px;
  padding: 0px;
  margin: 0px;
  color: #333;
  font-weight: normal;
}
.list .flowItem .order {
  float: right;
}
.list .flowItem .detailLink svg,
.list .flowItem .order svg {
  position: relative; 
  height: 16px;
  width: 16px;
  top: 2px;
  vertical-align: top;
  fill: #333;
  padding-right: 1px;
}
.list .flowItem .order svg {
  height: 13px;
  top: 3px;
  padding: 0px 2px 0px 1px;
}
.list .flowItem .detailLink a:hover svg,
.list .flowItem .order button:hover svg,
.list .flowItem .order a:hover svg {
  fill: #800000;
}
.list .flowItem .order button:hover {
  color: #800000;
}
.pager .jump {
  width: 190px;
}
.pager .jump input[type="submit"] {
  padding: 2px 10px 2px;
}
.listNav {
  display: inline-block;
}
/*.listNav {
  float: right;
  padding-right: 10px;
}*/
.listEmpty {  
  margin: 0px 0px 0px;
  max-width: 800px;
  margin: 20px auto;
}

/* -- Order -- */
.cart table, 
.cart table tbody tr.even,
.cart table tbody tr.odd {
  background: transparent;
}
.cart thead th {
  border-bottom: #ccc 1px solid;
  font-style: normal;
  font-size: 11px;
}
.cart thead th b {
  font-size: 13px;
}
.cartedit thead .quantity {
   padding-right: 15px;
}
.cartedit tbody .quantity button {
  padding-left: 10px;
}
.cart td {
  padding: 10px 4px;
}
.cart .tfoot td {
  border-top: #ccc 1px solid;
  height: 29px;
  vertical-align: middle;
}
.cartedit tbody .quantityJS button:hover svg {
  fill: #800000;
}
.orderProgress {
  display: none;
}
.address td.label {
  /*text-align: right;*/
}
.address td {
  height: 25px;
}
.address td,
.address label,
.address .countryInfo {
  font-size: 13px;
}
.agbOrder p a {
  text-decoration: underline;
}
.orderHead p {
  font-size: 13px;
}
/*.cart {
  margin: 20px 0px;
}
.cart thead th {
  display: table-cell;
  background: transparent;
  border-bottom: black 1px solid;
  font-style: normal;
}
.cart thead th b {
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
}
.cart thead .quantity {
  text-align: center;
}
.cart select {
  font-size: 14px;
}
.cart tbody .quantity input {
  font-size: 14px;
}
.cart tbody .quantity img {
  vertical-align: middle;
}
.address td,
.address label,
.address .countryInfo {
  font-size: 16px;
}
.address .countryInfo {
  margin: 0px;
  padding: 1px 3px;
}
.address input[type="text"],
.address select {
  font-size: 14px;
}

.payment input[type="radio"] {
  margin-top: 0px;
}
.orderHead {
  margin: 11px 0px 35px;
}
.orderHead .pane {
  background: #eeece1;
  padding: 10px 10px;
}
.orderHead h3 {
  margin: 0px 0px 10px;
  padding: 0px 0px 0px;
}
.orderProgress li {
  background: #eeece1;
}
.orderProgress .stateOK span {
  color: green;
}
.orderProgress .stateActive span {
  color: #a72b30;
}

/* -- Search -- */
.search {
  margin: 50px auto 20px;
  max-width: 500px;
}
.search .label {
  text-align: right;
  padding-right: 10px;
  box-sizing: border-box;
  min-width: 120px;
}
.search .constraints {
  margin-bottom: 20px;
}
.search .constraints .subjectField .label {
  color: #800000;
}
.search .constraints .subjectField input {
  width: 400px;
}
.search .constraints .subjectField td,
.search .constraints .categoryField td,
.search .constraints .titleField td {
  padding-bottom: 20px;
}
.search .constraints .languageField select {
  width: 220px;
}
.search .constraints button {
  display: inline-block;
  border: none;
  outline: none;
  background: transparent;
  padding: 0px;
  margin: 0px 10px;
  line-height: 0px;
  cursor: pointer;
}
.search .constraints button svg {
  position: relative;
  top: 2px;
}
.search .constraints .submit svg {
  top: 3px;
  fill: #333;
  width: 18px;
  height: 18px;
}
.search .constraints .reset svg {
  fill: #bbb;
  width: 14px;
  height: 14px;
}
.search .constraints button svg:hover {
  fill: #800000;
}
/*.search .command {
  padding-left: 120px;
}*/


/* -- Browse -- */
.categories .items {
  columns: 2;
  column-gap: 40px;
}
.categories .items ul {
  list-style: none;
  margin: 0px;
}
.categories .items li {
  padding-bottom: 2px;
}
.categories .items .col1 li {
  text-align: right;
}

/*.detailBackLink {
  padding-top: 30px;
}
.detailBackLink > a {
  padding: 5px 10px;
  margin-top: 20px;
  display: inline-block;
}
.detailBackLink a span {
  color: #a72b30;
}

/* -- Info pages -- */

/*.message {
  background: #eeece1;
  margin: 0px 0px 40px;
  border: none;
  color: black;
  font-size: 17px;
  font-weight: normal;
  text-align: left;
  padding: 10px 20px;
}

.shipping table {
  margin-bottom: 20px;
}
.shipping table td {
  padding: 2px 20px 2px 0px;
}
.shipping table td:nth-child(1) {
  min-width: 145px;
}
.shipping table td:nth-child(2) {
  min-width: 90px;
  text-align: right;
}

.contact .contactAddress {
  float: right;
  width: 300px;
  font-size: 13px;
}
.contact .contactMap .map {
  padding: 0px;
  border: solid 1px white;
  max-width: 950px;
  height: 400px;
  margin: 0px 320px 0px 0px;
}
.contact .contactMap .map .ol-attribution {
  line-height: 12px;
}
.contact .contactMap .map .ol-attribution li {
  font-size: 10px;
  line-height: 12px;
}
.contact .contactMap .marker {
  width: 20px;
  height: 20px;
  border: 1px solid blue;
  border-radius: 10px;
  background-color: blue;
  opacity: 0.5
}
.feedback .contactMessage {
  padding-top: 10px;
}
*/

.abbrv dl {
  margin: 10px auto;
  width: 220px;
}
.abbrv dt,
.abbrv dd {
  box-sizing: border-box;
  font-size: 11px;
  margin: 0px;
  padding: 0px 10px 3px 0px;
  color: black;
}
.abbrv dt {
  float: left;
  width: 75px;
  /*width: 200px;
  text-align: right;*/
}
.abbrv dd {
  padding-left: 75px;
}
.abbrv dd::before {
  content: "=";
  padding-right: 10px;
}
.abbrv .abbreviations {
  width: 650px;
  columns: 2;
  column-gap: 50px;
}
.abbrv .abbreviations dt {
  width: 100px;
}
.abbrv .abbreviations dd {
  padding-left: 100px;
}
.abbrv .remark {
  font-size: 11px;
  text-align: center;
  margin: 20px 0px 40px;
}
.abbrv .bindingEN {
  width: 340px;
}
.abbrv .bindingEN dt,
.abbrv .bindingEN .name {
  float: left;
  width: 100px;
}
.abbrv .bindingEN .name {
  padding-left: 0px;
}
.abbrv .formats {
  width: 300px;
}
.abbrv .formats dt,
.abbrv .formats .name {
  float: left;
  width: 100px;
}
.abbrv .formats dd.name {
  padding-left: 0px;
}
.abbrv .formats dd.cm {
  padding-left: 200px;
}
.abbrv .formatsEN {
  width: 380px;
}
.abbrv .formatsEN .name {
  width: 120px;
}
.abbrv .formatsEN dd.cm {
  padding-left: 240px;
}
.abbrv .bibliography {
  list-style: none;
  margin: 20px 0px 0px;
  max-width: 800px;
  margin: 20px auto;
}
ul.error {
  max-width: 800px;
  margin: 40px auto;
}
.abbrv .bibliography li {
  margin: 0px 0px 20px;
}
.abbrv .bibliography .title {
  display: block;
}
.abbrv .bibliography .title b {
  color: #800000;
  font-weight: normal;
}
.abbrv .bibliography .remark {
  display: block;
  font-size: 11px;
  color: #333;
  text-align: left;
  margin: 1px 0px 0px;
}

.purchase p {
  font-size: 11px;
}
.purchase .header {
  font-weight: bold;
  color: black;
  margin: 20px 0px 40px;
  padding: 0px;
  background: transparent;
}
.purchase .text {
  color: black;
}
.purchase .remark {
  color: #686666;
  margin: 40px 0px 0px;
}

.contactForm {
  max-width: 700px;
  margin: 40px auto 10px;
}
.contactForm td {
  vertical-align: top;
  padding: 0px 5px 30px;
}
.contactForm .label {
  text-align: right;
  line-height: 25px;
  width: 125px;
}
.contactForm .msg td {
  padding-bottom: 0px;
  height: 141px;
}
.contactForm .msg .label {
  padding-top: 1px;
}
.contactForm .msg textarea {
  height: 118px;
}
.contactForm .agr td {
  font-size: 11px;
  padding-bottom: 0px;
  height: 41px;
}
.contactForm .agr .val {
  font-size: 11px;
  text-indent: -25px;
  padding-left: 25px;
}
/*.contactForm .btns {
  padding-left: 140px;
}*/
.contactForm form {
  position: relative;
}
.contactForm .btns {
  position: absolute;
  left: 22px;
  bottom: 59px;
}


.agb .links {
  margin: 40px 0px 10px;
}
.agb .links p,
.agb .links span {
  font-size: 11px;
}
.agb .links .arrow {
  letter-spacing: -2px;
}
.agb .links p a {
  font-weight: bold;
  color: #333;
}
.agb .links p a:hover {
  color: #800000;
}
.agb .scrollBox {
  box-sizing: border-box;
  width: 566px;
  height: 162px;
  border: black 2px inset;
  margin: 10px 0px;
  padding: 3px 10px;
  overflow-y: scroll;
}
.agb .scrollBox * {
  font-size: 11px;
  line-height: normal;
}
.agb .scrollBox h2,
.agb .scrollBox h3 {
  font-weight: bold;
  margin: 10px 0px 5px;
}
.scrollBox.disclaimer {
}
.agb .scrollBox.privacy {
  border-color: #800000;
}
.agb .scrollBox.privacy h3,
.agb .scrollBox.privacy h4 {
  color: black;
  font-weight: bold;
}
.agb ol {
  margin: 20px 0px 50px;
  padding: 0px;
  list-style-position: inside;
}
.agb ol li {
  color: #800000;
}
.agb .responsible {
  text-align: center;
  margin: 50px 0px 40px;
}
.agb .copyright,
.agb .legalNote {
  font-size: 11px;
  line-height: normal;
  color: #686666;
}

.masthead table {
  margin: 10px auto;
}
.masthead td {
  color: #333;
  vertical-align: top;
  font-size: 13px;
  line-height: 21px;
  padding: 0px;
  height: auto;
}
.masthead .label,
.masthead .address .label {
  color: #808080;
  text-align: right;
  padding-right: 10px;
  min-width: 150px;
}
.masthead .name .label {
  color: #800000;
  font-weight: normal;
}
.masthead .name td,
.masthead .address td,
.masthead .web td {
  padding-bottom: 20px;
  display: table-cell;
}
.masthead p {
  font-size: 11px;
  color: #808080;
  text-align: center;
}
.masthead p span {
  font-size: 11px;
}

/* -- Footer -- */
footer {
  background: #333 url(footer.png) center 52px no-repeat;
  background-size: 93px 73px;
  border: none;
  margin: 0px;
  padding: 0px;
  height: 178px;
  margin-top: -178px;
}
footer .inner {
  height: 100%;
}
footer a,
footer a .mailat {
  color: #b2afaf;
}
footer a:hover,
footer a:hover .mailat {
  color: white;
}
footer td {
  font-size: 13px;
  line-height: 21px;
  color: #b2afaf;
  padding: 0px;
  width: 200px;
  box-sizing: border-box;
}
footer .label,
footer .col1 {
  text-align: right;
  padding-right: 6px;
}
footer .value,
footer .col2 {
  padding-left: 6px;
}
footer .contact div,
footer nav.footer ul li {
  display: inline-block;
  width: 200px;
  box-sizing: border-box;
  font-size: 13px;
  line-height: 21px;
  color: #b2afaf;
}
footer .contact {
  position: absolute;
  top: 25px;
  left: 10px;
  display: flex;
  width: 400px;
  flex-wrap: wrap;
}
footer .contact .small,
footer .contact .row2.col1 {
  font-size: 11px;
}
footer .contact .gray,
footer .contact .row4.col1,
footer .contact .row5.col1 {
  color: #808080;
}


/*footer .contact table {
  margin: 10px auto;
}
footer .contact table td {
  color: #333;
  vertical-align: top;
  font-size: 13px;
  line-height: 21px;
  padding: 0px;
}
.masthead .label {
  color: #808080;
  text-align: right;
  padding-right: 10px;
}
.masthead .name .label {
  color: #800000;
  font-weight: normal;
}
.masthead .name td,
.masthead .address td,
.masthead .web td {
  padding-bottom: 20px;
}*/

footer nav.footer {
  position: absolute;
  top: 25px;
  right: 10px;
  margin: 0px;
}
footer nav.footer ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
  display: flex;
  width: 400px;
  flex-wrap: wrap;
}
footer nav.footer ul li.col2 {
  padding-left: 0px;
}
footer nav.footer ul li.col2:before {
  content: "◊";
  font-size: 11px;
  line-height: 11px;
  color: #808080;
  padding-right: 6px;
}
footer .copyright {
  position: absolute;
  bottom: 7px;
  right: 15px;
  font-size: 9px;
  color: #686666;
}
footer .copyright a {
  color: #686666;
}
footer .copyright a:hover {
  color: #808080;
}

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

.internal #quickLinkTable .level0 td {
  background: white;
  background: #ececec;
  color: #800000;
  font-weight: bold;
}
.internal #quickLinkTable .level1 td {
  background: #ececec;
  background: white;
}
.internal #quickLinkTable .level2 td {
  background: #ddd;
  background: white;
}
.internal #quickLinkTable tr .tasks {
  background: #ccc;
}
/*.internal .entity .content {
  background: #ccbda6;
}
.internal .list tbody tr.odd,
.internal .list tbody tr.even {
  border: none;
}
.internal .list tr td {
    padding: 2px 7px;
}
.internal .list tbody tr.odd td,
.internal .list tbody tr.even td {
  background: transparent;
}
.internal .list tbody tr td.catalogImage {
  width: 200px;
}
.internal .list tbody tr td.tasks {
  background: #eeece1;
  width: 100px;
}
nav.main .internalMenu ul {
  justify-content: flex-start;
}*/



.ct *{
  color: white !important;
  font-size: 13px;
}
.ce-block__content,
.ce-toolbar__content {
  max-width: inherit;
}
.ce-popover-item svg[height="14"],
.ce-inline-toolbar__dropdown svg[height="14"] {
  height: 12px;
}
.codex-editor__redactor {
  padding: 2px 5px;
  padding-bottom: 100px !important;
  border: #666 1px solid;
  margin-bottom: 20px;
}
/*.ce-paragraph {
  font-size: 15px;
  line-height: 23px;
  color: #555;
}*/