/*#52771B*/
/* promobar */
/*#7e3bd0*/
/*#d03bc4*/
/* media up to # */
/* media from # up */
.article {
  position: relative;
  display: block; }

.inset_quantity {
  padding-right: 10px; }

.article #adescription .teaser,
.article #adescription .description {
  display: inline; }

.article.micro,
.article-detail-section .article.matrix {
  position: relative;
  display: block;
  flex: 0 1 100%;
  justify-content: flex-start;
  padding: 0 10px 10px 10px;
  background-color: #fff;
  transition: background-color 0.15s ease-in;
  margin-bottom: 10px; }
  @media (min-width: 544px) and (max-width: 767px) {
    .article.micro,
    .article-detail-section .article.matrix {
      flex: 0 1 50%; } }
  @media (min-width: 768px) and (max-width: 979px) {
    .article.micro,
    .article-detail-section .article.matrix {
      flex: 0 1 50%; } }
  @media (min-width: 980px) {
    .article.micro,
    .article-detail-section .article.matrix {
      flex: 0 1 25%; } }
  .article.micro .image,
  .article-detail-section .article.matrix .image {
    width: 100%;
    height: 200px;
    overflow: hidden;
    position: relative;
    text-align: center;
    background-color: #F4F5F2; }
    @media (min-width: 544px) and (max-width: 767px) {
      .article.micro .image,
      .article-detail-section .article.matrix .image {
        height: 200px; } }
    @media (min-width: 768px) and (max-width: 979px) {
      .article.micro .image,
      .article-detail-section .article.matrix .image {
        height: 170px; } }
    @media (min-width: 980px) and (max-width: 1199px) {
      .article.micro .image,
      .article-detail-section .article.matrix .image {
        height: 200px; } }
    @media (min-width: 1200px) {
      .article.micro .image,
      .article-detail-section .article.matrix .image {
        height: 250px; } }
    .article.micro .image img,
    .article-detail-section .article.matrix .image img {
      height: 100%;
      width: auto;
      max-width: 100%;
      -moz-transition: scale 0.3s ease-in-out;
      -webkit-transition: scale 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
      filter: url(#ImageBgTone); }
  .article.micro .article-overlay,
  .article-detail-section .article.matrix .article-overlay {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(235, 235, 235, 0.3);
    transition: all 0.15s ease-in;
    text-align: center; }
  .article.micro .article-overlay-btn,
  .article-detail-section .article.matrix .article-overlay-btn {
    position: relative;
    top: 60%;
    color: #EE5A1C;
    background-color: rgba(255, 255, 255, 0.8);
    padding: 1rem 4rem 1.2rem 4rem;
    font-size: 1.5rem;
    font-weight: bold;
    text-transform: uppercase;
    border: 1px solid #EE5A1C;
    transition: all 0.15s ease-in;
    -webkit-transform: translateY(-10%);
    transform: translateY(-10%); }
    .no-csstransforms .article.micro .article-overlay-btn, .no-csstransforms
    .article-detail-section .article.matrix .article-overlay-btn {
      top: 35%; }
    .article.micro .article-overlay-btn:hover,
    .article-detail-section .article.matrix .article-overlay-btn:hover {
      color: #fff;
      background-color: #EE5A1C; }
  .article.micro h6,
  .article-detail-section .article.matrix h6 {
    font-size: 1.4rem;
    line-height: 1.8rem;
    margin-top: 5px; }
  .article.micro:hover,
  .article-detail-section .article.matrix:hover {
    background-color: rgba(235, 235, 235, 0.3); }
    .article.micro:hover .image img,
    .article-detail-section .article.matrix:hover .image img {
      -moz-transform: scale(1.05);
      -webkit-transform: scale(1.05);
      transform: scale(1.05); }
    .article.micro:hover h5, .article.micro:hover h6,
    .article-detail-section .article.matrix:hover h5,
    .article-detail-section .article.matrix:hover h6 {
      color: #EE5A1C; }

.article.mini {
  position: relative;
  display: block;
  flex: 0 1 50%;
  justify-content: flex-end;
  padding: 0 10px 10px 10px;
  background-color: #fff;
  transition: background-color 0.15s ease-in;
  margin-bottom: 10px; }
  @media (min-width: 544px) and (max-width: 767px) {
    .article.mini {
      flex: 0 1 33.33%; } }
  @media (min-width: 768px) and (max-width: 979px) {
    .article.mini {
      flex: 0 1 33.33%; } }
  @media (min-width: 980px) and (max-width: 1199px) {
    .article.mini {
      flex: 0 1 25%; } }
  @media (min-width: 1200px) {
    .article.mini {
      flex: 0 1 20%; } }
  .article.mini .image {
    width: 100%;
    height: 180px;
    overflow: hidden;
    position: relative;
    text-align: center;
    background-color: #F4F5F2; }
    @media (min-width: 544px) and (max-width: 767px) {
      .article.mini .image {
        height: 200px; } }
    @media (min-width: 768px) and (max-width: 979px) {
      .article.mini .image {
        height: 160px; } }
    @media (min-width: 980px) and (max-width: 1199px) {
      .article.mini .image {
        height: 190px; } }
    @media (min-width: 1200px) {
      .article.mini .image {
        height: 220px; } }
    .article.mini .image img {
      width: auto;
      height: 100%;
      -moz-transition: scale 0.3s ease-in-out;
      -webkit-transition: scale 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
      filter: url(#ImageBgTone); }
  .article.mini .article-overlay {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(235, 235, 235, 0.3);
    transition: all 0.15s ease-in;
    text-align: center; }
  .article.mini .article-overlay-btn {
    position: relative;
    top: 60%;
    color: #EE5A1C;
    background-color: rgba(255, 255, 255, 0.8);
    padding: 1rem 4rem 1.2rem 4rem;
    font-size: 1.5rem;
    font-weight: bold;
    text-transform: uppercase;
    border: 1px solid #EE5A1C;
    transition: all 0.15s ease-in;
    -webkit-transform: translateY(-10%);
    transform: translateY(-10%); }
    .no-csstransforms .article.mini .article-overlay-btn {
      top: 35%; }
    .article.mini .article-overlay-btn:hover {
      color: #fff;
      background-color: #EE5A1C; }
  .article.mini h6 {
    font-size: 1.4rem;
    line-height: 1.8rem;
    margin-top: 5px; }
  .article.mini:hover {
    background-color: rgba(235, 235, 235, 0.3); }
    .article.mini:hover .image img {
      -moz-transform: scale(1.1);
      -webkit-transform: scale(1.1);
      transform: scale(1.1); }
    .article.mini:hover h5,
    .article.mini:hover h6 {
      color: #EE5A1C; }

.article.list {
  position: relative;
  display: block;
  flex: 0 1 100%;
  justify-content: flex-start;
  padding: 0 10px 10px 10px;
  background-color: #fff;
  transition: background-color 0.15s ease-in;
  margin-bottom: 10px; }
  @media (min-width: 544px) and (max-width: 767px) {
    .article.list {
      flex: 0 1 50%; } }
  @media (min-width: 768px) and (max-width: 979px) {
    .article.list {
      flex: 0 1 50%; } }
  @media (min-width: 980px) {
    .article.list {
      flex: 0 1 25%; } }
  .article.list .image {
    width: 100%;
    height: 200px;
    overflow: hidden;
    position: relative;
    text-align: center;
    background-color: #F4F5F2; }
    @media (min-width: 544px) and (max-width: 767px) {
      .article.list .image {
        height: 200px; } }
    @media (min-width: 768px) and (max-width: 979px) {
      .article.list .image {
        height: 170px; } }
    @media (min-width: 980px) and (max-width: 1199px) {
      .article.list .image {
        height: 200px; } }
    @media (min-width: 1200px) {
      .article.list .image {
        height: 250px; } }
    .article.list .image img {
      width: auto;
      height: 100%;
      -moz-transition: scale 0.3s ease-in-out;
      -webkit-transition: scale 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
      filter: url(#ImageBgTone); }
  .article.list h6 {
    font-size: 1.4rem;
    line-height: 1.8rem;
    margin-top: 5px; }
  .article.list:hover {
    background-color: rgba(235, 235, 235, 0.3); }
    .article.list:hover .image img {
      -moz-transform: scale(1.1);
      -webkit-transform: scale(1.1);
      transform: scale(1.1); }
    .article.list:hover h5, .article.list:hover h6 {
      color: #EE5A1C; }

.article-info {
  margin-top: auto;
  padding-top: 10px;
  padding-bottom: 0px;
  font-family: Bitter, Georgia, Times, Times New Roman, serif; }
  .article-info h5 {
    font-size: 1.4rem;
    margin-top: 10px;
    margin-bottom: 10px; }
    @media (min-width: 768px) {
      .article-info h5 {
        font-size: 1.5rem; } }
  .article-info h6 {
    font-size: 1.7rem;
    margin-bottom: 10px; }
    @media (min-width: 768px) {
      .article-info h6 {
        font-size: 1.8rem; } }

.article-info .price {
  margin-top: 10px;
  margin-bottom: 10px; }

.article-info .currency1 {
  font-size: 1.6rem;
  font-weight: bold; }

.article-info .currency2 {
  font-size: 1.1rem;
  font-weight: normal;
  line-height: 120%;
  padding-top: 3px;
  color: #666; }

.article-info .vat {
  display: none; }

.article-info .buy_light {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 1.2rem;
  font-weight: 600;
  color: #83af16; }
  .article-info .buy_light.not {
    color: #EE0000; }

.article-info .rating .count {
  display: inline-block;
  position: relative;
  font-size: 80%;
  vertical-align: top;
  color: #999; }
  .article-info .rating .count::before {
    content: "("; }
  .article-info .rating .count::after {
    content: ")"; }

.article-info .rating .value {
  display: none; }

.article-info .teaser {
  color: #444;
  hyphens: auto;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 1.2rem;
  line-height: 1.7rem; }

.systrack {
  font-size: 70%;
  color: #999;
  display: none; }

.action_images {
  display: block;
  position: absolute;
  top: 10px; }

.action_image {
  display: block;
  float: left;
  clear: left;
  position: relative;
  left: 0px;
  height: 20px;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  background-color: #EE5A1C;
  padding: 4px 5px 0 6px;
  line-height: 1rem;
  margin-bottom: 2px; }
  .action_image::after {
    content: '';
    line-height: 100%;
    font-size: 1px;
    width: 0;
    height: 0;
    border-top: 20px solid #EE5A1C;
    border-bottom: 0px solid transparent;
    border-left: 0px solid transparent;
    border-right: 10px solid transparent;
    position: absolute;
    top: 0;
    right: -10px; }
  .action_image span {
    white-space: nowrap; }
  .action_image.toos {
    background: none;
    cursor: pointer; }
    .action_image.toos span {
      display: none; }
    .action_image.toos:hover span, .action_image.toos:focus span {
      display: block;
      position: absolute;
      top: 0px;
      left: 25px;
      background: #999;
      padding: 4px 8px 5px 15px; }
    .action_image.toos::after {
      display: inline-block;
      content: '';
      color: #fff;
      border: none;
      background: url("../images/sprites.svg") 0 0 no-repeat;
      background-position: 0 -700px;
      width: 28px;
      height: 28px;
      left: 5px;
      right: auto;
      margin-top: -5px; }
    .article-description .action_image.toos {
      cursor: default; }
      .article-description .action_image.toos span {
        display: block;
        position: absolute;
        color: #EE5A1C;
        top: 0px;
        left: 25px;
        background: none;
        padding: 4px 8px 5px 15px; }