.cart-hint {
    font-size: 13px;
    text-transform: none;
  }

  .form-group.choices label.hh {
    display: block;
  }

  .form-group.choices label i {
    display: inline-block;
    font-size: 23px;
    line-height: 30px;
    padding: 0 5px 0 0px;
    color: #f7a840;
    cursor: pointer;
  }

  .speditionen_radio label {
    cursor: pointer;
  }

  .speditionen_radio label img {
    max-height: 50px;
    margin: 0px 0px 0px 10px;
  }

  /*
This CSS resource incorporates links to font software which is the valuable copyrighted
property of Monotype Imaging and/or its suppliers. You may not attempt to copy, install,
redistribute, convert, modify or reverse engineer this font software. Please contact Monotype
Imaging with any questions regarding Web Fonts:  http://www.fonts.com
*/

  @import url("https://fast.fonts.net/t/1.css?apiType=css&projectid=492e7183-f213-41ef-a6de-652a7d67fb2f");

  @font-face {
    font-family: "Manrope Light";
    src: url("Fonts/Manrope-Light.woff2") format("woff2");
    font-display: swap;
  }

  @font-face {
    font-family: "Manrope Regular";
    src: url("Fonts/Manrope-Regular.woff2") format("woff2");
    font-display: swap;
  }

  @font-face {
    font-family: "Manrope Bold";
    src: url("Fonts/Manrope-SemiBold.woff2") format("woff2");
    font-display: swap;
  }

  /********************************/
  /* architects-daughter-regular - latin */
  @font-face {
    font-family: 'Architects Daughter';
    font-style: normal;
    font-weight: 400;
    src: url('/blog/wp-content/fonts/architects-daughter-v8-latin-regular.eot');
    /* IE9 Compat Modes */
    src: local('Architects Daughter Regular'), local('ArchitectsDaughter-Regular'), url('/blog/wp-content/fonts/architects-daughter-v8-latin-regular.eot?#iefix') format('embedded-opentype'),
      /* IE6-IE8 */
      url('/blog/wp-content/fonts/architects-daughter-v8-latin-regular.woff2') format('woff2'),
      /* Super Modern Browsers */
      url('/blog/wp-content/fonts/architects-daughter-v8-latin-regular.woff') format('woff'),
      /* Modern Browsers */
      url('/blog/wp-content/fonts/architects-daughter-v8-latin-regular.ttf') format('truetype'),
      /* Safari, Android, iOS */
      url('/blog/wp-content/fonts/architects-daughter-v8-latin-regular.svg#ArchitectsDaughter') format('svg');
    /* Legacy iOS */
    font-display: swap;
  }

  /* cabin-sketch-regular - latin */
  @font-face {
    font-family: 'Cabin Sketch';
    font-style: normal;
    font-weight: 400;
    src: url('/blog/wp-content/fonts/cabin-sketch-v11-latin-regular.eot');
    /* IE9 Compat Modes */
    src: local('Cabin Sketch Regular'), local('CabinSketch-Regular'), url('/blog/wp-content/fonts/cabin-sketch-v11-latin-regular.eot?#iefix') format('embedded-opentype'),
      /* IE6-IE8 */
      url('/blog/wp-content/fonts/cabin-sketch-v11-latin-regular.woff2') format('woff2'),
      /* Super Modern Browsers */
      url('/blog/wp-content/fonts/cabin-sketch-v11-latin-regular.woff') format('woff'),
      /* Modern Browsers */
      url('/blog/wp-content/fonts/cabin-sketch-v11-latin-regular.ttf') format('truetype'),
      /* Safari, Android, iOS */
      url('/blog/wp-content/fonts/cabin-sketch-v11-latin-regular.svg#CabinSketch') format('svg');
    /* Legacy iOS */
    font-display: swap;
  }

  /* graduate-regular - latin */
  @font-face {
    font-family: 'Graduate';
    font-style: normal;
    font-weight: 400;
    src: url('/blog/wp-content/fonts/graduate-v5-latin-regular.eot');
    /* IE9 Compat Modes */
    src: local('Graduate'), local('Graduate-Regular'), url('/blog/wp-content/fonts/graduate-v5-latin-regular.eot?#iefix') format('embedded-opentype'),
      /* IE6-IE8 */
      url('/blog/wp-content/fonts/graduate-v5-latin-regular.woff2') format('woff2'),
      /* Super Modern Browsers */
      url('/blog/wp-content/fonts/graduate-v5-latin-regular.woff') format('woff'),
      /* Modern Browsers */
      url('/blog/wp-content/fonts/graduate-v5-latin-regular.ttf') format('truetype'),
      /* Safari, Android, iOS */
      url('/blog/wp-content/fonts/graduate-v5-latin-regular.svg#Graduate') format('svg');
    /* Legacy iOS */
    font-display: swap;
  }

  * {
    margin: 0px;
    padding: 0px;
  }

  html,
  body {
    height: 100%;
  }

  body {
    /*background-color:@bgcolor;*/
    background: #d5d5d5;
    font-family: "Manrope Light", sans-serif;
    font-size: 13px;
    color: #3c3c3b;
  }

  img {
    border: none;
    max-width: 100%;
    max-height: 100%;
  }

  a {
    text-decoration: none;
    color: inherit;
    outline: none;
  }

  a:focus {
    outline: none;
  }

  a img {
    border: 0px;
  }

  ul {
    list-style-type: none;
  }

  form {
    display: inline;
  }

  .group:after {
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0;
  }

  * html .group {
    zoom: 1;
  }

  /* IE6 */
  *:first-child+html .group {
    zoom: 1;
  }

  /* IE7 */
  article,
  aside,
  figure,
  footer,
  header,
  hgroup,
  menu,
  nav,
  section {
    display: block;
  }

  fieldset {
    border: none;
  }

  textarea,
  input,
  select {
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    border: none;
  }

  @media (min-width: 320px) {
    .container {
      width: 100%;
    }
  }

  @media (min-width: 768px) {
    .container {
      width: 100%;
    }
  }

  @media (min-width: 960px) {
    .container {
      width: 930px;
    }
  }

  @media (min-width: 1200px) {
    .container {
      width: 1170px;
    }
  }

  @media (min-width: 1300px) {
    .container {
      width: 1300px;
    }
  }

  ::selection {
    background: #74A9A3;
    color: #fff;
  }

  ::-moz-selection {
    background: #74A9A3;
    color: #fff;
  }

  .forms:before,
  .form-group:before,
  .forms:after,
  .form-group:after {
    content: " ";
    display: table;
  }

  .forms:after,
  .form-group:after {
    clear: both;
  }

  .forms .radio,
  .forms .checkbox,
  .forms .radio-inline,
  .forms .checkbox-inline {
    padding-top: 7px;
    margin-top: 0;
    margin-bottom: 0;
  }

  .radio,
  .checkbox {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .radio label,
  .checkbox label {
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer;
  }

  .radio input[type="radio"],
  .radio-inline input[type="radio"],
  .checkbox input[type="checkbox"],
  .checkbox-inline input[type="checkbox"] {
    position: absolute;
    margin-left: -20px;
    margin-top: 3px;
  }

  .radio+.radio,
  .checkbox+.checkbox {
    margin-top: -5px;
  }

  fieldset {
    padding: 0;
    margin: 0;
  }

  fieldset.forms {
    margin-left: -15px;
    margin-right: -15px;
  }

  fieldset.forms .birthday select {
    width: 30%;
    float: left;
  }

  fieldset.forms .birthday select#birthdate_month {
    margin: 0 5%;
  }

  input,
  textarea {
    padding: 0 5px;
  }

  textarea {
    padding: 5px;
    line-height: 20px;
  }

  input,
  select,
  textarea {
    width: 100%;
    background-color: #f1f1f0;
  }

  input[type="checkbox"],
  input[type="radio"] {
    width: auto;
    padding: 0;
  }

  h1,
  h2,
  h3,
  h4 {
    font-weight: normal;
    font-size: inherit;
    font-family: "Manrope Light", sans-serif;
  }

  em {
    font-style: normal;
    font-weight: 600;
  }

  .bs {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  #site {
    overflow-x: hidden;
    min-width: 320px;
    max-width: 1600px;
    margin: auto;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.15);
    background: #fff;
  }

  .container {
    margin: 0 auto;
  }

  .btn {
    display: block;
    cursor: pointer;
    font-family: "Manrope Light", sans-serif;
    font-weight: bold;
    font-size: 20px;
    color: #fff;
    text-align: center;
    /*text-transform: uppercase;*/
  }

  .btn.btn-neutral {
    color: #3c3c3b;
    background-color: #f1f1f0;
  }

  .btn.btn-neutral:hover {
    background-color: #d8d8d6;
  }

  .btn.btn-default {
    /*background-color: @action-color;*/
    background-color: #74A9A3;
  }

  .btn.btn-default:hover {
    background-color: #74A9A3;
    /*background-color: lighten(@action-color, 10%);*/
  }

  .btn.sec {
    /*background-color: #5a89c6;*/
    background-color: #95c11f;
    text-transform: unset;
    border-radius: 3px;
  }

  .btn.sec:hover {
    /*background-color: #80a4d3;*/
    background-color: #95c11f;
  }

  .btn i {
    /*line-height: 36px;*/
    line-height: 50px;
    font-size: 19px;
  }

  .name-cut .name {
    display: table;
    table-layout: fixed;
    width: 100%;
  }

  .name-cut .name a {
    display: table-cell;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
    word-wrap: break-word;
  }

  .input-error {
    background-color: #ffb8b8 !important;
  }

  .catlist {
    display: none !important;
  }

  .reiter_i {
    display: none !important;
  }

  .ajax-loader {
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background-color: rgba(255, 255, 255, 0.4);
    width: 100%;
    z-index: 9999;
    text-align: center;
    line-height: 100%;
    height: 100%;
  }

  #breadcrumb {
    overflow: hidden;
    white-space: nowrap;
    padding: 4px 0 7px;
    font-size: 11px;
    color: #3c3c3b;
  }

  #breadcrumb .container>.margin {
    margin-left: 190px;
  }

  #breadcrumb a span:before {
    display: inline-block;
    padding: 0 10px;
    content: ">";
  }

  #breadcrumb a:first-child:hover,
  #breadcrumb a:hover span {
    color: #95c11e;
  }

  #breadcrumb a:hover span:before {
    color: #3c3c3b;
  }

  #set-filter ul {
    padding: 20px 0 10px;
  }

  #set-filter ul li {
    float: left;
    margin-bottom: 10px;
  }

  #set-filter ul li a {
    display: block;
    padding: 12px;
  }

  #set-filter ul li a:not(.btn) {
    font-family: "Manrope Light", sans-serif;
    text-align: center;
    font-weight: bold;
    background-color: #f1f1f0;
    color: #3c3c3b;
    margin-right: 10px;
  }

  #set-filter ul li a:not(.btn):hover {
    color: #5a89c6;
  }

  #set-filter ul li a:not(.btn) i {
    margin-right: 10px;
  }

  #set-filter ul li .btn {
    font-size: 13px;
  }

  #variant {
    font-weight: bold;
    font-family: "Manrope Light", sans-serif;
  }

  #variant select {
    border: none;
    background-color: #f1f1f0;
    height: 30px;
    cursor: pointer;
  }

  #variant span {
    display: block;
    font-size: 11px;
    color: #95c11e;
  }

  #loadingSearchBlock2 {
    display: none;
    position: absolute;
    background-color: #fff;
    border: 1px solid #999999;
    top: 50px;
    left: 0;
    right: 0;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
    z-index: 100;
    padding: 5px;
  }

  #loadingSearchBlock2 table td {
    border-bottom: 1px solid #eeeeee;
  }

  #loadingSearchBlock2 table td a {
    display: block;
    padding: 5px;
  }

  #loadingSearchBlock2 table td a:hover {
    background-color: #f1f1f0;
  }

  #loadingSearchBlock2 table td span {
    color: #5a89c6;
  }

  #loadingSearchBlock2 table tr:last-child td {
    border-bottom: none;
  }

  #loadingSearchBlock,
  .loadingSearchBlock,
  #main-search #loadingSearchBlock2 {
    display: none;
    position: absolute;
    background-color: #fff;
    border: 1px solid #999999;
    top: 50px;
    left: 0;
    right: 0;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
    z-index: 100;
    padding: 5px;
  }

  #loadingSearchBlock table td,
  .loadingSearchBlock table td,
  #main-search #loadingSearchBlock2 table td {
    border-bottom: 1px solid #eeeeee;
  }

  #loadingSearchBlock table td a,
  .loadingSearchBlock table td a,
  #main-search #loadingSearchBlock2 table td a {
    display: block;
    padding: 5px;
  }

  #loadingSearchBlock table td a:hover,
  .loadingSearchBlock table td a:hover,
  #main-search #loadingSearchBlock2 table td a:hover {
    background-color: #f1f1f0;
  }

  #loadingSearchBlock table td span,
  .loadingSearchBlock table td span,
  #main-search #loadingSearchBlock2 table td span {
    color: #5a89c6;
  }

  #loadingSearchBlock table tr:last-child td,
  .loadingSearchBlock table tr:last-child td,
  #main-search #loadingSearchBlock2 table tr:last-child td {
    border-bottom: none;
  }

  .hint {
    padding: 10px;
    font-size: 11px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    margin: 20px 0;
  }

  .hint.hint-default {
    color: #95c11e;
    background-color: #ecf7cd;
    border: 1px solid #95c11e;
  }

  .hint.hint-sec {
    color: #5a89c6;
    background-color: #dfe8f4;
    border: 1px solid #5a89c6;
  }

  .hint.hint-att {
    color: #000;
    background-color: #ffa8a8;
    border: 1px solid #ffa8a8;
  }

  .appscan-overlay {
    position: fixed;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
  }

  #header #subhead {
    background-color: #f1f1f0;
  }

  #header nav {
    border-top: 1px solid #eeeeee;
  }

  #header #logo {
    padding: 34px 0;
  }

  #header #logo em {
    color: #5a89c6;
  }

  #header .advantages {
    padding: 50px 0;
  }

  #header .advantages ul li {
    padding: 4px 30px;
    font-family: 'Graduate', cursive;
  }

  #header .advantages ul li i {
    display: inline-block;
    font-size: 17px;
    color: #95c11e;
    padding-right: 6px;
  }

  #header .advantages.start ul {
    font-size: 17px;
    text-align: center;
  }

  #header .advantages.start ul li {
    display: inline-block;
  }

  #header .search {
    padding: 48px 0;
  }

  #header #main-search input {
    background-color: #f1f1f0;
    height: 40px;
  }

  #header #main-search .btn {
    height: 40px;
    width: 40px;
    line-height: 40px;
  }

  #header #main-search .input-ico {
    left: 10px;
    top: 12px;
  }

  #header #main-search #loadingSearchBlock,
  #header #main-search .loadingSearchBlock,
  #header #main-search #loadingSearchBlock2 {
    top: 40px;
  }

  #header #main-search #floatingCirclesG {
    transform: scale(0.4);
    -o-transform: scale(0.4);
    -ms-transform: scale(0.4);
    -webkit-transform: scale(0.4);
    -moz-transform: scale(0.4);
  }

  #header #main-search .ajax-search-loader {
    right: 40px;
    top: -6px;
  }

  #header .more-link {
    display: block;
    font-size: 13px;
    text-shadow: none;
    padding: 5px 0;
    color: #f7a840;
    text-align: center;
    text-decoration: underline;
  }

  #header .more-link:hover {
    color: #f5920f;
    text-shadow: none;
    text-decoration: none;
  }

  #main-search {
    position: relative;
  }

  #main-search input {
    background-color: #fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    height: 50px;
    padding-left: 40px;
    padding-right: 60px;
  }

  #main-search .btn {
    position: absolute;
    width: 50px;
    height: 50px;
    line-height: 50px;
    -moz-border-radius: 0 3px 3px 0;
    -webkit-border-radius: 0 3px 3px 0;
    -khtml-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
    top: 0;
    right: 0;
    z-index: 1;
  }

  #main-search .input-ico {
    position: absolute;
    left: 10px;
    top: 17px;
    font-size: 17px;
  }

  #main-search #loadingSearchBlock,
  #main-search #loadingSearchBlock2,
  #main-search .loadingSearchBlock {
    text-align: left;
    border: none;
  }

  #main-search .ajax-search-loader {
    right: 50px;
    top: -2px;
  }

  .more-link {
    display: block;
    font-size: 17px;
    text-shadow: 0 0 5px #ffffff, 0 0 5px #ffffff, 0 0 5px #ffffff;
    color: #3c3c3b;
    padding: 10px 0;
  }

  .more-link:hover {
    color: #f5920f;
    text-shadow: 0 0 5px #ffffff, 0 0 5px #ffffff, 0 0 5px #ffffff, 0 0 5px #ffffff, 0 0 5px #ffffff, 0 0 5px #ffffff, 0 0 5px #ffffff, 0 0 5px #ffffff, 0 0 5px #ffffff, 0 0 5px #ffffff, 0 0 5px #ffffff, 0 0 5px #ffffff;
  }

  #main-navbar {
    background-color: #95c11e;
    color: #fff;
  }

  #product .frame .panel h3 {
    font-size: 23px;
    font-weight: bold;
    text-transform: uppercase;
  }

  #product .frame .panel dl dt {
    font-weight: bold;
  }

  #product .frame .panel dl dt,
  #product .frame .panel dl dd {
    margin-bottom: 20px;
  }

  #product .frame .panel>div,
  #product .frame .panel dl {
    padding: 30px 0;
    line-height: 20px;
  }

  #product .frame .panel>div h3 {
    margin-bottom: 20px;
  }

  #product .frame .panel>div ul {
    list-style-type: disc;
    padding-left: 40px;
  }

  #product .frame .panel>div ul li {
    margin-bottom: 10px;
  }

  #product .frame .panel>div p,
  #product .frame .panel>div ul {
    padding-bottom: 40px;
  }

  .offers {
    padding: 40px 0;
  }

  .offers .product-list {
    padding: 20px 0;
  }

  .headline.bar {
    background-color: #f1f1f0;
    padding: 10px 10px;
    color: #74A9A3;
  }

  #brands .row {
    padding: 40px 0;
  }

  #brands .row>div {
    margin-bottom: 20px;
  }

  #brands a {
    display: block;
    border: 1px solid #eeeeee;
    text-align: center;
    padding: 30px 0;
  }

  #imgslide_small {
    margin: 40px 0 0 0;
  }

  #imgslide_small i {
    margin-right: 20px;
  }

  #about {
    background-color: #5a89c6;
    padding: 80px 0;
    font-size: 17px;
  }

  #about .headline {
    color: #fff;
  }

  #about p {
    font-family: "Manrope Light", sans-serif;
    color: #fff;
    line-height: 30px;
  }

  #advantages {
    text-align: center;
  }

  #advantages.start {
    padding: 50px 0;
  }

  #advantages.start .row {
    padding: 50px 0;
  }

  #advantages.start p {
    height: 40px;
  }

  #advantages.detail .row>div {
    margin: 0;
  }

  #advantages.detail .box {
    background-color: #f1f1f0;
    padding: 10px;
  }

  #advantages.detail p {
    color: #3c3c3b;
    font-weight: normal;
  }

  #advantages .row {
    padding: 20px 0;
  }

  #advantages .row>div {
    margin-bottom: 40px;
  }

  #advantages .icon {
    color: #3c3c3b;
    font-size: 33px;
  }

  #advantages p {
    color: #bfbfbf;
    font-weight: bold;
    padding: 10px;
    height: 60px;
  }

  #footer {
    background-color: #f2f2f2 !important;
    color: #4a4a4a;
    padding: 0 !important;
  }

  #footer .headline {
    /*color: #fff;*/
  }

  #footer .link-box {
    padding: 20px 0;
  }

  #footer .link-box ul {
    /*color: #e3f4b7 !important;*/
  }

  #footer .link-box ul li a:hover {
    color: #95c11f !important;
  }

  #footer .payments {
    border-top: 1px solid #777777 !important;
    border-bottom: 1px solid #777777 !important;
  }

  #footer .copy {
    background-color: #3c3c3b;
    color: #fff !important;
    border: none !important;
    text-align: left !important;
    padding: 20px 0 !important;
  }

  #footer .copy .rights {
    text-align: right;
  }

  #footer .copy .rights p {
    padding: 30px 0;
  }

  #footer .copy .social {
    padding: 20px 0;
  }

  #footer .copy .social p {
    padding: 5px 0;
  }

  #footer .copy .social ul li {
    display: inline-block;
    margin-right: 10px;
  }

  #footer .copy .social ul li:last-child {
    margin-right: 0;
  }

  #footer .copy .social img {
    width: 29px;
  }

  #footer .phone-box {
    background-color: rgba(255, 255, 255, 0.2);
    padding: 20px 30px;
    color: #fff;
  }

  #footer .phone-box .phone-number {
    font-size: 23px;
  }

  #footer .phone-box .phone-number i {
    margin-right: 10px;
  }

  #footer .phone-box p {
    padding: 5px 0;
    color: #e3f4b7;
  }

  #footer .app-box {
    padding: 20px 0 0;
  }

  #footer .app-box p {
    color: #e3f4b7;
  }

  #footer .app-box .app-badges {
    padding: 20px 0 0;
  }

  #footer .app-box .app-badges a {
    float: left;
    margin: 0 20px 20px 0;
  }

  #footer .app-box .app-badges a:last-child {
    margin: 0;
  }

  #products ul.tabs {
    font-size: 27px;
  }

  #products ul.tabs li {
    font-weight: bold;
    border: none;
  }

  #products ul.tabs li.active a {
    padding: 0 20px;
    color: #3c3c3b;
  }

  #products ul.tabs li a:hover {
    padding: 0 20px;
  }

  #products .frame {
    margin: 0;
    border: none;
  }

  #products .frame .panel {
    font-size: 17px;
  }

  #shopping-cart .condition {
    padding: 5px 0;
    color: #74A9A3;
  }

  .text ul {
    font-size: 15px;
    line-height: 24px;
    list-style-type: disc;
  }

  .text .pad {
    padding-top: 60px;
  }

  .text .pad ul {
    padding-left: 16px;
  }

  .text .image>div {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
  }

  .text .table-content {
    margin-bottom: 20px;
  }

  .text .headline.h4 {
    padding-bottom: 0px;
  }

  .text .headline.underline.h3 {
    margin: 0.67em 0;
  }

  #site.landing-start #header {
    border: none;
  }

  #site.landing-start #header #logo {
    text-align: center;
    padding: 17px 0;
  }

  #site.landing-start #main {
    padding: 0 0 40px;
  }

  #site.landing-start #board {
    position: relative;
    padding: 0px 0 272px;
    background: url(../images/landing_start/pattern_board.jpg);
  }

  #site.landing-start #board .desc {
    position: absolute;
    height: 150px;
    background-size: cover;
    pointer-events: none;
  }

  #site.landing-start #board .desc.sell-desc {
    background: url(../images/landing_start/sell_desc.png) no-repeat;
    top: -100px;
    background-size: cover;
    width: 260px;
  }

  #site.landing-start #board .desc.buy-desc {
    background: url(../images/landing_start/buy_desc.png) no-repeat;
    bottom: -100px;
    background-size: cover;
    width: 250px;
  }

  #site.landing-start #board .board-books {
    background: url(../images/landing_start/board_books.png) repeat-x;
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    height: 121px;
    z-index: 9;
  }

  #site.landing-start #board .board-wood {
    position: absolute;
    background-color: #614736;
    height: 10px;
    -webkit-box-shadow: 0 -6px 5px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 -6px 5px 0 rgba(0, 0, 0, 0.3);
    bottom: 0;
    left: 0;
    right: 0;
  }

  #site.landing-start #board .board-crayon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  #site.landing-start #board .board-headline {
    padding: 30px 0 140px;
    text-align: center;
  }

  #site.landing-start .btn {
    padding: 6px 0;
    text-transform: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    font-size: 23px;
    font-weight: normal;
  }

  #site.landing-start .btn.btn-main {
    background-color: #95c11e;
  }

  #site.landing-start .btn.btn-main:hover {
    background-color: #b1df33;
  }

  #site.landing-start #lan-advantages {
    background-color: #f1f1f0;
    padding: 40px 0;
  }

  #site.landing-start #lan-advantages .advantage-box {
    display: block;
    background-color: #fff;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 20px;
    position: relative;
  }

  #site.landing-start #lan-advantages .advantage-box:before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.8);
    z-index: 2;
  }

  #site.landing-start #lan-advantages .advantage-box>* {
    position: relative;
    z-index: 3;
  }

  #site.landing-start #lan-advantages .advantage-box.main {
    background-image: url(../images/landing_start/Verkaufen.jpg);
    border: 1px solid #95c11e;
  }

  #site.landing-start #lan-advantages .advantage-box.main .check {
    background-color: #95c11e;
  }

  #site.landing-start #lan-advantages .advantage-box.sec {
    background-image: url(../images/landing_start/Einkaufen.jpg);
    border: 1px solid #f7a840;
  }

  #site.landing-start #lan-advantages .advantage-box.sec .check {
    background-color: #f7a840;
  }

  #site.landing-start #lan-advantages .advantage-box ul {
    font-size: 15px;
    margin-bottom: 30px;
  }

  #site.landing-start #lan-advantages .advantage-box ul li {
    clear: left;
    padding: 8px 0;
  }

  #site.landing-start #lan-advantages .advantage-box ul li .check {
    margin-right: 8px;
    float: left;
    width: 24px;
    height: 24px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    -khtml-border-radius: 12px;
    border-radius: 12px;
    line-height: 24px;
  }

  #site.landing-start #lan-advantages .advantage-box ul li .text {
    line-height: 24px;
    font-weight: bold;
  }

  #site.landing-start #lan-advantages .advantage-box .check {
    text-align: center;
    color: #fff;
  }

  #site.landing-start #lan-advantages .advantage-box>.check {
    display: none;
    margin: 0 auto;
    padding: 5px;
    width: 48px;
    height: 48px;
    -moz-border-radius: 24px;
    -webkit-border-radius: 24px;
    -khtml-border-radius: 24px;
    border-radius: 24px;
    line-height: 48px;
  }

  #site.landing-start #lan-advantages .advantage-box>.check i {
    font-size: 24px;
  }

  #site.landing-start #stxt .headline.h1 {
    font-weight: bold;
    color: #95c11e;
    text-align: center;
  }

  #site.landing-start #stxt p {
    font-size: 17px;
  }

  #board_small {
    position: relative;
    padding: 0px 15px 43px 15px;
    background: url(../images/landing_start/pattern_board.jpg);
    margin-bottom: 30px;
  }

  #board_small .board-books {
    background: url(../images/landing_start/board_books_mid.png) repeat-x;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 97px;
    z-index: 1;
  }

  #board_small .board-headline {
    padding: 30px 0 30px;
    text-align: center;
  }

  #board_small .main-search-border {
    background-color: rgba(0, 0, 0, 0.1);
    padding: 2px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    position: relative;
    z-index: 2;
  }

  #board_small .banner-content {
    width: 60%;
    margin: 0 auto;
  }

  .testimonial-slider,
  .teamslider {
    padding: 40px 0;
    color: #fff;
    text-align: center;
    font-weight: bold;
  }

  .testimonial-slider .owl-item,
  .teamslider .owl-item {
    padding: 0 0;
  }

  .testimonial-slider .owl-item .slide.gre,
  .teamslider .owl-item .slide.gre {
    background-color: #95c11e;
  }

  .testimonial-slider .owl-item .slide.blu,
  .teamslider .owl-item .slide.blu {
    background-color: #5a89c6;
  }

  .testimonial-slider .owl-item .slide.ora,
  .teamslider .owl-item .slide.ora {
    background-color: #f7a840;
  }

  .testimonial-slider .owl-item .head,
  .teamslider .owl-item .head {
    padding: 15px;
    font-size: 23px;
    text-transform: uppercase;
  }

  .testimonial-slider .slide,
  .teamslider .slide {
    display: block;
  }

  .testimonial-slider .slide .text,
  .teamslider .slide .text {
    padding: 15px;
    display: table-cell;
    height: 140px;
    vertical-align: middle;
  }

  .testimonial-slider .slide .content img,
  .teamslider .slide .content img {
    width: 100%;
  }

  .testimonial-slider .owl-nav,
  .teamslider .owl-nav {
    font-size: 33px;
    color: #5a89c6;
  }

  .testimonial-slider .owl-nav>*,
  .teamslider .owl-nav>* {
    display: inline-block;
    font-family: 'FontAwesome';
    font-feature-settings: normal;
    font-kerning: auto;
    font-language-override: normal;
    font-size: inherit;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-synthesis: weight style;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-rendering: auto;
  }

  .testimonial-slider .owl-nav .owl-prev,
  .teamslider .owl-nav .owl-prev {
    left: -30px;
  }

  .testimonial-slider .owl-nav .owl-next,
  .teamslider .owl-nav .owl-next {
    right: -30px;
  }

  .testimonial-slider .owl-nav .owl-prev:before,
  .teamslider .owl-nav .owl-prev:before {
    content: "\f104";
  }

  .testimonial-slider .owl-nav .owl-next:before,
  .teamslider .owl-nav .owl-next:before {
    content: "\f105";
  }

  .testimonial-slider .owl-nav div,
  .teamslider .owl-nav div {
    position: absolute;
    background: none;
    top: 50%;
    margin: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  #facts {
    background-color: #f1f1f0;
    padding: 20px 0 40px 0;
    color: #95c11e;
    text-align: center;
  }

  #facts .headline.h1 {
    margin-bottom: 30px;
    line-height: 1;
  }

  #facts .row {
    margin-bottom: 30px;
  }

  #facts .row:last-child {
    margin-bottom: 0;
  }

  #facts .row>div {
    position: relative;
  }

  #facts .fact {
    padding: 15px 0px;
  }

  #facts .ico {
    position: absolute;
    text-align: center;
    top: 50%;
    right: 0;
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
  }

  #facts .ico img {
    width: 140px;
  }

  #facts .fact-text {
    position: relative;
    z-index: 2;
  }

  #facts .fact-text>.headline {
    line-height: 1;
  }

  #facts .fact-text p {
    font-size: 15px;
    font-weight: bold;
  }

  .customer-rating {
    margin-bottom: 60px;
  }

  .customer-rating .block {
    position: relative;
    color: #fff;
    padding: 30px;
    background-color: #5a89c6;
    -webkit-box-shadow: 0 0 10px 0 rgba(90, 137, 198, 0.75), inset 0 0 0 1px rgba(255, 255, 255, 0.7);
    box-shadow: 0 0 10px 0 rgba(90, 137, 198, 0.75), inset 0 0 0 1px rgba(255, 255, 255, 0.7);
    margin-right: 0;
    margin-left: 15%;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
    margin-bottom: 30px;
  }

  .customer-rating .block:last-child {
    margin-bottom: 0;
  }

  .customer-rating .block p {
    padding: 0;
    line-height: 32px;
    font-weight: bold;
    font-size: 16px;
  }

  .customer-rating .block .cr-ar {
    position: absolute;
    top: 8px;
    left: -32px;
    background: url(../images/cr-lef.png) no-repeat;
    height: 39px;
    width: 33px;
  }

  .customer-rating .block:nth-child(2n+1) {
    background-color: #95c11e;
    -webkit-box-shadow: 0 0 10px 0 rgba(149, 193, 30, 0.75), inset 0 0 0 1px rgba(255, 255, 255, 0.7);
    box-shadow: 0 0 10px 0 rgba(149, 193, 30, 0.75), inset 0 0 0 1px rgba(255, 255, 255, 0.7);
    margin-right: 15%;
    margin-left: 0;
  }

  .customer-rating .block:nth-child(2n+1) .cr-ar {
    background: url(../images/cr-rig.png) no-repeat;
    right: -32px;
    left: auto;
  }

  .customer-rating .block .source {
    margin-top: 15px;
    text-align: right;
    text-decoration: underline;
  }

  .customer-rating .block .source a {
    color: #fff;
  }

  .quote {
    margin: 80px 0;
  }

  .quote .block {
    position: relative;
    background-color: #95c11e;
  }

  .quote .block .quote-ico {
    text-align: center;
    padding: 120px 20px;
  }

  .quote .block .quote-imgframe {
    width: 380px;
    overflow: hidden;
    position: absolute;
    left: 140px;
    top: -40px;
  }

  .quote .block .quote-txt {
    padding: 60px 50px;
    color: #fff;
    font-style: italic;
    font-size: 17px;
    line-height: 26px;
  }

  .quote .block .quote-txt p {
    padding-top: 0;
  }

  .quote .block .quote-txt .name {
    text-align: right;
    font-weight: bold;
    font-style: normal;
    color: #fff;
  }

  .manager.lc {
    float: left;
  }

  .manager.rc {
    float: right;
  }

  .manager.rc .title {
    text-align: right;
  }

  .manager img {
    max-width: none;
  }

  .manager .title {
    font-size: 11px;
  }

  .win-frame {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 10000;
  }

  .w-win {
    position: fixed;
    padding: 1px;
    width: 60%;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
    background-color: #fff;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 9999;
    left: 20%;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
  }

  .w-win>* {
    position: relative;
    z-index: 1;
  }

  .w-win .win-head {
    background-color: #95c11e;
    color: #fff;
    font-size: 17px;
    font-weight: bold;
    padding: 5px 30px 5px 10px;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    -khtml-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    position: relative;
  }

  .w-win .win-content {
    background-color: #fff;
    padding: 10px 20px;
    max-height: 60%;
    overflow-y: auto;
    overflow-x: hidden;
  }

  .w-win .win-foot {
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    -khtml-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    padding: 10px 10px 0 10px;
    background-color: #f1f1f0;
  }

  .w-win .win-foot .button-group .row>* {
    margin-bottom: 10px;
  }

  .w-win .win-close {
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  @media (min-width: 960px) {
    #site.landing-start #board .desc.sell-desc {
      left: -240px;
    }

    #site.landing-start #board .desc.buy-desc {
      right: -220px;
    }
  }

  @media (min-width: 0px) and (max-width: 959px) {
    #advantages.detail {
      text-align: left;
    }

    #advantages.detail .box {
      padding: 0 30px;
    }

    #advantages.detail .box p {
      height: auto;
    }

    #advantages.detail .row>div {
      margin-bottom: 10px;
    }

    #advantages.detail .row>div .box .row>div {
      margin-bottom: 0;
    }

    #features {
      display: none;
      position: absolute;
      background-color: #fff;
      border: 1px solid #5a89c6;
      top: 45px;
      right: 15px;
      left: 15px;
      z-index: 10;
      -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
      box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
      padding: 10px;
    }

    #features .box {
      padding: 0;
    }

    #features .feature-btn {
      background-color: #3c3c3b;
      margin-bottom: 0;
    }

    .feature-btn {
      display: block;
      margin-bottom: 40px;
      padding: 10px 0;
    }

    .adv-st {
      display: none;
    }

    #footer .copy .social {
      text-align: center;
      padding-bottom: 30px;
    }

    #footer .copy .delivery,
    #footer .copy .foo-logo {
      text-align: center;
    }

    #footer .copy .rights {
      padding-top: 30px;
      text-align: center;
    }

    #board_small .banner-content {
      width: 80%;
    }
  }

  @media (max-width: 1199px) {
    .quote {
      margin: 40px 0;
    }

    .quote .dn {
      display: none;
    }

    .quote .block {
      position: relative;
      background-color: transparent;
    }

    .quote .block .quote-ico {
      text-align: center;
      padding: 120px 20px;
    }

    .quote .block .quote-imgframe {
      width: 280px;
      margin: 0 auto;
      position: relative;
      top: auto;
      left: auto;
    }

    .quote .block .quote-txt {
      padding: 40px 0;
      color: #3c3c3b;
    }
  }

  @media (min-width: 960px) and (max-width: 1199px) {
    #advantages.detail .row {
      padding: 0;
    }

    #advantages.detail .row>div {
      margin-bottom: 10px;
    }

    #advantages.detail .box p {
      height: auto;
    }

    #footer .boxes>div {
      min-height: 200px;
    }

    #footer .rights p {
      text-align: center;
    }

    #footer .delivery,
    #footer .foo-logo {
      text-align: center;
    }

    #site.landing-start #board .desc.sell-desc {
      left: -240px;
    }

    #site.landing-start #board .desc.buy-desc {
      right: -220px;
    }
  }

  @media (min-width: 768px) {
    #main-navbar .open-subcat-desktop {
      display: inline-block;
      padding-left: 10px;
    }

    .is-table-row {
      display: table;
    }

    .is-table-row>div {
      float: none;
      display: table-cell;
      vertical-align: middle;
    }
  }

  @media (min-width: 768px) and (max-width: 959px) {
    #footer .boxes>div {
      min-height: 200px;
    }

    #site.landing-start #board .desc.sell-desc {
      left: -188px;
    }

    #site.landing-start #board .desc.buy-desc {
      right: -170px;
    }
  }

  @media (max-width: 767px) {
    #advantages.detail {
      text-align: left;
    }

    .phone-box {
      margin: 0 -15px;
    }

    #main-navbar ul.menu li a {
      color: #95c11e;
    }

    #main-navbar ul.menu li a:hover {
      background: none;
      color: #f7a840;
    }

    #main-navbar ul.menu li .open-subcat {
      color: #95c11e;
    }

    #main-navbar ul.menu li .open-subcat-desktop {
      display: none;
    }

    #main-navbar ul.menu li ul li a {
      color: #5a89c6;
    }

    #main-navbar ul.menu li ul li ul li a {
      color: #f7a840;
    }

    #main-navbar ul.menu li ul li ul li a:hover {
      background-color: #ffffff;
    }

    .voucher .btn {
      margin-top: 10px;
    }

    .more-link {
      margin: 0px 0;
    }

    .shop-links {
      margin: 10px 0;
    }

    .text .is-table-row:nth-child(2n) .image {
      margin-bottom: 60px;
    }

    #site.landing-start #board {
      padding: 0 0 120px;
    }

    #site.landing-start #board .desc {
      position: relative;
      height: 50px;
      width: 100% !important;
      left: auto !important;
      top: auto !important;
      bottom: auto !important;
      right: auto !important;
      margin-bottom: 20px;
    }

    #site.landing-start #board .desc.sell-desc {
      background: url(../images/landing_start/sell_desc_320.png) no-repeat center center;
      background-size: auto;
    }

    #site.landing-start #board .desc.buy-desc {
      background: url(../images/landing_start/buy_desc_320.png) no-repeat center center;
      background-size: auto;
    }

    #site.landing-start #board .btn-main {
      margin-bottom: 40px;
    }

    #site.landing-start #board .board-books {
      background-image: url(../images/landing_start/board_books_320.png);
      height: 61px;
    }

    #site.landing-start #board .board-headline {
      padding: 30px 0 40px;
    }

    #site.landing-start #lan-advantages>.container>.row>div:first-child>div {
      margin-bottom: 40px;
    }

    #site.landing-start #lan-advantages .advantage-box {
      padding: 10px 20px;
    }

    #site.landing-start #lan-advantages .advantage-box ul li {
      text-align: center;
    }

    #site.landing-start #lan-advantages .advantage-box ul li .check {
      display: none;
    }

    #site.landing-start #lan-advantages .advantage-box>.check {
      display: block;
    }

    .testimonial-slider {
      padding: 40px;
    }

    .testimonial-slider .owl-nav .owl-prev {
      left: 0px;
    }

    .testimonial-slider .owl-nav .owl-next {
      right: 0px;
    }

    .testimonial-slider .slide .text {
      height: 160px;
    }

    #breadcrumb {
      /*height: 27px;*/
      display: none;
    }

    #breadcrumb .container {
      display: none;
    }

    #facts .headline.h1 {
      margin-bottom: 0px;
    }

    #facts .fact {
      padding: 25px 0px;
    }

    .app-box img {
      width: 170px;
      height: auto;
    }

    .app-box {
      padding: 0px !important;
    }
  }

  @media (min-width: 480px) and (max-width: 767px) {
    #site.landing-start #board .box {
      width: 60%;
      margin-left: 20%;
    }
  }

  @media (min-width: 440px) and (max-width: 767px) {
    #facts .fact {
      padding: 45px 0px;
    }
  }

  @media (max-width: 480px) {

    #header .col-xs-5,
    #header .col-xs-7 {
      width: 100%;
    }

    #header .col-xs-7 .advantages {
      padding: 0;
      text-align: center;
    }

    #products ul.tabs {
      font-size: 23px;
    }

    #board_small .banner-content {
      width: 100%;
    }
  }

  #header.rede {
    border-bottom: none;
  }

  #header.rede.sec #main-header {
    padding: 32px 0 0;
  }

  #header.rede #main-header {
    padding: 47px 0 0;
  }

  #header.rede #logo-pos {
    position: absolute;
    top: -48px;
    background-color: #fff;
    padding: 10px 20px;
  }

  #header.rede #logo-pos #logo {
    padding: 0;
  }

  #header.rede #subhead {
    padding-top: 18px;
  }

  #header.rede #subhead #cart-sm {
    display: inline-block;
    padding: 0;
    margin-right: 3px;
  }

  #header.rede #subhead #cart-sm .ico-cart span {
    height: 24px;
    width: 24px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    -khtml-border-radius: 12px;
    border-radius: 12px;
    line-height: 20px;
    left: 50%;
    top: -16px;
  }

  #header.rede #subhead #cart-sm .ico-cart i {
    font-size: 24px;
    margin: 0 0 0 0;
  }

  #header.rede #subhead #cart-sm .cart-total {
    display: none;
  }

  #header.rede #subhead #cart-sm .col-xs-12 {
    float: none;
    display: inline-block;
    padding: 0;
    width: auto;
  }

  #header.rede #subhead #cart-sm.row {
    margin: 0;
  }

  #header.rede #subhead #CartMiniDiv span,
  #header.rede #subhead #CartMiniDiv>a {
    display: inline-block;
  }

  #header.rede #subhead #CartMiniDiv i {
    color: #95c11f;
    font-size: 15px !important;
    padding-top: 15px;
  }

  #site.bluedesign #header.rede #subhead.sec #CartMiniDiv span.product_count {
    display: none;
  }

  #header.rede #subhead .pipe-menu li {
    display: inline-block;
    margin: 0;
    font-weight: bold;
    font-size: 13px;
    padding: 0 8px;
  }

  #header.rede #subhead .pipe-menu li:after {
    content: "";
    padding: 0;
  }

  #header.rede #subhead .pipe-menu li>a>i {
    font-size: 34px;
    /*margin: 0 5px 0 0;*/
  }

  #header.rede #subhead .pipe-menu li:hover:last-child a>span {
    /*color: #5a89c6;*/
  }

  #main.rede {
    padding-bottom: 0;
  }

  #main>.search {
    margin-top: 20px;
    background-color: #c4c4c4;
    padding: 20px 0 0 0;
  }

  #main>.search .shopa {
    text-align: right;
    margin-bottom: 5px;
  }

  #main>.search #main-search,
  #main>.search div>.btn {
    margin: 15px 0;
  }

  #main.rede .main-banner-slider {
    /*background: url(../images/landing_start/Verkauf_V1_.png);*/
    background: url(../images/landing_start/Verkauf_V1_.webp);
  }

  #main .archfont {
    font-family: 'Architects Daughter', cursive;
    color: #fff;
    text-decoration: underline;
  }

  #main .avenirfont {
    font-family: "Manrope Light", sans-serif;
    color: #fff;
    text-decoration: underline;
  }

  #main .main-banner-slider .board-headline {
    padding: 30px 10px 0px 10px;
    text-align: center;
    color: #3c3c3c;
    font-weight: 900;
  }

  #main .main-banner-slider .board-headline img {
    width: auto;
  }

  #main .main-banner-slider .banner-content {
    top: 47%;
  }

  #main .main-banner-slider .archfont.more-link {
    text-shadow: none;
  }

  #main .main-banner-slider .archfont:hover {
    color: #f7a840;
  }

  #main .main-banner-slider .avenirfont.more-link {
    text-shadow: none;
  }

  #main .main-banner-slider .archfont:hover {
    color: #f7a840;
  }

  #main .main-banner-slider .links {
    padding: 10px 0;
    font-size: 13px;
    font-family: 'Architects Daughter', cursive;
    color: #fff;
  }

  #main .main-banner-slider .links>a {
    display: block;
    padding: 6px 0;
    text-decoration: none;
  }

  #main .main-banner-slider .main-search-border {
    background-color: rgba(0, 0, 0, 0.2);
    position: relative;
  }

  #main .main-banner-slider .main-search-border .fieldinfo {
    position: absolute;
    right: -186px;
    top: 10px;
  }

  #main .main-banner-slider .board-books {
    /* background: url(../images/landing_start/board_books.png) repeat-x;
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  height: 121px;
  z-index: 9;*/
  }

  #main .main-banner-slider .board-wood {
    /*position: absolute;
  background-color: #614736;
  height: 10px;
  -webkit-box-shadow: 0 -6px 5px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 -6px 5px 0 rgba(0, 0, 0, 0.3);
  bottom: 0;
  left: 0;
  right: 0;*/
  }

  @media (min-width: 960px) {
    #header.rede #main-navbar .container>ul {
      margin-left: 200px;
    }

    #header.rede #main-navbar .container>ul>li>a {
      line-height: 43px;
      padding: 0 20px;
    }

    #main>.search .btn.more {
      padding: 13px 0;
    }

    #facts .row>div {
      border-right: 1px solid #fff;
    }

    #facts .row>div:last-child {
      border-right: 0;
    }
  }

  @media (min-width: 960px) and (max-width: 1199px) {
    #header.rede #main-header {
      padding: 38px 0 0;
    }

    #header.rede #logo-pos {
      top: -39px;
    }

    #header.rede #logo-pos #logo {
      width: 110px;
    }

    #header.rede #main-navbar {
      font-size: 15px;
    }

    #header.rede #main-navbar .container>ul>li>a {
      line-height: 31px;
      padding: 0 12px;
    }

    #header.rede #main-navbar .container>ul {
      margin-left: 160px;
    }

    #breadcrumb .container>.margin {
      margin-left: 150px;
    }
  }

  @media (min-width: 0px) and (max-width: 959px) {
    #header.rede #main-navbar .open-menu {
      float: right;
      line-height: 43px;
    }

    #main .main-banner-slider {
      height: 440px;
    }

    #main .main-banner-slider .banner-content {
      top: 55%;
    }

    #main .main-banner-slider .board-books {
      /*background-image: url(../images/landing_start/board_books_320.png);
    height: 61px;*/
    }

    #main>.search .btn.sec.more {
      padding: 10px 0;
      margin-top: 20px;
    }

    #main>.search .shopa {
      text-align: center;
      display: none;
    }
  }

  @media (max-width: 767px) {
    .main-search-border {
      background-color: rgba(0, 0, 0, 0.2);
      position: relative;
    }

    .main-search-border .fieldinfo {
      display: none;
    }
  }

  @media (max-width: 360px) {
    #header #subhead {
      padding-top: 0;
    }

    #header #subhead .shop-links .pipe-menu #CartMiniDiv {
      padding: 30px 8px 0;
    }
  }

  .ajax-search-loader {
    display: none;
    position: absolute;
    right: 50px;
    top: 10px;
  }

  .cssload-thecube {
    width: 14px;
    height: 14px;
    transform: rotateZ(45deg);
    -o-transform: rotateZ(45deg);
    -ms-transform: rotateZ(45deg);
    -webkit-transform: rotateZ(45deg);
    -moz-transform: rotateZ(45deg);
  }

  .cssload-thecube .cssload-cube {
    position: relative;
    transform: rotateZ(45deg);
    -o-transform: rotateZ(45deg);
    -ms-transform: rotateZ(45deg);
    -webkit-transform: rotateZ(45deg);
    -moz-transform: rotateZ(45deg);
  }

  .cssload-thecube .cssload-cube {
    float: left;
    width: 50%;
    height: 50%;
    position: relative;
    transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
  }

  .cssload-thecube .cssload-cube:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #5a89c6;
    animation: cssload-fold-thecube 1.68s infinite linear both;
    -o-animation: cssload-fold-thecube 1.68s infinite linear both;
    -ms-animation: cssload-fold-thecube 1.68s infinite linear both;
    -webkit-animation: cssload-fold-thecube 1.68s infinite linear both;
    -moz-animation: cssload-fold-thecube 1.68s infinite linear both;
    transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
  }

  .cssload-thecube .cssload-c2 {
    transform: scale(1.1) rotateZ(90deg);
    -o-transform: scale(1.1) rotateZ(90deg);
    -ms-transform: scale(1.1) rotateZ(90deg);
    -webkit-transform: scale(1.1) rotateZ(90deg);
    -moz-transform: scale(1.1) rotateZ(90deg);
  }

  .cssload-thecube .cssload-c3 {
    transform: scale(1.1) rotateZ(180deg);
    -o-transform: scale(1.1) rotateZ(180deg);
    -ms-transform: scale(1.1) rotateZ(180deg);
    -webkit-transform: scale(1.1) rotateZ(180deg);
    -moz-transform: scale(1.1) rotateZ(180deg);
  }

  .cssload-thecube .cssload-c4 {
    transform: scale(1.1) rotateZ(270deg);
    -o-transform: scale(1.1) rotateZ(270deg);
    -ms-transform: scale(1.1) rotateZ(270deg);
    -webkit-transform: scale(1.1) rotateZ(270deg);
    -moz-transform: scale(1.1) rotateZ(270deg);
  }

  .cssload-thecube .cssload-c2:before {
    animation-delay: 0.205s;
    -o-animation-delay: 0.205s;
    -ms-animation-delay: 0.205s;
    -webkit-animation-delay: 0.205s;
    -moz-animation-delay: 0.205s;
  }

  .cssload-thecube .cssload-c3:before {
    animation-delay: 0.42s;
    -o-animation-delay: 0.42s;
    -ms-animation-delay: 0.42s;
    -webkit-animation-delay: 0.42s;
    -moz-animation-delay: 0.42s;
  }

  .cssload-thecube .cssload-c4:before {
    animation-delay: 0.625s;
    -o-animation-delay: 0.625s;
    -ms-animation-delay: 0.625s;
    -webkit-animation-delay: 0.625s;
    -moz-animation-delay: 0.625s;
  }

  @keyframes cssload-fold-thecube {

    0%,
    10% {
      transform: perspective(70px) rotateX(-180deg);
      opacity: 0;
    }

    25%,
    75% {
      transform: perspective(70px) rotateX(0deg);
      opacity: 1;
    }

    90%,
    100% {
      transform: perspective(70px) rotateY(180deg);
      opacity: 0;
    }
  }

  @-o-keyframes cssload-fold-thecube {

    0%,
    10% {
      -o-transform: perspective(70px) rotateX(-180deg);
      opacity: 0;
    }

    25%,
    75% {
      -o-transform: perspective(70px) rotateX(0deg);
      opacity: 1;
    }

    90%,
    100% {
      -o-transform: perspective(70px) rotateY(180deg);
      opacity: 0;
    }
  }

  @-ms-keyframes cssload-fold-thecube {

    0%,
    10% {
      -ms-transform: perspective(70px) rotateX(-180deg);
      opacity: 0;
    }

    25%,
    75% {
      -ms-transform: perspective(70px) rotateX(0deg);
      opacity: 1;
    }

    90%,
    100% {
      -ms-transform: perspective(70px) rotateY(180deg);
      opacity: 0;
    }
  }

  @-webkit-keyframes cssload-fold-thecube {

    0%,
    10% {
      -webkit-transform: perspective(70px) rotateX(-180deg);
      opacity: 0;
    }

    25%,
    75% {
      -webkit-transform: perspective(70px) rotateX(0deg);
      opacity: 1;
    }

    90%,
    100% {
      -webkit-transform: perspective(70px) rotateY(180deg);
      opacity: 0;
    }
  }

  @-moz-keyframes cssload-fold-thecube {

    0%,
    10% {
      -moz-transform: perspective(70px) rotateX(-180deg);
      opacity: 0;
    }

    25%,
    75% {
      -moz-transform: perspective(70px) rotateX(0deg);
      opacity: 1;
    }

    90%,
    100% {
      -moz-transform: perspective(70px) rotateY(180deg);
      opacity: 0;
    }
  }

  .windows8 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 40px;
    height: 40px;
  }

  .windows8 .wBall {
    position: absolute;
    width: 40px;
    height: 40px;
    opacity: 0;
    transform: rotate(225deg);
    -o-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    animation: orbit 5.7425s infinite;
    -o-animation: orbit 5.7425s infinite;
    -ms-animation: orbit 5.7425s infinite;
    -webkit-animation: orbit 5.7425s infinite;
    -moz-animation: orbit 5.7425s infinite;
  }

  .windows8 .wBall .wInnerBall {
    position: absolute;
    width: 10px;
    height: 10px;
    background: #95c11e;
    left: 0px;
    top: 0px;
    border-radius: 10px;
  }

  .windows8 #wBall_1 {
    animation-delay: 1.256s;
    -o-animation-delay: 1.256s;
    -ms-animation-delay: 1.256s;
    -webkit-animation-delay: 1.256s;
    -moz-animation-delay: 1.256s;
  }

  .windows8 #wBall_2 {
    animation-delay: 0.243s;
    -o-animation-delay: 0.243s;
    -ms-animation-delay: 0.243s;
    -webkit-animation-delay: 0.243s;
    -moz-animation-delay: 0.243s;
  }

  .windows8 #wBall_3 {
    animation-delay: 0.5065s;
    -o-animation-delay: 0.5065s;
    -ms-animation-delay: 0.5065s;
    -webkit-animation-delay: 0.5065s;
    -moz-animation-delay: 0.5065s;
  }

  .windows8 #wBall_4 {
    animation-delay: 0.7495s;
    -o-animation-delay: 0.7495s;
    -ms-animation-delay: 0.7495s;
    -webkit-animation-delay: 0.7495s;
    -moz-animation-delay: 0.7495s;
  }

  .windows8 #wBall_5 {
    animation-delay: 1.003s;
    -o-animation-delay: 1.003s;
    -ms-animation-delay: 1.003s;
    -webkit-animation-delay: 1.003s;
    -moz-animation-delay: 1.003s;
  }

  @keyframes orbit {
    0% {
      opacity: 1;
      z-index: 99;
      transform: rotate(180deg);
      animation-timing-function: ease-out;
    }

    7% {
      opacity: 1;
      transform: rotate(300deg);
      animation-timing-function: linear;
      origin: 0%;
    }

    30% {
      opacity: 1;
      transform: rotate(410deg);
      animation-timing-function: ease-in-out;
      origin: 7%;
    }

    39% {
      opacity: 1;
      transform: rotate(645deg);
      animation-timing-function: linear;
      origin: 30%;
    }

    70% {
      opacity: 1;
      transform: rotate(770deg);
      animation-timing-function: ease-out;
      origin: 39%;
    }

    75% {
      opacity: 1;
      transform: rotate(900deg);
      animation-timing-function: ease-out;
      origin: 70%;
    }

    76% {
      opacity: 0;
      transform: rotate(900deg);
    }

    100% {
      opacity: 0;
      transform: rotate(900deg);
    }
  }

  @-o-keyframes orbit {
    0% {
      opacity: 1;
      z-index: 99;
      -o-transform: rotate(180deg);
      -o-animation-timing-function: ease-out;
    }

    7% {
      opacity: 1;
      -o-transform: rotate(300deg);
      -o-animation-timing-function: linear;
      -o-origin: 0%;
    }

    30% {
      opacity: 1;
      -o-transform: rotate(410deg);
      -o-animation-timing-function: ease-in-out;
      -o-origin: 7%;
    }

    39% {
      opacity: 1;
      -o-transform: rotate(645deg);
      -o-animation-timing-function: linear;
      -o-origin: 30%;
    }

    70% {
      opacity: 1;
      -o-transform: rotate(770deg);
      -o-animation-timing-function: ease-out;
      -o-origin: 39%;
    }

    75% {
      opacity: 1;
      -o-transform: rotate(900deg);
      -o-animation-timing-function: ease-out;
      -o-origin: 70%;
    }

    76% {
      opacity: 0;
      -o-transform: rotate(900deg);
    }

    100% {
      opacity: 0;
      -o-transform: rotate(900deg);
    }
  }

  @-ms-keyframes orbit {
    0% {
      opacity: 1;
      z-index: 99;
      -ms-transform: rotate(180deg);
      -ms-animation-timing-function: ease-out;
    }

    7% {
      opacity: 1;
      -ms-transform: rotate(300deg);
      -ms-animation-timing-function: linear;
      -ms-origin: 0%;
    }

    30% {
      opacity: 1;
      -ms-transform: rotate(410deg);
      -ms-animation-timing-function: ease-in-out;
      -ms-origin: 7%;
    }

    39% {
      opacity: 1;
      -ms-transform: rotate(645deg);
      -ms-animation-timing-function: linear;
      -ms-origin: 30%;
    }

    70% {
      opacity: 1;
      -ms-transform: rotate(770deg);
      -ms-animation-timing-function: ease-out;
      -ms-origin: 39%;
    }

    75% {
      opacity: 1;
      -ms-transform: rotate(900deg);
      -ms-animation-timing-function: ease-out;
      -ms-origin: 70%;
    }

    76% {
      opacity: 0;
      -ms-transform: rotate(900deg);
    }

    100% {
      opacity: 0;
      -ms-transform: rotate(900deg);
    }
  }

  @-webkit-keyframes orbit {
    0% {
      opacity: 1;
      z-index: 99;
      -webkit-transform: rotate(180deg);
      -webkit-animation-timing-function: ease-out;
    }

    7% {
      opacity: 1;
      -webkit-transform: rotate(300deg);
      -webkit-animation-timing-function: linear;
      -webkit-origin: 0%;
    }

    30% {
      opacity: 1;
      -webkit-transform: rotate(410deg);
      -webkit-animation-timing-function: ease-in-out;
      -webkit-origin: 7%;
    }

    39% {
      opacity: 1;
      -webkit-transform: rotate(645deg);
      -webkit-animation-timing-function: linear;
      -webkit-origin: 30%;
    }

    70% {
      opacity: 1;
      -webkit-transform: rotate(770deg);
      -webkit-animation-timing-function: ease-out;
      -webkit-origin: 39%;
    }

    75% {
      opacity: 1;
      -webkit-transform: rotate(900deg);
      -webkit-animation-timing-function: ease-out;
      -webkit-origin: 70%;
    }

    76% {
      opacity: 0;
      -webkit-transform: rotate(900deg);
    }

    100% {
      opacity: 0;
      -webkit-transform: rotate(900deg);
    }
  }

  @-moz-keyframes orbit {
    0% {
      opacity: 1;
      z-index: 99;
      -moz-transform: rotate(180deg);
      -moz-animation-timing-function: ease-out;
    }

    7% {
      opacity: 1;
      -moz-transform: rotate(300deg);
      -moz-animation-timing-function: linear;
      -moz-origin: 0%;
    }

    30% {
      opacity: 1;
      -moz-transform: rotate(410deg);
      -moz-animation-timing-function: ease-in-out;
      -moz-origin: 7%;
    }

    39% {
      opacity: 1;
      -moz-transform: rotate(645deg);
      -moz-animation-timing-function: linear;
      -moz-origin: 30%;
    }

    70% {
      opacity: 1;
      -moz-transform: rotate(770deg);
      -moz-animation-timing-function: ease-out;
      -moz-origin: 39%;
    }

    75% {
      opacity: 1;
      -moz-transform: rotate(900deg);
      -moz-animation-timing-function: ease-out;
      -moz-origin: 70%;
    }

    76% {
      opacity: 0;
      -moz-transform: rotate(900deg);
    }

    100% {
      opacity: 0;
      -moz-transform: rotate(900deg);
    }
  }

  #floatingCirclesG {
    width: 54px;
    height: 54px;
    margin: auto;
    transform: scale(0.6);
    -o-transform: scale(0.6);
    -ms-transform: scale(0.6);
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
  }

  .f_circleG {
    position: absolute;
    background-color: transparent;
    height: 10px;
    width: 10px;
    border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    animation-name: f_fadeG;
    -o-animation-name: f_fadeG;
    -ms-animation-name: f_fadeG;
    -webkit-animation-name: f_fadeG;
    -moz-animation-name: f_fadeG;
    animation-duration: 1.2s;
    -o-animation-duration: 1.2s;
    -ms-animation-duration: 1.2s;
    -webkit-animation-duration: 1.2s;
    -moz-animation-duration: 1.2s;
    animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-direction: normal;
    -o-animation-direction: normal;
    -ms-animation-direction: normal;
    -webkit-animation-direction: normal;
    -moz-animation-direction: normal;
  }

  #frotateG_01 {
    left: 0;
    top: 22px;
    animation-delay: 0.45s;
    -o-animation-delay: 0.45s;
    -ms-animation-delay: 0.45s;
    -webkit-animation-delay: 0.45s;
    -moz-animation-delay: 0.45s;
  }

  #frotateG_02 {
    left: 6px;
    top: 6px;
    animation-delay: 0.6s;
    -o-animation-delay: 0.6s;
    -ms-animation-delay: 0.6s;
    -webkit-animation-delay: 0.6s;
    -moz-animation-delay: 0.6s;
  }

  #frotateG_03 {
    left: 22px;
    top: 0;
    animation-delay: 0.75s;
    -o-animation-delay: 0.75s;
    -ms-animation-delay: 0.75s;
    -webkit-animation-delay: 0.75s;
    -moz-animation-delay: 0.75s;
  }

  #frotateG_04 {
    right: 6px;
    top: 6px;
    animation-delay: 0.9s;
    -o-animation-delay: 0.9s;
    -ms-animation-delay: 0.9s;
    -webkit-animation-delay: 0.9s;
    -moz-animation-delay: 0.9s;
  }

  #frotateG_05 {
    right: 0;
    top: 22px;
    animation-delay: 1.05s;
    -o-animation-delay: 1.05s;
    -ms-animation-delay: 1.05s;
    -webkit-animation-delay: 1.05s;
    -moz-animation-delay: 1.05s;
  }

  #frotateG_06 {
    right: 6px;
    bottom: 6px;
    animation-delay: 1.2s;
    -o-animation-delay: 1.2s;
    -ms-animation-delay: 1.2s;
    -webkit-animation-delay: 1.2s;
    -moz-animation-delay: 1.2s;
  }

  #frotateG_07 {
    left: 22px;
    bottom: 0;
    animation-delay: 1.35s;
    -o-animation-delay: 1.35s;
    -ms-animation-delay: 1.35s;
    -webkit-animation-delay: 1.35s;
    -moz-animation-delay: 1.35s;
  }

  #frotateG_08 {
    left: 6px;
    bottom: 6px;
    animation-delay: 1.5s;
    -o-animation-delay: 1.5s;
    -ms-animation-delay: 1.5s;
    -webkit-animation-delay: 1.5s;
    -moz-animation-delay: 1.5s;
  }

  @keyframes f_fadeG {
    0% {
      background-color: rgba(246, 168, 65, 0.8);
    }

    100% {
      background-color: transparent;
    }
  }

  @-o-keyframes f_fadeG {
    0% {
      background-color: rgba(246, 168, 65, 0.8);
    }

    100% {
      background-color: transparent;
    }
  }

  @-ms-keyframes f_fadeG {
    0% {
      background-color: rgba(246, 168, 65, 0.8);
    }

    100% {
      background-color: transparent;
    }
  }

  @-webkit-keyframes f_fadeG {
    0% {
      background-color: rgba(246, 168, 65, 0.8);
    }

    100% {
      background-color: transparent;
    }
  }

  @-moz-keyframes f_fadeG {
    0% {
      background-color: rgba(246, 168, 65, 0.8);
    }

    100% {
      background-color: transparent;
    }
  }

  #imagelightbox {
    position: fixed;
    z-index: 9999;
    -ms-touch-action: none;
    touch-action: none;
    -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.4), inset 0 0 2px 0 #95c11e;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.4), inset 0 0 2px 0 #95c11e;
    padding: 5px;
    border: 1px solid #fff;
    background-color: #fff;
  }

  #shopping-cart .row:empty:after {
    content: "Ihr Warenkorb ist noch leer!";
    font-size: 17px;
    color: #5a89c6;
    padding: 0 15px;
    font-weight: bold;
    font-family: "Manrope Regular", sans-serif;
  }

  .shopauskunftwidget {
    display: none;
  }

  @media (min-width: 1200px) {
    .shopauskunftwidget {
      position: fixed;
      right: 0px;
      bottom: 50%;
      display: block;
      z-index: 50;
    }
  }

  .cc-btn.cc-dismiss {
    font-family: "Manrope Light", sans-serif;
    font-size: 23px;
    font-weight: normal;
  }

  .video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .video-container {
    position: relative;
    padding-bottom: 56.25%;
    /* Default for 1600x900 videos 16:9 ratio*/
    padding-top: 0px;
    height: 0;
    overflow: hidden;
  }

  .error-box {
    padding: 0 25%;
    position: fixed;
    cursor: pointer;
    width: 100%;
    z-index: 9999;
    top: 0px;
    left: 0px;
    color: #fff;
    background-color: rgba(246, 168, 65, 0.8);
    border-bottom: 5px solid #f7a840;
  }

  .error-box .headline {
    display: inline-block;
    padding-right: 10px;
  }

  .error-box div {
    display: inline-block;
  }

  .error-box .close-btn {
    display: none;
  }

  .error-box.new {
    padding: 15px 60px 15px 100px;
    width: 50%;
    left: 25%;
    /*top: 200px;*/
    top: 250px;
    background: rgba(241, 144, 126, 0.94) url(../images/Hinweisfeld-icon2.png) no-repeat 20px 16px;
    border: 1px solid #eb5954;
    border-radius: 2px;
    min-height: 90px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
  }

  .error-box.new.orange {
    background: rgba(255,140,0,0.9) url(../images/Hinweisfeld-icon2.png) no-repeat 20px 16px;
    border: 1px solid #FFA500;
  }

  .greenInfoBox {
    background: rgba(149, 193, 30, 0.9) url(../images/Hinweisfeld-icon2.png) no-repeat 20px 16px;
    border: 1px solid #7CA805;
  }

  .error-box.new .headline {
    padding: 0px 0px 0px 0px;
    display: block;
    font-size: 22px;
  }

  .error-box.new ul,
  .error-box.new div {
    display: block;
    font-size: 18px;
  }

  .error-box.new .close-btn {
    position: absolute;
    right: 5px;
    top: 5px;
    display: block;
    border: 1px solid #fff;
    border-radius: 15px;
    width: 30px;
    height: 30px;
    line-height: 24px;
    text-align: center;
    font-size: 22px;
    font-weight: 300;
  }

  @media (min-width: 767px) and (max-width: 1199px) {
    .error-box.new {
      width: 70%;
      left: 15%;
    }
  }

  @media (max-width: 767px) {
    .error-box.new {
      width: 90%;
      left: 5%;
    }
  }

  .float-box:after {
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0;
  }

  .float-box>* {
    float: left;
  }

  .socialfb img {
    margin: 0px !important;
  }

  h1.h22 {
    font-size: 22px !important;
  }

  ul.pipe-menu {
    padding: 5px 0;
    margin: 0;
  }

  ul.pipe-menu li {
    display: inline;
  }

  ul.pipe-menu li i {
    /*margin: 0 5px 0 0;*/
  }

  ul.pipe-menu li:after {
    content: "|";
    padding: 0 10px;
  }

  ul.pipe-menu li:last-child:after {
    content: "";
    padding: 0;
  }

  ul.tabs {
    font-size: 17px;
    overflow: hidden;
    border-bottom: 1px solid #74A9A3;
  }

  ul.tabs:after {
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0;
  }

  ul.tabs li {
    float: left;
    margin-right: 1px;
    height: 50px;
    line-height: 50px;
    font-weight: bold;
    font-family: "Manrope Regular", sans-serif;
  }

  ul.tabs li.active a {
    background-color: #74A9A3;
    /*padding: 0 30px;*/
    color: #fff !important;
  }

  ul.tabs li a {
    display: block;
    padding: 0 20px;
    height: 50px;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
    color: #3c3c3b;
  }

  ul.tabs li a:hover {
    color: #74A9A3;
  }

  ul.tabs.as-headline li.active a {
    border-bottom: 2px solid #95c11e;
  }

  ul.tabs.as-headline li a {
    border-bottom: 2px solid #f1f1f0;
  }

  ul.tabs.as-headline li a:hover {
    border-bottom: 2px solid #95c11e;
  }

  .frame {
    font-family: "Manrope Light", sans-serif;
    background-color: #fff;
    padding: 20px;
    border: 1px solid #f1f1f0;
    z-index: 1;
  }

  .frame.account .list {
    line-height: 30px;
    font-weight: bold;
    font-family: "Manrope Regular", sans-serif;
  }

  .frame.account .list .row {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #bfbfbf;
  }

  .frame.account .list .row:last-child {
    border-bottom: none;
  }

  .frame.account .list .btn {
    font-size: 16px;
    line-height: 30px;
  }

  .frame.account .list .status {
    color: #95c11e;
    font-weight: bold;
    font-family: "Manrope Regular", sans-serif;
  }

  .frame.account .list .price {
    color: #74A9A3;
  }

  .frame.account .collateral {
    padding-top: 0;
  }

  #more-articles .tabs {
    padding-top: 40px;
  }

  #more-articles .frame {
    border: none;
    padding: 30px 0;
  }

  #more-articles textarea {
    min-height: 400px;
  }

  #more-articles .panel p {
    padding: 20px 0;
  }

  #more-articles .file input {
    padding: 0;
  }

  .text {
    font-size: 15px;
    line-height: 24px;
  }

  .text .headline {
    line-height: normal;
  }

  .text p {
    padding: 20px 0;
  }

  .text em {
    font-style: normal;
    font-weight: bold;
    font-family: "Manrope Regular", sans-serif;
  }

  .text h1 {
    font-size: 23px;
    font-family: "Manrope Regular", sans-serif;
  }

  .text h2 {
    font-size: 17px;
    font-weight: bold;
    font-family: "Manrope Regular", sans-serif;
  }

  .text h3 {
    font-size: 13px;
    font-weight: bold;
    font-family: "Manrope Regular", sans-serif;
  }

  .text h4 {
    font-size: 13px;
  }

  .text h5 {
    font-size: 13px;
  }

  .text a {
    color: #74A9A3;
    /*text-decoration: underline;*/
    text-decoration: none;
  }

  .text a:hover {
    color: #95c11f;
    text-decoration: none;
  }

  .text ul {
    list-style-type: disc;
    padding: 10px 0px 20px 30px;
  }

  .form-group {
    margin-bottom: 10px;
  }

  .form-group label {
    font-family: "Manrope Regular", sans-serif;
    font-weight: bold;
    line-height: 30px;
  }

  .form-group input,
  .form-group select,
  .form-group textarea {
    height: 30px;
  }

  .form-group input:focus,
  .form-group select:focus,
  .form-group textarea:focus {
    border: 1px solid #74A9A3;
    color: #74A9A3;
  }

  .form-group input.m-h,
  .form-group select.m-h,
  .form-group textarea.m-h {
    min-height: 100px;
    max-height: 400px;
    min-width: 100px;
  }

  .form-group.n-la label {
    display: block;
    padding: 2px 0;
  }

  .form-group.n-la label:last-child {
    border: none;
  }

  .form-group.n-la label:after {
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0;
  }

  .form-group.n-la label>* {
    float: left;
  }

  .form-group.n-la label span.label {
    display: inline-block;
    padding-left: 10px;
    font-weight: normal;
  }

  .form-group.n-la label span.price {
    padding: 0 20px;
  }

  .form-group.n-la label i {
    display: inline-block;
    font-size: 23px;
    line-height: 30px;
    padding: 0 0 0 10px;
    color: #74a9a3;
    cursor: pointer;
  }

  .form-group.n-la label i:hover {
    color: #95c11e;
  }

  .form-group.choices label {
    display: inline-block;
    padding: 2px 10px;
  }

  .form-group.choices label>* {
    float: left;
  }

  .form-group.choices label span.label {
    display: inline-block;
    padding-left: 10px;
    font-weight: normal;
  }

  .form-group.choices label span.price {
    padding: 0 20px;
  }

  .form-group.choices p {
    padding: 7px 0;
  }

  #more-articles .label-count .form-group {
    position: relative;
  }

  #more-articles .label-count .form-group label {
    position: absolute;
    left: 0;
    top: 0;
    padding: 0 10px;
    background-color: #74A9A3;
    color: #fff;
    line-height: 40px;
    width: 40px;
    font-size: 17px;
    text-align: center;
  }

  #more-articles .label-count .form-group input {
    height: 40px;
    padding-left: 50px;
  }

  #more-articles .more-link {
    text-shadow: none;
    text-decoration: underline;
    color: #f7a840;
  }

  #more-articles .more-link:hover {
    text-decoration: none;
  }

  #main-navbar {
    font-family: "Manrope Light", sans-serif;
    font-size: 17px;
    /*text-transform: uppercase;*/
    position: relative;
  }

  #main-navbar ul li {
    float: left;
  }

  #main-navbar ul li a {
    display: block;
    line-height: 50px;
    padding: 0 20px;
  }

  #main-navbar ul li a:hover {
    background-color: #84ab1b;
  }

  #main-navbar ul li.active a {
    /*background-color: darken(@main-color, 5%)*/
    color: #74A9A3;
  }

  #main-navbar ul li>a {
    font-weight: bold;
  }

  #main-navbar ul li ul {
    display: none;
  }

  #main-navbar ul#mobile-main-nav {
    display: none;
  }

  #main-navbar .open-menu {
    display: none;
    line-height: 40px;
    padding: 0 20px;
    cursor: pointer;
  }

  #main-navbar .open-menu a:hover {
    background-color: #b1df33;
  }

  #main-navbar .open-subcat {
    display: none;
  }

  #main-nav {
    font-family: "Manrope Light", sans-serif;
  }

  #main-nav ul {
    line-height: 30px;
  }

  #main-nav ul li a {
    display: block;
    padding: 0 10px;
  }

  #main-nav ul li a:hover {
    color: #95c11e;
  }

  #main-nav ul li ul {
    display: none;
  }

  #main-nav ul li.active a {
    color: #95c11e;
  }

  #main-nav ul li.active>ul {
    display: block;
  }

  #main-nav ul li.active>ul li a {
    color: #3c3c3b;
  }

  #main-nav ul li.active>ul li a:hover {
    color: #5a89c6;
  }

  #main-nav ul li.active>ul li.active a {
    color: #5a89c6;
  }

  #main-nav ul li.active>ul li.active>ul li a {
    color: #3c3c3b;
  }

  #main-nav ul li.active>ul li.active>ul li.active a {
    color: #5a89c6;
  }

  #main-nav .open-subcat {
    display: none;
  }

  .main-banner-slider.startboard {
    height: 400px;
  }

  #main .main-banner-slider.startboard .banner-content {
    top: 60%;
  }

  @media (min-width: 0px) and (max-width: 767px) {
    #main .main-banner-slider.startboard .banner-content {
      top: 70%;
    }
  }

  .main-banner-slider,
  .main-banner-slider.owl-theme {
    position: relative;
    background: url(../images/search_bg.jpg) no-repeat 50% 50%;
    background-size: cover;
    height: 540px;
  }

  .main-banner-slider img,
  .main-banner-slider.owl-theme img {
    width: 100%;
  }

  .main-banner-slider .banner-content,
  .main-banner-slider.owl-theme .banner-content {
    font-family: "Manrope Light", sans-serif;
    position: absolute;
    left: 50%;
    top: 50%;
    text-align: center;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -o-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    z-index: 99;
  }

  .main-banner-slider .banner-content .banner-headline,
  .main-banner-slider.owl-theme .banner-content .banner-headline {
    display: block;
    text-shadow: 0 0 5px #ffffff, 0 0 5px #ffffff, 0 0 5px #ffffff, 0 0 5px #ffffff, 0 0 5px #ffffff;
  }

  .main-banner-slider .banner-content .headline-lg,
  .main-banner-slider.owl-theme .banner-content .headline-lg {
    font-weight: bold;
    font-size: 27px;
    font-family: "Manrope Regular", sans-serif;
  }

  .main-banner-slider .banner-content .headline-sm,
  .main-banner-slider.owl-theme .banner-content .headline-sm {
    margin-bottom: 30px;
    font-size: 17px;
  }

  .main-banner-slider .banner-content .main-search-border,
  .main-banner-slider.owl-theme .banner-content .main-search-border {
    background-color: rgba(0, 0, 0, 0.4);
    padding: 4px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
  }

  .main-banner-slider .owl-controls,
  .main-banner-slider.owl-theme .owl-controls {
    margin: 0;
  }

  .main-banner-slider .owl-controls .owl-buttons,
  .main-banner-slider.owl-theme .owl-controls .owl-buttons {
    font-size: 33px;
  }

  .main-banner-slider .owl-controls .owl-buttons>*,
  .main-banner-slider.owl-theme .owl-controls .owl-buttons>* {
    display: inline-block;
    font-family: 'FontAwesome';
    font-feature-settings: normal;
    font-kerning: auto;
    font-language-override: normal;
    font-size: inherit;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-synthesis: weight style;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-rendering: auto;
  }

  .main-banner-slider .owl-controls .owl-buttons .owl-prev,
  .main-banner-slider.owl-theme .owl-controls .owl-buttons .owl-prev {
    left: 0;
  }

  .main-banner-slider .owl-controls .owl-buttons .owl-next,
  .main-banner-slider.owl-theme .owl-controls .owl-buttons .owl-next {
    right: 0;
  }

  .main-banner-slider .owl-controls .owl-buttons .owl-prev:before,
  .main-banner-slider.owl-theme .owl-controls .owl-buttons .owl-prev:before {
    content: "";
  }

  .main-banner-slider .owl-controls .owl-buttons .owl-next:before,
  .main-banner-slider.owl-theme .owl-controls .owl-buttons .owl-next:before {
    content: "";
  }

  .main-banner-slider .owl-controls .owl-buttons div,
  .main-banner-slider.owl-theme .owl-controls .owl-buttons div {
    position: absolute;
    background: none;
    top: 50%;
    margin: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  .headline {
    display: block;
    font-weight: bold;
    padding: 10px 0;
    font-family: "Manrope Regular", sans-serif;
  }

  .headline.underline {
    /*padding: 10px;*/
    border-bottom: 2px solid #95c11e;
  }

  .headline.upper {
    text-transform: uppercase;
  }

  .headline.h1 {
    font-size: 33px;
  }

  .headline.h2 {
    font-size: 27px;
  }

  .headline.h3 {
    font-size: 17px;
  }

  .headline.h4 {
    font-size: 17px;
  }

  .headline.h5 {
    font-size: 13px;
  }

  .headline.h3.underline {
    margin-top: 20px;
    padding-top: 0;
  }

  .pagination {
    width: 100%;
    text-align: right;
    padding: 5px 0;
  }

  .pagination>* {
    display: inline-block;
  }

  .pagination a {
    display: inline-block;
    color: #95c11e;
    background-color: #f1f1f0;
    height: 20px;
    line-height: 20px;
    width: 20px;
    text-align: center;
    font-weight: bold;
  }

  .pagination a.active {
    background-color: #95c11e;
    color: #f1f1f0;
  }

  .pagination a:hover {
    color: #3c3c3b;
  }

  .view-mode>* {
    float: left;
    margin-right: 10px;
  }

  .view-mode>*:last-child {
    margin-right: 0;
  }

  .frame .panel {
    display: none;
  }

  .frame .panel.open {
    display: block;
  }

  .button-group .btn {
    padding: 8px 8px;
    margin-bottom: 20px;
  }

  .button-group .btn:last-child {
    margin-bottom: 0;
  }

  .button-group .row>* {
    margin-bottom: 20px;
  }

  .button-group .row>*:last-child {
    margin-bottom: 0;
  }

  .ico-btn {
    font-size: 23px;
    text-align: center;
    color: #95c11e;
    -webkit-transition: color 200ms linear;
    -moz-transition: color 200ms linear;
    -ms-transition: color 200ms linear;
    -o-transition: color 200ms linear;
    transition: color 200ms linear;
  }

  .ico-btn i {
    text-align: center;
    width: 100%;
  }

  .ico-btn i span {
    display: inline-block;
    padding-left: 10px;
    font-family: "Manrope Light", sans-serif;
    font-size: 17px;
  }

  .ico-btn:hover {
    color: #3c3c3b;
  }

  #header {
    border-bottom: 1px solid #bfbfbf;
  }

  #header #subhead {
    font-size: 11px;
    border-bottom: 1px solid #f1f1f0;
  }

  #header #subhead .shop-links ul {
    float: right;
  }

  #header #subhead .pipe-menu a:hover {
    color: #74a9a3;
  }

  #header.rede #subhead #CartMiniDiv a:hover i {
    color: #74a9a3;
  }

  #header #logo {
    font-family: "Manrope Regular", sans-serif;
    text-align: left;
    font-size: 28px;
    font-weight: bold;
    color: #95c11e;
  }

  #header #search {
    position: relative;
    padding: 15px 0;
  }

  #header #search .input-group {
    position: relative;
  }

  #header #search .input-group input {
    height: 36px;
    width: 100%;
  }

  #header #search .input-group .btn {
    width: 36px;
    height: 36px;
    position: absolute;
    right: 0;
    top: 0;
  }

  #header #cart-sm {
    font-family: "Manrope Light", sans-serif;
    padding: 56px 0 34px;
  }

  #header #cart-sm span {
    display: block;
  }

  #header #cart-sm .ico-cart {
    position: relative;
    text-align: center;
  }

  #header #cart-sm .ico-cart span {
    position: absolute;
    -moz-border-radius: 17px;
    -webkit-border-radius: 17px;
    -khtml-border-radius: 17px;
    border-radius: 17px;
    height: 34px;
    width: 34px;
    text-align: center;
    top: -24px;
    left: 50%;
    line-height: 30px;
    background-color: #f7a840;
    font-weight: 800;
    border: 1px solid #f8b358;
    -webkit-box-shadow: inset 0 0 0 1px #ffffff;
    box-shadow: inset 0 0 0 1px #ffffff;
    color: #fff;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }

  #header #cart-sm .ico-cart i {
    font-size: 36px;
    color: #5a89c6;
  }

  #header #cart-sm .cart-total {
    padding: 10px 0;
    text-align: center;
    font-weight: bold;
    font-family: "Manrope Regular", sans-serif;
  }

  .image {
    display: table;
    overflow: hidden;
    height: auto;
    width: 100%;
    table-layout: fixed;
  }

  .image a {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    cursor: auto;
  }

  .collateral {
    padding: 10px 0 0;
  }

  #main {
    /*padding: 20px 0 60px;*/
  }

  #main.start {
    padding: 0;
  }

  #main #steps {
    /*padding: 30px 0;*/
  }

  #main #steps.sec {
    padding: 0px 0px 60px 0;
  }

  #main #steps .step-content {
    text-align: center;
    /* padding: 40px 0; */
  }

  #main #steps .step-ico {
    font-size: 66px;
    position: relative;
  }

  #main #steps .step-ico .number {
    position: absolute;
    right: 35%;
    top: 0;
    background-color: #5a89c6;
    text-align: center;
    font-weight: bold;
    font-family: "Manrope Regular", sans-serif;
    font-size: 23px;
    width: 36px;
    height: 36px;
    line-height: 36px;
    -moz-border-radius: 18px;
    -webkit-border-radius: 18px;
    -khtml-border-radius: 18px;
    border-radius: 18px;
    color: #fff;
  }

  #main #steps .step-txt {
    font-size: 17px;
  }

  #main #apps {
    background-color: #f1f1f0;
    /*padding: 60px 0 20px;*/
  }

  #main #apps .app-content {
    padding: 40px 0;
  }

  #main #apps .app-content p {
    font-size: 17px;
  }

  #main #apps .app-content .app-badges {
    padding: 40px 0;
  }

  #main #apps .app-content .app-badges a {
    float: left;
    margin: 0 30px 30px 0;
  }

  #main #apps .app-content .app-badges a:last-child {
    margin: 0;
  }

  #main #apps .app-content .app-image {
    text-align: right;
  }

  #main #motto {
    /*padding: 60px 0 0px 0px;*/
  }

  #main #motto .headline {
    line-height: normal;
  }

  #main #motto header .headline.h2 {
    padding-top: 0;
    margin-top: 0;
  }

  #main #motto p {
    font-size: 17px;
  }

  #main #products .product-collateral .tabs li.active {
    color: #95c11e;
  }

  #main .product-list .product {
    /*float: left;*/
    padding: 10px;
  }

  #main .product-list .product .image a {
    max-height: 150px;
  }

  #main .product-list .product .image {
    border: 1px solid #fff;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
  }

  #main .product-list .product .image a img {
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
  }

  #main .product-list .product .image:hover {
    border: 1px solid #95c11e;
  }

  #main .product-list .product .image:hover a img {
    -webkit-transform: scale(1.1);
    /* Safari and Chrome */
    -moz-transform: scale(1.1);
    /* Firefox */
    -ms-transform: scale(1.1);
    /* IE 9 */
    -o-transform: scale(1.1);
    /* Opera */
    transform: scale(1.1);
  }

  #main .product-list .product .details {
    text-align: center;
    height: 50px;
  }

  #main .product-list .product .details .name {
    display: table;
    table-layout: fixed;
    width: 100%;
  }

  #main .product-list .product .details .name a {
    display: table-cell;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
    word-wrap: break-word;
  }

  #main .product-list .product .details .name a {
    -webkit-transition: color 100ms linear;
    -moz-transition: color 100ms linear;
    -ms-transition: color 100ms linear;
    -o-transition: color 100ms linear;
    transition: color 100ms linear;
  }

  #main .product-list .product .details .name a:hover {
    color: #95c11e;
  }

  #main .product-list .product .details .price-container {
    font-weight: bold;
    font-family: "Manrope Regular", sans-serif;
  }

  #main .product-list .product .details .price-container .old-price {
    text-decoration: line-through;
    color: #777777;
  }

  #main .product-list .product .details .price-container .old-price:empty {
    display: none;
  }

  #main .product-list .product .details .price-container .sale-percentage {
    display: inline-block;
    color: #fff;
    padding: 2px;
    background-color: #5a89c6;
  }

  #main .product-list .product .details .price-container .sale-percentage:empty {
    display: none;
  }

  #main #top-products {
    padding: 40px 0;
    font-family: "Manrope Light", sans-serif;
  }

  #main #top-products .headline {
    text-align: center;
  }

  #main #top-products .details .name {
    font-size: 17px;
  }

  #main #top-products .details .price-container .price {
    font-size: 17px;
  }

  #main #top-products .details .price-container .sale-percentage {
    padding: 4px;
  }

  #main #similar-products {
    padding: 40px 0;
    font-family: "Manrope Light", sans-serif;
  }

  #main #similar-products .details .price-container .sale-percentage {
    padding: 4px;
  }

  #main #category-products {
    padding: 20px 0;
  }

  #main #category-products .product-list {
    padding: 20px 0;
  }

  #main #category-description {
    font-family: "Manrope Light", sans-serif;
  }

  #main #category-description p {
    padding: 20px 0;
  }

  #main .toolbar .view-mode div {
    height: 30px;
    width: 30px;
    text-align: center;
    background-color: #f1f1f0;
    color: #95c11e;
    cursor: pointer;
  }

  #main .toolbar .view-mode div i {
    line-height: 30px;
  }

  #main .toolbar .view-mode div.active {
    background-color: #95c11e;
    color: #fff;
  }

  #main .toolbar .view-mode div:hover {
    color: #3c3c3b;
  }

  #main .toolbar select {
    height: 30px;
  }

  #main .toolbar label {
    font-family: "Manrope Regular", sans-serif;
    font-size: 11px;
    font-weight: bold;
  }

  #main #products .product .images {
    overflow: hidden;
  }

  #main #products .product .images figure.image {
    padding: 0px 20px 20px 20px;
  }

  #main #products .product .images .image-carousel {
    position: relative;
    padding: 20px;
  }

  #main #products .product .images .image-carousel .image a {
    height: 80px;
  }

  #main #products .product .images .image-carousel .owl-item {
    padding: 5px;
  }

  #main #products .product .images .image-carousel .owl-controls {
    margin: 0;
  }

  #main #products .product .images .image-carousel .owl-controls .owl-buttons {
    font-size: 33px;
  }

  #main #products .product .images .image-carousel .owl-controls .owl-buttons>* {
    display: inline-block;
    font-family: 'FontAwesome';
    font-feature-settings: normal;
    font-kerning: auto;
    font-language-override: normal;
    font-size: inherit;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-synthesis: weight style;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-rendering: auto;
  }

  #main #products .product .images .image-carousel .owl-controls .owl-buttons .owl-prev {
    left: -10px;
  }

  #main #products .product .images .image-carousel .owl-controls .owl-buttons .owl-next {
    right: -10px;
  }

  #main #products .product .images .image-carousel .owl-controls .owl-buttons .owl-prev:before {
    content: "";
  }

  #main #products .product .images .image-carousel .owl-controls .owl-buttons .owl-next:before {
    content: "";
  }

  #main #products .product .images .image-carousel .owl-controls .owl-buttons div {
    position: absolute;
    background: none;
    top: 50%;
    color: #bfbfbf;
    margin: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  #main #products .product .name {
    padding-bottom: 10px;
  }

  #main #products .product .name h1 {
    font-size: 18px;
    margin: 0;
    font-weight: bold;
    font-family: "Manrope Regular", sans-serif;
  }

  #main #products .product .name span {
    display: inline-block;
    padding-right: 30px;
  }

  #main #products .product .name span em {
    color: #74A9A3;
    font-weight: normal;
  }

  #main #products .product .vendor {
    overflow: hidden;
    width: 120px;
    height: 44px;
  }

  #main #products .product .product-id {
    text-align: right;
    color: #bfbfbf;
  }

  #main #products .product .data {
    /*padding: 20px 0;*/
  }

  #main #products .product .data>* {
    margin-bottom: 20px;
    padding-bottom: 20px;
  }

  #main #products .product .data>*:last-child {
    border-bottom: none;
    margin-bottom: 0;
  }

  #main #products .product .data .description {
    font-family: "Manrope Light", sans-serif;
    padding: 0 0 20px 0;
  }

  #main #products .product .data .info-article dl dt,
  #main #products .product .data .info-article dl dd {
    float: left;
  }

  #main #products .product .data .info-article dl dt {
    clear: left;
    padding-right: 10px;
  }

  #main #products .product .data .info-article dl dd {
    color: #5a89c6;
  }

  #main #products .product .data .price-box {
    padding: 10px 0;
    /*.price-info{
						font-size: @font-size-small;
						color: @gray-light3;
					}*/
  }

  #main #products .product .data .price-box .price {
    font-family: "Manrope Regular", sans-serif;
    font-size: 27px;
    line-height: 27px;
    color: #95c11e;
    font-weight: bold;
  }

  #main #products .product .data .action-order .button-group .btn {
    padding: 15px 0;
  }

  #main #products .product .data .count {
    padding: 7px 0;
  }

  #main #products .product .condition .forms label {
    position: relative;
  }

  #main .speditionen_radio .info-hover {
    left: 20px;
    top: 30px;
  }

  #main .speditionen_radio .info-hover .headline {
    color: #fff !important;
  }

  #main #products .product .condition .forms label .info-hover,
  .speditionen_radio .info-hover {
    display: none;
    position: absolute;
    left: -310px;
    top: 0;
    width: 300px;
    z-index: 1;
    background-color: #fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
  }

  #main #products .product .condition .forms label .info-hover .headline,
  .speditionen_radio .info-hover .headline {
    background-color: #74a9a3;
    color: #fff;
    padding: 0 10px;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    -khtml-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
  }

  #main #products .product .condition .forms label .info-hover .content,
  .speditionen_radio .info-hover .content {
    padding: 10px;
    line-height: normal;
    font-weight: normal;
  }

  #main #products.small .product {
    border-bottom: 1px solid #f1f1f0;
    padding-top: 30px;
  }

  #main #products.small .product:first-child {
    padding-top: 0;
  }

  #main #products.small .product:last-child {
    border-bottom: none;
  }

  #main #products.small .product .data .action-order {
    /*padding: 30px 0;*/
  }

  #main #products.small .product .data .action-order .button-group {
    padding: 20px 0;
  }

  #main #products.small .product .data .action-order .button-group .btn {
    padding: 10px 0;
  }

  #main #products.small .product .data .form-group.choices p {
    padding: 0;
  }

  #main #products.small .product .data .form-group.choices input {
    height: 18px;
  }

  #main #products.small .product .data .form-group.choices .label {
    line-height: normal;
  }

  #main #products.small .product .condition .forms label .info-hover {
    right: 0;
    left: 0;
    top: 40px;
    width: auto;
  }

  #main .count {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 5px 0;
  }

  #main .count input {
    font-weight: bold;
  }

  #main .count>* {
    float: left;
  }

  #main .count .count-btns {
    padding: 0 10px;
  }

  #main .count .count-btns>* {
    display: block;
    background-color: #f1f1f0;
    text-align: center;
  }

  #main .count .count-btns>*.up {
    margin-bottom: 3px;
    padding: 0 10px;
  }

  #main .count .count-btns>*:hover {
    background-color: #74A9A3;
    color: #fff;
  }

  #main .count .count-btns div {
    cursor: pointer;
  }

  #main .setting .title {
    font-family: "Manrope Regular", sans-serif;
    font-weight: bold;
    color: #95c11e;
  }

  #main .setting .headline {
    color: #74A9A3;
  }

  #main .setting .content {
    padding: 5px 0;
  }

  #main .setting .content>a {
    display: inline-block;
    border: 1px solid #f1f1f0;
    margin: 0 4px 8px 0;
  }

  #main .setting .content>a.active {
    border: 1px solid #5a89c6 !important;
  }

  #main .setting .content>a:hover {
    border: 1px solid #95c11e;
  }

  #main .setting .content.colour>a {
    height: 40px;
    width: 40px;
  }

  #main .setting .content.colour>a.active {
    -webkit-box-shadow: inset 0 0 0 4px #fff;
    box-shadow: inset 0 0 0 4px #fff;
  }

  #main .setting .content.size>a {
    font-family: "Manrope Light", sans-serif;
    height: 40px;
    line-height: 40px;
    width: 60px;
    text-align: center;
    font-size: 17px;
  }

  #main .setting .content.count input {
    border: 1px solid #f1f1f0;
    text-align: center;
    height: 40px;
    width: 60px;
    font-size: 17px;
  }

  #main .setting .content.count input:focus {
    border: 1px solid #5a89c6;
    color: #5a89c6;
  }

  #main .setting .price-box {
    text-align: right;
  }

  #main .steps {
    font-size: 23px;
    font-family: "Manrope Regular", sans-serif;
    font-weight: bold;
    border-bottom: 1px dotted #f1f1f0;
    padding: 20px 0;
    margin-bottom: 10px;
  }

  #main .steps p {
    color: #bfbfbf;
    text-align: center;
  }

  #main .steps p.active {
    color: #95c11e;
  }

  #main #shopping-cart {
    padding: 10px 0px 20px 0px;
  }

  #main #shopping-cart .product {
    padding: 20px;
    border-left: 1px solid #f1f1f0;
    border-bottom: 1px solid #f1f1f0;
    border-right: 1px solid #f1f1f0;
  }

  #main #shopping-cart .product .image img {
    max-height: 160px;
  }

  #main #shopping-cart .product .name {
    font-size: 17px;
    font-family: "Manrope Regular", sans-serif;
    font-weight: bold;
  }

  #main #shopping-cart .product .name a {
    cursor: auto;
  }

  /*#main #shopping-cart .product .name a:hover {
  color: #95c11e;
}*/
  #main #shopping-cart .product .setting span {
    display: inline-block;
    padding: 0 10px 0 0;
  }

  #main #shopping-cart .product .setting span.size {
    font-weight: bold;
    color: #95c11e;
    font-family: "Manrope Regular", sans-serif;
  }

  #main #shopping-cart .product .delete a {
    font-size: 23px;
  }

  #main #shopping-cart .product .delete a:hover {
    color: #74A9A3;
  }

  #main #shopping-cart .product .prices {
    font-weight: bold;
    font-family: "Manrope Regular", sans-serif;
    padding: 10px 0;
    text-align: right;
  }

  #main #shopping-cart .product .prices span.label {
    color: #bfbfbf;
    display: inline-block;
    padding-right: 5px;
  }

  #main #shopping-cart .product .prices span.price {
    font-family: "Manrope Light", sans-serif;
    font-size: 17px;
  }

  #main #shopping-cart .product .prices span.price.entire {
    color: #74A9A3;
  }

  #main #shopping-cart .costs-of-goods {
    margin-top: 10px;
    padding: 10px;
    text-align: right;
    font-family: "Manrope Light", sans-serif;
    font-size: 17px;
    background-color: #fbfbfb;
  }

  #main #shopping-cart .costs-of-goods em {
    font-weight: bold;
    font-family: "Manrope Regular", sans-serif;
    color: #95c11f;
  }

  #main .stan-box {
    position: relative;
    padding: 10px 20px 10px 20px;
    border: 1px solid #f1f1f0;
    margin-bottom: 20px;
  }

  #main .stan-box textarea.m-h {
    height: 144px;
    max-height: 144px;
  }

  #main .stan-box .headline {
    color: #95c11e;
  }

  #main .stan-box.voucher .btn {
    line-height: 30px;
  }

  #main .stan-box.costs .row p {
    font-family: "Manrope Light", sans-serif;
    padding: 5px;
    font-size: 17px;
  }

  #main .stan-box.costs .row p.price {
    text-align: right;
    font-weight: bold;
    font-family: "Manrope Regular", sans-serif;
  }

  #main .stan-box.costs .row.all {
    border-top: 1px solid #f1f1f0;
    color: #74A9A3;
  }

  #main .stan-box.agb {
    background-color: #fbfbfb;
  }

  #main .stan-box.agb a {
    color: #5a89c6;
    text-decoration: underline;
  }

  #main .stan-box.agb a:hover {
    text-decoration: none;
  }

  #main .stan-box .edit {
    position: absolute;
    bottom: 20px;
    right: 20px;
    left: 20px;
  }

  #main .forgot-pw {
    color: #74A9A3;
  }

  #main .forgot-pw:hover {
    text-decoration: underline;
  }

  #footer {
    background-color: #f1f1f0;
    padding: 10px;
  }

  #footer .row {
    padding: 10px 0;
  }

  #footer .row:first-child {
    padding-top: 0;
  }

  #footer .row:last-child {
    padding-bottom: 0;
  }

  #footer .pipe-menu {
    text-align: center;
    color: #999999;
  }

  #footer .pipe-menu li a:hover {
    color: #000;
  }

  #footer .link-box ul {
    /*color: #999999;*/
  }

  #footer .link-box ul li a {
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
  }

  #footer .link-box ul li a:hover {
    text-decoration: underline;
    color: #000;
  }

  #footer .payments {
    padding: 10px 0;
    border-top: 1px solid #bfbfbf;
    border-bottom: 1px solid #bfbfbf;
  }

  #footer .payments .headline {
    color: #5a89c6;
  }

  #footer .payments ul {
    padding: 0 20px;
  }

  #footer .payments ul li {
    float: left;
    padding: 6px;
  }

  #footer .copy {
    font-family: "Manrope Light", sans-serif;
    border-top: 2px solid #fff;
    color: #999999;
    text-align: center;
    padding: 10px 0;
  }

  #footer .copy em {
    font-style: normal;
    color: #95c11e;
  }

  #footer .copy a {
    color: #5a89c6;
    text-decoration: underline;
  }

  #footer .copy a:hover {
    text-decoration: none;
  }

  .ajax-win {
    position: absolute;
    padding: 1px;
    width: 60%;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
    background-color: #fff;
    top: 50%;
    z-index: 99;
    left: 20%;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
  }

  .ajax-win .win-head {
    background-color: #95c11e;
    color: #fff;
    font-size: 17px;
    font-weight: bold;
    font-family: "Manrope Regular", sans-serif;
    padding: 5px 30px 5px 10px;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    -khtml-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    position: relative;
  }

  .ajax-win .win-content {
    padding: 10px 20px;
  }

  .ajax-win .win-foot {
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    -khtml-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    padding: 10px 10px 0 10px;
    background-color: #f1f1f0;
  }

  .ajax-win .win-foot .button-group .row>* {
    margin-bottom: 10px;
  }

  .ajax-win .win-close {
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  .dropdown-frame>.panel>.head {
    position: relative;
    padding: 10px;
    cursor: pointer;
    color: #74A9A3;
  }

  .dropdown-frame>.panel>.head h2 {
    font-size: 15px;
  }

  .dropdown-frame>.panel>.head:hover {
    background-color: #f1f1f0;
  }

  .dropdown-frame>.panel>.head:after {
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "\f107";
    font-family: 'FontAwesome';
  }

  .dropdown-frame>.panel>.head.active:after {
    content: "\f106";
  }

  .dropdown-frame>.panel>.content {
    display: none;
    padding: 0 20px;
  }

  .dropdown-frame .headline.h2 {
    margin: 40px 0 20px;
  }

  .vp-xs-max,
  .vp-sm-min {
    display: none;
  }

  #contact-form {
    margin-bottom: 40px;
  }

  @media (min-width: 960px) {
    #main-nav ul li a {
      padding: 0 10px;
    }

    #main-nav ul li ul li a {
      padding: 0 20px;
    }

    #main-nav ul li ul li a:before {
      content: "-";
      margin-right: 10px;
    }

    #main-nav ul li ul li ul li a {
      padding: 0 30px;
    }

    #main-nav ul li ul li ul li ul li a {
      padding: 0 40px;
    }
  }

  @media (min-width: 1200px) {
    #header #cart-sm {
      padding-left: 30px;
      padding-right: 30px;
    }

    #cart-ov .stan-box.s-h,
    #account-cart-ov .stan-box.s-h {
      min-height: 260px;
    }
  }

  @media (min-width: 768px) {
    .vp-sm-min {
      display: block;
    }
  }

  @media (min-width: 0px) and (max-width: 959px) {
    #main .toolbar .row>* {
      padding-top: 5px;
      padding-bottom: 5px;
    }

    #main-nav {
      display: none;
    }

    #header.rede.sec #main-header {
      padding: 16px 0 0;
    }

    #header.sec #subhead .shop-links {
      padding-top: 20px;
      text-align: center;
    }

    #header.sec #subhead .shop-links ul {
      float: none;
    }

    #main-navbar.open {
      background-color: #f1f1f0;
    }

    #main-navbar .open-menu {
      display: block;
    }

    #main-navbar .container>ul {
      display: none;
      position: absolute;
      top: 65px;
      left: 0;
      right: 0;
      z-index: 9999;
      background-color: #fff;
      padding: 15px;
      border-bottom: 6px solid #95c11e;
      -webkit-box-shadow: 0 10px 0 0 rgba(0, 0, 0, 0.2);
      box-shadow: 0 10px 0 0 rgba(0, 0, 0, 0.2);
    }

    #main-navbar .container>ul .home {
      display: none;
    }

    #main-navbar .container>ul li {
      float: none;
      border-bottom: 1px solid #f1f1f0;
    }

    #main-navbar .container>ul li:last-child {
      border-bottom: none;
    }

    #main-navbar .container>ul li:hover {
      background-color: #f1f1f0;
    }

    #main-navbar .container>ul li:hover a {
      color: #95c11e;
    }

    #main-navbar .container>ul li a {
      float: left;
      width: 80%;
      color: #95c11e;
      background-color: transparent !important;
    }

    #main-navbar .container>ul li .open-subcat {
      display: block;
      float: left;
      width: 20%;
      text-align: right;
      padding: 11px;
      font-size: 18px;
      cursor: pointer;
    }

    #main-navbar .container>ul li>ul {
      clear: left;
    }

    #main-navbar .container>ul li>ul li {
      background-color: #f1f1f0;
    }

    #main-navbar .container>ul li>ul li a {
      padding-left: 20px;
    }

    #main-navbar .container>ul li>ul li ul li a {
      padding-left: 30px;
    }

    #main-navbar .container>ul li>ul li ul li ul li a {
      padding-left: 40px;
    }

    #main-navbar .container>ul li>ul li ul li ul li ul li a {
      padding-left: 50px;
    }

    #main-navbar .container>ul li a {
      line-height: 1;
      /*padding: 15px 0 15px 15px;*/
      color: #95c11e;
    }

    #main-navbar .container>ul li:after {
      visibility: hidden;
      display: block;
      content: "";
      clear: both;
      height: 0;
    }

    #main-navbar ul {
      display: table;
      table-layout: fixed;
      width: 100%;
    }

    #main-navbar ul a {
      display: table-cell;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      word-break: break-all;
      word-wrap: break-word;
    }

    .pagination {
      padding: 0;
    }

    .pagination a {
      width: 30px;
      height: 30px;
      line-height: 30px;
    }

    #account ul.tabs li {
      height: 52px;
      float: none;
      margin: 0 0 1px 0;
    }
  }

  @media (min-width: 960px) {
    #main-navbar .container>ul:not(.sec) {
      display: block !important;
    }

    .banner-content {
      width: 38%;
    }
  }

  @media (min-width: 960px) and (max-width: 1199px) {
    .banner-content {
      width: 50%;
    }

    #header #cart-sm {
      padding-left: 20px;
      padding-right: 20px;
    }

    #header #logo {
      text-align: center;
    }

    #cart-ov .stan-box.s-h,
    #account-cart-ov .stan-box.s-h {
      min-height: 280px;
    }

    #main-navbar ul li a {
      padding: 0 12px;
    }
  }

  @media (min-width: 768px) and (max-width: 959px) {
    .banner-content {
      width: 50%;
    }

    #header #logo {
      text-align: center;
    }
  }

  @media (max-width: 767px) {
    .main-banner-slider {
      height: 440px;
    }

    .banner-content {
      width: 90%;
    }

    #header #logo {
      text-align: center;
    }

    #header #subhead .support {
      text-align: center;
    }

    #header #subhead .shop-links {
      text-align: center;
    }

    #header #subhead .shop-links ul {
      float: none;
    }

    #steps .step-content .row>div {
      /* padding-top: 40px;
    padding-bottom: 40px; */
    }

    ul.tabs li {
      height: 52px;
      float: none;
      margin: 0 0 1px 0;
    }

    .account .list .row:first-child {}

    .account .list span {
      display: inline-block;
      padding: 5px 0;
    }

    .account .list .btn {
      margin: 5px 0;
    }

    #cart-ov .stan-box.s-h,
    #account-cart-ov .stan-box.s-h {
      padding-bottom: 80px;
    }

    .frame.account .list {
      line-height: normal;
    }

    #more-articles .more-link {
      padding: 40px 0;
    }

    .ajax-win {
      width: 90%;
      left: 5%;
    }

    #main #products .product .condition .forms label .info-hover {
      right: 0;
      left: 0;
      top: 40px;
      width: auto;
    }

    .vp-xs-max {
      display: block;
    }
  }

  .cart-hint {
    background: #F1F1F1 none repeat scroll 0 0;
    border-radius: 4px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
    color: #4d4d4e;
    padding: 10px;
    position: absolute;
    top: 60px;
    left: 0;
    right: 0;
    z-index: 999;
  }

  .cart-hint:after {
    background: #f1f1f1;
    position: absolute;
    content: "";
    top: -10px;
    height: 20px;
    width: 20px;
    left: 50%;
    margin-left: -10px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
  }

  .cart-hint .title {
    font-weight: bold;
    font-family: "Manrope Regular", sans-serif;
    font-size: 17px;
  }

  .cart-hint .intro {
    padding: 10px 0px;
  }

  .cart-hint .button {
    color: #fff;
    cursor: pointer;
    display: block;
    font-family: "Manrope Regular", sans-serif;
    font-size: 17px;
    font-weight: bold;
    text-align: center;
    /* text-transform: uppercase;*/
    float: left;
    padding: 8px 10px;
  }

  .cart-hint .button.next {
    float: right;
    background: #95c11f;
  }

  .cart-hint .button.back {
    padding: 8px 0px;
    text-transform: none;
    color: #4d4d4e;
  }

  .all-prods .btn {
    background: #74A9A3 !important;
  }

  .all-prods .btn:hover {
    background-color: #477bbf;
  }

  #header.rede.sec #main-navbar .container>ul {
    margin-left: -20px;
  }

  #header.sec #logo-pos {
    padding-left: 0px;
  }

  #header.sec #subhead {
    border-bottom: none;
    background: transparent;
    padding-top: 50px;
    font-size: 13px;
  }

  #header.sec .container.sec {
    padding: 0px;
  }

  #header.sec #breadcrumb .container>.margin {
    margin-left: 0px;
  }

  #header.sec #main-navbar .container.sec>ul {
    width: 100%;
    margin-left: 0px;
  }

  #header.sec #main-navbar .container.sec ul li {
    float: none;
    display: table-cell;
    text-align: center;
  }

  #header.sec #main-navbar .container.sec ul li a {
    padding: 0px 15px;
  }

  #header.sec #main-navbar .container.sec ul li:first-child,
  #header.sec #main-navbar .container.sec ul li:last-child {
    width: 1px;
  }

  #header.sec .row.sec {
    position: relative;
  }

  @media (min-width: 960px) {
    #main-navbar .container.sec>ul {
      display: table !important;
    }

    #header.sec .main-search-border {
      margin-right: -80px;
      margin-left: 20px;
    }

    #header.sec #subhead .pipe-menu li#CartMiniDiv {
      padding-right: 0px;
    }
  }

  @media (min-width: 0px) and (max-width: 1199px) {
    #header.rede.sec #main-navbar .container>ul {
      margin-left: 0px;
    }

    #header.sec .main-search-border {
      margin-right: -40px;
      margin-left: 40px;
    }
  }

  @media (min-width: 0px) and (max-width: 959px) {
    #header.sec .main-search-border {
      margin-right: 0px;
      margin-left: 0px;
    }

    .navbox {
      padding-bottom: 60px;
      margin-top: -10px;
    }

    .searchbox {
      position: absolute;
      bottom: 0px;
      z-index: 1;
      width: 100%;
    }

    #header.rede.sec #main-navbar .container.sec>ul {
      margin-left: 0px;
      display: none;
    }

    #header.rede.sec #main-navbar .container.sec>ul li {
      display: block;
      text-align: left;
      width: 100%;
    }

    #header.rede.sec #main-navbar .container.sec>ul li a {
      padding: 15px;
    }

    #header.rede.sec #main-navbar .container.sec>ul li:first-child,
    #header.rede.sec #main-navbar .container.sec>ul li:last-child {
      width: 100%;
    }
  }

  @media (min-width: 0px) and (max-width: 768px) {
    .navbox {
      padding-bottom: 50px;
      margin-top: 0px;
    }

    #header.sec #logo-pos {
      text-align: center;
      position: static;
      top: auto;
    }

    #header.sec #subhead {
      padding-top: 10px !important;
    }

    #header.sec #subhead .shop-links {
      padding-top: 10px;
    }
  }

  .team .row {
    text-align: center;
    padding-bottom: 30px;
  }

  .team .lead .picture-frame .text {
    background: #95c11e;
    line-height: 48px;
  }

  .team .picture-frame {
    display: inline-block;
    padding: 0px 20px 20px 20px;
  }

  .team .picture-frame img {
    display: block;
  }

  .team .picture-frame .text {
    background: #5a89c6;
    width: 100%;
    color: #fff;
    line-height: 26px;
    padding: 10px 0px;
    font-size: 17px;
    font-weight: bold;
    font-family: "Manrope Regular", sans-serif;
  }

  .team .picture-frame .text .lig {
    font-weight: normal;
  }

  .team h2 {
    padding: 20px 0px;
    color: #95c11e;
    font-size: 24px;
  }

  @media (max-width: 767px) {
    .team .picture-frame {
      padding: 0px 0px 20px 0px;
    }
  }

  .team .teamslider {
    padding: 20px 0px 10px 0px;
  }

  .teamslide {
    position: relative;
  }

  .teamslide .text {
    position: absolute;
    background: rgba(90, 137, 198, 0.6);
    line-height: 26px;
    padding: 10px 40px;
    color: #fff;
    font-size: 17px;
    font-weight: bold;
    font-family: "Manrope Regular", sans-serif;
    right: 20px;
    bottom: 20px;
  }

  .app-banner {
    /*background: url(../images/App-Balken-ohne-Text.jpg) no-repeat top right;*/
    background: url(../images/AppWerbebanner.webp) no-repeat top right;
    height: 147px;
    position: relative;
    width: 100%;
    margin-top: 40px;
  }

  .app-banner p {
    /*font-family: 'Cabin Sketch', cursive;*/
    font-family: "Manrope Regular", sans-serif;
    font-size: 16px;
    position: absolute;
    top: 18px;
    width: 472px;
    right: 0px;
    padding: 0px 10px;
    box-sizing: border-box;
    color: #000;
    line-height: 16px;
  }

  .app-banner a {
    position: absolute;
    bottom: 15px;
    right: 280px;
  }

  .app-banner a.googleplaystore {
    bottom: 4px;
  }

  .app-banner a.googleplaystore img {
    height: 76px;
  }

  .app-banner a.iosstore {
    right: 94px;
    /*height: 54px !important;*/
    width: 170px !important;
  }

  @media (min-width: 0px) and (max-width: 520px) {
    .app-banner p {
      top: 20px;
      width: 100%;
      right: auto;
      left: 0px;
    }

    .app-banner p br {
      display: none;
    }

    .app-banner a {
      bottom: 20px;
      right: auto;
    }

    .app-banner a.googleplaystore {
      bottom: 10px;
      left: 0px;
    }

    .app-banner a.googleplaystore img {
      height: 60px;
      max-width: initial;
      max-height: initial;
    }

    .app-banner a.iosstore {
      right: auto;
      left: 162px;
      height: 40px !important;
      width: 135px !important;
    }
  }

  .board-headline {
    font-family: "Manrope Light", sans-serif;
    font-size: 4rem;
    color: #3c3c3c;
  }

  .board-headline .point {
    color: #95c11e;
    font-size: 60px;
    line-height: 32px;
  }

  #footer.board {
    /*margin-top: 60px;*/
    /*background: url(../images/pattern_board.webp);*/
    line-height: 30px;
  }

  #footer.board .cont .lab {
    display: inline-block;
    min-width: 60px;
  }

  #footer.board .social.media {
   /* padding-top: 20px;*/
  }

  #footer.board .social.media li {
    display: inline-block;
    margin-right: 3px;
    border-bottom: none;
  }

  #footer.board .social.media li img {
    width: 30px;
  }

  #footer.board .rights {
    font-size: 1.2em;
    color: #4a4a4a;
    border-top: 1px solid #4a4a4a;
    text-align: left;
  }

  #footer.board .rights a {
    text-decoration: underline;
  }

  #footer.board .rights em {
    font-style: normal;
    color: #95c11e;
  }

  #footer.board .link-box ul {
    /*color: #fff !important;*/
  }

  #footer.board .app-box p {
    color: #fff !important;
  }

  @media (min-width: 1200px) {
    #footer.board .link-box.sec {
      padding-left: 40px;
    }
  }

  .cart-empty {
    margin: 0px 15px;
    /*background: #fcf8e3;*/
    padding: 5px 10px;
    font-weight: bold;
    /*border: 1px solid #f9be71;*/
    text-indent: -9999px;
  }

  .cart-empty:after {
    content: "Der Verkaufskorb ist leer.";
    font-size: 17px;
    color: #ff00009e;
    text-indent: 0px;
    float: left;
  }

  .valid {
    position: absolute;
    top: -1px;
    right: 24px;
    display: none;
    color: green;
    font-size: 24px;
  }

  .valid.not {
    color: red;
  }

  .cc-window {
    opacity: 1;
    transition: opacity 1s ease;
  }

  .cc-window.cc-invisible {
    opacity: 0;
  }

  .cc-animate.cc-revoke {
    transition: transform 1s ease;
  }

  .cc-animate.cc-revoke.cc-top {
    transform: translateY(-2em);
  }

  .cc-animate.cc-revoke.cc-bottom {
    transform: translateY(2em);
  }

  .cc-animate.cc-revoke.cc-active.cc-bottom,
  .cc-animate.cc-revoke.cc-active.cc-top,
  .cc-revoke:hover {
    transform: translateY(0);
  }

  .cc-grower {
    max-height: 0;
    overflow: hidden;
    transition: max-height 1s;
  }

  .cc-link,
  .cc-revoke:hover {
    text-decoration: underline;
  }

  .cc-revoke,
  .cc-window {
    position: fixed;
    overflow: hidden;
    box-sizing: border-box;
    font-family: Calibri, sans-serif;
    font-size: 16px;
    line-height: 1.5em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    z-index: 9999;
  }

  .cc-window.cc-static {
    position: static;
  }

  .cc-window.cc-floating {
    padding: 2em;
    max-width: 24em;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .cc-window.cc-banner {
    padding: 1em 1.8em;
    width: 100%;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .cc-revoke {
    padding: 0.5em;
  }

  .cc-header {
    font-size: 18px;
    font-weight: 700;
  }

  .cc-btn,
  .cc-close,
  .cc-link,
  .cc-revoke {
    cursor: pointer;
  }

  .cc-link {
    opacity: .8;
    display: inline-block;
    padding: 0.2em;
  }

  .cc-link:hover {
    opacity: 1;
  }

  .cc-link:active,
  .cc-link:visited {
    color: initial;
  }

  .cc-btn {
    display: block;
    padding: .4em .8em;
    font-size: .9em;
    font-weight: 700;
    border-width: 2px;
    border-style: solid;
    text-align: center;
    white-space: nowrap;
  }

  .cc-banner .cc-btn:last-child {
    min-width: 140px;
  }

  .cc-highlight .cc-btn:first-child {
    background-color: transparent;
    border-color: transparent;
  }

  .cc-highlight .cc-btn:first-child:focus,
  .cc-highlight .cc-btn:first-child:hover {
    background-color: transparent;
    text-decoration: underline;
  }

  .cc-close {
    display: block;
    position: absolute;
    top: .5em;
    right: .5em;
    font-size: 1.6em;
    opacity: .9;
    line-height: 0.75;
  }

  .cc-close:focus,
  .cc-close:hover {
    opacity: 1;
  }

  .cc-revoke.cc-top {
    top: 0;
    left: 3em;
    border-bottom-left-radius: .5em;
    border-bottom-right-radius: 0.5em;
  }

  .cc-revoke.cc-bottom {
    bottom: 0;
    left: 3em;
    border-top-left-radius: .5em;
    border-top-right-radius: 0.5em;
  }

  .cc-revoke.cc-left {
    left: 3em;
    right: unset;
  }

  .cc-revoke.cc-right {
    right: 3em;
    left: unset;
  }

  .cc-top {
    top: 1em;
  }

  .cc-left {
    left: 1em;
  }

  .cc-right {
    right: 1em;
  }

  .cc-bottom {
    bottom: 1em;
  }

  .cc-floating>.cc-link {
    margin-bottom: 1em;
  }

  .cc-floating .cc-message {
    display: block;
    margin-bottom: 1em;
  }

  .cc-window.cc-floating .cc-compliance {
    -ms-flex: 1;
    flex: 1;
  }

  .cc-window.cc-banner {
    -ms-flex-align: center;
    align-items: center;
  }

  .cc-banner.cc-top {
    left: 0;
    right: 0;
    top: 0;
  }

  .cc-banner.cc-bottom {
    left: 0;
    right: 0;
    bottom: 0;
  }

  .cc-banner .cc-message {
    -ms-flex: 1;
    flex: 1;
  }

  .cc-compliance {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: justify;
    align-content: space-between;
  }

  .cc-compliance>.cc-btn {
    -ms-flex: 1;
    flex: 1;
  }

  .cc-btn+.cc-btn {
    margin-left: 0.5em;
  }

  @media print {

    .cc-revoke,
    .cc-window {
      display: none;
    }
  }

  @media screen and (max-width: 900px) {
    .cc-btn {
      white-space: normal;
    }
  }

  @media screen and (max-width: 414px) and (orientation: portrait),
  screen and (max-width: 736px) and (orientation: landscape) {
    .cc-window.cc-top {
      top: 0;
    }

    .cc-window.cc-bottom {
      bottom: 0;
    }

    .cc-window.cc-banner,
    .cc-window.cc-left,
    .cc-window.cc-right {
      left: 0;
      right: 0;
    }

    .cc-window.cc-banner {
      -ms-flex-direction: column;
      flex-direction: column;
    }

    .cc-window.cc-banner .cc-compliance {
      -ms-flex: 1;
      flex: 1;
    }

    .cc-window.cc-floating {
      max-width: none;
    }

    .cc-window .cc-message {
      margin-bottom: 1em;
    }

    .cc-window.cc-banner {
      -ms-flex-align: unset;
      align-items: unset;
    }
  }

  .cc-floating.cc-theme-classic {
    padding: 1.2em;
    border-radius: 5px;
  }

  .cc-floating.cc-type-info.cc-theme-classic .cc-compliance {
    text-align: center;
    display: inline;
    -ms-flex: none;
    flex: none;
  }

  .cc-theme-classic .cc-btn {
    border-radius: 5px;
  }

  .cc-theme-classic .cc-btn:last-child {
    min-width: 140px;
  }

  .cc-floating.cc-type-info.cc-theme-classic .cc-btn {
    display: inline-block;
  }

  .cc-theme-edgeless.cc-window {
    padding: 0;
  }

  .cc-floating.cc-theme-edgeless .cc-message {
    margin: 2em 2em 1.5em;
  }

  .cc-banner.cc-theme-edgeless .cc-btn {
    margin: 0;
    padding: .8em 1.8em;
    height: 100%;
  }

  .cc-banner.cc-theme-edgeless .cc-message {
    margin-left: 1em;
  }

  .cc-floating.cc-theme-edgeless .cc-btn+.cc-btn {
    margin-left: 0;
  }

  #site.bluedesign #header.sec #subhead.sec {
    padding: 30px 0px 0px 0px;
  }

  #site.bluedesign #header.rede #subhead.sec #logo-pos {
    position: relative;
    top: 0px;
    padding: 0;
    float: left;
    margin-right: 30px;
  }

  #site.bluedesign .hotline-head {
    height: 34px;
    line-height: 34px;
    color: #fff;
    background-color: #666e79;
  }

  #main .speditionen_radio label {

    position: relative;

  }

  #site.bluedesign #header #subhead.sec .pipe-menu .hiuser {
    position: relative;
  }

  #site.bluedesign #header #subhead.sec .pipe-menu .hiuser span.name {
    position: absolute;
    display: none;
    font-family: "Manrope Regular", sans-serif;
    right: 40px;
    top: -4px;
    white-space: nowrap;
    font-weight: bold;
  }

  #site.bluedesign #header #subhead.sec .pipe-menu .hiuser span.name.hi {
    display: block;
  }

  #site.bluedesign #header #subhead.sec .pipe-menu a:hover {
    /* color: #5a89c6;*/
    border: 1px solid #74A9A3;
  }

  #site.bluedesign #header #subhead.sec .pipe-menu span {
    margin-right: 5px;
    font-weight: normal;
  }

  #site.bluedesign .navbtns {
    float: left;
  }

  #site.bluedesign #logo .short {
    display: none;
  }

  #site.bluedesign .navbtns a {
    display: block;
    float: left;
    width: 173px;
    text-align: center;
    height: 50px;
    line-height: 48px;
    font-size: 20px;
    text-transform: uppercase;
  }

  #site.bluedesign .navbtns a.eink {
    border: 1px solid #95c11f;
    color: #95c11f;
    background-color: #fff;
    /*neu*/
    /*margin-right: 30px;*/
  }

  #site.bluedesign .navbtns a.eink:hover {
    border: 1px solid #fff;
    background-color: #E8A94A;
    color: #fff;
  }

  #site.bluedesign #header.rede #subhead .pipe-menu li.searchsmall {
    display: none;
  }

  #site.bluedesign .open-menu .msbl {
    display: none;
  }

  #site.bluedesign #subhead.sec .shop-links {
    float: right;
  }

  #site.bluedesign .navbtns a.verk {
    border: 1px solid #95c11f;
    color: #95c11f;
    background-color: #fff;
    /*border: 3px solid #5a89c6;
  background-color: #5a89c6;
  color: #fff;*/
    /*neu*/
    margin-right: 20px;
  }

  #site.bluedesign .navbtns a.verk:hover {
    color: #fff;
    background-color: #74a9a3;
    border: 1px solid #fff;
    /*background-color: #fff;
  color: #5a89c6;*/
  }

  #site.bluedesign .hotline-head p {
    float: left;
  }

  #site.bluedesign .hotline-head p.sec {
    float: right;
  }

  #site.bluedesign #header.rede #subhead.sec .pipe-menu {
    padding: 20px 0px 0px 0px;
  }

  #site.bluedesign #main-header.verkauf {
    padding-top: 30px;
  }

  #site.bluedesign #main-navbar.verkauf {
    height: 60px;
    background-color: #5a89c6;
  }

  #site.bluedesign #main-navbar.verkauf .container {
    position: relative;
    padding: 0px;
  }

  #site.bluedesign #main-navbar ul {
    background-color: #fff;
    color: #555;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
  }

  #site.bluedesign #main-navbar.verkauf .open-menu {
    display: block;
    float: left !important;
    line-height: 1;
    padding: 16px 20px 17px 20px;
  }

  #site.bluedesign #main-navbar.verkauf .open-menu img {
    float: left;
  }

  #site.bluedesign #main-navbar.verkauf .open-menu span {
    font-size: 20px;
    float: left;
    padding: 0px 0px 0px 20px;
    line-height: 26px;
  }

  #site.bluedesign #header.rede.sec #main-navbar.verkauf .container>ul {
    display: none;
    position: absolute;
    top: 60px;
    left: 0;
    right: 0;
    z-index: 9999;
    background-color: #fff;
    padding: 15px;
    border-bottom: 0;
    margin: 0px 15px;
  }

  #site.bluedesign #main-navbar.verkauf .loadingSearchBlock a {
    color: #3c3c3b;
    font-size: 13px;
    text-transform: none;
  }

  #site.bluedesign #main-navbar.verkauf .main-search-border {
    float: right;
    margin: 10px 15px 0px 0px;
    border: 1px solid #fff;
    width: 50%;
  }

  #site.bluedesign #main-navbar.verkauf .main-search-border {
    background-color: transparent;
  }

  #site.bluedesign #header #main-navbar.verkauf #main-search .input-ico {
    color: #3c3c3b;
  }

  #site.bluedesign #header #main-navbar.verkauf #main-search input {
    background-color: #fff;
    color: #3c3c3b;
    border-radius: 0;
  }

  #site.bluedesign #main-navbar.verkauf .container>ul li a {
    color: #3c3c3b;
  }

  #site.bluedesign #main-navbar.verkauf .container>ul li a:hover {
    background-color: transparent;
    color: #5a89c6;
    font-family: "Manrope Regular", sans-serif;
  }

  #site.bluedesign .hover-menu {
    position: absolute;
    background: #fff;
    top: 60px;
    left: 0px;
  }

  @media (max-width: 960px) {
    #site.bluedesign #logo .short {
      display: block;
      height: 40px;
    }

    #site.bluedesign #logo .long {
      display: none;
    }

    #site.bluedesign #header.sec #subhead.sec .shop-links {
      padding-top: 0px;
      text-align: left;
    }

    #site.bluedesign #header.rede.sec #main-navbar.verkauf .container>ul {
      margin-left: 0px !important;
    }
  }

  @media (max-width: 960px) {
    #site.bluedesign .navbtns a.eink {
      /*margin-right: 20px;*/
    }
  }

  @media (min-width: 769px) {
    #site.bluedesign #main-navbar.verkauf .main-search-border {
      display: block !important;
    }
  }

  @media (max-width: 768px) {
    #site.bluedesign .hotline-head {
      display: none;
    }

    #site.bluedesign #header.rede #main-navbar.verkauf .open-menu {
      position: absolute;
      top: -60px;
    }

    #site.bluedesign #header #subhead .shop-links .pipe-menu #CartMiniDiv {
      padding: 0;
    }

    #site.bluedesign #main-navbar.verkauf .main-search-border {
      border: 0px;
    }

    #site.bluedesign #main-navbar.verkauf .main-search-border #main-search {
      margin: 0px 15px;
      border: 1px solid #fff;
    }

    #site.bluedesign #main-navbar.verkauf .open-menu {
      padding: 18px 15px;
    }

    #site.bluedesign #main-navbar.verkauf .main-search-border {
      float: none;
    }

    #site.bluedesign #header.rede #main-navbar.verkauf .open-menu .msbl {
      display: block;
    }

    #site.bluedesign #header.rede #main-navbar.verkauf .open-menu .msw {
      display: none;
    }

    #site.bluedesign #header.rede.sec #main-navbar.verkauf .container>ul {
      top: 0px;
    }

    #site.bluedesign .navbtns {
      float: right;
    }

    #site.bluedesign #main-navbar.verkauf {
      height: auto;
    }

    #site.bluedesign #header.rede.sec #main-header.verkauf {
      padding: 0px;
    }

    #site.bluedesign #main-navbar.verkauf .main-search-border {
      display: none;
      height: 42px;
      margin-bottom: 12px;
    }

    #site.bluedesign #main-navbar.verkauf .main-search-border {
      width: 100%;
    }

    #site.bluedesign .navbtns {
      /*padding-top: 5px;*/
    }

    #site.bluedesign #header.rede #subhead .pipe-menu {
      float: right;
    }

    #site.bluedesign #header.rede #subhead .pipe-menu li {
      float: left;
    }

    #site.bluedesign #header.rede #subhead .pipe-menu li.searchsmall {
      display: block;
    }

    #site.bluedesign .navbtns a {
      width: 110px;
    }

    #site.bluedesign #header.rede #subhead.sec #logo-pos {
      margin-right: 0px;
    }

    #site.bluedesign .navbtns a.eink {
      /*margin-right: 10px;*/
    }

    #site.bluedesign .navbtns a {
      width: 120px;
      font-size: 16px;
      height: 40px;
      line-height: 38px;
    }

    #site.bluedesign #header.sec #subhead.sec .shop-links {
      clear: both;
      margin: 0px;
      padding: 10px 0px;
    }

    #site.bluedesign #header.sec #subhead.sec .shop-links a span,
    #site.bluedesign #header.rede #subhead.sec #CartMiniDiv span,
    #site.bluedesign #header.sec #subhead.sec .shop-links a span.name.hi {
      display: none;
    }

    #site.bluedesign #header.rede #subhead.sec #CartMiniDiv {
      position: relative;
    }

    #site.bluedesign #header.rede #subhead.sec #CartMiniDiv span.product_count {
      display: block;
      position: absolute;
      -moz-border-radius: 11px;
      -webkit-border-radius: 11px;
      -khtml-border-radius: 11px;
      border-radius: 11px;
      height: 22px;
      width: 22px;
      text-align: center;
      top: -2px;
      left: 30px;
      line-height: 22px;
      font-size: 11px;
      background-color: #74A9A3;
      border: 1px solid #74A9A3;
      -webkit-box-shadow: inset 0 0 0 1px #ffffff;
      box-shadow: inset 0 0 0 1px #ffffff;
      color: #fff;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%);
    }


    #site.bluedesign #header.rede #subhead.sec .pipe-menu {
      padding-top: 0px !important;
    }

    #site.bluedesign #header.rede #subhead.sec .pipe-menu li {
      padding: 0px;
      /*border: 1px solid #3c3c3b;*/
      height: 40px;
      width: 40px;
      text-align: center;
      margin-left: 10px;
    }

    #site.bluedesign #header.rede #subhead.sec .pipe-menu li:hover {
      border: 1px solid #5a89c6;
    }

    #site.bluedesign #header.rede #subhead.sec .pipe-menu li a {
      height: 40px;
      width: 40px;
      line-height: 46px;
    }

    #site.bluedesign #header #cart-sm .ico-cart i {
      color: #3c3c3b;
    }

    #site.bluedesign #header a:hover #cart-sm .ico-cart i {
      color: #5a89c6;
    }

    #site.bluedesign #header.rede #subhead.sec .pipe-menu li a i {
      margin: 0px;
    }

    #site.bluedesign #header.rede #subhead.sec .pipe-menu li a.user {
      margin-top: 2px;
    }

    #header.rede #subhead #CartMiniDiv i {
      padding-top: 5px;
      font-size: 26px !important;
    }
  }

  @media (min-width: 960px) and (max-width: 1199px) {
    #site.bluedesign .navbtns a {
      width: 130px;
      font-size: 18px;
    }

    #site.bluedesign .navbtns a.eink {
      margin-right: 20px;
    }

    #site.bluedesign #header.rede #subhead.sec #logo-pos #logo {
      width: auto;
    }
  }

  @media (max-width: 960px) {
    #site.bluedesign .navbtns a {
      width: 130px;
      font-size: 18px;
    }

    #site.bluedesign .navbtns a.eink {
      /*margin-right: 20px;*/
    }
  }

  @media (min-width: 960px) {
    #site.bluedesign #main-navbar.verkauf .container>ul li {
      float: left;
      width: 25%;
      font-size: 13px;
    }

    #site.bluedesign #main-navbar.verkauf .container>ul li a {
      text-transform: none;
      font-weight: normal;
      line-height: 30px;
    }

    #site.bluedesign #header.rede #main-navbar.verkauf .container>ul>li>a:hover {
      padding-left: 25px;
    }
  }

  @media (max-width: 400px) {
    #site.bluedesign .navbtns a {
      width: 90px;
      font-size: 14px;
    }
  }

  @media (max-width: 480px) {
    #site.bluedesign #main-navbar.verkauf .container>ul li a {
      font-size: 14px;
    }
  }

  @media (min-width: 700px) and (max-width: 768px) {
    #site.bluedesign #logo .short {
      display: none;
    }

    #site.bluedesign #logo .long {
      display: block;
      height: 40px;
    }
  }

  .scroll-top:hover {
    background-color: rgba(0, 0, 0, 0.5);
  }

  .scroll-top.on {
    right: 10px;
    opacity: 1;
    z-index: 109;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }

  .scroll-top {
    position: fixed;
    right: 10px;
    bottom: 10px;
    width: 44px;
    height: 44px;
    opacity: 0;
    z-index: -1;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease;
    background-color: rgba(0, 0, 0, 0.2);
  }

  .scroll-top::before {
    display: block;
    width: 44px;
    height: 44px;
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='44px' height='44px' viewBox='0 0 44 44' enable-background='new 0 0 44 44' xml:space='preserve'%3E%3Cpath fill='white' d='M29.121,19.55l-6.29-6.196c-0.025-0.025-0.053-0.049-0.082-0.071c-0.012-0.011-0.024-0.02-0.038-0.03c-0.016-0.011-0.031-0.024-0.048-0.034c-0.017-0.011-0.032-0.02-0.048-0.03c-0.015-0.009-0.029-0.018-0.044-0.025c-0.017-0.009-0.034-0.017-0.051-0.024c-0.016-0.008-0.031-0.015-0.047-0.022c-0.016-0.006-0.033-0.012-0.049-0.018c-0.018-0.005-0.035-0.014-0.053-0.019c-0.017-0.005-0.034-0.008-0.05-0.013c-0.018-0.005-0.036-0.009-0.054-0.013c-0.02-0.003-0.039-0.006-0.059-0.008c-0.016-0.003-0.032-0.005-0.049-0.007c-0.073-0.007-0.146-0.007-0.218,0c-0.017,0.002-0.033,0.005-0.05,0.008c-0.02,0.002-0.038,0.005-0.058,0.009c-0.019,0.003-0.037,0.009-0.055,0.013c-0.016,0.005-0.033,0.008-0.05,0.013c-0.017,0.005-0.035,0.012-0.052,0.018c-0.017,0.006-0.033,0.012-0.049,0.019c-0.017,0.006-0.032,0.014-0.048,0.021c-0.017,0.008-0.034,0.016-0.051,0.024c-0.015,0.008-0.029,0.018-0.044,0.026c-0.015,0.008-0.031,0.018-0.048,0.029c-0.016,0.01-0.031,0.022-0.047,0.034c-0.014,0.01-0.027,0.019-0.04,0.028c-0.042,0.035-0.08,0.073-0.117,0.113c-0.013,0.011-0.026,0.021-0.037,0.033l-6.313,6.219c-0.433,0.428-0.434,1.12-0.003,1.544c0.432,0.426,1.131,0.424,1.564-0.002l4.495-4.426l-0.023,14.11c-0.001,0.603,0.493,1.092,1.104,1.09s1.107-0.49,1.109-1.095l0.023-14.108l4.403,4.334c0.432,0.426,1.133,0.424,1.565-0.003S29.553,19.975,29.121,19.55'/%3E%3C/svg%3E");
  }

  .scroll-top::before {
    background-repeat: no-repeat;
    background-position: center center;
  }

  @media (min-width: 1200px) {
    .scroll-top {
      display: none !important;
    }
  }



  /*****************new head 11.2019***********************/












  @media (min-width: 1300px) {
    #header {
      position: absolute;
      left: 0px;
      background: #fff;
      right: 0px;
    }

    #main.rede {
      margin: 204px 0px 0px 0px;
      padding: 20px 0px 0px 0px;
      background: #fff;
      box-shadow: 0 0 12px rgba(0, 0, 0, 0.15);
    }

    #main.rede.cont {
      /*margin:230px 0px 0px 0px;*/
    }

    #main.rede.start {
      /*margin:224px 0px 0px 0px;*/
      padding: 0px 0px 0px 0px;
    }

    #site.bluedesign {
      background: transparent;
      box-shadow: none;
    }

  }

  @media (min-width: 768px) {
    #site.bluedesign #header.rede #subhead.sec .pipe-menu {
      padding: 0px;
    }
  }

  @media (max-width: 960px) {
    #header .hotline-head span.advantage {
      display: none;
    }
  }

  @media (min-width: 769px) {
    #site.bluedesign #header .main-search-border {
      display: block !important;
    }

    #CartMiniDiv a {
      line-height: 50px;
      height: 50px;
      /*border: 1px solid #5a89c6;*/
      border: 1px solid #95c11f;
      padding: 0px 10px;
      font-weight: bold;
    }

    #CartMiniDiv a span b {
      /*color: #5a89c6;*/
      color: #95c11f;
      font-size: 14px;
    }

    #CartMiniDiv img {
      height: 36px;
    }

    #header.sec .main-search-border {
      margin: 0px;
      float: left;
      width: 30%;
      margin: 0px 0px 0px 20px;

    }

    #header #main-search input {
      background: #f8f8fa;
      border: 1px solid #dadae5;
      border-radius: 0px;
      height: 50px;
      line-height: 50px;
      padding-left: 10px;
      padding-right: 36px;
    }

    #header #main-search input:focus {
      background: #fff;
      border: 1px solid #5a89c6;
    }

    #header #main-search .btn i {
      line-height: 50px;
    }
  }

  @media (max-width: 768px) {
    #site.bluedesign #header.rede #subhead.sec .pipe-menu li#CartMiniDiv a {
      line-height: 1;
    }
  }

  @media (max-width: 950px) {
    #main-header .right-menu {
      display: none;
    }
  }

  #main-header .right-menu {
    float: right;
  }

  #main-header .right-menu li a {
    height: 59px;
    line-height: 60px;
    border-top: 3px solid transparent;
    font-family: "Manrope Light", sans-serif;
    font-size: 20px;
    font-weight: normal;
  }

  #main-header .right-menu li:hover a {
    background: #fff;
    color: #3a353e;
  }

  #main-header .right-menu li a:hover,
  #main-header .right-menu>ul>li:hover>a {
    border-top: 3px solid #74a9a3;
  }

  #main-header .right-menu a {
    color: #fff;
  }

  #header .hotline-head img {
    height: 20px;
  }

  #header .hotline-head .pipe {
    margin: 0px 10px 0px 10px;
  }

  #header .hotline-head .home {
    display: inline-block;
    margin-right: 30px;
  }

  #header .hotline-head .home img {
    height: 26px;
  }

  #header .hotline-head span {
    display: inline-block;
    margin-right: 10px;
  }

  #header .hotline-head span img {
    height: 14px;
  }

  #site.bluedesign #main-navbar.verkauf {
    height: 60px;
    background-color: #95c11e;
  }

  #site.bluedesign #main-navbar.verkauf .container>ul li a {
    color: #3c3c3b;
    font-family: "Manrope Regular", sans-serif;
  }

  #site.bluedesign #main-navbar.verkauf .container>ul li a:hover {
    background-color: transparent;
    color: #74a9a3;

  }

  #site.bluedesign #main-navbar.verkauf .container>ul li {
    float: none;
    width: auto;
    border-bottom: 1px solid #f1f1f0;
  }

  #site.bluedesign #header.rede.sec #main-navbar.verkauf .container>ul {
    top: 58px;
    border: 1px solid #bbb;
    border-top: 4px solid #313131;
    right: auto;
    min-width: 240px;
    padding: 0px 15px;
  }

  #site.bluedesign #header.rede #main-navbar.verkauf .container>ul>li>a {
    padding-left: 0px;
  }

  #site.bluedesign #header.rede #main-navbar.verkauf .container>ul>li>a:hover {
    padding-left: 0px;
  }

  #site.bluedesign #main-navbar.verkauf .container>ul li a {
    line-height: 44px;
  }

  #header #main-search .btn {
    background: transparent;
    color: #3c3c3b;
  }

  #header #main-search .btn:hover {
    background: transparent;
  }

  #site.bluedesign #main-navbar.verkauf .open-menu {
    /*padding: 20px 20px 13px 20px;*/
  }

  #header.rede #subhead .pipe-menu li.hiuser {
    display: none;
  }

  @media (max-width: 768px) {
    #header.rede #subhead .pipe-menu li.hiuser {
      display: block;
    }

    #site.bluedesign #main-navbar.verkauf {
      height: 0px;
    }

    #site.bluedesign #header.rede.sec #main-navbar.verkauf .container>ul {
      top: 0px;
    }

    #site.bluedesign #header .main-search-border #main-search {}

    #site.bluedesign #header .main-search-border {
      /*display:none;*/
      display: block;
      height: 42px;
      clear: left;
      background: transparent;
      margin-bottom: 12px;
    }

    .fa.fa-search {
      margin-top: -5px;
    }

    #site.bluedesign #header .main-search-border {
      border: 0px;
    }

    #site.bluedesign #header .main-search-border #main-search {
      border: 1px solid #fff;
      padding-bottom: 10px;
    }

    #site.bluedesign #header .main-search-border {
      float: none;
    }

    #site.bluedesign #header .main-search-border .btn {
      top: 10px;
    }

    #site.bluedesign #header .main-search-border input {
      border-radius: 0px;
      margin-top: 10px;
      background: #f8f8fa;
      border: 1px solid #dadae5;
      padding-left: 20px;
    }

    #site.bluedesign #header .main-search-border input:focus {
      background: #fff;
      border: 1px solid #5a89c6;
    }




    #site.bluedesign #main-navbar.verkauf {
      height: auto;
    }

    #site.bluedesign #main-navbar.verkauf {
      background-color: #5a89c6;
    }
  }

  @media (max-width: 1200px) {
    #site.bluedesign #header #subhead.sec .pipe-menu span {
      display: none;
    }

  }

  @media (min-width: 960px) {
    #header.sec .main-search-border {
      width: 16%;
    }
  }

  @media (min-width: 1200px) {
    #header.sec .main-search-border {
      width: 18%;
    }
  }

  @media (min-width: 1300px) {
    #header.sec .main-search-border {
      width: 24%;
    }
  }


  @media (min-width: 1440px) {
    #header .container {
      width: 1440px;
    }

    #header.sec .main-search-border {
      width: 33%;
    }
  }

  #breadcrumb {
    background: #d5d5d5;
  }


  #appQue {
    display: none;
    height: 60px;
    background: #95c11e;
    box-sizing: border-box;
    font-family: "Manrope Light", sans-serif;
  }

  #appQue .container>* {
    margin-right: 10px;
    float: left;
  }

  #appQue .x-close {
    margin-top: 15px;
    margin-left: 10px;
  }

  #appQue .x-close img {
    height: 30px;
  }

  #appQue .AppIconOL {
    margin-top: 10px;
    height: 40px;
  }

  #appQue p {
    font-size: 16px;
    color: #fff;
    line-height: 20px;
    padding: 9px 0px;
  }

  #appQue .open-button {
    text-transform: uppercase;
    background: #fff;
    color: #95c11e;
    font-weight: bold;
    font-size: 16px;
    height: 40px;
    line-height: 38px;
    padding: 0px 10px;
    margin-top: 10px;
    margin-right: 0px;
    border: 0;
  }

  @media (min-width: 768px) {
    #appQue {
      height: 80px;
    }

    #appQue>* {
      margin-right: 20px;
    }

    #appQue .x-close {
      margin-top: 20px;
    }

    #appQue .x-close img {
      height: 40px;
    }

    #appQue .AppIconOL {
      margin-top: 15px;
      height: 50px;
    }

    #appQue p {
      font-size: 20px;
      line-height: 20px;
      padding: 20px 0px;
    }

    #appQue .open-button {
      font-size: 20px;
      padding: 0px 20px;
      margin-top: 20px;

    }
  }

  .pdfBg {
    position: fixed;
    z-index: 101;
    background: rgba(0, 0, 0, 0.5);
    left: 0px;
    top: 0px;
    bottom: 0px;
    right: 0px;
  }

  .pdfContent {
    position: fixed;
    z-index: 102;
    background: #000;
    left: 5%;
    top: 5%;
    bottom: 5%;
    right: 5%;
    width: 90%;
    height: 90%;
    overflow: scroll;
  }

  .pdfContent canvas {
    margin: auto;
    display: block;
  }

  .pdfClose {
    position: fixed;
    z-index: 103;
    top: 5px;
    right: 5px;
    height: 40px;
    line-height: 38px;
    width: 40px;
    text-align: center;
    border-radius: 20px;
    background: #ff0000;
    color: #fff;
    font-weight: bold;
    font-size: 24px;
  }

  .pdfZoom {
    position: fixed;
    z-index: 103;
    top: 5px;
    right: 95px;
    height: 40px;
    line-height: 38px;
    width: 40px;
    text-align: center;
    border-radius: 20px;
    background: #008080;
    color: #fff;
    font-weight: bold;
    font-size: 24px;
  }

  .pdfDownload {
    position: fixed;
    z-index: 103;
    top: 5px;
    right: 50px;
    height: 40px;
    line-height: 38px;
    width: 40px;
    text-align: center;
    border-radius: 20px;
    background: #663399;
    color: #fff;
    font-weight: bold;
    font-size: 24px;
  }


  .form-group.choices label.hh {
    display: block;
  }

  .form-group.choices label i {
    display: inline-block;
    font-size: 23px;
    line-height: 30px;
    padding: 0 5px 0 0px;
    color: #f7a840;
    cursor: pointer;
  }

  .speditionen_radio label {
    cursor: pointer;
  }

  .speditionen_radio label img {
    max-height: 50px;
    margin: 0px 0px 0px 10px;
  }

  .organisation {
    padding: 20px 0px;
  }

  .organisation .p20 {
    padding-bottom: 20px;
  }

  .organisation input {
    float: left;
    margin-right: 10px;
  }

  @media (min-width: 601px) {
    #footer .footercontent {
      display: block !important;
    }
  }

  #footer .footercontent ul li {
    border-bottom: 1px solid #3c3b3b5c;
    padding: 5px 0px;
  }

  #footer .footercontent .cont li {
    border-bottom: 0;
  }

  #footer .footercontent .cont li a {
    color: #95c11e;
  }

  @media (max-width: 600px) {
    #footer .headline {
      border-bottom: 1px solid #dadae5;
      cursor: pointer;
    }

    #footer .link-box,
    #footer .app-box {
      padding: 0px;
    }

    #footer .footercontent {
      display: none;
    }

  }

  #mobile-nav-layer .appscan {
    padding: 0 20px 15px;
  }

  #mobile-nav-layer .appscan .btn {
    line-height: 40px;
  }

  #mobile-nav-layer .appscan .sec {
    border: 1px solid #789fd0;
  }

  .appscan2 {
    /*padding: 0 20px 20px;*/
    padding: 0 0px 20px;
  }

  .appscan2 i {
    margin-right: 10px;
    vertical-align: middle;
  }

  .appscan-overlay {
    position: fixed;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
  }

  .scanner_overlay {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 9999;
    background-color: rgba(150, 150, 150, 0.9);
  }

  .scanner_overlay:after {
    content: "";
    display: block;
    position: fixed;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 997;
    background: rgba(0, 0, 0, 0.6);

  }

  #fe_video {
    position: fixed;
    z-index: 998;
    width: 80%;
    left: 10%;
    top: 20%;
    height: 60vh;
  }

  .scanner_overlay.multi #fe_video {
    height: 30vh !important;
  }

  .scanner_overlay.multi .scanResultFrame {
    height: 30vh;

  }

  .scanner_overlay.multi #ScanResult {
    height: calc(30vh - 2px);
  }

  #sourceSelectPanel {
    left: 10%;
    bottom: 16%;
    position: fixed;
    z-index: 999;
    width: 80%;
  }

  #sourceSelectPanel select {
    height: 40px;
    line-height: 40px;
    width: 100%;
    border-radius: 4px;

  }

  .scannerHeadline {
    position: fixed;
    z-index: 998;
    /*width: 80%;*/
    width: 100%;
    /*left: 10%;*/
    top: 5%;
    color: #fff;
    font-size: 20px;
    text-align: center;
    font-weight: bold;
    /*padding: 0px 40px;*/
    padding: 0px 20px;
  }

  .scannerClose {
    position: fixed;
    z-index: 999;
    top: 5px;
    right: 5px;
    height: 40px;
    line-height: 40px;
    width: 40px;
    text-align: center;
    border-radius: 20px;
    background: #ff0000;
    color: #fff;
    font-weight: bold;
    font-family: Arial, sans-serif;
    font-size: 30px;
    cursor: pointer;
  }

  .scanResultFrame {
    z-index: 999;
    position: fixed;
    bottom: 8%;
    background: #fff;
    border: 2px solid #eee;
    border-radius: 4px;
    width: 80%;
    left: 10%;
    height: 40px;
    line-height: 38px;
    font-family: Arial, sans-serif;
    box-sizing: border-box;
  }

  .scanResultFrame i.fa.sec {
    position: absolute;
    left: 10px;
    top: 7px;
    font-size: 24px;
  }

  .scanResultFrame .scanButton {
    position: absolute;
    right: -2px;
    bottom: -2px;
    font-size: 24px;
    height: 40px;
    line-height: 38px;
    width: 40px;
    text-align: center;
    background: #95c11e;
    color: #fff;
    border-radius: 4px;
    border: 0;
  }

  #ScanResult {
    padding: 0px 44px;
    font-size: 24px;
    height: 38px;
    line-height: 38px;
    box-sizing: border-box;
    width: 100%;
    resize: none;
    border: 0;
  }

  .multi_scan_button,
  .single_scan_button {
    position: absolute;
    bottom: -38px;
    right: 10px;
    color: #fff;
    z-index: 999;
  }

  .single_scan_button {
    display: none;
  }


  /*Suchanfrage starten - Button*/
  .search-button {
    background-color: #95c11f !important;
  }

  .search-button:hover {
    background-color: #95c11f !important;
  }

  @media (max-width: 472px) {
    .appscan2 {
      margin-top: 20px;
    }

  }


  .board-subHeadline {
    text-align: center;
    padding-top: 0px;
    font-size: 20px;
    font-weight: bold;
    color: #3c3c3c;
  }


  .btn-sale-action {
    background-color: #95c11f !important;
  }

  @media only screen and (max-width: 768px) {
    .factsSell {
      width: 100% !important;
    }
  }

  @media only screen and (max-width: 485px) {
    .numberSellOptions {
      display: block !important;
      text-align: center;
    }
  }

  /*Neue Kundenstimmen styles-21. Mai 2021*/
  .customer-experience {
    padding: 20px;
    text-align: center;
    background-color: #f1f1f0;
    margin-bottom: 30px;
  }

  .customer-experience .section {
    display: inline-block;
    width: 33%;
    vertical-align: top;
    padding: 10px;
    padding-top: 20px;
  }

  .customer-experience .section img {
    max-width: 100px;
    float: left;
    padding-right: 15px;
    padding-bottom: 60px;
  }

  .customer-experience .section p {
    text-align: left;
    line-height: 25px;
    padding: unset;
  }

  .customer-experience .section a {
    color: #74A9A3;
    text-decoration: none;
  }

  .customer-experience .section a:hover {
    color: #95c11f;
    text-decoration: none;
  }

  @media all and (max-width: 745px) {
    .customer-experience .section {
      width: 100% !important;
      padding-left: 0px;

    }
  }

  @media all and (max-width: 1200px) {
    .customer-experience .section img {
      padding-bottom: unset;
    }
  }

  /****************newMenu*****************/
  #site.bluedesign #main-header #main-navbar.verkauf.newMenu .open-menu {
    display: none;
  }

  #site.bluedesign #main-header #main-navbar.verkauf.newMenu .right-menu {
    float: left;
  }

  #site.bluedesign #main-header #main-navbar.verkauf.newMenu .right-menu ul li {
    position: relative;
    z-index: 100;
  }

  #site.bluedesign #main-header #main-navbar.verkauf.newMenu .right-menu ul li li {
    width: 100%;
  }

  #site.bluedesign #main-header #main-navbar.verkauf.newMenu .right-menu ul li li a {
    white-space: nowrap;
    color: #555;
  }

  #site.bluedesign #main-header .right-menu li a:hover,
  #site.bluedesign #main-header .right-menu>ul>li:hover>a {
    border-top: 3px solid transparent;
  }

  #site.bluedesign #main-header .right-menu>ul>li:hover>a,
  #site.bluedesign #main-header .right-menu>ul>li.active>a {
    background: #84ab1b;
    color: #fff;
  }

  #site.bluedesign #main-header .right-menu>ul>li>ul>li:hover a {
    color: #74a9a3 !important;
  }

  #site.bluedesign #main-header #main-navbar.verkauf.newMenu .right-menu ul li:hover ul {
    display: block;
    position: absolute;
    z-index: 99;
  }

  @media (max-width: 950px) {
    #site.bluedesign #main-header #main-navbar.verkauf.newMenu .open-menu {
      display: block;
    }

    #site.bluedesign #main-header #main-navbar.verkauf.newMenu ul li ul {
      display: block;
      box-shadow: none;
    }

    #site.bluedesign #main-header #main-navbar.verkauf.newMenu .menu li li {
      background-color: transparent;
    }

    #site.bluedesign #main-header #main-navbar.verkauf.newMenu .menu li li:hover {
      background-color: #f1f1f0;
    }


  }

  /*************************Argumente im Verkaufskorb*******************************************************/

  @media only screen and (max-width: 500px) {
    .containerBoxVerkaufskorb {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;

    }

    .VerkaufskorbItemVorteil {
      display: flex;
      width: 33%;
      flex-direction: row;
      align-items: flex-start;
      justify-content: center;
    }

    .VerkaufskorbItemVorteil img {
      margin: 0px !important;
    }

    .VerkaufskorbItemVorteil span {
      /*padding-bottom: 20px;*/
      font-size: 1rem !important;
    }
  }

  @media only screen and (max-width: 375px) {
    .containerBoxVerkaufskorb {
      display: flex;
      /*flex-direction: column !important;*/
      align-items: center;
      justify-content: center;
      margin: 0px !important;
      padding: 0px !important;

    }

    .VerkaufskorbItemVorteil {
      flex-direction: column;
      width: 100% !important;
      justify-content: center;
    }

    .VerkaufskorbItemVorteil img {
      margin: 0px !important;
    }

    .VerkaufskorbItemVorteil span {
      padding-bottom: 20px;
      font-size: 1rem !important;
    }
  }

  .containerBoxVerkaufskorb {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 10px;
    margin-bottom: 10px;
    justify-content: flex-start;
  }

  .VerkaufskorbItemVorteil img {
    margin: 0px 10px 0px 40px;

  }

  .VerkaufskorbItemVorteil {
    display: flex;
    width: 33%;
    align-items: center;
    justify-content: center;
    text-align: center;
  }

  .VerkaufskorbItemVorteil span {
    font-size: 1.4rem;
    padding-left: 5px;
  }

  /***************************************************************************************/

  /***************neue Farbe Überschriften***************/

  .headline.h2.newGreenHeadline {
    color: #B0C196;
  }

  .newGreenHeadline {
    color: #B0C196;
  }

  /****************************************************************/

  /****************Startseite App Banner**********************/
  .flexBarcodeScanner {
    display: flex;
    flex-direction: column;
    padding: 20px;
    background-image: url('/templates/responsive-ankauf/images/VorteileStartseite/backgroundAppBanner.png');
    background-size: cover;
    background-repeat: no-repeat;
    font-size: larger;
  }

  .flexBarcodeScanner img {
    margin-right: 10px;
  }

  .flexBarcodeScanner div {
    display: flex;
    align-items: flex-end;
  }

  .appStoreBadges {
    margin-top: 20px;
    font-size: larger;
  }

  .appStoreIcons {
    margin-top: 20px;
    flex-flow: row wrap;
    justify-content: flex-start;
  }

  .appBadgesDownload {
    float: right;
    margin: 10px 50px 0px 0px;
  }



  /********************************************************************/

  .app-box img {
    margin-top: 20px;
  }

  .stepsProductSearch {
    display: flex;
    justify-content: space-around;
    margin-bottom: 20px;
  }

  @media only screen and (max-width: 660px) {
    .stepsProductSearch {
      flex-direction: column;
      align-items: center;
    }
  }

  .scannerBarcodeUpMenu {
    display: none !important;
  }

  @media only screen and (max-width: 768px) {
    .scannerBarcodeUpMenu {
      display: block !important;
    }
  }


  /***neue Icons unter Suche************/

  .scannerBarcodeUpMenu i {
    font-size: 28px !important;
    padding-top: 7px;
  }

  .hiuser i {
    font-size: 28px !important;
    padding-top: 5px;
  }

  /*****Studentenrabatt Seite *******/

  @media only screen and (max-width: 798px) {
    #iam-verify-iframe {
      height: 950px !important;
    }
  }


  /***Banner Anpassungen************/
  @media only screen and (max-width: 769px) {
    .factsUnderBanner {
      flex-direction: column !important;

    }

    .factsSell {
      justify-content: flex-start !important;
    }

    .factsSell span {
      font-size: 1.5rem !important;
    }

  }

  .factsUnderBanner {
    display: flex;
    width: 100%;
    justify-content: space-evenly;
    flex-direction: row;
    align-items: center;
    margin: 10px 0;
  }

  .factsSell {
    display: flex;
    width: 50%;
    padding: 10px;
    flex-direction: row;
    align-items: center;
    justify-content: center;
  }

  .fa-trash {
    line-height: 30px !important;
  }

  /************Benefits Ankauf*******************/
  .benefitsAnkauf {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
  }

  .benefitIconAnkauf {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
  }

  .benefitIconAnkauf span {
    font-size: 2rem;
    font-weight: bold;
  }

  .benefitIconAnkauf img {
    margin-right: 15px;
  }

  @media only screen and (max-width: 685px) {

    .benefitsAnkauf {
      display: flex;
      flex-direction: column;

    }

    .benefitIconAnkauf {
      width: 100%;
      justify-content: flex-start;
      margin-bottom: 10px;
    }

    /*.benefitIconAnkauf span{
    font-size: 1.5rem;
    font-weight: bold;
  }*/

  }



  .VorteileShopGutschein {
    display: flex;
    flex-direction: row;
    margin-bottom: 10px;
    align-items: center;

  }

  @media only screen and (max-width: 425px) {
    .shopGutschein {
      display: block;
      width: 100%;
      margin-bottom: 10px;
    }
  }


  .listhe_a {
    font-size: larger;
    color: red;
  }