#colorbox, #cboxOverlay, #cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden;
}

#cboxWrapper {
  max-width: none;
}

#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
}

#cboxMiddleLeft, #cboxBottomLeft {
  clear: left;
}

#cboxContent {
  position: relative;
}

#cboxLoadedContent {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

#cboxTitle {
  margin: 0;
}

#cboxLoadingOverlay, #cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
  cursor: pointer;
}

.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  max-width: none;
  -ms-interpolation-mode: bicubic;
}

.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
}

#colorbox, #cboxContent, #cboxLoadedContent {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
}

#cboxOverlay {
  background: black;
  opacity: 0.5 !important;
  filter: alpha(opacity=50);
}

#colorbox {
  background: #fff;
  outline: none;
  box-shadow: 6px 10px 20px 0px rgba(0, 0, 0, 0.5);
  margin: 10px;
}
@media (max-width: 672px) {
  #colorbox {
    margin: 0;
    box-shadow: 0;
  }
}
#colorbox #cboxClose {
  position: absolute;
  top: 9px;
  right: 10px;
  font-size: 0;
  background-image: url("/assets/Images/icons/close.png");
  background-repeat: no-repeat;
  border: 1px solid #c7c7c7;
  padding: 7px;
}

.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00ffffff, endColorstr=#00ffffff);
}

/*! Tablesaw - v1.0.4 - 2015-02-19
* https://github.com/filamentgroup/tablesaw
* Copyright (c) 2015 Filament Group; Licensed MIT */
table.tablesaw {
  empty-cells: show;
  max-width: 100%;
  width: 100%;
}

.tablesaw {
  border-collapse: collapse;
  width: 100%;
}

/* Structure */
.tablesaw {
  border: 0;
  padding: 0;
}

.tablesaw th,
.tablesaw td {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0.5em 0.7em;
}

.tablesaw thead tr:first-child th {
  padding-top: 0.9em;
  padding-bottom: 0.7em;
}

.tablesaw-enhanced .tablesaw-bar .btn {
  border: 1px solid #ccc;
  background: none;
  background-color: #fafafa;
  -webkit-box-shadow: 0 1px 0 white;
  box-shadow: 0 1px 0 white;
  color: #4a4a4a;
  clear: both;
  cursor: pointer;
  display: block;
  margin: 0;
  padding: 0.5em 0.85em 0.4em 0.85em;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: capitalize;
  text-shadow: 0 1px 0 #fff;
  width: 100%;
  /* Theming */
  background-image: -webkit-gradient(linear, left top, left bottom, left, color-stop(50%, rgba(255, 255, 255, 0.1)), color-stop(55%, rgba(170, 170, 170, 0.1)), right);
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 50%, rgba(170, 170, 170, 0.1) 55%, rgba(120, 120, 120, 0.15) 100%);
  background-image: linear-gradient(top, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 50%, rgba(170, 170, 170, 0.1) 55%, rgba(120, 120, 120, 0.15) 100%);
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 0.25em;
}

.tablesaw-enhanced .tablesaw-bar a.btn {
  color: #1c95d4;
}

.tablesaw-enhanced .tablesaw-bar .btn:hover {
  text-decoration: none;
}

/* Default radio/checkbox styling horizonal controlgroups. */
.tablesaw-enhanced .tablesaw-bar .btn:active {
  background-color: #ddd;
  background-image: -webkit-gradient(linear, left top, left bottom, left, right);
  background-image: -webkit-linear-gradient(top, rgba(100, 100, 100, 0.35) 0%, rgba(255, 255, 255, 0) 70%);
  background-image: linear-gradient(top, rgba(100, 100, 100, 0.35) 0%, rgba(255, 255, 255, 0) 70%);
}

.tablesaw-enhanced .tablesaw-bar .btn:hover,
.tablesaw-enhanced .tablesaw-bar .btn:focus {
  color: #208de3;
  background-color: #fff;
  outline: none;
}

.tablesaw-bar .btn:focus {
  -webkit-box-shadow: 0 0 0.35em #4faeef !important;
  box-shadow: 0 0 0.35em #4faeef !important;
}

.ie-lte8 .tablesaw-bar .btn:hover,
.ie-lte8 .tablesaw-bar .btn:focus {
  color: #208de3;
  background-color: #fff;
  border-color: #aaa;
  outline: none;
}

.tablesaw-bar .btn-select select {
  background: none;
  border: none;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  min-height: 1em;
}

.tablesaw-bar .btn-select select {
  opacity: 0;
  filter: alpha(opacity=0);
  display: inline-block;
  color: transparent;
}

.tablesaw-bar .btn select option {
  background: #fff;
  color: #000;
}

.tablesaw-enhanced .tablesaw-bar .btn.btn-select {
  color: #4d4d4d;
  padding-right: 2.5em;
  min-width: 7.25em;
  text-align: left;
  text-indent: 0;
}

.ie-lte8 .tablesaw-bar .btn-select {
  min-width: 6.1em;
}

.tablesaw-bar .btn.btn-small,
.tablesaw-bar .btn.btn-micro {
  display: inline-block;
  width: auto;
  height: auto;
  position: relative;
  top: 0;
}

.tablesaw-enhanced .tablesaw-bar .btn-select {
  text-align: left;
}

.tablesaw-bar .btn-select:after {
  background: #e5e5e5;
  background: rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 2px 2px rgba(255, 255, 255, 0.25);
  box-shadow: 0 2px 2px rgba(255, 255, 255, 0.25);
  content: " ";
  display: block;
  position: absolute;
}

.tablesaw-bar .btn-select.btn-small,
.tablesaw-bar .btn-select.btn-micro {
  padding-right: 1.5em;
}

.tablesaw-bar .btn-select:after {
  background: none;
  background-repeat: no-repeat;
  background-position: 0.25em 0.45em;
  padding-top: 1.2em;
  padding-left: 1em;
  left: auto;
  right: 0;
  margin: 0;
  top: 0;
  bottom: 0;
  width: 1.8em;
}

.tablesaw-bar .btn-select.btn-small:after,
.tablesaw-bar .btn-select.btn-micro:after {
  width: 1.2em;
  padding-top: 1em;
  padding-right: 0.5em;
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-left-width: 0;
}

/* Column navigation buttons for swipe and columntoggle tables */
.tablesaw-advance .btn {
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-shadow: 0 1px 0 #fff;
  border-radius: 0.25em;
}

.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn {
  display: inline-block;
  overflow: hidden;
  width: 1.8em;
  height: 1.8em;
  background-position: 50% 50%;
  margin-left: 0.5em;
  position: relative;
}

.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.left:before,
.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.right:before,
.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.down:before,
.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.up:before {
  content: " ";
  overflow: hidden;
  width: 0;
  height: 0;
  position: absolute;
}

.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.down:before {
  left: 0.5em;
  top: 0.65em;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #808080;
}

.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.up:before {
  left: 0.5em;
  top: 0.65em;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #808080;
}

.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.left:before,
.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.right:before {
  top: 0.45em;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}

.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.left:before {
  left: 0.6em;
  border-right: 5px solid #808080;
}

.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.right:before {
  left: 0.7em;
  border-left: 5px solid #808080;
}

.tablesaw-advance a.tablesaw-nav-btn.disabled {
  opacity: 0.25;
  filter: alpha(opacity=25);
  cursor: default;
  pointer-events: none;
}

/* Table Toolbar */
.tablesaw-toolbar label {
  padding: 0.5em 0;
  clear: both;
  display: block;
  color: #888;
  margin-right: 0.5em;
  text-transform: uppercase;
}

.tablesaw-bar .btn,
.tablesaw-enhanced .tablesaw-bar .btn {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.tablesaw-bar .btn-select,
.tablesaw-enhanced .tablesaw-bar .btn-select {
  margin-bottom: 0;
}

.tablesaw-bar .tablesaw-toolbar .btn {
  margin-left: 0.4em;
  margin-top: 0;
  text-transform: uppercase;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: transparent;
}

.tablesaw-bar .tablesaw-toolbar .btn-select {
  min-width: 0;
}

.tablesaw-bar .tablesaw-toolbar .btn-select:after {
  padding-top: 0.9em;
}

.tablesaw-bar .tablesaw-toolbar select {
  color: #888;
  text-transform: none;
  background: transparent;
}

.tablesaw-toolbar ~ table {
  clear: both;
}

.tablesaw-toolbar .a11y-sm {
  clip: rect(0 0 0 0);
  height: 1px;
  overflow: hidden;
  position: absolute;
  width: 1px;
}

.tablesaw td,
.tablesaw tbody th {
  vertical-align: middle;
  /* 19px */
}

.tablesaw td .btn,
.tablesaw tbody th .btn {
  margin: 0;
}

.tablesaw thead {
  background: #e2dfdc;
  background-image: -webkit-gradient(linear, left top, left bottom, left, right);
  background-image: -webkit-linear-gradient(top, #fff, #e2dfdc);
  background-image: linear-gradient(to bottom, #fff, #e2dfdc);
}

.tablesaw thead th {
  color: #777;
  text-transform: uppercase;
  text-shadow: 0 1px 0 #fff;
  text-align: left;
}

/* Table rows have a gray bottom stroke by default */
.tablesaw tbody tr {
  border-bottom: 1px solid #dfdfdf;
}

.tablesaw caption {
  text-align: left;
  margin-bottom: 0;
  opacity: 0.5;
  filter: alpha(opacity=50);
  line-height: 2.4;
}

/* Stack */
@media only all {
  .tablesaw-swipe .tablesaw-cell-persist {
    border-right: 1px solid #e4e1de;
  }

  .tablesaw-swipe .tablesaw-cell-persist {
    -webkit-box-shadow: 3px 0 4px -1px #e4e1de;
    box-shadow: 3px 0 4px -1px #e4e1de;
  }
}
/* Table rows have a gray bottom stroke by default */
.tablesaw-stack tbody tr {
  border-bottom: 1px solid #dfdfdf;
}

.tablesaw-stack td .tablesaw-cell-label,
.tablesaw-stack th .tablesaw-cell-label {
  display: none;
}

/* Mobile first styles: Begin with the stacked presentation at narrow widths */
@media only all {
  /* Show the table cells as a block level element */
  .tablesaw-stack td,
.tablesaw-stack th {
    text-align: left;
    display: block;
  }

  .tablesaw-stack tr {
    clear: both;
    display: table-row;
  }

  /* Make the label elements a percentage width */
  .tablesaw-stack td .tablesaw-cell-label,
.tablesaw-stack th .tablesaw-cell-label {
    display: block;
    padding: 0 0.6em 0 0;
    width: 50%;
    display: inline-block;
  }

  /* For grouped headers, have a different style to visually separate the levels by classing the first label in each col group */
  .tablesaw-stack th .tablesaw-cell-label-top,
.tablesaw-stack td .tablesaw-cell-label-top {
    display: block;
    padding: 0.4em 0;
    margin: 0.4em 0;
  }

  .tablesaw-cell-label {
    display: block;
  }

  /* Avoid double strokes when stacked */
  .tablesaw-stack tbody th.group {
    margin-top: -1px;
  }

  /* Avoid double strokes when stacked */
  .tablesaw-stack th.group b.tablesaw-cell-label {
    display: none !important;
  }
}
@media (max-width: 989px) {
  .tablesaw-stack thead td,
.tablesaw-stack thead th {
    display: none;
  }

  .tablesaw-stack tbody td,
.tablesaw-stack tbody th {
    clear: left;
    float: left;
    width: 100%;
  }

  .tablesaw-cell-label {
    vertical-align: top;
  }

  .tablesaw-cell-content {
    max-width: 50%;
    display: inline-block;
  }

  .tablesaw-stack td:empty,
.tablesaw-stack th:empty {
    display: none;
  }
}
/* Media query to show as a standard table at 560px (35em x 16px) or wider */
@media (min-width: 990px) {
  .tablesaw-stack tr {
    display: table-row;
  }

  /* Show the table header rows */
  .tablesaw-stack td,
.tablesaw-stack th {
    display: table-cell;
    margin: 0;
  }

  /* Hide the labels in each cell */
  .tablesaw-stack td .tablesaw-cell-label,
.tablesaw-stack th .tablesaw-cell-label {
    display: none !important;
  }
}
.tablesaw-fix-persist {
  table-layout: fixed;
}

@media (max-width: 1350px) {
  .responsive-hidden {
    display: none !important;
  }
}
@media (max-width: 1220px) {
  .widget-product-search .tab-widget .tab-content-wrapper .search-wrapper .products-table {
    overflow: visible !important;
    margin-top: 60px !important;
  }

  .widget-product-search .tab-widget .tab-content-wrapper .search-wrapper .products-table th,
.widget-product-search .tab-widget .tab-content-wrapper .search-wrapper .products-table td {
    min-width: 45px;
  }

  .widget-product-search .tab-widget .tab-content-wrapper .search-wrapper.nature .products-table thead .subhead {
    position: relative;
  }
  .widget-product-search .tab-widget .tab-content-wrapper .search-wrapper.nature .products-table thead .subhead .inner-wrap {
    position: absolute;
    bottom: -7px;
    left: 25px;
    height: 30px;
    width: 0;
    transform: rotate(-90deg);
    display: block;
  }
}
.row {
  overflow: hidden;
  margin-bottom: 50px;
}
.row .col-4-12 {
  width: 32.2033898305%;
  float: left;
  margin-right: 1.6949152542%;
  margin-bottom: 10px;
}
.row .col-4-12:nth-of-type(3n) {
  float: right;
  margin-right: 0;
}
@media (max-width: 800px) {
  .row .col-4-12 {
    width: 49.1525423729%;
    float: left;
    margin-right: 1.6949152542%;
  }
  .row .col-4-12:nth-of-type(2n) {
    float: right;
    margin-right: 0;
  }
  .row .col-4-12:nth-of-type(3n) {
    width: 49.1525423729%;
    float: left;
    margin-right: 1.6949152542%;
  }
}
@media (max-width: 500px) {
  .row .col-4-12 {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
  .row .col-4-12:nth-of-type(3n) {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}
.row .col-6-12 {
  width: 49.1525423729%;
  float: left;
  margin-right: 1.6949152542%;
  margin-bottom: 10px;
}
.row .col-6-12:nth-of-type(2n) {
  float: right;
  margin-right: 0;
}
@media (max-width: 800px) {
  .row .col-6-12 {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
}

h2.headline {
  font-size: 28px;
  color: #B8BCBF;
  font-weight: 300;
  font-family: "Roboto", sans-serif;
  padding-bottom: 10px;
}

body {
  font-family: sans-serif;
  background: #fff;
  overflow-x: hidden;
}
body.theme2 {
  background: #727272;
}
body:after {
  clear: both;
  content: " ";
  display: block;
}

.bg-image, .tx-go-maps-ext {
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.bg-image img, .bg-image source, .tx-go-maps-ext img, .tx-go-maps-ext source {
  width: 100%;
}

.bg-image {
  -webkit-backface-visibility: hidden;
}
.bg-image.second-image, .bg-image.third-image, .bg-image.fourth-image, .bg-image.fifth-image {
  display: none;
}
.tx-go-maps-ext {
  top: 0;
  right: 0;
  left: 0;
  position: absolute;
  z-index: 1;
  height: 650px;
}
.tx-go-maps-ext .gomapsext-cats {
  position: absolute;
  top: 10px;
  right: 10px;
  padding: 10px;
  background: #fff;
}
.tx-go-maps-ext .gomapsext-cats li {
  list-style-type: none;
  margin-bottom: 5px;
}
.tx-go-maps-ext .gomapsext-cats li input[type=checkbox] {
  display: none;
  border: 1px solid #f00;
  background: #fff;
}
.tx-go-maps-ext .gomapsext-cats li input[type=checkbox] + label span {
  display: inline-block;
  vertical-align: middle;
  width: 15px;
  height: 15px;
  background: #fff;
  margin-right: 2px;
  border: 2px solid #189c2d;
}
.tx-go-maps-ext .gomapsext-cats li input[type=checkbox]:checked + label span {
  background: url("/assets/Images/icons/check.png") -1px -1px no-repeat;
}
.tx-go-maps-ext .gomapsext-cats li.chemische-rohstoffe input[type=checkbox] + label span, .tx-go-maps-ext .gomapsext-cats li.chemical-raw-materials input[type=checkbox] + label span {
  border: 2px solid #1f64b0;
}
.tx-go-maps-ext .gomapsext-cats li.natuerliche-rohstoffe input[type=checkbox] + label span, .tx-go-maps-ext .gomapsext-cats li.natural-raw-materials input[type=checkbox] + label span {
  border: 2px solid #189c2d;
}
.tx-go-maps-ext .gomapsext-cats li.kosmetische-rohstoffe input[type=checkbox] + label span, .tx-go-maps-ext .gomapsext-cats li.cosmetic-raw-materials input[type=checkbox] + label span {
  border: 2px solid #e3293e;
}
.tx-go-maps-ext .gomapsext-cats li label {
  font-family: "LinotypeUniversW01-Medi_723673", Arial, Helvetica;
}
.tx-go-maps-ext .gme-info-window {
  white-space: nowrap;
}
.tx-go-maps-ext .gmnoprint img {
  max-width: none !important;
}

.clearfix {
  clear: both;
}

.sr-only, .widget-contact-form .checkbox input[type=checkbox] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.shadow-select {
  box-shadow: 0 0 3px #888;
  display: inline-block;
  background-image: url("/assets/Images/icons/select_icon.png");
  background-position: right 9px center;
  overflow: hidden;
  background-color: #fff;
  background-repeat: no-repeat;
  margin-right: 12px;
}
.shadow-select.size-2 {
  width: 250px;
}
.shadow-select.size-2 select {
  width: 280px;
}
.shadow-select.size-1 {
  width: 125px;
}
.shadow-select.size-1 select {
  width: 164px;
}
.shadow-select.size-stretch {
  width: 100%;
}
.shadow-select.size-stretch select {
  width: 130%;
}
.shadow-select select {
  appearance: none;
  color: #888;
  padding: 6px;
  background: none;
  -webkit-appearance: none;
  -webkit-border-radius: 0px;
  border: none;
}

.contenttable {
  font-size: 12px;
  margin-bottom: 10px;
  line-height: 17px;
  font-family: Arial, Helvetica;
}

.contenttable td, .contenttable th {
  padding: 8px;
  vertical-align: top;
}

h1 {
  margin-top: 20px;
  line-height: 120%;
}

.page-content .content-list {
  padding-left: 16px;
  margin: 10px 14px;
  font-size: 12px;
}
.page-content .content-list li {
  margin-bottom: 5px;
}

.divider {
  margin-bottom: 15px;
  margin-top: 17px;
}
.divider hr {
  border-top: 1px solid #c2c2c2;
}

ul {
  list-style-type: square;
}

.page-content ul {
  display: inline-block;
}

section.content.location .topic, section.content.location h1 {
  display: block;
}
section.content.location .page-content .widget-article {
  display: inline-block;
  margin-right: 10px;
  vertical-align: top;
}
@media (max-width: 478px) {
  section.content.location .page-content .widget-article {
    width: 100%;
  }
}
section.content.location .page-content .widget-article .article-content .bg-image, section.content.location .page-content .widget-article .article-content .tx-go-maps-ext {
  height: 200px;
  position: static;
  width: 265px;
}
section.content.location .page-content .widget-article .article-content .bg-image img, section.content.location .page-content .widget-article .article-content .bg-image source, section.content.location .page-content .widget-article .article-content .tx-go-maps-ext img, section.content.location .page-content .widget-article .article-content .tx-go-maps-ext source {
  width: 265px;
}
section.content.location .page-content .widget-article .article-content .tx-go-maps-ext {
  height: 200px;
}

.list-item ul {
  left: 17px;
  position: relative;
  padding: 0;
  display: table;
}

.align-left {
  text-align: left;
}

.align-right {
  text-align: right;
}

.align-center {
  text-align: center;
}

p.text-small, span.text-small {
  font-size: 10px !important;
}
p.text-regular, span.text-regular {
  font-size: 12px !important;
}
p.text-big, span.text-big {
  font-size: 14px !important;
}

h1.text-center, h2.text-center, h3.text-center, h4.text-center, p.text-center, span.text-center {
  text-align: center;
}
h1.text-right, h2.text-right, h3.text-right, h4.text-right, p.text-right, span.text-right {
  text-align: right;
}

.content .widget-article .article-content, .content .widget-article .article-content p,
.content .page-content,
.content .page-content p {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  color: #535352;
  line-height: 140%;
  font-weight: 400;
}
.content .widget-article .article-content ul,
.content .page-content ul {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  color: #535352;
}
.content .widget-article .article-content p,
.content .page-content p {
  padding: 10px 0 20px;
}
.content .widget-article .article-content h2, .content .widget-article .article-content h2.headline, .content .widget-article .article-content h2.headline a,
.content .page-content h2,
.content .page-content h2.headline,
.content .page-content h2.headline a {
  font-size: 20px;
  color: #444444;
  line-height: 120%;
  font-family: Arial, Helvetica, sans-serif;
  padding-bottom: 10px;
}
.content .widget-article .article-content h3, .content .widget-article .article-content h3 a,
.content .page-content h3,
.content .page-content h3 a {
  font-size: 15px;
  color: #444444;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  padding-bottom: 5px;
}
.content .widget-article .article-content h3 a,
.content .page-content h3 a {
  padding-bottom: 0;
}

.reset-btn a {
  color: #A6A4A4 !important;
  font-size: 15px;
  line-height: 26px;
  text-decoration: none;
}

.sidebar-teaser-wrapper {
  float: left;
  padding-right: 25px;
  width: 21%;
}
@media (max-width: 1130px) {
  .sidebar-teaser-wrapper {
    width: 25%;
  }
}
@media (max-width: 957px) {
  .sidebar-teaser-wrapper {
    width: 29.4%;
  }
}
@media (max-width: 857px) {
  .sidebar-teaser-wrapper {
    width: 37.8%;
  }
}
@media (max-width: 800px) {
  .sidebar-teaser-wrapper {
    width: 100%;
    padding: 0;
  }
}
@media (max-width: 800px) {
  .sidebar-teaser-wrapper {
    padding: 0 9px;
  }
}

.page-header {
  padding-bottom: 24px;
  background-color: #fff;
}
@media (max-width: 768px) {
  .page-header {
    padding-bottom: 14px;
  }
}
.page-header:after {
  clear: both;
  content: " ";
  display: block;
}
.page-header .slogan {
  float: right;
  margin-right: 0;
  color: #B8BCBF;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-size: 14px;
  margin: 8px 20px 0 0;
}
.page-header .slogan img {
  vertical-align: middle;
  margin-left: 15px;
}
@media (max-width: 960px) {
  .page-header .slogan {
    position: absolute;
    right: 0;
    top: 50px;
  }
}
@media (max-width: 786px) {
  .page-header .slogan img {
    float: left;
    margin: 0 15px 0 0;
  }
  .page-header .slogan span {
    width: 180px;
    margin: 0;
    display: inline-block;
  }
}
@media (max-width: 479px) {
  .page-header .slogan span {
    display: none;
  }
  .page-header .slogan img {
    margin: 0;
  }
}
.page-header .head {
  clear: both;
  padding-top: 15px;
}
.page-header .head .logo-wrapper {
  max-width: 220px;
  display: inline-block;
  padding-left: 20px;
}
@media (max-width: 768px) {
  .page-header .head .logo-wrapper {
    padding-left: 8px;
    width: 20%;
    min-width: 120px;
  }
}

.page-footer {
  font-size: 11px;
  padding: 8px 25px 8px 8px;
  width: 100%;
  clear: both;
}
.page-footer:after {
  clear: both;
  display: block;
  content: " ";
}
.page-footer ul {
  float: right;
  margin: 0;
  margin-top: 28px;
  padding: 0;
}
.page-footer ul li {
  display: inline-block;
  border-right: 1px solid #B8BCBF;
  padding-right: 8px;
  margin-right: 8px;
}
.page-footer ul li:last-child {
  border-right: 0;
  padding-right: 0;
  margin-right: 0;
}
.page-footer ul li a.active, .page-footer ul li a:hover {
  color: #525252;
}
.page-footer ul li a {
  color: #4e5047;
  text-decoration: none;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  color: #B8BCBF;
}
.page-footer .social {
  float: left;
  display: inline-block;
  margin-top: 0;
}
.page-footer .social span {
  margin-right: 30px;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  color: #b8bcbf;
}
.page-footer .social ul {
  margin-top: 0;
  display: inline-block;
  float: none;
}
.page-footer .social ul li {
  border-right: 0;
  margin: 10px;
  padding: 0;
}
@media (max-width: 769px) {
  .page-footer .social {
    display: none;
  }
}
@media (max-width: 800px) {
  .page-footer {
    padding-right: 9px;
  }
}
@media (max-width: 350px) {
  .page-footer {
    position: static;
  }
}

.main-navigation-wrapper {
  display: inline;
}
.main-navigation-wrapper a {
  cursor: pointer !important;
}
@media (max-width: 800px) {
  .main-navigation-wrapper {
    float: none;
    display: block;
    background-color: #A6A6A6;
    padding-right: 0;
  }
}

.product-navigation {
  position: relative;
  display: inline-block;
  float: right;
  margin: 31px 0 0;
  padding: 0;
}
.product-navigation a {
  cursor: pointer !important;
}
.product-navigation .highlight {
  background-size: 100%;
}
@media (max-width: 800px) {
  .product-navigation .highlight {
    background-image: none !important;
  }
}
.product-navigation .dropdown-arrow {
  padding-right: 9px;
  background-position: right 4px;
}
@media (max-width: 800px) {
  .product-navigation .toggled {
    display: block;
    width: 100% !important;
  }
}
.product-navigation ul {
  z-index: 2;
  list-style-type: none;
}
@media (max-width: 800px) {
  .product-navigation ul {
    width: 100% !important;
  }
}
.product-navigation li {
  display: none;
  font-family: "Roboto", sans-serif, Arial, Helvetica;
  font-size: 19px;
  min-height: 30px;
  margin-right: 4px;
  padding-bottom: 10px;
}
.product-navigation li:nth-child(-n+5) {
  display: inline-block;
}
.product-navigation li .active {
  color: #fff;
}
.product-navigation li:hover {
  background-size: 100%;
  background-repeat: no-repeat;
}
.product-navigation li:last-child {
  margin-right: 0;
}
.product-navigation li li:after {
  display: none;
  visibility: hidden;
}
.product-navigation li a {
  text-decoration: none;
  display: inline-block;
  color: #fff;
  font-size: 17px;
  font-weight: 300;
  padding: 8px 10px 5px 10px;
  min-width: 220px;
  text-align: center;
  letter-spacing: 0.015em;
}
@media (max-width: 1120px) {
  .product-navigation li a {
    min-width: 0;
    font-size: 16px;
  }
}
.product-navigation li:nth-child(1) ul {
  right: auto;
  left: 0;
}
.product-navigation li:nth-child(2) ul {
  right: auto;
}
.product-navigation .level-2 {
  display: none;
  background-color: #fff;
  box-shadow: 0 0 3px #c9c9c9;
  width: 670px;
  right: 0;
  top: 43px;
  margin: 0;
  padding: 5px 30px 14px;
  position: absolute;
  text-align: left;
}
@media (max-width: 1120px) {
  .product-navigation .level-2 {
    right: auto;
    left: 0;
  }
}
.product-navigation .level-2 li {
  display: block;
  background-color: #fff;
  padding: 0;
  margin: 0;
  line-height: 21px;
  margin: 15px 0 0 0;
  width: 32.2033898305%;
  float: left;
  margin-right: 1.6949152542%;
}
.product-navigation .level-2 li:nth-child(3) {
  float: right;
  margin-right: 0;
}
.product-navigation .level-2 li.special {
  clear: both;
  width: 100%;
  border-top: 2px solid #000;
  padding-top: 8px;
  margin-top: 50px;
}
.product-navigation .level-2 li.special ~ .special {
  border-top: none;
  margin-top: 10px;
}
.product-navigation .level-2 li.special.bordered {
  border: 1px solid;
  width: calc(100% + 10px);
  padding: 10px;
  margin-left: -10px;
}
.product-navigation .level-2 li.special a:after {
  display: block;
  height: 0;
  width: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 8px solid #575e62;
  content: "";
  display: inline-block;
  width: 6px;
  margin-left: 5px;
  margin-bottom: 2px;
}
.product-navigation .level-2 li a {
  color: #575e62;
  font-size: 20px;
  padding: 0;
  display: block;
  min-width: 0;
  text-align: left;
}
.product-navigation .level-2 li a:hover, .product-navigation .level-2 li a.active {
  font-weight: 400;
}
.product-navigation li .level-3 > li a:hover {
  color: #aaa;
  font-weight: 300;
}
.product-navigation li .level-3 > li a.active {
  font-weight: 300;
}
.product-navigation li .level-3 > li a.active:before {
  display: block;
  height: 0;
  width: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 8px solid #1d1d1d;
  content: "";
  display: inline-block;
  width: 6px;
}
.product-navigation .cosmetical .level-2 > li a {
  color: #e7313e;
}
.product-navigation .cosmetical .level-2 .special {
  border-color: #e7313e;
  color: #e7313e;
}
.product-navigation .cosmetical .level-2 .special.bordered {
  border-color: #e7313e;
}
.product-navigation .cosmetical .level-2 .special a:after {
  display: block;
  height: 0;
  width: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 8px solid #e7313e;
  display: inline-block;
}
.product-navigation .cosmetical .level-3 > li a {
  color: #1d1d1d;
}
.product-navigation .cosmetical .level-3 > li a:hover, .product-navigation .cosmetical .level-3 > li a.active {
  color: #e7313e;
  font-weight: 300;
}
.product-navigation .cosmetical .level-3 > li a.active:before {
  display: block;
  height: 0;
  width: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 8px solid #e7313e;
  content: "";
  display: inline-block;
  width: 6px;
}
.product-navigation .natural .level-2 > li a {
  color: #00972c;
}
.product-navigation .natural .level-2 .special {
  border-color: #00972c;
  color: #00972c;
}
.product-navigation .natural .level-2 .special.bordered {
  border-color: #00972c;
}
.product-navigation .natural .level-2 .special a:after {
  display: block;
  height: 0;
  width: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 8px solid #00972c;
  display: inline-block;
}
.product-navigation .natural .level-3 > li a {
  color: #1d1d1d;
}
.product-navigation .natural .level-3 > li a:hover, .product-navigation .natural .level-3 > li a.active {
  color: #00972c;
  font-weight: 300;
}
.product-navigation .natural .level-3 > li a.active:before {
  display: block;
  height: 0;
  width: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 8px solid #00972c;
  content: "";
  display: inline-block;
  width: 6px;
}
.product-navigation .chemistry .level-2 > li a {
  color: #0066b0;
}
.product-navigation .chemistry .level-2 .special {
  border-color: #0066b0;
  color: #0066b0;
}
.product-navigation .chemistry .level-2 .special.bordered {
  border-color: #0066b0;
}
.product-navigation .chemistry .level-2 .special a:after {
  display: block;
  height: 0;
  width: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 8px solid #0066b0;
  display: inline-block;
}
.product-navigation .chemistry .level-3 > li a {
  color: #1d1d1d;
}
.product-navigation .chemistry .level-3 > li a:hover, .product-navigation .chemistry .level-3 > li a.active {
  color: #0066b0;
  font-weight: 300;
}
.product-navigation .chemistry .level-3 > li a.active:before {
  display: block;
  height: 0;
  width: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 8px solid #0066b0;
  content: "";
  display: inline-block;
  width: 6px;
}
.product-navigation .level-3 {
  padding: 10px 0 0 10px;
  margin: 0;
  position: inherit;
  box-shadow: none;
  width: auto;
}
.product-navigation .level-3 li {
  display: list-item;
  color: #a69e9e;
  padding: 0;
  line-height: 18px;
  margin-left: 3px;
  clear: both;
  width: 100%;
  margin: 10px 0 0 0;
}
.product-navigation .level-3 li:last-child {
  margin: 10px 0 0 0;
}
.product-navigation .level-3 li a {
  padding-left: 0;
  color: #1d1d1d;
  line-height: 20px;
  font-size: 16px;
}
@media (min-width: 961px) {
  .product-navigation .mobile-menu-item {
    display: none;
  }
  .product-navigation > li > a {
    background-color: #A6A6A6;
    background-size: 100% 36px;
  }
  .product-navigation > li.active > a, .product-navigation > li:hover > a {
    background-image: url("/assets/Images/main_head_nav_hover.png");
  }
  .product-navigation > li.chemistry.active > a, .product-navigation > li.chemistry:hover > a {
    background-image: url("/assets/Images/chemistry_head.jpg");
  }
  .product-navigation > li.natural.active > a, .product-navigation > li.natural:hover > a {
    background-image: url("/assets/Images/nature_head.jpg");
  }
  .product-navigation > li.cosmetical.active > a, .product-navigation > li.cosmetical:hover > a {
    background-image: url("/assets/Images/cosmetic_head.jpg");
  }
  .product-navigation > li:hover ul {
    display: block;
  }
}
@media (max-width: 960px) {
  .product-navigation {
    display: none;
    background-color: #fff;
    width: 100% !important;
    position: absolute;
    z-index: 999;
    margin-top: 12px;
  }
  .product-navigation li {
    display: block;
    background-color: #A6A6A6;
    width: 100% !important;
    margin-bottom: 2px;
    padding-bottom: 0;
  }
  .product-navigation li:nth-child(-n+4) {
    display: block;
  }
  .product-navigation li .toggle-arrow {
    margin: 5px;
    float: none !important;
  }
  .product-navigation li a {
    box-sizing: border-box;
    font-size: 20px;
    display: inline-block;
    padding: 12px;
    text-align: left;
  }
  .product-navigation li ul {
    position: static;
    width: 100%;
    padding: 13px;
    background-color: #fff;
    box-shadow: -1px 1px 4px 0 rgba(0, 0, 0, 0.75) inset;
  }
  .product-navigation li ul li {
    background-color: transparent;
  }
  .product-navigation li ul li a {
    color: #ffffff;
    font-size: 15px;
    display: inline;
  }
  .product-navigation .toggle-subitem {
    border: 1px solid #fff;
    display: inline-block;
    cursor: pointer;
    transform: rotate(0deg);
    transition: transform 0.5s;
    background: url("/assets/Images/icons/mobile-arrow.png") center no-repeat;
    float: right;
    margin: 5px;
    margin-bottom: 5px;
    padding: 18px;
  }
  .product-navigation .active > .toggle-subitem {
    transform: rotate(90deg);
    transition: transform 0.5s;
  }
  .product-navigation li > ul {
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.5s;
  }
  .product-navigation li.active > ul {
    border-top: 1px solid #fff;
    max-height: 9999px;
    transition: max-height 0.5s;
  }
  .product-navigation .level-2 li > ul {
    max-height: none;
  }
  .product-navigation .level-2 {
    position: static;
    padding: 0;
    min-height: 0;
    background-image: none !important;
    width: 100%;
    display: block;
  }
  .product-navigation .level-2 li {
    background: #bcbcbc;
    border-top: 1px solid #fff;
    color: #fff;
    margin-top: 0;
    margin-right: 0;
    padding: 0;
  }
  .product-navigation .level-2 li a {
    padding: 10px 20px;
    display: inline-block;
    color: #000000;
  }
  .product-navigation .level-2 .special {
    display: none;
  }
  .product-navigation .level-3, .product-navigation .chemistry .level-3, .product-navigation .natural .level-3, .product-navigation .cosmetical .level-3 {
    padding: 0;
    display: block;
  }
  .product-navigation .level-3 li, .product-navigation .chemistry .level-3 li, .product-navigation .natural .level-3 li, .product-navigation .cosmetical .level-3 li {
    background: #DBDBDB;
  }
  .product-navigation .level-3 li a, .product-navigation .chemistry .level-3 li a, .product-navigation .natural .level-3 li a, .product-navigation .cosmetical .level-3 li a {
    padding: 10px 30px;
    color: #7c7c7c;
  }
  .product-navigation .level-3 li a.active:before, .product-navigation .chemistry .level-3 li a.active:before, .product-navigation .natural .level-3 li a.active:before, .product-navigation .cosmetical .level-3 li a.active:before {
    display: none;
  }
  .product-navigation .level-3 li:last-child, .product-navigation .chemistry .level-3 li:last-child, .product-navigation .natural .level-3 li:last-child, .product-navigation .cosmetical .level-3 li:last-child {
    margin: 0;
  }
  .product-navigation li:hover > a, .product-navigation li:hover a.active, .product-navigation li:hover a:hover, .product-navigation li.active > a, .product-navigation li.active a.active, .product-navigation li.active a:hover, .product-navigation .level-2 li:hover > a, .product-navigation .level-2 li:hover a.active, .product-navigation .level-2 li:hover a:hover, .product-navigation .level-2 li.active > a, .product-navigation .level-2 li.active a.active, .product-navigation .level-2 li.active a:hover, .product-navigation .level-3 li:hover > a, .product-navigation .level-3 li:hover a.active, .product-navigation .level-3 li:hover a:hover, .product-navigation .level-3 li.active > a, .product-navigation .level-3 li.active a.active, .product-navigation .level-3 li.active a:hover, .product-navigation .chemistry li:hover > a, .product-navigation .chemistry li:hover a.active, .product-navigation .chemistry li:hover a:hover, .product-navigation .chemistry li.active > a, .product-navigation .chemistry li.active a.active, .product-navigation .chemistry li.active a:hover, .product-navigation .chemistry .level-2 li:hover > a, .product-navigation .chemistry .level-2 li:hover a.active, .product-navigation .chemistry .level-2 li:hover a:hover, .product-navigation .chemistry .level-2 li.active > a, .product-navigation .chemistry .level-2 li.active a.active, .product-navigation .chemistry .level-2 li.active a:hover, .product-navigation .chemistry .level-3 li:hover > a, .product-navigation .chemistry .level-3 li:hover a.active, .product-navigation .chemistry .level-3 li:hover a:hover, .product-navigation .chemistry .level-3 li.active > a, .product-navigation .chemistry .level-3 li.active a.active, .product-navigation .chemistry .level-3 li.active a:hover, .product-navigation .natural li:hover > a, .product-navigation .natural li:hover a.active, .product-navigation .natural li:hover a:hover, .product-navigation .natural li.active > a, .product-navigation .natural li.active a.active, .product-navigation .natural li.active a:hover, .product-navigation .natural .level-2 li:hover > a, .product-navigation .natural .level-2 li:hover a.active, .product-navigation .natural .level-2 li:hover a:hover, .product-navigation .natural .level-2 li.active > a, .product-navigation .natural .level-2 li.active a.active, .product-navigation .natural .level-2 li.active a:hover, .product-navigation .natural .level-3 li:hover > a, .product-navigation .natural .level-3 li:hover a.active, .product-navigation .natural .level-3 li:hover a:hover, .product-navigation .natural .level-3 li.active > a, .product-navigation .natural .level-3 li.active a.active, .product-navigation .natural .level-3 li.active a:hover, .product-navigation .cosmetical li:hover > a, .product-navigation .cosmetical li:hover a.active, .product-navigation .cosmetical li:hover a:hover, .product-navigation .cosmetical li.active > a, .product-navigation .cosmetical li.active a.active, .product-navigation .cosmetical li.active a:hover, .product-navigation .cosmetical .level-2 li:hover > a, .product-navigation .cosmetical .level-2 li:hover a.active, .product-navigation .cosmetical .level-2 li:hover a:hover, .product-navigation .cosmetical .level-2 li.active > a, .product-navigation .cosmetical .level-2 li.active a.active, .product-navigation .cosmetical .level-2 li.active a:hover, .product-navigation .cosmetical .level-3 li:hover > a, .product-navigation .cosmetical .level-3 li:hover a.active, .product-navigation .cosmetical .level-3 li:hover a:hover, .product-navigation .cosmetical .level-3 li.active > a, .product-navigation .cosmetical .level-3 li.active a.active, .product-navigation .cosmetical .level-3 li.active a:hover {
    font-weight: 300;
    text-decoration: none;
  }
}

.content-nav {
  display: inline;
  float: right;
  width: 28%;
  margin-top: 77px;
}
@media (max-width: 1100px) {
  .content-nav {
    margin-top: 0;
    width: 100%;
  }
}
.content-nav ul {
  list-style: none;
  margin: 0;
}
.content-nav ul h4 {
  margin-top: 14px;
  margin-bottom: 10px;
  font-size: 21px;
}
.content-nav ul .nav-teaser {
  background-color: #fff;
  box-shadow: 0 0 5px rgba(136, 136, 136, 0.49);
  padding: 6px;
}
.content-nav ul .nav-teaser a {
  text-decoration: none;
  color: #525252;
}
.content-nav ul .nav-teaser:after {
  display: block;
  clear: both;
  content: " ";
}
.content-nav ul .nav-teaser img {
  float: left;
  margin-right: 9px;
  width: 58px;
  height: 62px;
}
.content-nav ul .nav-teaser .text-preview {
  font-weight: bold;
  margin-top: 5px;
  line-height: 17px;
  color: #525252;
  font-size: 11px;
}
.content-nav ul .nav-teaser .text-preview span {
  margin-right: 4px;
}
.content-nav ul .nav-teaser .read-more {
  margin-left: 0;
  padding: 6px 0px;
  background-position: right 3px;
  background-image: url("/assets/Images/icons/arrow_right_gray.png");
  background-repeat: no-repeat;
}
.content-nav ul .nav-teaser .title {
  display: block;
  margin-top: 7px;
  font-size: 15px;
  font-weight: normal;
  font-family: "LinotypeUniversW01-Thin_723610", Arial, Helvetica;
}
.content-nav li {
  margin-bottom: 15px;
}
.content-nav li.active .nav-teaser {
  background-color: rgba(144, 144, 144, 0.52);
}

.meta-navigation {
  background-color: #fff;
  margin: 0 6px 0 0;
  padding: 0 0 0 20px;
  position: absolute;
}
@media (max-width: 960px) {
  .meta-navigation {
    position: inherit;
    background-color: #E9E9E9;
    margin-right: 0;
    height: 33px;
    padding: 0;
  }
}
.meta-navigation a.active, .meta-navigation a:hover {
  color: #525252;
}
.meta-navigation li {
  padding-top: 6px;
  position: relative;
  display: inline-block;
  margin-right: 6px;
  font-size: 16px;
  margin-top: 0;
  min-height: 25px;
  font-family: "Roboto", sans-serif, Arial, Helvetica;
  font-weight: 300;
}
@media (max-width: 960px) {
  .meta-navigation li {
    display: none;
    padding-top: 0;
    margin-right: 0;
  }
}
.meta-navigation li.mobile-menu-item {
  display: none;
}
.meta-navigation li.mobile-menu-item.active a {
  background: url("/assets/Images/icons/close_burger_blue.png") no-repeat scroll left center/47% auto;
}
.meta-navigation li.mobile-menu-item a {
  padding: 8px 0 0 44px;
  height: 33px;
  background: url("/assets/Images/icons/burger.png") no-repeat scroll left center/47% auto;
}
.meta-navigation li a {
  color: #B8BCBF;
  text-decoration: none;
  font-size: 14px;
  font-weight: normal;
  display: inline-block;
  padding-right: 16px;
  padding-top: 9px;
  font-weight: 300;
  width: 100%;
}
.meta-navigation li img {
  vertical-align: text-top;
  float: right;
  margin-right: 15px;
}
@media (max-width: 960px) {
  .meta-navigation li.language-select {
    float: right;
    margin-right: 45px;
    display: inline-block;
  }
  .meta-navigation li.language-select span {
    display: none;
  }
  .meta-navigation li.language-select img {
    margin-left: 0;
  }
}
.meta-navigation li.language-select .current {
  background: url("/assets/Images/icons/arrow_bottom.png") 90% 13px no-repeat;
  padding-right: 25px;
  position: relative;
  z-index: 20;
  width: 136px;
}
.meta-navigation li.language-select ul {
  background-color: #fff;
  border: 1px solid #B8BCBF;
  border-top: 0;
  display: none;
  padding: 42px 5px 12px 5px;
  position: absolute;
  z-index: 10;
  left: -5px;
  top: 0;
  width: 145px;
  opacity: 0;
}
.meta-navigation li.language-select ul li {
  box-shadow: none;
  display: block;
  min-height: 0;
  line-height: 17px;
  margin: 0 0 10px 0;
  padding: 0;
  width: 110px;
  overflow: hidden;
  /**/
}
.meta-navigation li.language-select ul li.seperated {
  border-bottom: 1px solid #ededed;
  margin-bottom: 6px;
  padding-bottom: 6px;
}
.meta-navigation li.language-select ul li:last-child {
  margin: 0;
}
.meta-navigation li.language-select ul li a {
  text-transform: none;
  padding: 0;
  background: none;
}
.meta-navigation li.language-select ul li a.active {
  color: #353535;
}
.meta-navigation li.language-select ul li .lang-help {
  padding-left: 5px;
  display: block;
  float: right;
  width: 150px;
}
.meta-navigation li.language-select ul li .lang-help:before {
  content: "";
  display: inline-block;
}
.meta-navigation li.language-select:hover ul {
  display: block;
  opacity: 1;
}
@media (max-width: 960px) {
  .meta-navigation li.search {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 9999;
    display: inline-block;
  }
}
.meta-navigation li.search .submit-btn {
  vertical-align: middle;
  padding-top: 0;
  position: absolute;
  top: 5px;
}
.meta-navigation li.search form {
  position: relative;
  top: 0px;
}
.meta-navigation li.search input[type=search] {
  padding: 4px;
  height: 23px;
  border: 1px solid #e8e8e8;
  font-family: Arial, Verdana;
  background-image: url("/assets/Images/icons/search-btn.png");
  background-repeat: no-repeat;
  background-position: center;
  width: 0;
  padding-right: 28px;
  transition: width 0.5s;
  background-size: 30px auto;
  background-color: #A6A6A6;
}
@media (max-width: 960px) {
  .meta-navigation li.search input[type=search] {
    height: 24px;
    border: 0;
  }
}
.meta-navigation li.search input[type=search]:hover {
  background-color: #0065B3;
}
.meta-navigation li.search input[type=search].active {
  width: 250px;
  transition: width 0.5s;
  background: #A6A6A6;
}
.meta-navigation li.search input[type=search].active:hover {
  background: #A6A6A6;
}
.meta-navigation li.search .search-box {
  display: none;
  background-color: #fff;
  box-shadow: 0 0 3px #c9c9c9;
  margin-top: 10px;
  position: absolute;
  width: 605px;
  z-index: 9;
}
.meta-navigation li.search .search-box:before {
  background: none repeat scroll 0 0 #fff;
  border: 4px solid #fff;
  content: " ";
  display: block;
  height: 0;
  margin: -10px -10px 0 -4px;
  width: 58px;
}
.meta-navigation li.search .search-box a {
  font-size: 13px;
  width: auto;
  padding-top: 6px;
}
@media (max-width: 960px) {
  .meta-navigation li.mobile-menu-item {
    display: inline-block;
  }
}

.search-input-js {
  border-radius: 0;
  cursor: pointer;
}
.search-input-js.active {
  cursor: auto;
}
.search-input-js:focus {
  outline: none;
}

.bg-slider-js {
  position: relative;
  height: auto;
}

.page-wrapper {
  width: 1400px;
  margin: auto;
}
.theme2 .page-wrapper {
  width: 1600px;
}
@media (max-width: 1600px) {
  .theme2 .page-wrapper {
    width: 100%;
  }
}
.theme3 .page-wrapper {
  width: 1600px;
}
@media (max-width: 1600px) {
  .theme3 .page-wrapper {
    width: 100%;
  }
}
.theme4 .page-wrapper {
  width: 1400px;
}
@media (max-width: 1400px) {
  .theme4 .page-wrapper {
    width: 100%;
  }
}
@media (max-width: 1400px) {
  .page-wrapper {
    width: 100%;
  }
}

.topic, h1 {
  font-size: 30px;
  font-weight: normal;
  font-family: Arial, Helvetica, sans-serif;
  margin-bottom: 9px;
  color: #444444;
  display: inline-block;
  margin-top: 20px;
  line-height: 120%;
}

.page-body {
  clear: both;
  padding-top: 25px;
  position: relative;
}
@media (max-width: 479px) {
  .page-body {
    padding-top: 20px;
  }
}
.page-body:after {
  clear: both;
  content: " ";
  display: block;
}

.content {
  display: block;
  float: right;
  padding-right: 25px;
  width: 78.9915966387%;
}
.sidebarless .content {
  float: none;
  padding-right: 0;
}
@media (max-width: 1354px) {
  .content {
    width: 78.9915966387%;
  }
}
@media (max-width: 1130px) {
  .content {
    width: 74.7899159664%;
  }
}
@media (max-width: 957px) {
  .content {
    width: 70.5882352941%;
  }
}
.content .page-content {
  background: rgba(255, 255, 255, 0.9);
  padding: 20px;
  margin-bottom: 16px;
  overflow: hidden;
}
@media (max-width: 479px) {
  .content .page-content {
    margin-top: 5px;
  }
}
@media (max-width: 389px) {
  .content .page-content {
    margin-top: 25px;
  }
}
.content.full-width {
  width: 100%;
  padding: 0 8px;
}
.coating .content.full-width .widget-article {
  padding: 185px 0 50px;
  background: transparent url("/fileadmin/media/general/images/background/coating_hell.jpg") 0 0 no-repeat;
  background-size: cover;
}
@media (max-width: 650px) {
  .coating .content.full-width .widget-article {
    padding: 210px 0 50px;
  }
}
@media (max-width: 400px) {
  .coating .content.full-width .widget-article {
    padding-top: 250px;
  }
}
.coating .content.full-width .widget-article:first-child {
  padding: 50px 0 0;
  position: absolute;
  background: none;
  width: 100%;
}
.coating .content.full-width .widget-article:first-child .article-content {
  max-width: 978px;
  padding: 0 11px;
}
.content.full-width .article-content {
  padding: 0 10px;
  margin: 0 auto;
  max-width: 980px;
  display: block;
  overflow: hidden;
}
.coating .content.full-width {
  position: relative;
}
.content.no-text-page {
  padding-top: 170px;
  background: none;
  padding-left: 25px;
  width: 100%;
}
.theme3 .content.no-text-page {
  padding-top: 270px;
}
.theme4 .content.no-text-page {
  padding-top: 144px;
}
.content.no-text-page:after {
  clear: both;
  content: " ";
  display: block;
}
@media (max-width: 1400px) {
  .content.no-text-page {
    padding-left: 31px;
    padding-right: 31px;
  }
}
@media (max-width: 800px) {
  .content.no-text-page {
    padding-left: 6px;
    padding-right: 6px;
  }
}
@media (max-width: 857px) {
  .content {
    width: 62.1848739496%;
  }
}
@media (max-width: 800px) {
  .content {
    width: 100%;
    padding-right: 0;
  }
}
@media (max-width: 350px) {
  .content {
    padding: 0 9px;
  }
}
.coating .content {
  width: 100%;
  padding: 0;
}

@media (max-width: 1182px) {
  .teaser-wrapper .widget-topic-teaser {
    max-height: none;
  }
  .teaser-wrapper .widget-topic-teaser .image-showcase {
    max-height: 141px;
    overflow: hidden;
  }
  .teaser-wrapper .widget-topic-teaser .image-showcase img {
    margin-top: 0;
  }
  .teaser-wrapper .widget-topic-teaser .image-showcase, .teaser-wrapper .widget-topic-teaser .information-content {
    display: block;
    width: 100%;
  }
}
@media (max-width: 480px) {
  .teaser-wrapper .widget-topic-teaser {
    width: 100%;
    margin-bottom: 5px;
  }
  .teaser-wrapper .widget-topic-teaser .image-showcase, .teaser-wrapper .widget-topic-teaser .information-content {
    display: inline-block;
  }
  .teaser-wrapper .widget-topic-teaser .image-showcase {
    width: 40.6779661017%;
    float: left;
    margin-right: 1.6949152542%;
    padding: 11px 9px;
  }
  .teaser-wrapper .widget-topic-teaser .information-content {
    width: 57.6271186441%;
    float: left;
    margin-right: 1.6949152542%;
    float: right;
    margin-right: 0;
  }
  .teaser-wrapper .widget-topic-teaser .information-content h4 {
    margin-top: 0;
    margin-bottom: 0;
  }
  .teaser-wrapper .widget-topic-teaser .information-content p {
    font-size: 10px;
  }
}
@media (max-width: 407px) {
  .teaser-wrapper .widget-topic-teaser .information-content {
    padding-top: 9px;
    padding-bottom: 0;
  }
  .teaser-wrapper .widget-topic-teaser .information-content h4 {
    font-size: 12px;
  }
  .teaser-wrapper .widget-topic-teaser .information-content p {
    font-size: 10px;
    line-height: 15px;
  }
}

.content-with-nav {
  display: inline-block;
  width: 68%;
  padding-right: 15px;
  min-height: 300px;
}
@media (max-width: 1100px) {
  .content-with-nav {
    width: 100%;
  }
}

.sub-navigation-wrapper {
  width: 224px;
  display: inline-block;
  position: relative;
  z-index: 50;
}
@media (max-width: 857px) {
  .sub-navigation-wrapper {
    width: 32.7731092437%;
  }
}
@media (max-width: 800px) {
  .sub-navigation-wrapper {
    display: none;
    left: 0;
    width: 100%;
    top: 0;
    position: absolute;
    z-index: 999;
  }
}

.main-breadcrumb {
  margin-bottom: 10px;
  font-size: 12px;
  margin-top: 0;
  padding-left: 0;
}
.main-breadcrumb li {
  display: inline-block;
  font-family: "LinotypeUniversW01-Ligh_723625", Arial, Helvetica;
}
.main-breadcrumb li a {
  color: #3e3e3e;
  text-decoration: none;
  margin-left: 3px;
}
.main-breadcrumb li a:after {
  content: ">";
  padding: 0 0 0 5px;
}
.main-breadcrumb li:last-child a:after {
  content: "";
  padding: 0;
}

.read-more {
  background-image: url("/assets/Images/icons/arrow_right_gray.png");
  text-decoration: none;
  display: inline-block;
  width: 7px;
  height: 8px;
}

img {
  max-width: 100%;
  height: auto;
}

.content .widget-article figure, .content .widget-article img {
  max-width: 100%;
  overflow: hidden;
}
.content .widget-article figure.orientation0, .content .widget-article img.orientation0 {
  /* Zentriert Oben*/
  display: block;
  float: none;
  /*      text-align: center;*/
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}
.content .widget-article figure.orientation17, .content .widget-article img.orientation17 {
  /* Rechts Oben */
  float: right;
  margin-left: 31px;
  margin-right: 0;
}
.content .widget-article figure.orientation18, .content .widget-article img.orientation18 {
  /* Links Oben */
  float: left;
}
.content .widget-article figure.orientation0, .content .widget-article figure.orientation17, .content .widget-article figure.orientation18 {
  margin-top: 14px;
}

figcaption {
  font-size: 0.7rem;
}

video.video-js {
  max-width: 480px;
  height: auto;
  width: auto;
}

video[poster] {
  height: 100%;
  width: 100%;
}

object {
  width: 100% !important;
  height: auto !important;
  min-height: 600px;
}
@media (max-width: 1024px) {
  object {
    min-height: 300px;
  }
}

.widget-article .article-content .button-gray-arrow-left-wrapper a, body.natural .button-colored-wide, body.cosmetical .button-colored, body.chemical .button-colored, .button-gray {
  background-color: #919191;
  color: #fff;
  background-image: url("/assets/Images/icons/arrow_right_white.png");
  background-repeat: no-repeat;
  background-position: right 9px center;
  font-size: 16px;
  padding: 8px 25px 8px 8px;
  border: none;
  border-radius: 0 !important;
  outline: none;
}
.widget-article .article-content .button-gray-arrow-left-wrapper a.arrow-left, body.natural .arrow-left.button-colored-wide, body.cosmetical .arrow-left.button-colored, body.chemical .arrow-left.button-colored, .arrow-left.button-gray {
  background-image: url("/assets/Images/icons/arrow_left_white.png");
  background-position: left 9px center;
  padding: 8px 8px 8px 25px;
}

body.chemical .button-colored {
  background-color: #0066b0;
}

body.cosmetical .button-colored {
  background-color: #e7313e;
}

body.natural .button-colored-wide {
  background-color: #00972c;
}

.button-wide {
  padding: 8px 35px 8px 28px !important;
}

.sitemap {
  display: none;
  width: 76.9916%;
  margin-right: 25px;
  margin-top: 2px;
  margin-bottom: 26px;
  float: right;
  background: rgba(255, 255, 255, 0.9);
  padding: 20px;
  color: #5e5e5e;
}
@media (max-width: 972px) {
  .sitemap {
    display: none !important;
  }
}
.sitemap h3 {
  font-weight: normal;
  font-size: 22px;
  margin-bottom: 17px;
  font-family: "LinotypeUniversW01-Thin_723610", Arial, Helvetica;
}
.sitemap .sitemap-teaser {
  width: 12.7118644068%;
  float: left;
  margin-right: 1.6949152542%;
  font-size: 12px;
  margin-bottom: 11px;
}
.sitemap .sitemap-teaser a {
  color: #5e5e5e;
  text-decoration: none;
}
.sitemap .sitemap-teaser:nth-child(8) {
  margin-right: 0;
}
.sitemap .sitemap-teaser:nth-child(9) {
  clear: left;
}
.sitemap .sitemap-teaser ul li:first-child {
  font-weight: bold;
}
.sitemap ul {
  list-style: none;
}

.tx-flseositemap-pi1 ul {
  padding-left: 18px;
  display: block;
}

.article-content .watchlist .back, .watchlist .back {
  background-image: url("/assets/Images/icons/arrow_left_gray.png");
  padding-left: 16px;
  background-repeat: no-repeat;
  display: block;
  text-decoration: none;
  font-size: 17px;
  background-position: 0px 5px;
  color: #969696;
  margin-top: 29px;
  font-family: "LinotypeUniversW01-Medi_723673", Arial, Helvetica;
}

.watchlist .actions {
  list-style: none;
  margin: 0;
  padding: 0;
  float: right;
}
@media (max-width: 500px) {
  .watchlist .actions {
    float: none;
    margin: 25px 0;
  }
}
.watchlist .actions li {
  display: inline-block;
  margin-right: 15px;
}
.watchlist .actions li a {
  padding: 10px 41px 10px 0;
  color: #8f9295;
  background-repeat: no-repeat;
  background-position: right;
  font-size: 12px;
}
.natural .watchlist .actions li .download {
  background-image: url("/assets/Images/icons/download-natural.png");
}
.chemical .watchlist .actions li .download {
  background-image: url("/assets/Images/icons/download-chemical.png");
}
.cosmetical .watchlist .actions li .download {
  background-image: url("/assets/Images/icons/download-cosmetical.png");
}
.natural .watchlist .actions li .print {
  background-image: url("/assets/Images/icons/print-natural.png");
}
.chemical .watchlist .actions li .print {
  background-image: url("/assets/Images/icons/print-chemical.png");
}
.cosmetical .watchlist .actions li .print {
  background-image: url("/assets/Images/icons/print-cosmetical.png");
}
.watchlist h3.contact-persons-topic {
  font-family: sans-serif;
  font-size: 13px;
  margin: 16px 0px;
  color: #737371;
  display: block;
}
.watchlist .contact-persons {
  list-style: none;
  padding: 0px;
  color: #737371;
  font-size: 12px;
}
.watchlist .contact-persons:after {
  clear: both;
  display: block;
  content: " ";
}
.watchlist .contact-persons li {
  margin-bottom: 10px;
}
.watchlist .contact-persons li:nth-child(6) {
  float: right;
  margin-right: 0;
}
.watchlist .contact-persons li h4 {
  font-family: sans-serif;
  font-size: 12px;
  margin-bottom: 4px;
  font-weight: bold;
}
.watchlist .contact-persons li p {
  margin: 4px 0;
}
.watchlist .contact-persons li a {
  color: #737371;
  text-decoration: none;
}
.watchlist .contact-persons li a.mail {
  color: #96999b;
  display: block;
  margin-top: 4px;
  padding-left: 27px;
  background-size: 21px;
  background-repeat: no-repeat;
  text-decoration: underline;
}
.cosmetical .watchlist .contact-persons li a.mail {
  background-image: url("/assets/Images/icons/email_cosmetical.png");
}
.natural .watchlist .contact-persons li a.mail {
  background-image: url("/assets/Images/icons/email_natural.png");
}
.chemical .watchlist .contact-persons li a.mail {
  background-image: url("/assets/Images/icons/email_chemical.png");
}
.watchlist .delete {
  float: right;
  display: block;
  text-decoration: none;
  font-size: 15px;
  color: #969696;
  font-family: "LinotypeUniversW01-Medi_723673", Arial, Helvetica;
}

.orderlist .order-table {
  margin-bottom: 40px;
  width: 100%;
  color: #3d3d3d;
  font-size: 13px;
  overflow: hidden;
}
.orderlist .order-table .toggler {
  cursor: pointer;
  background-color: #fff !important;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.orderlist .order-table .toggler.active span {
  background-image: url("/assets/Images/icons/arrow_down_gray.png");
}
.orderlist .order-table .toggler span {
  background-image: url("/assets/Images/icons/arrow_right_gray.png");
  background-repeat: no-repeat;
  padding-right: 16px;
  font-size: 30px;
  font-weight: normal;
  font-family: "LinotypeUniversW01-Thin_723610", Arial, Helvetica;
  background-position: right;
}
.orderlist .order-table .group {
  display: none;
}
.orderlist .order-table .group.toggled {
  display: table-row;
}
.orderlist .order-table th, .orderlist .order-table td {
  padding: 6px 13px;
  text-align: left;
}
.orderlist .order-table thead tr {
  background-color: #e8e8e8;
}
.orderlist .order-table tbody tr td:first-child {
  font-weight: bold;
}
.orderlist .order-table tbody tr:nth-child(even) {
  background-color: #eff3e3;
}
.natural .orderlist .order-table tbody tr:nth-child(even) {
  background-color: #eff3e3;
}
.chemical .orderlist .order-table tbody tr:nth-child(even) {
  background-color: #dcedf4;
}
.cosmetical .orderlist .order-table tbody tr:nth-child(even) {
  background-color: #fee8ed;
}

.product-details-wrapper {
  display: none;
}

#product-details {
  padding: 35px;
  width: 100%;
}
@media (max-width: 450px) {
  #product-details {
    padding: 7px;
  }
}
@media (max-width: 672px) {
  #product-details {
    padding: 10px;
  }
}
#product-details .product-description img {
  margin-right: 36px;
}
#product-details .subline {
  margin-top: 17px;
}
#product-details .widget-employee-list {
  margin-top: 32px;
}
#product-details .back {
  background-image: url("/assets/Images/icons/arrow_left_gray.png");
  padding-left: 16px;
  background-repeat: no-repeat;
  display: block;
  text-decoration: none;
  font-size: 17px;
  background-position: 0px 5px;
  color: #969696;
  margin-top: 29px;
  font-family: "LinotypeUniversW01-Medi_723673", Arial, Helvetica;
}
#product-details a.detail-download {
  font-size: 14px;
}

form .error input,
form .error textarea,
form .error select {
  background: rgba(255, 0, 0, 0.5);
}

fieldset.hotel {
  border: 0px none;
}
fieldset.hotel legend {
  font-size: 13px;
}

div.hotel-radio {
  float: left;
  width: 20px;
}

div.hotel-lable {
  float: left;
  width: 92%;
}

div.hotel-clear {
  clear: left;
  padding-top: 10px;
}

div.businessemail-wrapper {
  text-indent: -999999px;
  height: 0;
}

ul.form-errors {
  margin: 0 0 20px 20px;
}
ul.form-errors li {
  color: #e7313e;
  font-weight: bold;
}

h2.form-section-headline {
  font-weight: bold;
}

.typo3-messages {
  padding: 20px;
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  margin-bottom: 3.125rem;
  background: rgba(255, 0, 0, 0.15);
  color: #000;
}
.typo3-messages .message-error {
  font-weight: bold;
  color: #000;
}

.cookieconsent-optout-marketing {
  display: none;
  margin-top: 1.5rem;
}
.cookieconsent-optout-marketing .youtube-box {
  padding: 1rem;
  box-shadow: 0 0.375rem 1rem rgba(19, 18, 35, 0.3) !important;
}
.cookieconsent-optout-marketing .youtube-box .cookieconsent-youtube {
  padding: 1.5rem;
}
.cookieconsent-optout-marketing .youtube-box .cookieconsent-youtube h2 {
  margin-bottom: 0.4em;
  font-size: 24px;
}

.widget-topic-teaser {
  background: #fff;
  overflow: hidden;
  width: 100%;
  margin-bottom: 15px;
  font-family: "Roboto", sans-serif;
}
.widget-topic-teaser:last-child {
  float: right;
  margin-right: 0;
}
.widget-topic-teaser a:hover {
  color: #525252 !important;
}
.widget-topic-teaser a {
  color: #050505;
  text-decoration: none;
}
.widget-topic-teaser .read-more {
  margin-left: 5px;
}
.widget-topic-teaser .image-showcase {
  vertical-align: top;
  max-height: 120px;
  overflow: hidden;
}
.widget-topic-teaser .image-showcase img {
  margin-top: 0;
  display: block;
  width: 100%;
}
.widget-topic-teaser .information-content {
  display: inline-block;
  vertical-align: top;
  padding: 10px;
}
.widget-topic-teaser .information-content h4 {
  font-size: 15px;
  margin-top: 0;
  font-weight: 400;
  margin-bottom: 6px;
  text-transform: uppercase;
}
.widget-topic-teaser .information-content h4 a {
  color: #1d1d1d;
}
.widget-topic-teaser .information-content p {
  color: #525252;
  font-size: 13px;
  line-height: 17px;
  margin-top: 1px;
  margin-bottom: 0;
}
@media (max-width: 800px) {
  .widget-topic-teaser {
    width: 100%;
    margin-bottom: 5px;
  }
  .widget-topic-teaser .image-showcase, .widget-topic-teaser .information-content {
    display: inline-block;
  }
  .widget-topic-teaser .image-showcase {
    width: 40.6779661017%;
    float: left;
    margin-right: 1.6949152542%;
    padding: 11px 9px;
    margin-bottom: 10px;
  }
  .widget-topic-teaser .information-content {
    width: 57.6271186441%;
    float: left;
    margin-right: 1.6949152542%;
    float: right;
    margin-right: 0;
  }
  .widget-topic-teaser .information-content h4 {
    margin-top: 0;
    margin-bottom: 5px;
    font-size: 16px;
  }
  .widget-topic-teaser .information-content p {
    font-size: 12px;
  }
}
@media (max-width: 430px) {
  .widget-topic-teaser .information-content h4 {
    margin-bottom: 5px;
    font-size: 15px;
  }
  .widget-topic-teaser .information-content p {
    font-size: 10px;
  }
}

.widget-article {
  color: #535352;
  margin-bottom: 20px;
}
.widget-article h3 {
  margin-top: 0;
  font-size: 15px;
  font-weight: normal;
  font-family: "LinotypeUniversW01-Thin_723610", Arial, Helvetica;
  margin-bottom: 0;
  color: #444444;
  display: inline-block;
}
.widget-article .article-content {
  display: inline-block;
  width: 100%;
}
.widget-article .article-content .button-gray-arrow-left-wrapper a {
  background-image: url("/assets/Images/icons/arrow_left_white.png");
  background-position: left 9px center;
  padding: 10px 8px 8px 25px;
  text-decoration: none;
}
.widget-article .article-content .article-image {
  float: left;
  margin-top: 4px;
  margin-right: 31px;
  margin-bottom: 12px;
  margin-left: 0;
}
.widget-article .article-content h4 {
  font-family: Arial, Helvetica;
  font-size: 25px;
}
.widget-article .article-content .introduction {
  margin-bottom: 16px;
  margin-top: 9px;
  font-family: Arial, Helvetica;
  font-size: 14px;
  font-weight: bold;
  color: #525252;
}
.widget-article .article-content a {
  color: #0066b0;
}
.natural .widget-article .article-content a {
  color: #00972c;
}
.cosmetical .widget-article .article-content a {
  color: #e7313e;
}
.widget-article .article-content p {
  font-size: 12px;
  line-height: 17px;
  font-family: Arial, Helvetica;
}
.widget-article .article-content p.default {
  font-size: 15px;
  line-height: 1.4;
  margin: 1rem 0 2rem 0;
}
@media (max-width: 500px) {
  .widget-article .article-content .article-image {
    margin-left: 0;
    max-height: 193px;
    margin-top: 7px;
    margin-bottom: 11px;
  }
}
@media (max-width: 437px) {
  .widget-article .article-content .article-image {
    float: none !important;
    max-height: none;
    width: 100% !important;
    margin-left: 0 !important;
  }
}
@media (max-width: 1257px) {
  .widget-article .article-content .article-image {
    width: 237px;
  }
}
@media (max-width: 467px) {
  .widget-article .article-content .article-image {
    width: 187px;
  }
}

#my-timeline {
  padding: 0;
  border: 0 !important;
  border-radius: 0;
}
@media (max-width: 480px) {
  #my-timeline {
    width: 100% !important;
  }
}
#my-timeline .content {
  float: none;
}
#my-timeline .vco-toolbar {
  display: none;
}
@media (max-width: 956px) {
  #my-timeline .vco-skinny .vco-slider .slider-item .content .content-container .text .container {
    width: 100% !important;
  }
}
#my-timeline .vco-storyjs .twitter, #my-timeline .vco-storyjs .vcard, #my-timeline .vco-storyjs .messege, #my-timeline .vco-storyjs .credit, #my-timeline .vco-storyjs .caption, #my-timeline .vco-storyjs .zoom-in, #my-timeline .vco-storyjs .zoom-out, #my-timeline .vco-storyjs .back-home, #my-timeline .vco-storyjs .time-interval div, #my-timeline .vco-storyjs .time-interval-major div, #my-timeline .vco-storyjs .nav-container {
  font-family: "LinotypeUniversW01-Medi_723673", Arial, Helvetica !important;
}
#my-timeline .vco-storyjs h1.date, #my-timeline .vco-storyjs h2.date, #my-timeline .vco-storyjs h3.date, #my-timeline .vco-storyjs h4.date, #my-timeline .vco-storyjs h5.date, #my-timeline .vco-storyjs h6.date, #my-timeline .vco-storyjs .timenav h1, #my-timeline .vco-storyjs .flag-content h1, #my-timeline .vco-storyjs .era h1, #my-timeline .vco-storyjs .timenav h2, #my-timeline .vco-storyjs .flag-content h2, #my-timeline .vco-storyjs .era h2, #my-timeline .vco-storyjs .timenav h3, #my-timeline .vco-storyjs .flag-content h3, #my-timeline .vco-storyjs .era h3, #my-timeline .vco-storyjs .timenav h4, #my-timeline .vco-storyjs .flag-content h4, #my-timeline .vco-storyjs .era h4, #my-timeline .vco-storyjs .timenav h5, #my-timeline .vco-storyjs .flag-content h5, #my-timeline .vco-storyjs .era h5, #my-timeline .vco-storyjs .timenav h6, #my-timeline .vco-storyjs .flag-content h6, #my-timeline .vco-storyjs .era h6, #my-timeline .vco-storyjs p, #my-timeline .vco-storyjs blockquote, #my-timeline .vco-storyjs blockquote p, #my-timeline .vco-storyjs .twitter blockquote p, #my-timeline .timeline-tooltip, #my-timeline .vco-storyjs .vco-feature h1, #my-timeline .vco-storyjs .vco-feature h2, #my-timeline .vco-storyjs .vco-feature h3, #my-timeline .vco-storyjs .vco-feature h4, #my-timeline .vco-storyjs .vco-feature h5, #my-timeline .vco-storyjs .vco-feature h6 {
  font-family: "LinotypeUniversW01-Medi_723673", Arial, Helvetica !important;
  text-align: left !important;
}
@media (max-width: 480px) {
  #my-timeline .vco-storyjs h1.date, #my-timeline .vco-storyjs h2.date, #my-timeline .vco-storyjs h3.date, #my-timeline .vco-storyjs h4.date, #my-timeline .vco-storyjs h5.date, #my-timeline .vco-storyjs h6.date, #my-timeline .vco-storyjs .timenav h1, #my-timeline .vco-storyjs .flag-content h1, #my-timeline .vco-storyjs .era h1, #my-timeline .vco-storyjs .timenav h2, #my-timeline .vco-storyjs .flag-content h2, #my-timeline .vco-storyjs .era h2, #my-timeline .vco-storyjs .timenav h3, #my-timeline .vco-storyjs .flag-content h3, #my-timeline .vco-storyjs .era h3, #my-timeline .vco-storyjs .timenav h4, #my-timeline .vco-storyjs .flag-content h4, #my-timeline .vco-storyjs .era h4, #my-timeline .vco-storyjs .timenav h5, #my-timeline .vco-storyjs .flag-content h5, #my-timeline .vco-storyjs .era h5, #my-timeline .vco-storyjs .timenav h6, #my-timeline .vco-storyjs .flag-content h6, #my-timeline .vco-storyjs .era h6, #my-timeline .vco-storyjs p, #my-timeline .vco-storyjs blockquote, #my-timeline .vco-storyjs blockquote p, #my-timeline .vco-storyjs .twitter blockquote p, #my-timeline .timeline-tooltip, #my-timeline .vco-storyjs .vco-feature h1, #my-timeline .vco-storyjs .vco-feature h2, #my-timeline .vco-storyjs .vco-feature h3, #my-timeline .vco-storyjs .vco-feature h4, #my-timeline .vco-storyjs .vco-feature h5, #my-timeline .vco-storyjs .vco-feature h6 {
    padding-left: 10px;
    padding-right: 10px;
  }
}
#my-timeline .slider-container-mask {
  background: #eff0f0;
}
#my-timeline .vco-timeline .vco-navigation .timenav-background {
  background: #fff !important;
}
#my-timeline .vco-storyjs .vco-feature .vco-slider {
  padding: 0;
}
#my-timeline .vco-storyjs .vco-feature .vco-slider .slider-item {
  margin-left: -5%;
  width: 90% !important;
}
@media (max-width: 1130px) {
  #my-timeline .vco-storyjs .vco-feature .vco-slider .slider-item {
    margin-left: -10%;
  }
}
@media (max-width: 956px) {
  #my-timeline .vco-storyjs .vco-feature .vco-slider .slider-item {
    margin-left: 10%;
  }
}
@media (max-width: 800px) {
  #my-timeline .vco-storyjs .vco-feature .vco-slider .slider-item {
    margin-left: -8%;
  }
}
@media (max-width: 680px) {
  #my-timeline .vco-storyjs .vco-feature .vco-slider .slider-item {
    margin-left: 8%;
  }
}
#my-timeline .vco-storyjs .vco-feature .vco-slider .nav-previous .icon,
#my-timeline .vco-storyjs .vco-feature .vco-slider .nav-next .icon {
  background: none;
}
#my-timeline .vco-storyjs .vco-feature .vco-slider .nav-previous .nav-container,
#my-timeline .vco-storyjs .vco-feature .vco-slider .nav-next .nav-container {
  background: url("/assets/Images/icons/pfeil_historie_l.png") 0 0 no-repeat;
}
#my-timeline .vco-storyjs .vco-feature .vco-slider .nav-previous .nav-container .title, #my-timeline .vco-storyjs .vco-feature .vco-slider .nav-previous .nav-container .icon,
#my-timeline .vco-storyjs .vco-feature .vco-slider .nav-next .nav-container .title,
#my-timeline .vco-storyjs .vco-feature .vco-slider .nav-next .nav-container .icon {
  display: none;
}
#my-timeline .vco-storyjs .vco-feature .vco-slider .nav-previous .nav-container .date,
#my-timeline .vco-storyjs .vco-feature .vco-slider .nav-next .nav-container .date {
  display: none;
}
@media (max-width: 680px) {
  #my-timeline .vco-storyjs .vco-feature .vco-slider .nav-previous .nav-container .date,
#my-timeline .vco-storyjs .vco-feature .vco-slider .nav-next .nav-container .date {
    opacity: 1;
  }
}
#my-timeline .vco-storyjs .vco-feature .vco-slider .nav-next .nav-container {
  background: url("/assets/Images/icons/pfeil_historie_r.png") top right no-repeat;
}
#my-timeline .vco-storyjs {
  font-family: "LinotypeUniversW01-Medi_723673", Arial, Helvetica;
}
#my-timeline .vco-storyjs h3 {
  font-size: 15px !important;
  margin-bottom: 0;
}
#my-timeline .vco-storyjs h2.date {
  line-height: initial;
}
#my-timeline .vco-storyjs .slider-item h3 {
  text-transform: uppercase;
}
#my-timeline .vco-storyjs .slider-item.chemie h3 {
  color: #0066b0;
}
#my-timeline .vco-storyjs .slider-item.kosmetik h3 {
  color: #e7313e;
}
#my-timeline .vco-storyjs .slider-item.natuerlich h3 {
  color: #00972c;
}
#my-timeline .vco-storyjs span, #my-timeline .vco-storyjs strong {
  font-weight: normal;
  font-size: 12px !important;
  font-family: Arial, Helvetica;
}
#my-timeline .content-container .media {
  float: none !important;
}
@media (min-width: 1131px) {
  #my-timeline .content-container {
    width: 100%;
  }
}
#my-timeline .content-container .media {
  width: auto;
  min-width: 0;
}
@media (max-width: 1024px) {
  #my-timeline .content-container .media {
    display: none !important;
  }
}
#my-timeline .content-container .text {
  width: 60% !important;
  max-width: none !important;
}
@media (min-width: 1131px) {
  #my-timeline .content-container .text {
    width: 60% !important;
    padding-left: 0%;
    padding-right: 5%;
  }
}
@media (max-width: 1130px) {
  #my-timeline .content-container .text {
    width: 50% !important;
    padding-left: 5%;
    padding-right: 0%;
    max-width: 100%;
  }
}
@media (max-width: 956px) {
  #my-timeline .content-container .text {
    width: 80% !important;
  }
}
@media (max-width: 360px) {
  #my-timeline .content-container .text p span {
    display: none;
  }
}
#my-timeline .content-container .container {
  padding-left: 0;
}
#my-timeline .content-container .container h2.date {
  font-size: 45px;
  font-family: "LinotypeUniversW01-Thin_723610", Arial, Helvetica !important;
  color: #000;
}
#my-timeline .content-container .container p {
  color: #5e5e65;
  font-size: 17px;
}
#my-timeline .vco-skinny.vco-notouch .vco-slider .nav-previous:hover,
#my-timeline .vco-skinny.vco-notouch .vco-slider .nav-next:hover {
  background: none;
}
#my-timeline .vco-skinny.vco-notouch .vco-slider .nav-previous:hover .date {
  padding-left: 15px;
}
#my-timeline .vco-skinny.vco-notouch .vco-slider .nav-next:hover .date {
  background: none;
  padding-right: 15px;
}
#my-timeline .vco-timeline .vco-navigation .timenav .content .marker {
  opacity: 0.5;
}
#my-timeline .vco-timeline .vco-navigation .timenav .content .marker .flag {
  background-image: none;
  width: 5px;
  height: 40px;
  margin-left: -2px;
}
#my-timeline .vco-timeline .vco-navigation .timenav .content .marker .flag .flag-content {
  padding: 0 0 2px 6px;
}
#my-timeline .vco-timeline .vco-navigation .timenav .content .marker.active {
  opacity: 1;
}
#my-timeline .vco-timeline .vco-navigation .timenav .content .marker.active .flag {
  opacity: 1;
}
#my-timeline .vco-timeline .vco-navigation .timenav .content .marker.active .line {
  background: #000;
}
#my-timeline .vco-timeline .vco-navigation .timenav .content .marker .dot {
  display: none;
}
#my-timeline .vco-timeline .vco-navigation .timenav .content .marker.natuerlich .flag {
  background: #00972c;
}
#my-timeline .vco-timeline .vco-navigation .timenav .content .marker.chemie .flag {
  background: #0066b0;
}
#my-timeline .vco-timeline .vco-navigation .timenav .content .marker.kosmetik .flag {
  background: #e7313e;
}
#my-timeline .vco-timeline .vco-navigation .timenav-background .timenav-line, #my-timeline .vco-timeline .vco-navigation .timenav-background .timenav-indicator {
  display: none;
}

.widget-downloads {
  padding: 0;
}
.natural .widget-downloads .download-link {
  background-image: url("/assets/Images/icons/download_natural.png");
}
.chemical .widget-downloads .download-link {
  background-image: url("/assets/Images/icons/download_chemical.png");
}
.cosmetical .widget-downloads .download-link {
  background-image: url("/assets/Images/icons/download_cosmetical.png");
}
.widget-downloads li {
  display: inline-block;
  max-width: 215px;
  margin-right: 27px;
  margin-bottom: 20px;
  vertical-align: top;
}
.widget-downloads li:last-child {
  margin-right: 0;
}
.widget-downloads li img {
  border: 1px solid #dfdfdf;
}
@media (max-width: 768px) {
  .widget-downloads li img {
    display: none;
  }
}
.widget-downloads li .title {
  display: block;
  color: #454848;
  margin-bottom: 3px;
  font-weight: bold;
  margin-top: 13px;
  font-size: 12px;
  line-height: 18px;
}
.widget-downloads li .download-link {
  text-decoration: underline;
  color: #a8a7a7;
  display: block;
  margin-top: 7px;
  background-repeat: no-repeat;
  font-size: 13px;
  padding: 3px 8px 3px 30px;
}
.widget-article .widget-download-groups {
  padding: 0;
  margin: 0;
  list-style: none;
  display: block;
}
.natural .widget-article .widget-download-groups li h4 {
  background-color: #e6eccf;
}
.natural .widget-article .widget-download-groups li ul a {
  background-image: url("/assets/Images/icons/download_natural.png");
}
.chemical .widget-article .widget-download-groups li h4 {
  background-color: #e7eef8;
}
.chemical .widget-article .widget-download-groups li ul a {
  background-image: url("/assets/Images/icons/download_chemical.png");
}
.cosmetical .widget-article .widget-download-groups li h4 {
  background-color: #f9e2e4;
}
.cosmetical .widget-article .widget-download-groups li ul a {
  background-image: url("/assets/Images/icons/download_cosmetical.png");
}
.widget-article .widget-download-groups li {
  padding-bottom: 15px;
}
.widget-article .widget-download-groups li h4 {
  cursor: pointer;
  color: #464a50;
  font-size: 14px !important;
  font-weight: bold;
  margin: 0 0 15px;
  padding: 6px;
  font-family: inherit !important;
  background-image: url("/assets/Images/icons/arrow_right_darkgray.png");
  background-repeat: no-repeat;
  background-position: right 10px center;
}
.widget-article .widget-download-groups li h4.toggled {
  background-image: url("/assets/Images/icons/arrow_down_darkgray.png");
}
.widget-article .widget-download-groups li ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.widget-article .widget-download-groups li ul li {
  display: inline-block;
  margin-right: 2%;
  margin-bottom: 21px;
  margin-left: 6px;
  padding-bottom: 0;
}
.widget-article .widget-download-groups li ul li .title {
  color: #454848;
  display: block;
  font-size: 12px;
  font-weight: bold;
  line-height: 18px;
  margin-bottom: 3px;
  margin-top: 13px;
}
.widget-article .widget-download-groups li ul li a {
  text-decoration: underline;
  color: #a8a7a7;
  display: block;
  margin-top: 7px;
  background-repeat: no-repeat;
  font-size: 13px;
  padding: 3px 8px 3px 30px;
}
.widget-article .belted .widget-download-groups:nth-child(even) li.productoverview {
  margin: 0;
}
.widget-article .belted .widget-download-groups:nth-child(even) li.productoverview h4 {
  background-color: transparent;
}
.widget-article .belted .widget-download-groups li.productoverview {
  padding-bottom: 0;
}
.widget-article .belted .widget-download-groups li.productoverview h4 {
  margin-bottom: 5px;
}
.widget-article .belted .widget-download-groups li.productoverview img {
  float: left;
  margin-right: 15px;
}
.widget-article .belted .widget-download-groups li.productoverview p {
  margin: 0;
  margin-bottom: 10px;
}
.widget-article .belted .widget-download-groups li.productoverview p a {
  background: none;
  display: inline;
  padding: 0;
  color: #535352;
  font-size: 1em;
}
.widget-article .belted .widget-download-groups li.productoverview a.arrowlink {
  text-decoration: none;
  font-weight: bold;
  background: url("/assets/Images/icons/arrow_right_gray.png") center right no-repeat;
  margin-right: 12px;
  display: inline;
  padding: 0 10px 0 0;
}
.widget-article .belted .widget-download-groups li.productoverview li {
  margin-left: 0;
  margin-right: 0;
}
@media (max-width: 380px) {
  .widget-article .belted .widget-download-groups li.productoverview img {
    float: none;
  }
}

.downloads-filesize {
  text-transform: uppercase;
}

.natural .widget-article .belted .widget-download-groups:nth-child(even) li h4 {
  background-color: #cfdeac;
}
.chemical .widget-article .belted .widget-download-groups:nth-child(even) li h4 {
  background-color: #d2dcea;
}
.cosmetical .widget-article .belted .widget-download-groups:nth-child(even) li h4 {
  background-color: #f4c9ca;
}

.widget-search-results {
  margin-top: 5px;
  padding: 10px;
  display: none;
}
.widget-search-results.result-page {
  display: block;
  border-top: none;
  margin-left: 3px;
}
.widget-search-results.result-page ul ul li {
  margin-top: 0;
}
.widget-search-results.result-page a {
  text-decoration: none;
  background-position: left 0 top 2px;
  padding-bottom: 11px;
  padding-left: 15px;
  width: auto;
}
.widget-search-results.result-page .view-all {
  font-size: 13px;
  background-position: left 0 top 7px;
}
.widget-search-results.result-page li:last-child {
  border-bottom: none;
}
.widget-search-results > .view-all {
  padding-bottom: 10px;
}
.widget-search-results .view-all {
  float: right;
  color: #595959;
  font-weight: normal;
}
.widget-search-results ul {
  margin-left: 0;
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 1px;
}
.widget-search-results ul li {
  padding-bottom: 5px;
  padding-top: 6px;
  display: block;
  box-shadow: none;
  margin: 0;
  border-bottom: 1px solid #e0e0e0;
}
@media (max-width: 800px) {
  .widget-search-results ul li {
    width: 100%;
    text-align: left;
  }
}
.widget-search-results ul li.cosmetical h3 {
  color: #e5333f;
}
.widget-search-results ul li.natural h3 {
  color: #269d2c;
}
.widget-search-results ul li.chemical h3 {
  color: #0066b2;
}
.widget-search-results ul li h3 {
  color: #595959;
  display: inline;
  text-transform: none;
  font-family: "LinotypeUniversW01-Medi_723673", Arial, Helvetica;
  font-size: 16px;
}
.widget-search-results ul li ul {
  margin-top: 13px;
  padding-left: 20px;
}
.widget-search-results ul li ul.searching {
  height: 20px;
  background: url("/assets/Images/icons/loading.gif") center center no-repeat;
}
.widget-search-results ul li ul li {
  border: 0;
  margin-top: -8px;
  padding: 0;
}
.widget-search-results ul li ul li a {
  font-size: 12px;
}
.widget-search-results a {
  background-image: url("/assets/Images/icons/arrow_right_gray.png");
  background-repeat: no-repeat;
  padding-left: 15px;
  background-position: left 0 top 8px;
  color: #595959;
  text-transform: none;
  font-family: Arial, Verdana;
}

.widget-search-result-details {
  color: #595959;
  margin-top: 27px;
}
.widget-search-result-details .back-to-overview {
  padding-bottom: 10px;
  border-bottom: 1px solid #e0e0e0;
  margin-top: 12px;
}
.widget-search-result-details .back-to-overview a {
  background-image: url("/assets/Images/icons/arrow_right_gray.png");
  background-position: left 0 top 3px;
  background-repeat: no-repeat;
  color: #595959;
  font-family: Arial, Verdana;
  font-size: 13px;
  text-decoration: none;
  text-transform: none;
  padding-left: 18px;
}
.widget-search-result-details .back-to-overview:last-child {
  border-bottom: none;
}

.tx-indexedsearch-whatis {
  margin-top: 0;
  font-size: 30px;
  font-weight: normal;
  font-family: "LinotypeUniversW01-Thin_723610", Arial, Helvetica;
  margin-bottom: 9px;
  color: #000;
  display: inline-block;
}

.tx-indexedsearch-browsebox {
  font-size: 14px;
  margin-top: 14px;
  padding-bottom: 7px;
}
.tx-indexedsearch-browsebox ul {
  list-style: none;
  padding: 0;
  margin-top: 10px;
  margin-bottom: 10px;
}
.tx-indexedsearch-browsebox ul li {
  display: inline-block;
  margin-right: 5px;
}
.tx-indexedsearch-browsebox ul li.active {
  text-decoration: underline;
  color: black;
}
.tx-indexedsearch-browsebox ul li.active a, .widget-article .tx-indexedsearch-browsebox ul li.active a {
  color: black;
}
.tx-indexedsearch-browsebox ul li a, .widget-article .tx-indexedsearch-browsebox ul li a {
  text-decoration: none;
  color: #595959;
  font-size: 14px;
}
.tx-indexedsearch-browsebox ul li.pager-next a {
  background-image: url("/assets/Images/icons/arrow_right_gray.png");
  background-position: 0 9px;
  background-repeat: no-repeat;
  margin-left: 6px;
  padding: 5px 6px;
}
.tx-indexedsearch-browsebox ul li.pager-prev a {
  background-image: url("/assets/Images/icons/arrow_left_gray.png");
  background-position: 0 9px;
  background-repeat: no-repeat;
  margin-left: 6px;
  padding: 5px 6px;
}

.tx-indexedsearch-res .result {
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 10px;
  padding-top: 15px;
  font-size: 13px;
  line-height: 20px;
  color: #595959;
}
.tx-indexedsearch-res .result h4 {
  text-decoration: underline;
  font-size: 15px;
  margin-bottom: 9px;
  margin-top: 0;
  font-family: "LinotypeUniversW01-Medi_723673", Arial, Helvetica;
}
.tx-indexedsearch-res .result h4 a {
  text-decoration: none;
  color: #595959;
}
.tx-indexedsearch-res .result .page-breadcrumb {
  list-style: none;
  padding: 0;
  margin: 0;
}
.tx-indexedsearch-res .result .page-breadcrumb li {
  border-bottom: none;
  padding-bottom: 0px;
  padding-top: 0px;
  display: inline-block;
}
.tx-indexedsearch-res .result .page-breadcrumb li:after {
  content: ">";
  padding: 0 1px 0 5px;
}
.tx-indexedsearch-res .result .page-breadcrumb li:last-child:after {
  content: "";
}
.tx-indexedsearch-res .result .page-breadcrumb li a {
  color: #595959;
}

.widget-employee-list .note {
  margin-top: 10px;
  margin-bottom: 20px;
  color: #525252;
}
.widget-employee-list ul li {
  display: inline-block;
  width: 18.6440677966%;
  float: left;
  margin-right: 1.6949152542%;
  color: #525252;
  margin-bottom: 37px;
}
@media (max-width: 663px) {
  .widget-employee-list ul li {
    width: 49.1525423729%;
    float: left;
    margin-right: 1.6949152542%;
  }
  .widget-employee-list ul li:nth-child(2n) {
    float: right;
    margin-right: 0;
  }
}
@media (max-width: 400px) {
  .widget-employee-list ul li {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}
.widget-employee-list ul li:nth-child(5n) {
  float: right;
  margin-right: 0;
}
.widget-employee-list ul li:nth-of-type(5n+6) {
  clear: left;
}
.widget-employee-list ul li .employee-name {
  font-weight: bold;
  display: block;
  margin-top: 10px;
  font-size: 13px;
  margin-bottom: 2px;
}
.widget-employee-list ul li .contact-informations {
  display: block;
  font-size: 13px;
}
.widget-employee-list ul li .mail {
  display: block;
  margin-top: 10px;
  font-size: 13px;
  color: #8e8e8e;
  padding-left: 36px;
  background-repeat: no-repeat;
  line-height: 17px;
}
.cosmetical .widget-employee-list ul li .mail {
  background-image: url("/assets/Images/icons/email_cosmetical.png");
}
.natural .widget-employee-list ul li .mail {
  background-image: url("/assets/Images/icons/email_natural.png");
}
.chemical .widget-employee-list ul li .mail {
  background-image: url("/assets/Images/icons/email_chemical.png");
}
.widget-employee-list ul li .mail-chemistry {
  display: block;
  margin-top: 10px;
  font-size: 13px;
  color: #8e8e8e;
  padding-left: 36px;
  background-repeat: no-repeat;
  line-height: 17px;
}
.chemical .widget-employee-list ul li .mail-chemistry {
  background-image: url("/assets/Images/icons/email_chemical.png");
}
.widget-employee-list ul:after {
  clear: both;
  display: block;
  content: " ";
}
.widget-employee-list.col-2-mode .employee-name, .widget-employee-list.single-mode .employee-name {
  margin-top: 0;
  font-weight: bold;
  font-family: Arial, Helvetica;
}
.widget-employee-list.col-2-mode li, .widget-employee-list.single-mode li {
  width: 49.1525423729%;
  float: left;
  margin-right: 1.6949152542%;
  margin-bottom: 23px;
}
@media (max-width: 663px) {
  .widget-employee-list.col-2-mode li, .widget-employee-list.single-mode li {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}
.widget-employee-list.col-2-mode li img, .widget-employee-list.single-mode li img {
  float: left;
  margin-right: 14px;
}
.widget-employee-list.col-2-mode li .mail, .widget-employee-list.single-mode li .mail {
  background-position: 0px;
  padding-left: 31px;
  background-size: 23px;
  display: inline-block;
}
.widget-employee-list.col-2-mode li .mail-chemistry, .widget-employee-list.single-mode li .mail-chemistry {
  margin-left: 0px;
  background-position: 0px;
  padding-left: 31px;
  background-size: 23px;
}
.widget-employee-list.col-2-mode li:nth-child(even), .widget-employee-list.single-mode li:nth-child(even) {
  float: right;
  margin-right: 0;
}
.widget-employee-list.single-mode li {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}
.widget-employee-list .employee-image {
  white-space: nowrap;
  height: 135px;
  display: block;
}
.widget-employee-list .employee-image .helper {
  display: inline-block;
  height: 135px;
  vertical-align: middle;
}
.widget-employee-list .employee-image a {
  vertical-align: middle;
  margin-left: -4px;
}
@media (max-width: 406px) {
  .widget-employee-list .employee-image {
    height: auto;
  }
  .widget-employee-list .employee-image .helper {
    height: auto;
  }
}

.widget-partner-list ul li {
  vertical-align: top;
  height: 213px;
}
.widget-partner-list ul li:nth-child(5n) {
  float: none;
}
.widget-partner-list ul li .employee-image {
  text-align: center;
}
.widget-partner-list ul li .employee-image img {
  box-shadow: 0px 0px 2px 2px #f0f0f0;
}
@media (max-width: 1038px) {
  .widget-partner-list ul li {
    width: 32.2033898305%;
    float: left;
    margin-right: 1.6949152542%;
  }
  .widget-partner-list ul li:nth-child(3n) {
    float: right;
    margin-right: 0;
  }
  .widget-partner-list ul li:nth-child(5n) {
    float: left;
  }
  .widget-partner-list ul li:nth-of-type(5n+6) {
    clear: none;
  }
}
@media (max-width: 625px) {
  .widget-partner-list ul li {
    width: 49.1525423729%;
    float: left;
    margin-right: 1.6949152542%;
  }
  .widget-partner-list ul li:nth-child(2n) {
    float: right;
    margin-right: 0;
  }
}
@media (max-width: 411px) {
  .widget-partner-list ul li {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    float: none;
    margin-right: 0;
    height: auto;
    margin-bottom: 20px;
  }
  .widget-partner-list ul li .employee-image {
    text-align: left;
  }
}

#product-details .widget-employee-list ul li:nth-child(5n) {
  float: left;
  margin-right: 1.6949152542%;
}
#product-details .widget-employee-list ul li:nth-of-type(5n+6) {
  clear: none;
}

.widget-contact-form {
  margin-top: 5px;
}
.widget-contact-form.clearfix p {
  margin: 1rem 0 2rem 0;
  font-size: 15px;
}
.widget-contact-form textarea, .widget-contact-form input[type=text], .widget-contact-form input[type=email] {
  padding: 5px;
  box-shadow: 0 0 5px rgba(136, 136, 136, 0.42);
  border: none;
  width: 100%;
  margin-bottom: 4px;
  -webkit-appearance: none;
}
.coating .widget-contact-form {
  padding: 0 40px;
  overflow: hidden;
}
.widget-contact-form label {
  color: #575252;
  font-size: 13px;
  display: inline;
}
.coating .widget-contact-form label {
  padding-bottom: 6px;
  display: block;
}
.coating .widget-contact-form > .row {
  overflow: inherit;
  margin-bottom: 0;
}
.widget-contact-form .required-fields-note {
  float: right;
  color: #575252;
  font-size: 13px;
}
.widget-contact-form .message {
  margin-bottom: 14px;
}
.widget-contact-form input[type=text], .widget-contact-form input[type=email] {
  height: 34px;
}
.widget-contact-form textarea {
  height: 136px;
}
.coating .widget-contact-form textarea {
  height: 181px;
}
.widget-contact-form .shadow-select {
  width: 100%;
  box-shadow: 0 0 5px rgba(136, 136, 136, 0.42);
}
.widget-contact-form .shadow-select select {
  padding: 8px;
  width: 100%;
}
.widget-contact-form .checkbox.inline {
  float: left;
  margin-right: 20px;
}
.widget-contact-form .checkbox label {
  font-size: 15px;
  color: #535352;
  line-height: 140%;
  font-weight: 400;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding-left: 36px;
}
.widget-contact-form .checkbox label::before {
  position: absolute;
  top: -3px;
  left: 0;
  box-shadow: 0 0 5px rgba(136, 136, 136, 0.42);
  display: inline-block;
  content: "";
  width: 26px;
  height: 26px;
  margin-right: 15px;
  margin-bottom: 5px;
  vertical-align: middle;
}
.widget-contact-form .checkbox input[type=checkbox]:checked + label::before {
  background: #EDEDED url("/assets/Images/icons/checked.svg") no-repeat center center;
  background-size: 70%;
}
.widget-contact-form .contact-form {
  display: inline-block;
  vertical-align: top;
  width: 64.4351464435%;
  margin-right: 15px;
}
@media (max-width: 976px) {
  .widget-contact-form .contact-form {
    float: none;
    width: 100%;
  }
}
.widget-contact-form .form-row {
  margin-bottom: 14px;
  padding: 3px;
}
.widget-contact-form .form-simple-row {
  width: 100%;
}
.widget-contact-form .form-simple-row:before, .widget-contact-form .form-simple-row:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.widget-contact-form .form-simple-row:after {
  clear: both;
}
.widget-contact-form .form-grid .form-half-col:nth-child(2n) {
  margin-right: 0;
}
.widget-contact-form .form-half-col {
  width: 48%;
  margin-right: 4%;
  float: left;
  margin-bottom: 14px;
}
@media (max-width: 480px) {
  .widget-contact-form .form-half-col {
    width: 100%;
    margin-right: 0;
    float: none;
  }
}
@media (max-width: 768px) {
  .widget-contact-form .form-half-col.checkbox,
.widget-contact-form .form-half-col .checkbox {
    width: 100%;
    margin-right: 0;
    float: none;
  }
}
.widget-contact-form .form-half-col .checkbox {
  margin-bottom: 1rem;
}
.widget-contact-form .form-half-col.form-half-col--padding {
  padding-right: 1rem;
}
.widget-contact-form .form-half-col.street-and-hnumber .street {
  width: 77%;
  float: left;
  margin-right: 1.69492%;
}
.widget-contact-form .form-half-col.street-and-hnumber .number {
  width: 15.25424%;
  float: right;
  margin-right: 0;
}
.widget-contact-form .form-half-col.coating:nth-child(2n) {
  margin-right: 0;
}
.widget-contact-form .form-half-col.postalcode-place .postalcode {
  width: 26.20339%;
  float: left;
  margin-right: 1.69492%;
}
.widget-contact-form .form-half-col.postalcode-place .city {
  width: 66.10169%;
  float: right;
  margin-right: 0;
}
.widget-contact-form .place-box {
  vertical-align: top;
  display: inline-block;
  width: 32.2033898305%;
  box-shadow: 0 0 5px rgba(136, 136, 136, 0.42);
  background-color: #fff;
  padding: 10px;
}
@media (max-width: 976px) {
  .widget-contact-form .place-box {
    float: none;
    width: 100%;
  }
}
.widget-contact-form .place-box h4 {
  font-weight: normal;
  margin-bottom: 10px;
  font-size: 20px;
  font-family: "LinotypeUniversW01-Thin_723610", Arial, Helvetica;
}
.widget-contact-form .place-box .companies {
  list-style: none;
  margin-top: 10px;
}
.widget-contact-form .place-box .companies li {
  margin-bottom: 5px;
  background-position: left;
  padding: 5px 5px 0px 27px;
  background-size: 18px;
  background-repeat: no-repeat;
}
.widget-contact-form .place-box .companies li.chemical {
  background-image: url("/assets/Images/icons/chemical_cube.png");
}
.widget-contact-form .place-box .companies li.natural {
  background-image: url("/assets/Images/icons/natural_cube.png");
}
.widget-contact-form .place-box .companies li.cosmetical {
  background-image: url("/assets/Images/icons/cosmetical_cube.png");
}
.widget-contact-form .place-box .companies li a {
  text-decoration: none;
  color: #908e8e;
  background-image: url("/assets/Images/icons/arrow_right_gray.png");
  background-repeat: no-repeat;
  background-position: right;
  padding-right: 14px;
}
.widget-contact-form .button-gray {
  font-family: "LinotypeUniversW01-Ligh_723625";
}
.widget-contact-form label[for=bereich] {
  line-height: 28px;
  display: block;
}
.widget-contact-form .btn--add {
  appearance: none;
  border: 0 none;
  background: transparent none;
  color: #535352;
  position: relative;
  padding-left: 36px;
  text-align: left;
}
.widget-contact-form .btn--add::before {
  position: absolute;
  top: -3px;
  left: 0;
  box-shadow: 0 0 5px rgba(136, 136, 136, 0.42);
  background: url("/assets/Images/icons/plus.svg") no-repeat center center;
  background-size: 70%;
  display: inline-block;
  content: "";
  width: 26px;
  height: 26px;
  margin-right: 15px;
  margin-bottom: 5px;
  vertical-align: middle;
}

.widget-events .sort {
  margin-top: 10px;
}
@media (max-width: 740px) {
  .widget-events .sort .sort-label {
    display: block;
    margin-bottom: 10px;
  }
  .widget-events .sort .shadow-select {
    display: block;
    margin-bottom: 10px;
  }
}
.widget-events .sort .button-gray {
  vertical-align: top;
  display: inline-block;
  margin-top: -2px;
  text-decoration: none;
}
.widget-events .sort .sort-label {
  color: #625757;
  display: inline-block;
  vertical-align: top;
  padding-top: 6px;
  margin-right: 15px;
}
.widget-events .fair-list {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-top: 39px;
  /* jobs */
}
.widget-events .fair-list li {
  margin-bottom: 32px;
}
.widget-events .fair-list.job-list .read-more a {
  font-size: 14px;
}
.widget-events .fair-list.job-list h3 {
  margin: 12px 0 7px;
  text-transform: unset;
}
.widget-events .fair-list h4 {
  background-repeat: no-repeat;
  color: #625757;
  background-size: 23px;
  padding: 3px 31px;
  font-size: 16px;
  font-family: "LinotypeUniversW01-Medi_723673", Arial, Helvetica;
}
.widget-events .fair-list h4.natural {
  background-image: url("/assets/Images/icons/natural_cube.png");
}
.widget-events .fair-list h4.cosmetical {
  background-image: url("/assets/Images/icons/cosmetical_cube.png");
}
.widget-events .fair-list h4.chemical {
  background-image: url("/assets/Images/icons/chemical_cube.png");
}
.widget-events .fair-list h4.group {
  background-image: url("/assets/Images/icons/all_cubes.png");
  background-size: 65px;
  padding: 3px 70px;
}
.widget-events .fair-list h4.no-icon {
  background: none;
  padding: 3px 0;
}
.widget-events .fair-list h4.no-icon.natural {
  color: #00972c;
}
.widget-events .fair-list h4.no-icon.chemical {
  color: #0066b0;
}
.widget-events .fair-list h4.no-icon.cosmetical {
  color: #e7313e;
}
.widget-events .fair-list h3 {
  font-weight: normal;
  font-family: "LinotypeUniversW01-Thin_723610", Arial, Helvetica;
  font-size: 24px;
  margin: 12px 0;
  display: block;
}
.widget-events .fair-list .subtext {
  color: #625757;
  font-weight: bold;
  font-size: 14px;
  margin: 0;
  line-height: inherit;
  font-family: inherit;
}
.widget-events .fair-list .subtext, .content .widget-events .fair-list .subtext {
  padding: 0;
}
.widget-events .fair-list .fair-descr {
  color: #625757;
  margin-top: 20px;
  font-size: 14px;
}
.widget-events .fair-list .fair-descr:after {
  clear: both;
  display: block;
  content: " ";
}
.widget-events .fair-list .fair-descr img {
  float: left;
  margin-right: 15px;
  margin-top: 0px;
}
.widget-events .fair-list .fair-descr p {
  margin-top: 15px;
}
.widget-events .fair-list .read-more {
  background-image: none;
  display: inline-block;
  width: auto;
  height: auto;
}
.widget-events .fair-list .read-more a {
  color: #A6A4A4;
  font-size: 15px;
  padding-right: 14px;
  background-position: right;
  line-height: 25px;
  display: inline;
  background-repeat: no-repeat;
  background-image: url("/assets/Images/icons/arrow_right_gray.png");
  text-decoration: none;
}
.widget-events .fair-list .read-more a.dark {
  background-image: url("/assets/Images/icons/arrow_right_darkgray.png");
  color: #515253;
}
.widget-events .fair-list .back {
  background-image: url("/assets/Images/icons/arrow_left_gray.png");
  background-repeat: no-repeat;
  padding-left: 14px;
  color: #b9b9b9;
  line-height: 51px;
  background-position: 0px 4px;
}

.widget-product-search .showcase {
  margin: 19px 0;
}
.widget-product-search .showcase:after {
  clear: both;
  display: block;
  content: " ";
}
.widget-product-search .showcase img {
  float: left;
  margin-right: 24px;
  vertical-align: top;
}
@media (max-width: 1198px) {
  .widget-product-search .showcase img {
    width: 32.2033898305%;
    margin-right: 6.7796610169%;
  }
}
@media (max-width: 640px) {
  .widget-product-search .showcase img {
    display: none;
  }
}
.widget-product-search .showcase .description {
  display: inline-block;
  color: #4f4f4d;
  font-weight: bold;
  width: 55%;
  font-size: 14px;
}
@media (max-width: 1198px) {
  .widget-product-search .showcase .description {
    width: 57.6271186441%;
  }
}
@media (max-width: 640px) {
  .widget-product-search .showcase .description {
    width: 100%;
  }
}
.widget-product-search .showcase .description .sub {
  font-weight: normal;
  margin-top: 15px;
}
.widget-product-search .tab-widget .tabsMenu {
  list-style: none;
  padding: 0;
  margin: 0;
}
.widget-product-search .tab-widget .tabsMenu li {
  display: inline-block;
  padding: 6px 10px;
  margin: 0px 2px;
  background-color: #909090;
  font-family: "LinotypeUniversW01-Medi_723673", Arial, Helvetica;
}
@media (max-width: 550px) {
  .widget-product-search .tab-widget .tabsMenu li {
    display: block;
    text-align: center;
    margin-bottom: 5px;
    padding: 13px 10px;
  }
  .widget-product-search .tab-widget .tabsMenu li.active:after {
    width: 0 !important;
    height: 0 !important;
  }
}
.widget-product-search .tab-widget .tabsMenu li a {
  text-decoration: none;
  color: #fff;
}
.widget-product-search .tab-widget .tabsMenu li.active {
  box-shadow: 0 0 9px rgba(136, 136, 136, 0.36);
  background-color: #fff;
  position: relative;
}
.widget-product-search .tab-widget .tabsMenu li.active a {
  color: #909090;
}
.widget-product-search .tab-widget .tabsMenu li.active:after {
  content: " ";
  display: block;
  background: #fff;
  width: 100%;
  bottom: -8px;
  left: 0px;
  height: 8px;
  position: absolute;
}
.widget-product-search .tab-widget .tabsMenu li.watchlist-item {
  background: #909090 url("/assets/Images/icons/merkzettel_weiss.png") 10px center no-repeat;
  padding-left: 40px;
  float: right;
}
.widget-product-search .tab-widget .tabsMenu li.watchlist-item:after {
  clear: both;
}
@media (max-width: 640px) {
  .widget-product-search .tab-widget .tabsMenu li.watchlist-item {
    float: none;
  }
}
.widget-product-search .tab-widget .tabsMenu li.cart-item {
  background: #909090 url("/assets/Images/icons/merkzettel_weiss.png") 10px center no-repeat;
  padding-left: 40px;
  float: right;
}
.widget-product-search .tab-widget .tabsMenu li.cart-item:after {
  clear: both;
}
@media (max-width: 640px) {
  .widget-product-search .tab-widget .tabsMenu li.cart-item {
    float: none;
  }
}
.widget-product-search .tab-widget .tab-content-wrapper {
  box-shadow: 0 0 9px rgba(136, 136, 136, 0.36);
  padding: 20px;
  background-color: #fff;
  overflow: hidden;
}
.widget-product-search .tab-widget .tab-content-wrapper h3 {
  font-size: 25px;
  font-weight: normal;
  font-family: "LinotypeUniversW01-Thin_723610", Arial, Helvetica;
}
.widget-product-search .tab-widget .tab-content-wrapper h3.dropdown-mode {
  display: inline;
  background-position: right;
  padding-right: 13px;
  background-image: url("/assets/Images/icons/arrow_right_gray.png");
  background-repeat: no-repeat;
  cursor: pointer;
}
.widget-product-search .tab-widget .tab-content-wrapper h3.toggled {
  display: inline;
  background-image: url("/assets/Images/icons/arrow_down_gray.png");
}
.widget-product-search .tab-widget .tab-content-wrapper .search-wrapper {
  margin-top: 30px;
  margin-bottom: 30px;
}
.widget-product-search .tab-widget .tab-content-wrapper .search-wrapper .js-tab-content {
  display: none;
}
.widget-product-search .tab-widget .tab-content-wrapper .search-wrapper .js-tab-content .row {
  margin-bottom: 20px;
}
.widget-product-search .tab-widget .tab-content-wrapper .search-wrapper .active {
  display: block;
}
.widget-product-search .tab-widget .tab-content-wrapper .search-wrapper .keyword-search .product-search-options {
  display: inline-block;
}
.widget-product-search .tab-widget .tab-content-wrapper .search-wrapper .product-search-options {
  padding: 12px 12px 3px 12px;
  margin-top: 13px;
  position: relative;
}
.widget-product-search .tab-widget .tab-content-wrapper .search-wrapper .product-search-options select {
  color: #555;
}
.widget-product-search .tab-widget .tab-content-wrapper .search-wrapper .product-search-options .loading {
  background-color: rgba(255, 255, 255, 0.5);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.natural .widget-product-search .tab-widget .tab-content-wrapper .search-wrapper .product-search-options .loading {
  background: rgba(255, 255, 255, 0.5) url("/assets/Images/icons/load_nature.gif") center center no-repeat;
}
.cosmetical .widget-product-search .tab-widget .tab-content-wrapper .search-wrapper .product-search-options .loading {
  background: rgba(255, 255, 255, 0.5) url("/assets/Images/icons/load_cosmetics.gif") center center no-repeat;
}
.widget-product-search .tab-widget .tab-content-wrapper .search-wrapper .product-search-options.collapsed {
  display: none;
}
.natural .widget-product-search .tab-widget .tab-content-wrapper .search-wrapper .product-search-options {
  background-image: url("/assets/Images/natural-bg.jpg");
}
.chemical .widget-product-search .tab-widget .tab-content-wrapper .search-wrapper .product-search-options {
  background-image: url("/assets/Images/chemical-bg.jpg");
}
@media (max-width: 452px) {
  .chemical .widget-product-search .tab-widget .tab-content-wrapper .search-wrapper .product-search-options {
    background: #67b9e9;
  }
}
.cosmetical .widget-product-search .tab-widget .tab-content-wrapper .search-wrapper .product-search-options {
  background-image: url("/assets/Images/cosmetical-bg.jpg");
}
.widget-product-search .tab-widget .tab-content-wrapper .search-wrapper .product-search-options:after {
  clear: both;
  display: block;
  content: " ";
}
.widget-product-search .tab-widget .tab-content-wrapper .search-wrapper .product-search-options .shadow-select {
  box-shadow: none;
  margin-bottom: 10px;
  width: 49.1525423729%;
  float: left;
  margin-right: 1.6949152542%;
}
.widget-product-search .tab-widget .tab-content-wrapper .search-wrapper .product-search-options .shadow-select:nth-child(even) {
  float: right;
  margin-right: 0;
}
.widget-product-search .tab-widget .tab-content-wrapper .search-wrapper .product-search-options .shadow-select select {
  width: 100%;
}
@media (max-width: 400px) {
  .widget-product-search .tab-widget .tab-content-wrapper .search-wrapper .product-search-options .shadow-select {
    width: 100%;
  }
}
.widget-product-search .tab-widget .tab-content-wrapper .search-wrapper .product-search-options.nature .shadow-select {
  width: 32.2033898305%;
  float: left;
  margin-right: 1.6949152542%;
}
.widget-product-search .tab-widget .tab-content-wrapper .search-wrapper .product-search-options.nature .shadow-select:nth-child(even) {
  float: right;
  margin-right: 0;
}
@media (max-width: 550px) {
  .widget-product-search .tab-widget .tab-content-wrapper .search-wrapper .product-search-options.nature .shadow-select {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}
.widget-product-search .tab-widget .tab-content-wrapper .search-wrapper .product-search-options input[type=text] {
  width: 464px;
  height: 32px;
  border: none;
  margin-bottom: 10px;
  font-size: 16px;
  padding: 0 9px;
  color: #4f4f4d;
}
@media (max-width: 578px) {
  .widget-product-search .tab-widget .tab-content-wrapper .search-wrapper .product-search-options input[type=text] {
    width: 100%;
  }
}
.widget-product-search .tab-widget .tab-content-wrapper .search-wrapper .product-search-options .live-results {
  display: none;
  background: #f6f6f6;
  padding: 10px 0 5px;
  position: absolute;
  width: 464px;
}
@media (max-width: 578px) {
  .widget-product-search .tab-widget .tab-content-wrapper .search-wrapper .product-search-options .live-results {
    width: 90%;
  }
}
.widget-product-search .tab-widget .tab-content-wrapper .search-wrapper .product-search-options .live-results li {
  border-bottom: 1px solid #fff;
  color: #9b9b9b;
  list-style-type: none;
  padding: 5px 10px;
}
.widget-product-search .tab-widget .tab-content-wrapper .search-wrapper .product-search-options .live-results li:last-child {
  border-bottom: 0;
}
.widget-product-search .tab-widget .tab-content-wrapper .search-wrapper .product-search-options .live-results li a {
  text-decoration: none;
  color: #9b9b9b;
  display: block;
  width: 100%;
}
.widget-product-search .tab-widget .tab-content-wrapper .search-wrapper .product-search-options .live-results li:hover {
  background: #e6e6e6;
}
.widget-product-search .tab-widget .tab-content-wrapper .search-wrapper .product-search-options .live-results.searching {
  background: #f6f6f6 url("assets/Images/icons/loading") center center no-repeat;
  min-height: 30px;
}
.widget-product-search .tab-widget .tab-content-wrapper .search-wrapper .product-search-options .live-results.searching li {
  display: none;
}
.widget-product-search .tab-widget .tab-content-wrapper .search-wrapper .button-gray {
  text-decoration: none;
  background-image: none;
  display: inline-block;
  margin-top: 15px;
  font-family: "LinotypeUniversW01-Medi_723673", Arial, Helvetica;
  cursor: default;
  background-size: 100% 87%;
  padding: 10px 21px 8px 21px;
}
.widget-product-search .tab-widget .tab-content-wrapper .search-wrapper .button-gray.enabled {
  background-position: 0;
  min-width: 155px;
  cursor: pointer;
}
.natural .widget-product-search .tab-widget .tab-content-wrapper .search-wrapper .button-gray.enabled {
  background-image: url("/assets/Images/natural_button_bg.jpg");
  background-color: transparent;
  height: 32px;
  line-height: 14px;
  margin-top: 18px;
  background-size: cover;
}
.cosmetical .widget-product-search .tab-widget .tab-content-wrapper .search-wrapper .button-gray.enabled {
  background-image: url("/assets/Images/cosmetical_button_bg.jpg");
  background-color: transparent;
}
.chemical .widget-product-search .tab-widget .tab-content-wrapper .search-wrapper .button-gray.enabled {
  background-image: url("/assets/Images/chemical_button_bg.jpg");
  background-color: transparent;
}
.widget-product-search .tab-widget .tab-content-wrapper .search-wrapper .products-table {
  margin-top: 20px;
  width: 100%;
  color: #3d3d3d;
  font-size: 13px;
  overflow: hidden;
}
.widget-product-search .tab-widget .tab-content-wrapper .search-wrapper .products-table .toggler {
  cursor: pointer;
  background-color: #fff !important;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.widget-product-search .tab-widget .tab-content-wrapper .search-wrapper .products-table .toggler.active span {
  background-image: url("/assets/Images/icons/arrow_down_gray.png");
}
.widget-product-search .tab-widget .tab-content-wrapper .search-wrapper .products-table .toggler.active span span {
  background: none;
}
.widget-product-search .tab-widget .tab-content-wrapper .search-wrapper .products-table .toggler span {
  background-image: url("/assets/Images/icons/arrow_right_gray.png");
  background-repeat: no-repeat;
  padding-right: 16px;
  font-size: 30px;
  font-weight: normal;
  font-family: "LinotypeUniversW01-Thin_723610", Arial, Helvetica;
  background-position: right;
}
.widget-product-search .tab-widget .tab-content-wrapper .search-wrapper .products-table .toggler span span {
  background: none;
}
.widget-product-search .tab-widget .tab-content-wrapper .search-wrapper .products-table .group {
  display: none;
}
.widget-product-search .tab-widget .tab-content-wrapper .search-wrapper .products-table .group.toggled {
  display: table-row;
}
.widget-product-search .tab-widget .tab-content-wrapper .search-wrapper .products-table th, .widget-product-search .tab-widget .tab-content-wrapper .search-wrapper .products-table td {
  padding: 6px 13px;
  text-align: left;
}
.widget-product-search .tab-widget .tab-content-wrapper .search-wrapper .products-table th {
  vertical-align: top;
}
.widget-product-search .tab-widget .tab-content-wrapper .search-wrapper .products-table thead tr {
  background-color: #e8e8e8;
}
.widget-product-search .tab-widget .tab-content-wrapper .search-wrapper .products-table tbody tr td:first-child {
  font-weight: bold;
}
.widget-product-search .tab-widget .tab-content-wrapper .search-wrapper .products-table tbody tr:nth-child(even) {
  background-color: #eff3e3;
}
.natural .widget-product-search .tab-widget .tab-content-wrapper .search-wrapper .products-table tbody tr:nth-child(even) {
  background-color: #eff3e3;
}
.chemical .widget-product-search .tab-widget .tab-content-wrapper .search-wrapper .products-table tbody tr:nth-child(even) {
  background-color: #dcedf4;
}
.cosmetical .widget-product-search .tab-widget .tab-content-wrapper .search-wrapper .products-table tbody tr:nth-child(even) {
  background-color: #fee8ed;
}
.widget-product-search .tab-widget .tab-content-wrapper .search-wrapper .reset-btn {
  display: inline-block;
  font-family: "LinotypeUniversW01-Medi_723673", Arial, Helvetica;
  height: 32px;
  line-height: 34px;
  margin-top: 0;
  vertical-align: top;
  padding-left: 20px;
  background: #ddd url("/assets/Images/icons/reset.png") 8px 53% no-repeat;
}
.widget-product-search .tab-widget .tab-content-wrapper .search-wrapper .reset-btn a {
  font-size: 1rem;
}
.widget-product-search .tab-widget .tab-content-wrapper .search-wrapper .products-table thead {
  border-bottom: 5px solid #ddd;
}
.widget-product-search .tab-widget .tab-content-wrapper .search-wrapper .products-table thead tr {
  background-color: #fff;
}
.widget-product-search .tab-widget .tab-content-wrapper .search-wrapper .products-table thead .subhead {
  font-weight: normal;
}
.widget-product-search .tab-widget .tab-content-wrapper .search-wrapper .products-table tbody td {
  padding: 10px;
  border-bottom: 1px solid #dfdfdf;
}
.widget-product-search .tab-widget .tab-content-wrapper .search-wrapper .products-table tbody td img {
  display: block;
  margin: 0 auto;
}
@media (max-width: 800px) {
  .widget-product-search .tab-widget .tab-content-wrapper .search-wrapper .products-table tbody .tablesaw-cell-label {
    width: 30%;
  }
}
@media (max-width: 600px) {
  .widget-product-search .tab-widget .tab-content-wrapper .search-wrapper .products-table tbody .tablesaw-cell-label {
    width: 40%;
  }
}
@media (max-width: 450px) {
  .widget-product-search .tab-widget .tab-content-wrapper .search-wrapper .products-table tbody .tablesaw-cell-label {
    width: 50%;
  }
}
.widget-product-search .tab-widget .tab-content-wrapper .search-wrapper .products-table tbody tr:nth-child(even) td {
  border-right: 2px solid #fff;
}
.widget-product-search .tab-widget .chemistry-step1 {
  width: 49.1525423729%;
  float: left;
  margin-right: 1.6949152542%;
  color: #fff;
  margin-bottom: 7px;
  font-size: 17px;
  padding-top: 6px;
  min-height: 54px;
}
.widget-product-search .tab-widget .chemistry-step2a {
  width: 49.1525423729%;
  float: left;
  margin-right: 1.6949152542%;
  float: right;
  margin-right: 0;
}
.widget-product-search .tab-widget .chemistry-step2a .shadow-select {
  width: 100% !important;
  height: 23px;
  margin-bottom: 7px !important;
}
.widget-product-search .tab-widget .chemistry-step2b {
  width: 49.1525423729%;
  float: left;
  margin-right: 1.6949152542%;
  float: right;
  margin-right: 0;
}
.widget-product-search .tab-widget .chemistry-step2b .shadow-select {
  width: 100% !important;
  height: 23px;
  margin-bottom: 7px !important;
}
@media (max-width: 452px) {
  .widget-product-search .tab-widget .chemistry-step1 {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
  .widget-product-search .tab-widget .chemistry-step2 {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}
.widget-product-search .tab-widget .chemistry-step3 {
  opacity: 0.4;
}
.widget-product-search .tab-widget .chemistry-step3.active {
  opacity: 1;
}
.widget-product-search .reset-btn a {
  color: #A6A4A4;
  font-size: 13px;
  line-height: 25px;
  display: inline-block;
  min-width: 155px;
  text-align: center;
}
.widget-product-search .cosmetic-form .row, .widget-product-search .chemistry-form .row {
  margin-bottom: 20px;
}

@media (max-width: 550px) {
  .natural .widget-product-search .tab-widget .tab-content-wrapper {
    padding: 0;
  }
  .natural .widget-product-search .tab-widget .tab-content-wrapper h3, .natural .widget-product-search .tab-widget .tab-content-wrapper form {
    padding-left: 0.6rem;
    padding-right: 0.6rem;
  }
  .natural .widget-product-search .tab-widget .tab-content-wrapper h3 {
    padding-top: 1rem;
  }
  .natural .widget-product-search .tab-widget .tab-content-wrapper form {
    padding-bottom: 1rem;
  }
}

.livesearch-close-btn {
  cursor: pointer;
  position: absolute;
  bottom: -17px;
  right: 17px;
  z-index: 1000;
  padding: 7px;
  border: 1px solid #c7c7c7;
  background: url("/assets/Images/icons/close.png");
}

.widget-product:after {
  clear: both;
  display: block;
  content: " ";
}
.widget-product .subline {
  font-weight: normal;
  font-family: "LinotypeUniversW01-Thin_723610", Arial, Helvetica, sans-serif;
  font-size: 25px;
  margin-top: 24px;
  margin-bottom: 12px;
}
.widget-product .product-description {
  color: #737371;
  font-size: 13px;
  line-height: 20px;
}
.widget-product .product-description .characteristics {
  margin-bottom: 15px;
  line-height: 16px;
}
.widget-product .product-description img {
  float: left;
  margin-right: 15px;
}
@media (max-width: 373px) {
  .widget-product .product-description img {
    display: none;
  }
}
.widget-product .remember-product {
  background-repeat: no-repeat;
  background-position: left;
  padding: 5px 5px 5px 26px;
  color: #8e8e8e;
  font-size: 13px;
  line-height: 17px;
}
.natural .widget-product .remember-product {
  background-image: url("/assets/Images/icons/merkzettel_gruen.png");
}

.widget-shop-item h1 {
  font-size: 25px;
  font-weight: normal;
  font-family: "LinotypeUniversW01-Thin_723610", Arial, Helvetica;
  margin-bottom: 30px;
}
.widget-shop-item .product-description {
  color: #525252;
  font-size: 14px;
  margin-bottom: 20px;
}
.widget-shop-item .item-details {
  width: 100%;
  font-size: 14px;
  color: #525252;
  min-width: 313px;
}
.widget-shop-item .item-details th, .widget-shop-item .item-details td {
  padding: 6px 13px;
  text-align: left;
}
.widget-shop-item .item-details thead tr {
  background-color: #e8e8e8;
}
.widget-shop-item .item-details tbody tr:nth-child(even) {
  background-color: #eff3e3;
}
.natural .widget-shop-item .item-details tbody tr:nth-child(even) {
  background-color: #eff3e3;
}
.chemical .widget-shop-item .item-details tbody tr:nth-child(even) {
  background-color: #dcedf4;
}
.cosmetical .widget-shop-item .item-details tbody tr:nth-child(even) {
  background-color: #fee8ed;
}
.natural .widget-shop-item .item-details tbody tr.background-white, .chemical .widget-shop-item .item-details tbody tr.background-white, .cosmetical .widget-shop-item .item-details tbody tr.background-white {
  background: #fff;
}
.widget-shop-item .order-button {
  background-repeat: no-repeat;
  background-position: left;
  padding: 5px 5px 5px 36px;
  color: #525252;
  display: inline-block;
}
.chemical .widget-shop-item .order-button {
  background-image: url("assets/Images/icons/merkzettel_blau.png");
}
.natural .widget-shop-item .order-button {
  background-image: url("assets/Images/icons/order_natural.png");
}
.cosmetical .widget-shop-item .order-button {
  background-image: url("assets/Images/icons/order_cosmetical.png");
}
@media (max-width: 355px) {
  .widget-shop-item .order-button {
    padding: 5px;
    background-image: none !important;
  }
}

.order-save-status-loading, .order-save-status-ok {
  background: url("/assets/Images/icons/loading.gif") center center no-repeat;
  height: 20px;
  width: 20px;
  display: inline-block;
  vertical-align: middle;
}

.order-save-status-ok {
  background: url("/assets/Images/icons/check.png") center center no-repeat;
}

.widget-news-details {
  /* jobs */
}
.widget-news-details .back {
  background-image: url("/assets/Images/icons/arrow_left_gray.png");
  background-repeat: no-repeat;
  padding-left: 14px;
  color: #b9b9b9;
  line-height: 51px;
  background-position: 0px 4px;
}
.widget-news-details h4 {
  background-repeat: no-repeat;
  color: #625757;
  background-size: 23px;
  padding: 3px 31px;
  font-size: 16px !important;
  font-family: "LinotypeUniversW01-Medi_723673", Arial, Helvetica !important;
}
.widget-news-details h4.natural {
  background-image: url("/assets/Images/icons/natural_cube.png");
}
.widget-news-details h4.cosmetical {
  background-image: url("/assets/Images/icons/cosmetical_cube.png");
}
.widget-news-details h4.chemical {
  background-image: url("/assets/Images/icons/chemical_cube.png");
}
.widget-news-details h4.group {
  background-image: url("/assets/Images/icons/all_cubes.png");
  background-size: 65px;
  padding: 3px 70px;
}
.widget-news-details h4.no-icon {
  background: none;
  padding: 3px 0;
}
.widget-news-details h1 {
  font-weight: normal;
  font-family: "LinotypeUniversW01-Thin_723610", Arial, Helvetica;
  font-size: 24px;
  margin: 12px 0;
  display: block;
}
.widget-news-details .subtext {
  color: #625757;
  font-weight: bold;
  font-size: 14px;
  margin: 0;
  line-height: inherit;
  font-family: inherit;
}
.widget-news-details .description {
  color: #625757;
  margin-top: 20px;
  font-size: 14px;
}
.widget-news-details .description:after {
  clear: both;
  display: block;
  content: " ";
}
.widget-news-details .description img {
  float: left;
  margin-right: 15px;
  margin-top: 0px;
}
.widget-news-details .description p {
  margin-top: 15px;
}

.widget-news-teaser {
  font-family: "Roboto", sans-serif;
}
.widget-news-teaser img {
  margin-right: 10px;
  float: left;
}
@media (max-width: 350px) {
  .widget-news-teaser img {
    width: 100%;
    margin: 0 0 10px;
  }
}
.widget-news-teaser figure {
  margin: 1em 0;
}
.widget-news-teaser figure figcaption {
  line-height: 10px;
}
.widget-news-teaser h3, .widget-news-teaser h3 a {
  color: #B8BCBF;
  font-size: 22px;
  padding-bottom: 0 !important;
  font-weight: 300;
  text-decoration: none;
}
.widget-news-teaser span {
  padding-left: 70px;
  background: url("/assets/Images/icons/all_cubes.png") left top no-repeat;
  background-size: auto 20px;
}
.widget-news-teaser span.chemistry {
  color: #0066b0;
  padding-left: 27px;
  background-image: url("/assets/Images/icons/chemical_cube.png");
}
.widget-news-teaser span.natural {
  color: #00972c;
  padding-left: 27px;
  background-image: url("/assets/Images/icons/natural_cube.png");
}
.widget-news-teaser span.cosmetical {
  color: #e7313e;
  padding-left: 27px;
  background-image: url("/assets/Images/icons/cosmetical_cube.png");
}
.widget-news-teaser span.no-icon {
  color: #000;
  background-image: none;
  padding-left: 0px;
}
.widget-news-teaser span .all {
  color: #000;
}
.widget-news-teaser p {
  padding: 20px 0 15px;
  font-weight: normal;
  line-height: 140%;
  margin-right: 10px;
}
.widget-news-teaser a {
  text-decoration: underline;
  color: #0066b0;
}
.natural .widget-news-teaser a {
  color: #00972c;
}
.cosmetical .widget-news-teaser a {
  color: #e7313e;
}
.widget-news-teaser div.more a {
  color: #B8BCBF;
  background: url("/assets/Images/icons/arrow_right_gray.png") center right no-repeat;
  padding-right: 15px;
  text-decoration: none;
  font-weight: 300;
}
.widget-news-teaser div.more a:hover {
  color: #525252;
}
.widget-news-teaser ul {
  margin-left: 20px;
}

.widget-product-teaser {
  font-family: "Roboto", sans-serif;
}
.widget-product-teaser img {
  width: 100%;
  margin: 0 0 10px;
}
.widget-product-teaser h3, .widget-product-teaser h3 a {
  color: #B8BCBF;
  font-size: 22px;
  padding-bottom: 0 !important;
  font-weight: 300;
}
.widget-product-teaser figure {
  margin: 0 0 5px 0;
}
.widget-product-teaser figure figcaption {
  line-height: 0;
}
.widget-product-teaser span.chemical {
  color: #0066b0;
}
.widget-product-teaser span.natural {
  color: #00972c;
}
.widget-product-teaser span.cosmetical {
  color: #e7313e;
}
.widget-product-teaser span .all {
  color: #000;
}
.widget-product-teaser p {
  padding: 20px 0 15px;
  font-weight: normal;
  line-height: 130%;
}
.widget-product-teaser a {
  text-decoration: none;
  color: #050505;
}
.widget-product-teaser a.more {
  color: #B8BCBF;
  background: url("/assets/Images/icons/arrow_right_gray.png") center right no-repeat;
  padding-right: 15px;
  text-decoration: none;
  font-weight: 300;
}
.widget-product-teaser a.more:hover {
  color: #525252;
}

.widget-tag-list {
  margin: 0 0 15px;
  padding: 0;
  width: 70%;
}
@media (max-width: 800px) {
  .widget-tag-list {
    width: 100%;
  }
}
.widget-tag-list li {
  display: inline-block;
  margin: 0 4px 4px 0;
  position: relative;
}
.widget-tag-list li a {
  padding: 10px;
  display: block;
  color: #fff;
}
.widget-tag-list li a:hover {
  opacity: 0.85;
}
.widget-tag-list li.more {
  opacity: 0.7;
}
.widget-tag-list li.more a {
  padding: 10px 15px;
}
.widget-tag-list li.hidden {
  display: none;
}
.widget-tag-list.chemical li a {
  background: #0066b0;
}
.widget-tag-list.natural li a {
  background: #00972c;
}
.widget-tag-list.cosmetical li a {
  background: #e7313e;
}

/* Vimeo Videos */
.responsive-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

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

.widget-seminar-icons .col-4-12 {
  margin: 20px 0;
  text-align: center;
}
.widget-seminar-icons .col-4-12 img {
  margin-bottom: 20px;
}
.widget-seminar-icons .col-4-12 p {
  margin: 10px 0;
  font-size: 12px;
}
.widget-seminar-icons .col-4-12 .logo-collection {
  max-width: 200px;
  margin: 20px auto;
}
.widget-seminar-icons .col-4-12 .logo-collection a {
  display: inline-block;
}
@media (max-width: 820px) {
  .widget-seminar-icons .col-4-12, .widget-seminar-icons .col-4-12:nth-of-type(3n) {
    width: 100%;
    margin: 20px 0;
    padding: 0;
  }
}