@charset "UTF-8";
/*!
    © 2016 WEBBRAND GMBH / Am Marktplatz 11 / D-28844 Weyhe
    E-Mail: hallo@webbrand.de / Phone: 04203 83 99 780
    Author: Thomas J. Bertram

*/
/* normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif (opinionated).
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin (opinionated).
 */
body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent displaying `audio` without controls in Mobile Safari 4/5/6/7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state (opinionated).
 */
a:active,
a:hover {
  outline-width: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address inconsistent styling of `abbr[title]`.
 * 1. Correct styling in Firefox 39 and Opera 12.
 * 2. Correct missing styling in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Address inconsistent styling of b and strong.
 * 1. Correct duplicate application of `bolder` in Safari 6.0.2.
 * 2. Correct style set to `bold` in Edge 12+, Safari 6.2+, and Chrome 18+.
 */
b,
strong {
  font-weight: inherit; /* 1 */
}

b,
strong {
  font-weight: bolder; /* 2 */
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}

/**
 * Address inconsistent styling of `hr`.
 * 1. Correct `box-sizing` set to `border-box` in Firefox.
 * 2. Correct `overflow` set to `hidden` in IE 8/9/10/11 and Edge 12.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}

/**
 * 1. Correct inheritance and scaling of font-size for preformatted text.
 * 2. Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct font properties not being inherited.
 * 2. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  font: inherit; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Restore focus style in Firefox 4+ (unset by a rule above)
 */
button:-moz-focusring,
input:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type=checkbox],
input[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * Address `appearance` set to `searchfield` in Safari and Chrome.
 */
input[type=search] {
  -webkit-appearance: textfield;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited from fieldset in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  color: inherit; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}

/**
 * Restore font weight (unset by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}

*,
*::before,
*::after,
figure {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

html,
body {
  width: 100%;
  height: 100%;
}

html {
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing: antialiased;
}

p {
  margin-bottom: 0.75em;
}

ul,
ol {
  list-style: none;
}

img {
  display: block;
}

input,
select,
button,
label {
  vertical-align: middle;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  outline: none;
}

/*

    Grayscale      ex: filter: grayscale(100%);
    Sepia          ex: filter: sepia(100%);
    Saturate       ex: filter: saturate(0%);
    HUE-Rotate     ex: filter: hue-rotate(45deg);
    Invert         ex: filter: invert(100%);
    Brightness     ex: filter: brightness(15%);
    Contrast       ex: filter: contrast(200%);
    Blur           ex: filter: blur(2px);

*/
/*

    ease - specifies a transition effect with a slow start, then fast, then end slowly (this is default)
    linear - specifies a transition effect with the same speed from start to end
    ease-in - specifies a transition effect with a slow start
    ease-out - specifies a transition effect with a slow end
    ease-in-out - specifies a transition effect with a slow start and end
    cubic-bezier(n,n,n,n) - lets you define your own values in a cubic-bezier function

*/
/*
    8-Point Grid System
    └── Using multiples of 8 to define dimensions, padding, and margin of elements.
    Currently supports:         margin/padding, width/height and specific commands
    Default usage:              @include pointGrid('command', value);
*/
/*
    Usage with image:           @include backgroundSize(type);
    Usage without image:        @include backgroundSize(type, 'path');
*/
/*
    Usage:                      @include flex(type);
*/
/*
    Default usage : @include pos('position', top, right, bottom, left);
*/
/*
    Default usage:              rem(value)
*/
/*
    Animations Copyright (c) 2016 Daniel Eden
    Animations Previews: https://daneden.github.io/animate.css/
*/
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeIn {
  animation-name: fadeIn;
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInLeft {
  animation-name: fadeInLeft;
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInRight {
  animation-name: fadeInRight;
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.fadeOut {
  animation-name: fadeOut;
}
@keyframes slideInLeft {
  from {
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.slideInLeft {
  animation-name: slideInLeft;
}
@keyframes slideInUp {
  from {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.slideInUp {
  animation-name: slideInUp;
}
@keyframes slideOutDown {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
.slideOutDown {
  animation-name: slideOutDown;
}
@keyframes slideOutRight {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
.slideOutRight {
  animation-name: slideOutRight;
}

@media (min-width: 1025px) {
  body::after {
    content: "bp-desktop";
    display: none;
  }
}
@media (max-width: 1024px) {
  body::after {
    content: "bp-tablet";
    display: none;
  }
}
@media (max-width: 768px) {
  body::after {
    content: "bp-smartphone";
    display: none;
  }
}

body#preview .container {
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
}
@media (max-width: 768px) {
  body#preview .container {
    padding-left: 12px;
    padding-right: 12px;
  }
}

/* titillium-web-300 - latin */
@font-face {
  font-family: "Titillium Web";
  font-style: normal;
  font-weight: 300;
  src: url("../font/titillium/titillium-web-v14-latin-300.eot"); /* IE9 Compat Modes */
  src: local(""), url("../font/titillium/titillium-web-v14-latin-300.eot?#iefix") format("embedded-opentype"), url("../font/titillium/titillium-web-v14-latin-300.woff2") format("woff2"), url("../font/titillium/titillium-web-v14-latin-300.woff") format("woff"), url("../font/titillium/titillium-web-v14-latin-300.ttf") format("truetype"), url("../font/titillium/titillium-web-v14-latin-300.svg#TitilliumWeb") format("svg"); /* Legacy iOS */
}
/* titillium-web-300italic - latin */
@font-face {
  font-family: "Titillium Web";
  font-style: italic;
  font-weight: 300;
  src: url("../font/titillium/titillium-web-v14-latin-300italic.eot"); /* IE9 Compat Modes */
  src: local(""), url("../font/titillium/titillium-web-v14-latin-300italic.eot?#iefix") format("embedded-opentype"), url("../font/titillium/titillium-web-v14-latin-300italic.woff2") format("woff2"), url("../font/titillium/titillium-web-v14-latin-300italic.woff") format("woff"), url("../font/titillium/titillium-web-v14-latin-300italic.ttf") format("truetype"), url("../font/titillium/titillium-web-v14-latin-300italic.svg#TitilliumWeb") format("svg"); /* Legacy iOS */
}
/* titillium-web-regular - latin */
@font-face {
  font-family: "Titillium Web";
  font-style: normal;
  font-weight: 400;
  src: url("../font/titillium/titillium-web-v14-latin-regular.eot"); /* IE9 Compat Modes */
  src: local(""), url("../font/titillium/titillium-web-v14-latin-regular.eot?#iefix") format("embedded-opentype"), url("../font/titillium/titillium-web-v14-latin-regular.woff2") format("woff2"), url("../font/titillium/titillium-web-v14-latin-regular.woff") format("woff"), url("../font/titillium/titillium-web-v14-latin-regular.ttf") format("truetype"), url("../font/titillium/titillium-web-v14-latin-regular.svg#TitilliumWeb") format("svg"); /* Legacy iOS */
}
/* titillium-web-600 - latin */
@font-face {
  font-family: "Titillium Web";
  font-style: normal;
  font-weight: 600;
  src: url("../font/titillium/titillium-web-v14-latin-600.eot"); /* IE9 Compat Modes */
  src: local(""), url("../font/titillium/titillium-web-v14-latin-600.eot?#iefix") format("embedded-opentype"), url("../font/titillium/titillium-web-v14-latin-600.woff2") format("woff2"), url("../font/titillium/titillium-web-v14-latin-600.woff") format("woff"), url("../font/titillium/titillium-web-v14-latin-600.ttf") format("truetype"), url("../font/titillium/titillium-web-v14-latin-600.svg#TitilliumWeb") format("svg"); /* Legacy iOS */
}
/* titillium-web-700 - latin */
@font-face {
  font-family: "Titillium Web";
  font-style: normal;
  font-weight: 700;
  src: url("../font/titillium/titillium-web-v14-latin-700.eot"); /* IE9 Compat Modes */
  src: local(""), url("../font/titillium/titillium-web-v14-latin-700.eot?#iefix") format("embedded-opentype"), url("../font/titillium/titillium-web-v14-latin-700.woff2") format("woff2"), url("../font/titillium/titillium-web-v14-latin-700.woff") format("woff"), url("../font/titillium/titillium-web-v14-latin-700.ttf") format("truetype"), url("../font/titillium/titillium-web-v14-latin-700.svg#TitilliumWeb") format("svg"); /* Legacy iOS */
}
@font-face {
  font-family: "rutec";
  src: url("../font/rutec.eot");
  src: url("../font/rutec.eot?#iefix") format("embedded-opentype"), url("../font/rutec.woff") format("woff"), url("../font/rutec.ttf") format("truetype"), url("../font/rutec.svg#rutec") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "symbols";
  src: url("../font/symbols.eot");
  src: url("../font/symbols.eot?#iefix") format("embedded-opentype"), url("../font/symbols.woff") format("woff"), url("../font/symbols.ttf") format("truetype"), url("../font/symbols.svg#symbols") format("svg");
  font-weight: normal;
  font-style: normal;
}
[data-icon]::before,
[class^=icon-]::before,
[class*=" icon-"]::before,
[class^=symbol]::before,
[class*=" symbol"]::before,
table#productSeries--list th::before,
table#productSeries--list th::after,
table#productSeries--list td a::after,
#infoBar #notepad a::before,
#sticky-notepads a::before,
ul.contactData--times::before,
.filter .filter--button::before,
.filter .filter--delete::before,
.searchOptions button::before,
.products--list.ajax-loading::before,
.cpLoading::before,
.cpSearch label::before,
.footer--social ul li a::before {
  font-family: "rutec" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^=symbol]::before,
[class*=" symbol"]::before {
  font-family: "symbols" !important;
}

.icon-search::before {
  content: "a";
}

.icon-arrow-down-mini::before {
  content: "b";
}

.icon-arrow-up-mini::before {
  content: "c";
}

.icon-arrow-right-big::before {
  content: "d";
}

.icon-download::before {
  content: "e";
}

.icon-notepad::before {
  content: "f";
}

.icon-clock::before {
  content: "h";
}

.icon-filter::before {
  content: "g";
}

.icon-delete::before {
  content: "i";
}

.icon-hourglass::before {
  content: "j";
}

.icon-pdf::before {
  content: "k";
}

.icon-xing::before {
  content: "l";
}

.icon-facebook::before {
  content: "m";
}

.icon-youtube::before {
  content: "n";
}

.icon-instagram::before {
  content: "o";
}

.icon-catalogue:before {
  content: "p";
}

.icon-cart:before {
  content: "r";
}

.symbol1:before {
  content: "a";
}

.symbol2:before {
  content: "b";
}

.symbol3:before {
  content: "c";
}

.symbol4:before {
  content: "d";
}

.symbol5:before {
  content: "e";
}

.symbol6:before {
  content: "f";
}

.symbol7:before {
  content: "g";
}

.symbol8:before {
  content: "h";
}

.symbol9:before {
  content: "i";
}

.symbol13:before {
  content: "l";
}

.symbol19:before {
  content: "n";
}

.symbol18:before {
  content: "o";
}

.symbol17:before {
  content: "p";
}

.symbol16:before {
  content: "q";
}

.symbol15:before {
  content: "r";
}

.symbol14:before {
  content: "s";
}

.symbol20:before {
  content: "t";
}

.symbol21:before {
  content: "u";
}

.symbol12:before {
  content: "k";
}

.symbol10:before {
  content: "j";
}

.symbol11:before {
  content: "m";
}

.symbol22:before {
  content: "v";
}

.symbol23:before {
  content: "w";
}

.symbol27:before {
  content: "y";
}

.symbol28:before {
  content: "z";
}

.symbol30:before {
  content: "A";
}

.symbol29:before {
  content: "B";
}

.symbol26:before {
  content: "x";
}

.symbol34:before {
  content: "C";
}

.symbol35:before {
  content: "D";
}

body {
  background: #081429;
}
body strong {
  font-weight: 600;
}
body i {
  font-style: italic;
}
body a {
  color: #555555;
  text-decoration: none;
}
@media (min-width: 1025px) {
  body a:hover {
    color: #ffb200;
    cursor: pointer;
  }
}

a,
i,
*::before, *::after,
input,
label,
select,
button,
img,
figure,
figcaption {
  transition: all 0.2s ease-in-out;
}

.download, .apFilter .cpFilterBox, .apFilter, .products--container--full.data .head, #products, .mod_newsreader, .newsEntryFull, .newsEntry, .contentBox h3, .members-section h3, .contentBox h2, .members-section h2, .contentBox, .members-section, #produktuebersicht, #infoBar .infoBar--wrapper, .mod_article, body#preview .container,
.clearfix {
  *zoom: 1;
}
.download:before, .apFilter .cpFilterBox:before, .apFilter:before, .products--container--full.data .head:before, #products:before, .mod_newsreader:before, .newsEntryFull:before, .newsEntry:before, .contentBox h3:before, .members-section h3:before, .contentBox h2:before, .members-section h2:before, .contentBox:before, .members-section:before, #produktuebersicht:before, #infoBar .infoBar--wrapper:before, .mod_article:before, body#preview .container:before, .download:after, .apFilter .cpFilterBox:after, .apFilter:after, .products--container--full.data .head:after, #products:after, .mod_newsreader:after, .newsEntryFull:after, .newsEntry:after, .contentBox h3:after, .members-section h3:after, .contentBox h2:after, .members-section h2:after, .contentBox:after, .members-section:after, #produktuebersicht:after, #infoBar .infoBar--wrapper:after, .mod_article:after, body#preview .container:after,
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
  line-height: 0;
}
.download:after, .apFilter .cpFilterBox:after, .apFilter:after, .products--container--full.data .head:after, #products:after, .mod_newsreader:after, .newsEntryFull:after, .newsEntry:after, .contentBox h3:after, .members-section h3:after, .contentBox h2:after, .members-section h2:after, .contentBox:after, .members-section:after, #produktuebersicht:after, #infoBar .infoBar--wrapper:after, .mod_article:after, body#preview .container:after,
.clearfix:after {
  clear: both;
}

.headtitle::after, #introSlider .slideshow--container .slideshow--item .slideshow--bg::after, #produktuebersicht .procuct--teaser a::before, #produktuebersicht .procuct--teaser a::after {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00000000", endColorstr="#66000000",GradientType=0 );
}

.info-txt {
  color: #b5b5b5;
}

#wrapper {
  position: relative;
  z-index: 1;
}
#wrapper::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 50%;
  left: 0;
  content: "";
  background: #ffb200;
  z-index: -1;
}

body #container {
  padding-bottom: 6.25%;
}

body.index #container {
  padding-bottom: 0%;
}

#container {
  background-color: #ffffff;
}

.invisible {
  display: none;
}

.ce_gallery {
  width: 100%;
}

.scrollNavFix {
  padding-bottom: 36px !important;
}

body {
  font-family: "Titillium Web", "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
  font-size: 16px;
  line-height: 1.4;
  color: #555555;
  font-weight: 400;
  text-align: left;
}
@media (max-width: 1024px) {
  body {
    font-size: 14px;
    line-height: 1.4;
  }
}
@media (max-width: 768px) {
  body {
    font-size: 14px;
    line-height: 1.4;
  }
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Titillium Web", "Titillium Web", "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
  font-size: 16px;
  line-height: 1.4;
  margin: 0;
  color: #202020;
  font-weight: 300;
}
@media (max-width: 1024px) {
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-size: 14px;
    line-height: 1.4;
  }
}
@media (max-width: 768px) {
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-size: 14px;
    line-height: 1.4;
  }
}

.members-section .widget-select select, .catalogueForm .submit_container input, #contactForm form .widget-select select,
#contactForm .hasteform_rutec-wishlist-12 .widget-select select,
#wishlistRequest form .widget-select select,
#wishlistRequest .hasteform_rutec-wishlist-12 .widget-select select, input,
.ce_form input,
.ce_form select,
.ce_form button,
.ce_form textarea {
  width: 100%;
  height: auto;
  font-size: 16px;
  line-height: 1.4;
  border-radius: 0;
  background-clip: padding-box;
  padding: 12px 0 12px 20px;
  color: #555555;
  line-height: 1.25;
  background-color: #fff;
  border: none;
}
@media (max-width: 1024px) {
  .members-section .widget-select select, .catalogueForm .submit_container input, #contactForm form .widget-select select,
  #contactForm .hasteform_rutec-wishlist-12 .widget-select select,
  #wishlistRequest form .widget-select select,
  #wishlistRequest .hasteform_rutec-wishlist-12 .widget-select select, input,
  .ce_form input,
  .ce_form select,
  .ce_form button,
  .ce_form textarea {
    font-size: 14px;
    line-height: 1.4;
  }
}
@media (max-width: 768px) {
  .members-section .widget-select select, .catalogueForm .submit_container input, #contactForm form .widget-select select,
  #contactForm .hasteform_rutec-wishlist-12 .widget-select select,
  #wishlistRequest form .widget-select select,
  #wishlistRequest .hasteform_rutec-wishlist-12 .widget-select select, input,
  .ce_form input,
  .ce_form select,
  .ce_form button,
  .ce_form textarea {
    font-size: 14px;
    line-height: 1.4;
  }
}

input:focus,
.ce_form input:focus,
.ce_form select:focus,
.ce_form button:focus,
.ce_form textarea:focus {
  background: #ececec;
  background: rgba(236, 236, 236, 0.25);
  color: #555555;
}

.ce_form input[type=submit] {
  font-size: 12px;
  line-height: 1.25;
  color: #ffffff;
  font-weight: 600;
  text-transform: uppercase;
  background: #ffb200;
  border: none;
  padding-left: 0;
}
@media (max-width: 1024px) {
  .ce_form input[type=submit] {
    font-size: 12px;
    line-height: 1.25;
  }
}
@media (max-width: 768px) {
  .ce_form input[type=submit] {
    font-size: 12px;
    line-height: 1.25;
  }
}
@media (min-width: 1025px) {
  .ce_form input[type=submit]:hover {
    background: #173a75 !important;
  }
}

.ce_form p.error {
  display: none;
}

.ce_form label:hover {
  cursor: pointer;
}

[placeholder] {
  color: #555555;
}

:-moz-placeholder {
  color: #555555;
}

::-moz-placeholder {
  color: #555555;
}

:-ms-input-placeholder {
  color: #555555;
}

::-o-placeholder {
  color: #555555;
}

::-webkit-input-placeholder {
  color: #555555;
}

@media (min-width: 1025px) {
  .ce_form input:hover[placeholder],
  .ce_form textarea:hover[placeholder] {
    color: #555555;
  }
  .ce_form input:hover:-moz-placeholder,
  .ce_form textarea:hover:-moz-placeholder {
    color: #555555;
  }
  .ce_form input:hover::-moz-placeholder,
  .ce_form textarea:hover::-moz-placeholder {
    color: #555555;
  }
  .ce_form input:hover:-ms-input-placeholder,
  .ce_form textarea:hover:-ms-input-placeholder {
    color: #555555;
  }
  .ce_form input:hover::-o-placeholder,
  .ce_form textarea:hover::-o-placeholder {
    color: #555555;
  }
  .ce_form input:hover::-webkit-input-placeholder,
  .ce_form textarea:hover::-webkit-input-placeholder {
    color: #555555;
  }
}
.ce_form .error [placeholder] {
  color: #e74c3c;
}
.ce_form .error :-moz-placeholder {
  color: #e74c3c;
}
.ce_form .error ::-moz-placeholder {
  color: #e74c3c;
}
.ce_form .error :-ms-input-placeholder {
  color: #e74c3c;
}
.ce_form .error ::-o-placeholder {
  color: #e74c3c;
}
.ce_form .error ::-webkit-input-placeholder {
  color: #e74c3c;
}

header a#logo {
  width: 66px;
  height: 80px;
  background: url("../img/logo.png") center center no-repeat transparent;
  display: block;
  float: left;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  header a#logo {
    background-image: url("../img/logo@2x.png");
    background-size: 66px 80px;
  }
}

footer a#logo_footer {
  width: 38px;
  height: 45px;
  background: url("../img/logo_footer.png") no-repeat center center;
  background-size: cover;
  display: block;
}

@media (min-width: 1025px) {
  header.small a#logo {
    width: 40px;
    height: 48px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
  }
}
@media (max-width: 1024px) {
  header a#logo {
    width: 40px;
    height: 48px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
  }
}
@media (max-width: 768px) {
  header a#logo {
    width: 33px;
    height: 40px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
  }
}
body > #wrapper {
  padding-top: 120px;
}
@media (max-width: 1024px) {
  body > #wrapper {
    padding-top: 72px;
  }
}
@media (max-width: 768px) {
  body > #wrapper {
    padding-top: 64px;
  }
}

header {
  width: 100%;
  height: 120px;
  position: fixed;
  top: 0;
  right: 0;
  bottom: auto;
  left: 0;
  font-size: 15px;
  line-height: 1;
  color: #ffffff;
  font-weight: 400;
  text-transform: uppercase;
  transition: height 0.2s linear;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #ffffff;
  background: #081429;
  border-bottom: 2px solid #ffb200;
  overflow: hidden;
  z-index: 100;
}
@media (max-width: 1024px) {
  header {
    font-size: 15px;
    line-height: 1;
  }
}
@media (max-width: 768px) {
  header {
    font-size: 15px;
    line-height: 1;
  }
}
header a,
header a:hover {
  color: #ffffff;
}
@media (min-width: 1025px) {
  header {
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media (max-width: 1024px) {
  header {
    padding-left: 35px;
    padding-right: 35px;
  }
}
@media (max-width: 768px) {
  header {
    padding-left: 12px;
    padding-right: 12px;
  }
}
header::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: height 0.2s linear;
  content: "";
  background: #173a75;
  background: linear-gradient(to right, #173a75 0%, #081429 85%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$blue", endColorstr="$blue_dark",GradientType=1 );
  z-index: -1;
}
header nav,
header #searchButton,
header #language,
header #hamburgerWrapper {
  transition: line-height 0.2s linear;
  line-height: 80px;
  float: right;
}
header nav ul li:not(:last-child)::after,
header #language::before,
header #language::after,
header #searchButton::before {
  padding: 0 1vw;
  content: "I";
  color: rgba(255, 255, 255, 0.15);
}
@media only screen and (min-width: 1800px) {
  header nav ul li:not(:last-child)::after,
  header #language::before,
  header #language::after,
  header #searchButton::before {
    padding: 0 1.5vw;
  }
}
@media only screen and (max-width: 1400px) {
  header nav ul li:not(:last-child)::after,
  header #language::before,
  header #language::after,
  header #searchButton::before {
    padding: 0 3.5vw;
  }
}
header nav ul {
  font-style: 0;
  display: flex;
}
header nav ul li a {
  color: rgba(255, 255, 255, 0.65);
}
header nav ul li a.is-highlighted {
  color: #ffb200 !important;
}
@media (min-width: 1025px) {
  header nav ul li a.is-highlighted:hover {
    color: #b37d00 !important;
  }
}
@media only screen and (max-width: 1400px) {
  header nav {
    display: none;
  }
}
header #searchButton {
  line-height: 83px;
  position: relative;
  z-index: 1;
}
header #searchButton a {
  color: #ffb200;
}
header #searchButton a::after {
  width: 36px;
  height: 36px;
  position: absolute;
  top: 50%;
  right: auto;
  bottom: auto;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: inset 0 0 0 1px #ffb200;
  opacity: 0;
  filter: alpha(opacity=0);
  margin-top: -3px;
  content: "";
  z-index: -1;
}
header #searchButton a.active {
  color: #ffffff;
}
header #searchButton a.active::after {
  opacity: 1;
  filter: alpha(opacity=100);
  background: #ffb200;
}
header #language {
  overflow: hidden;
}
header #language::before, header #language::after {
  display: block;
  float: left;
}
header #language ul {
  float: left;
}
header #language ul li {
  color: rgba(255, 255, 255, 0.15);
  display: inline-block;
}
header #language ul li:not(:last-child)::after {
  padding-left: 4px;
  content: "/";
  display: inline-block;
}
header #language ul li a::before, header #language ul li a::after,
header #language ul li span::before,
header #language ul li span::after {
  display: none !important;
}
header #language ul li a {
  color: rgba(255, 255, 255, 0.4);
}
header #language ul li span {
  color: rgba(255, 255, 255, 0.75);
}
@media only screen and (min-width: 1400px) {
  header #language::after {
    display: none;
  }
}
header #hamburgerWrapper #hamburger {
  margin-top: 15px;
}
header #searchButton.toggleNav,
header #language.toggleNav {
  transition: all 0.25s ease-in-out;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-name: fadeOut;
  animation-delay: 0s;
  animation-duration: 0.5s;
}

@media (min-width: 1025px) {
  header ul li a,
  header ul li span {
    position: relative;
  }
  header ul li a::before,
  header ul li span::before {
    width: 7px;
    height: 7px;
    position: absolute;
    top: auto;
    right: auto;
    bottom: -18px;
    left: 50%;
    transform: translate(-50%, 0);
    border-radius: 50%;
    background-clip: padding-box;
    opacity: 0;
    filter: alpha(opacity=0);
    content: "";
    background: #ffb200;
  }
  header ul li a::after,
  header ul li span::after {
    width: 0%;
    height: 1px;
    position: absolute;
    top: auto;
    right: 50%;
    bottom: -15px;
    left: 50%;
    opacity: 1;
    filter: alpha(opacity=100);
    content: "";
    background: rgba(255, 255, 255, 0.15);
  }
  header ul li *.active::before,
  header ul li *.active::after,
  header ul li *.trail::before,
  header ul li *.trail::after {
    opacity: 1;
    filter: alpha(opacity=100);
  }
  header ul li a:hover::after,
  header ul li *.active::after,
  header ul li *.trail::after {
    width: 100%;
    background: rgba(255, 255, 255, 0.15);
    left: 0;
    right: 0;
  }
  header nav a:hover,
  header #language a:hover {
    color: white;
  }
  header #searchButton a:hover::before {
    color: #ffffff;
  }
  header #searchButton a:hover::after {
    opacity: 1;
    filter: alpha(opacity=100);
  }
  header.small {
    padding-top: 12px;
    padding-bottom: 12px;
    height: 72px;
  }
  header.small nav,
  header.small #searchButton,
  header.small #language,
  header.small #hamburgerWrapper {
    line-height: 48px;
  }
  header.small #searchButton {
    line-height: 51px;
  }
  header.small ul li a::before,
  header.small ul li span::before {
    bottom: -12px;
  }
  header.small ul li a::after,
  header.small ul li span::after {
    bottom: -9px;
  }
  header.small #hamburgerWrapper #hamburger {
    margin-top: 0;
  }
  header.animated a#logo {
    transition: all 0.25s ease-in-out;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: fadeInLeft;
    animation-delay: .25s;
  }
  header.animated::after {
    transition: all 0.25s ease-in-out;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: fadeInLeft;
    animation-delay: .75s;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1400px) {
  header.animated #hamburgerWrapper {
    transition: all 0.25s ease-in-out;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: fadeInRight;
    animation-delay: .5s;
    animation-duration: 0.5s;
  }
}
@media (max-width: 1024px) {
  header {
    padding-top: 12px;
    padding-bottom: 12px;
    height: 72px;
  }
  header nav,
  header #searchButton,
  header #language,
  header #hamburgerWrapper {
    line-height: 48px;
  }
  header #searchButton {
    line-height: 52px;
  }
  header #searchButton a::after {
    margin-top: -3px;
  }
  header #hamburgerWrapper #hamburger {
    margin-top: -2px;
  }
  header.animated a#logo {
    transition: all 0.25s ease-in-out;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: fadeInLeft;
    animation-delay: .5s;
  }
  header.animated::after {
    transition: all 0.25s ease-in-out;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: fadeInLeft;
    animation-delay: .75s;
    animation-duration: 2s;
  }
  header.animated #hamburgerWrapper {
    transition: all 0.25s ease-in-out;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: fadeInRight;
    animation-delay: .5s;
  }
  header.animated #searchButton,
  header.animated #language {
    transition: all 0.25s ease-in-out;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: fadeIn;
    animation-delay: .5s;
  }
  header.animated #searchButton.toggleNav,
  header.animated #language.toggleNav {
    transition: all 0.25s ease-in-out;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: fadeOut;
    animation-delay: 0s;
    animation-duration: 0.5s;
  }
}
@media (max-width: 768px) {
  header {
    height: 64px;
  }
  header nav,
  header #searchButton,
  header #language,
  header #hamburgerWrapper {
    line-height: 40px;
    float: right;
  }
  header #searchButton {
    line-height: 45px;
  }
  header #searchButton a::after {
    margin-top: -3px;
  }
  header #hamburgerWrapper #hamburger {
    margin-top: -5px;
  }
  header #searchButton.toggleNav,
  header #language.toggleNav {
    transition: all 0.25s ease-in-out;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: fadeOut;
    animation-delay: 0s;
    animation-duration: 0.5s;
  }
}
#searchBar {
  width: 100%;
  height: 50px;
  position: fixed;
  top: 0;
  right: 0;
  bottom: auto;
  left: 0;
  background: #ffb200;
  border-bottom: 1px solid #e6a000;
  display: none;
  z-index: 110;
}
#searchBar .formbody {
  overflow: hidden;
}
#searchBar .formbody > div {
  float: left;
}
#searchBar .formbody > div:nth-of-type(1) {
  width: 75%;
}
#searchBar .formbody > div:nth-of-type(2) {
  width: 25%;
}
#searchBar .formbody input {
  height: 50px;
  color: #ffffff;
  border: none;
  opacity: 0;
  filter: alpha(opacity=0);
}
#searchBar .formbody input.visible {
  opacity: 1;
  filter: alpha(opacity=100);
}
#searchBar .formbody input[type=text] {
  font-size: 18px;
  line-height: 1.25;
  padding-right: 0;
  line-height: 2;
  background: transparent;
}
@media (max-width: 1024px) {
  #searchBar .formbody input[type=text] {
    font-size: 18px;
    line-height: 1.25;
  }
}
@media (max-width: 768px) {
  #searchBar .formbody input[type=text] {
    font-size: 18px;
    line-height: 1.25;
  }
}
@media (min-width: 1025px) {
  #searchBar .formbody input[type=text] {
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media (max-width: 1024px) {
  #searchBar .formbody input[type=text] {
    padding-left: 35px;
    padding-right: 35px;
  }
}
@media (max-width: 768px) {
  #searchBar .formbody input[type=text] {
    padding-left: 12px;
    padding-right: 12px;
  }
}
#searchBar .formbody input[type=submit] {
  background: #e6a000;
}
#searchBar .formbody [placeholder] {
  color: #ffffff;
}
#searchBar .formbody :-moz-placeholder {
  color: #ffffff;
}
#searchBar .formbody ::-moz-placeholder {
  color: #ffffff;
}
#searchBar .formbody :-ms-input-placeholder {
  color: #ffffff;
}
#searchBar .formbody ::-o-placeholder {
  color: #ffffff;
}
#searchBar .formbody ::-webkit-input-placeholder {
  color: #ffffff;
}

@media (min-width: 1025px) {
  #searchBar {
    transition: top 0.2s linear;
    top: 118px;
  }
  #searchBar .formbody input[type=submit]:hover {
    background: #cc8e00 !important;
  }
  body.smallHeader #searchBar {
    top: 70px;
  }
}
@media (max-width: 1024px) {
  #searchBar {
    top: 70px;
  }
}
@media (max-width: 768px) {
  #searchBar {
    top: 62px;
  }
}
#infoBar {
  width: 100%;
  min-height: 40px;
  background-color: #202020;
}
#infoBar .infoBar--wrapper {
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
  font-size: 14px;
  line-height: 1.25;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 768px) {
  #infoBar .infoBar--wrapper {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media only screen and (max-width: 1200px) {
  #infoBar .infoBar--wrapper {
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media (max-width: 1024px) {
  #infoBar .infoBar--wrapper {
    padding-left: 35px;
    padding-right: 35px;
  }
}
@media (max-width: 768px) {
  #infoBar .infoBar--wrapper {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media (max-width: 1024px) {
  #infoBar .infoBar--wrapper {
    font-size: 13px;
    line-height: 1.25;
  }
}
@media (max-width: 768px) {
  #infoBar .infoBar--wrapper {
    font-size: 12px;
    line-height: 1.25;
  }
}
#infoBar .infoBar--wrapper::before, #infoBar .infoBar--wrapper::after {
  display: none;
}
#infoBar a {
  color: #858585;
}
#infoBar ul#breadcrumb {
  padding: 8px 16px 8px 0;
  font-style: italic;
  display: flex;
  flex-grow: 1;
  align-items: center;
  flex-wrap: wrap;
}
#infoBar ul#breadcrumb li::after {
  padding: 0 5px;
  color: #555555;
  content: "»";
}
#infoBar ul#breadcrumb li.last:after {
  display: none;
}
#infoBar ul#breadcrumb li.active {
  padding-right: 3px;
  color: #858585;
  font-weight: 600;
}
#infoBar #notepad {
  display: flex;
}
#infoBar #notepad a {
  height: 40px;
  padding: 0 15px 0 40px;
  line-height: 38px;
  position: relative;
  display: block;
  white-space: nowrap;
}
#infoBar #notepad a span {
  position: relative;
  z-index: 2;
}
#infoBar #notepad a::before {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  right: auto;
  bottom: 0;
  left: 0;
  color: #ffb200;
  font-size: 20px;
  line-height: 40px;
  text-align: center;
  display: block;
  z-index: 2;
}
#infoBar #notepad a::after {
  position: absolute;
  top: 40px;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  background-color: #ffb200;
}
#infoBar #notepad a.btn-notepad.for-wishlist::before {
  content: "f";
}
#infoBar #notepad a.btn-notepad.for-cart::before {
  content: "r";
}

@media (min-width: 1025px) {
  #infoBar a:hover {
    color: #ffffff;
  }
  #infoBar #notepad a:hover span, #infoBar #notepad a:hover::before {
    color: #ffffff;
  }
  #infoBar #notepad a:hover::after {
    top: 0;
  }
}
@media (max-width: 768px) {
  ul#breadcrumb {
    display: none;
  }
}
#mobileMenu {
  position: fixed;
  top: 120px;
  right: 0;
  bottom: 0;
  left: auto;
  transition: position 0.2s linear;
  min-width: 320px;
  text-align: left;
  background: #ffb200;
  border-left: 1px solid #f2a900;
  overflow-y: scroll;
  display: none;
  z-index: 150;
}
#mobileMenu ul.level_1 li {
  font-size: 15px;
  line-height: 1;
  color: #ffffff;
  font-weight: 400;
  text-transform: uppercase;
  text-transform: inherit;
  border-bottom: 1px solid #ffc43d;
}
@media (max-width: 1024px) {
  #mobileMenu ul.level_1 li {
    font-size: 15px;
    line-height: 1;
  }
}
@media (max-width: 768px) {
  #mobileMenu ul.level_1 li {
    font-size: 15px;
    line-height: 1;
  }
}
#mobileMenu ul.level_1 li a,
#mobileMenu ul.level_1 li a:hover {
  color: #ffffff;
}
#mobileMenu ul.level_1 li a,
#mobileMenu ul.level_1 li a:hover {
  color: #ffffff;
}
#mobileMenu ul.level_1 li a,
#mobileMenu ul.level_1 li span,
#mobileMenu ul.level_1 li strong {
  padding: 11px 60px 11px 30px;
  position: relative;
  display: block;
}
#mobileMenu ul.level_1 li a::before,
#mobileMenu ul.level_1 li span::before,
#mobileMenu ul.level_1 li strong::before {
  width: 4px;
  height: 4px;
  position: absolute;
  top: 50%;
  right: auto;
  bottom: auto;
  left: 0;
  transform: translate(15px, -50%);
  border-radius: 50%;
  background-clip: padding-box;
  content: "";
  background: #e6a000;
}
#mobileMenu ul.level_1 li.active > *,
#mobileMenu ul.level_1 li.trail > * {
  background: #ffbe29;
  display: block;
}
#mobileMenu ul.level_1 li.active > *::before,
#mobileMenu ul.level_1 li.trail > *::before {
  background: white;
}

@media (min-width: 1025px) {
  #mobileMenu {
    transition: top 0.2s linear;
  }
  #mobileMenu ul.level_1 li a:hover,
  #mobileMenu ul.level_1 li span:hover {
    background: #ffbe29;
  }
  body.smallHeader #mobileMenu {
    top: 72px;
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1201px) {
  #mobileMenu {
    display: none !important;
  }
  #searchButton,
  #language {
    display: block !important;
  }
}
@media (max-width: 1024px) {
  #mobileMenu {
    top: 72px;
  }
}
@media (max-width: 768px) {
  #mobileMenu {
    top: 64px;
  }
}
#produktuebersicht {
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  background-color: #081429;
  overflow: hidden;
}
@media (max-width: 768px) {
  #produktuebersicht {
    padding-left: 12px;
    padding-right: 12px;
  }
}
#produktuebersicht .procuct--teaser {
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: inline;
  float: left;
  width: 50%;
  height: 35vh;
  position: relative;
}
@media (max-width: 768px) {
  #produktuebersicht .procuct--teaser {
    width: 100%;
    left: 0;
  }
}
#produktuebersicht .procuct--teaser a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  font-size: 0;
  display: block;
  overflow: hidden;
}
#produktuebersicht .procuct--teaser a::before, #produktuebersicht .procuct--teaser a::after {
  content: "";
}
#produktuebersicht .procuct--teaser a::before {
  position: absolute;
  top: 100%;
  right: 0;
  bottom: 0;
  left: 0;
  transition: all 0.2s ease-in-out;
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: 3;
}
#produktuebersicht .procuct--teaser a::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
}
#produktuebersicht .procuct--teaser a .procuct--teaser--title {
  position: absolute;
  top: 50%;
  right: auto;
  bottom: auto;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.4s ease-in-out;
  display: table;
  z-index: 4;
}
#produktuebersicht .procuct--teaser a .procuct--teaser--title h2 {
  overflow: hidden;
}
#produktuebersicht .procuct--teaser a .procuct--teaser--title h2 .title {
  margin-bottom: 8px;
  color: #ffffff;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  display: block;
}
@media only screen and (min-width: 1900px) {
  #produktuebersicht .procuct--teaser a .procuct--teaser--title h2 .title {
    font-size: 30px;
  }
}
@media only screen and (max-width: 1899px) {
  #produktuebersicht .procuct--teaser a .procuct--teaser--title h2 .title {
    font-size: 22px;
  }
}
@media (max-width: 1024px) {
  #produktuebersicht .procuct--teaser a .procuct--teaser--title h2 .title {
    font-size: 19px;
  }
}
@media (max-width: 768px) {
  #produktuebersicht .procuct--teaser a .procuct--teaser--title h2 .title {
    font-size: 17px;
  }
}
#produktuebersicht .procuct--teaser a .procuct--teaser--title h2 .subtitle {
  font-size: 16px;
  line-height: 1.25;
  margin: 0 auto;
  color: #dadada;
  font-weight: 400;
  line-height: 1;
  text-transform: uppercase;
  position: relative;
}
@media (max-width: 1024px) {
  #produktuebersicht .procuct--teaser a .procuct--teaser--title h2 .subtitle {
    font-size: 16px;
    line-height: 1.25;
  }
}
@media (max-width: 768px) {
  #produktuebersicht .procuct--teaser a .procuct--teaser--title h2 .subtitle {
    font-size: 16px;
    line-height: 1.25;
  }
}
#produktuebersicht .procuct--teaser a .procuct--teaser--title h2 .subtitle span {
  position: relative;
  padding: 0 6px;
}
#produktuebersicht .procuct--teaser a .procuct--teaser--title h2 .subtitle span:before, #produktuebersicht .procuct--teaser a .procuct--teaser--title h2 .subtitle span:after {
  content: "";
  position: absolute;
  top: 50%;
  height: 2px;
  background: #ffb200;
  width: 300px;
}
#produktuebersicht .procuct--teaser a .procuct--teaser--title h2 .subtitle span:before {
  right: 100%;
}
#produktuebersicht .procuct--teaser a .procuct--teaser--title h2 .subtitle span:after {
  left: 100%;
}
#produktuebersicht .procuct--teaser a .procuct--teaser--image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  transition: all 0.35s ease-in-out;
  opacity: 0.4;
  filter: alpha(opacity=40);
  z-index: 1;
}
@media only screen and (min-width: 1400px) {
  #produktuebersicht .procuct--teaser {
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    display: inline;
    float: left;
    width: 33.3333333333%;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 768px) {
  #produktuebersicht .procuct--teaser {
    width: 100%;
    left: 0;
  }
}

@media (min-width: 1025px) {
  #produktuebersicht a:hover::before {
    opacity: 1;
    filter: alpha(opacity=100);
    top: 70%;
  }
  #produktuebersicht a:hover .procuct--teaser--title {
    transform: translate(-50%, 0);
    top: 76.5%;
  }
  #produktuebersicht a:hover .procuct--teaser--image {
    opacity: 1;
    filter: alpha(opacity=100);
    transform: scale(1.1);
  }
}
@media (max-width: 768px) {
  #produktuebersicht {
    padding: 0;
  }
}
@keyframes floating {
  from {
    -webkit-transform: translate(0, 0px);
  }
  65% {
    -webkit-transform: translate(0, 8px);
  }
  to {
    -webkit-transform: translate(0, 0px);
  }
}
#introSlider {
  background-color: #081429;
  border-bottom: 2px solid #ffffff;
  position: relative;
}
#introSlider .slideshow--container {
  width: 100%;
}
#introSlider .slideshow--container .slideshow--item {
  width: 100%;
  background-color: #081429;
  position: relative;
  display: block;
}
#introSlider .slideshow--container .slideshow--item h2 {
  position: absolute;
  top: 50%;
  right: 50px;
  bottom: auto;
  left: 50px;
  transform: translate(0, -50%);
  font-size: 50px;
  line-height: 1.25;
  margin-bottom: 10px;
  color: #ffffff;
  font-weight: 300;
  text-align: center;
  text-transform: uppercase;
  pointer-events: none;
  z-index: 1;
}
@media (max-width: 1024px) {
  #introSlider .slideshow--container .slideshow--item h2 {
    font-size: 35px;
    line-height: 1.25;
  }
}
@media (max-width: 768px) {
  #introSlider .slideshow--container .slideshow--item h2 {
    font-size: 18px;
    line-height: 1.25;
  }
}
#introSlider .slideshow--container .slideshow--item .slideshow--link {
  position: absolute;
  top: 75%;
  right: auto;
  bottom: auto;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
#introSlider .slideshow--container .slideshow--item .slideshow--link a {
  animation: floating 4s infinite ease-in-out;
  font-size: 20px;
  line-height: 1.25;
  padding: 10px 15px;
  color: #ffb200;
  font-weight: 600;
  line-height: 1 !important;
  text-transform: uppercase;
  border: 1px solid #ffb200;
  display: inline-block;
  position: relative;
}
@media (max-width: 1024px) {
  #introSlider .slideshow--container .slideshow--item .slideshow--link a {
    font-size: 20px;
    line-height: 1.25;
  }
}
@media (max-width: 768px) {
  #introSlider .slideshow--container .slideshow--item .slideshow--link a {
    font-size: 20px;
    line-height: 1.25;
  }
}
#introSlider .slideshow--container .slideshow--item .slideshow--link a::before {
  position: absolute;
  top: 100%;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #ffb200;
  content: "";
  z-index: -1;
}
#introSlider .slideshow--container .slideshow--item .slideshow--link a::after {
  position: absolute;
  top: 100%;
  right: auto;
  bottom: auto;
  left: 50%;
  transform: translate(-50%, 0);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 7px 0 7px;
  border-color: #ffb200 transparent transparent transparent;
  content: "";
}
#introSlider .slideshow--container .slideshow--item .slideshow--bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.4;
  filter: alpha(opacity=40);
}
#introSlider .slideshow--container .slideshow--item .slideshow--bg::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 1;
  filter: alpha(opacity=100);
  content: "";
  z-index: -1;
}
#introSlider .slideshow--container .slideshow--item.is-selected h2, #introSlider .slideshow--container .slideshow--item.is-selected .slideshow--link {
  opacity: 0;
  filter: alpha(opacity=0);
}
#introSlider .slideshow--container .slideshow--item.is-selected h2 {
  animation-delay: .5s;
}
#introSlider .slideshow--container .slideshow--item.is-selected .slideshow--link {
  animation-delay: .75s;
}
#introSlider .slideshow--container .slideshow--item.is-selected h2, #introSlider .slideshow--container .slideshow--item.is-selected .slideshow--link {
  transition: all 0.25s ease-in-out;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-name: fadeIn;
  animation-duration: 2s;
}
#introSlider .flickity-page-dots {
  width: 100%;
  text-align: center;
  line-height: 1;
  bottom: 20px;
  z-index: 1;
}
#introSlider .flickity-rtl .flickity-page-dots {
  direction: rtl;
}
#introSlider .flickity-page-dots .dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-clip: padding-box;
  opacity: 0.45;
  filter: alpha(opacity=45);
  margin: 0 4px;
  background: transparent;
  border: 1px solid #ffffff;
  display: inline-block;
  cursor: pointer;
}
#introSlider .flickity-page-dots .dot.is-selected {
  opacity: 1;
  filter: alpha(opacity=100);
}

@media (min-width: 1025px) {
  #introSlider .slideshow--container {
    height: 500px;
  }
  #introSlider .slideshow--item {
    height: 500px;
  }
}
@media only screen and (min-width: 1025px) and (min-height: 1200px) {
  #introSlider .slideshow--container {
    height: 420px;
  }
  #introSlider .slideshow--item {
    height: 420px;
  }
}
@media (min-width: 1025px) {
  #introSlider .slideshow--link a:hover {
    color: #ffffff !important;
  }
  #introSlider .slideshow--link a:hover::before {
    top: 0 !important;
  }
  #introSlider .flickity-prev-next-button.previous {
    left: 50px !important;
  }
  #introSlider .flickity-prev-next-button.next {
    right: 50px !important;
  }
}
@media (max-width: 1024px) {
  #introSlider .slideshow--container {
    height: 300px;
  }
  #introSlider .slideshow--item {
    height: 300px;
  }
  #introSlider .flickity-prev-next-button.previous {
    left: 35px !important;
  }
  #introSlider .flickity-prev-next-button.next {
    right: 35px !important;
  }
}
@media (max-width: 768px) {
  #introSlider .slideshow--container {
    height: 200px;
  }
  #introSlider .slideshow--item {
    height: 200px;
  }
  #introSlider .slideshow--link, #introSlider .flickity-prev-next-button {
    display: none !important;
  }
}
#newsSlider {
  padding: 50px 0;
  background-color: #ffb200;
}
#newsSlider h2 {
  font-size: 22px;
  line-height: 1.25;
  margin-bottom: 10px;
  color: #ffffff;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
}
@media (max-width: 1024px) {
  #newsSlider h2 {
    font-size: 20px;
    line-height: 1.25;
  }
}
@media (max-width: 768px) {
  #newsSlider h2 {
    font-size: 16px;
    line-height: 1.25;
  }
}
#newsSlider .flickity-viewport {
  height: 100%;
  transition: height 0.2s;
}
#newsSlider .slideshow--container {
  padding-bottom: 10px;
  width: 100%;
  position: relative;
}
#newsSlider .slideshow--container .slideshow--item {
  width: 100%;
  text-align: center;
}
#newsSlider .slideshow--container a.slideshow--item--box {
  margin: 7px auto;
  color: #ffffff;
  text-align: center;
  border: 1px solid #ffffff;
  display: inline-block;
  position: relative;
}
#newsSlider .slideshow--container a.slideshow--item--box::before, #newsSlider .slideshow--container a.slideshow--item--box::after {
  position: absolute;
  top: 0;
  right: auto;
  bottom: auto;
  left: auto;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 7px 7px 7px;
}
#newsSlider .slideshow--container a.slideshow--item--box::before {
  transform: translate(0, -6px);
  border-color: transparent transparent #ffb200 transparent;
  z-index: 2;
}
#newsSlider .slideshow--container a.slideshow--item--box::after {
  transform: translate(0, -7px);
  border-color: transparent transparent #ffffff transparent;
  z-index: 1;
}
#newsSlider .slideshow--container a.slideshow--item--box .slideshow--item--title,
#newsSlider .slideshow--container a.slideshow--item--box .slideshow--item--teaser {
  padding: 20px;
}
#newsSlider .slideshow--container a.slideshow--item--box .slideshow--item--title h3 {
  font-size: 18px;
  line-height: 1.25;
  color: #081429;
  font-weight: 600;
}
@media (max-width: 1024px) {
  #newsSlider .slideshow--container a.slideshow--item--box .slideshow--item--title h3 {
    font-size: 18px;
    line-height: 1.25;
  }
}
@media (max-width: 768px) {
  #newsSlider .slideshow--container a.slideshow--item--box .slideshow--item--title h3 {
    font-size: 18px;
    line-height: 1.25;
  }
}
#newsSlider .slideshow--container a.slideshow--item--box .slideshow--item--title h4 {
  font-size: 16px;
  line-height: 1.4;
  color: #ffffff;
  font-style: italic;
}
@media (max-width: 1024px) {
  #newsSlider .slideshow--container a.slideshow--item--box .slideshow--item--title h4 {
    font-size: 14px;
    line-height: 1.4;
  }
}
@media (max-width: 768px) {
  #newsSlider .slideshow--container a.slideshow--item--box .slideshow--item--title h4 {
    font-size: 14px;
    line-height: 1.4;
  }
}
#newsSlider .slideshow--container a.slideshow--item--box .slideshow--item--teaser {
  border-top: 1px solid #ffffff;
}
#newsSlider .slideshow--container a.slideshow--item--box .slideshow--item--teaser p {
  margin: 0;
}
#newsSlider .flickity-page-dots {
  width: 100%;
  text-align: center;
  line-height: 1;
  z-index: 1;
}
#newsSlider .flickity-rtl .flickity-page-dots {
  direction: rtl;
}
#newsSlider .flickity-page-dots .dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-clip: padding-box;
  opacity: 0.45;
  filter: alpha(opacity=45);
  margin: 0 4px;
  background: transparent;
  border: 1px solid #ffffff;
  display: inline-block;
  cursor: pointer;
}
#newsSlider .flickity-page-dots .dot.is-selected {
  opacity: 1;
  filter: alpha(opacity=100);
}

@media (min-width: 1025px) {
  #newsSlider .flickity-prev-next-button.previous {
    left: 50px !important;
  }
  #newsSlider .flickity-prev-next-button.next {
    right: 50px !important;
  }
}
@media (max-width: 1024px) {
  #newsSlider {
    padding: 35px 0;
  }
  #newsSlider .flickity-prev-next-button.previous {
    left: 35px !important;
  }
  #newsSlider .flickity-prev-next-button.next {
    right: 35px !important;
  }
}
@media (max-width: 768px) {
  #newsSlider {
    padding: 20px 0;
  }
  #newsSlider a.slideshow--item--box {
    max-width: 90%;
  }
  #newsSlider a.slideshow--item--box .slideshow--item--title,
  #newsSlider a.slideshow--item--box .slideshow--item--teaser {
    padding: 10px !important;
  }
  #newsSlider .flickity-page-dots {
    bottom: -10px;
  }
  #newsSlider .flickity-prev-next-button {
    display: none !important;
  }
}
.headtitle {
  transition: height 0.2s ease-in-out;
  text-align: center;
  background-color: #081429;
  position: relative;
}
.headtitle::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
}
.headtitle .headtitle--title {
  position: absolute;
  top: 50%;
  right: auto;
  bottom: auto;
  left: 50%;
  transform: translate(-50%, -50%);
  display: table;
  z-index: 4;
}
.headtitle .headtitle--title h1 {
  overflow: hidden;
}
.headtitle .headtitle--title h1 .title {
  font-size: 50px;
  line-height: 1.25;
  margin-bottom: 0;
  color: #ffffff;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  display: block;
}
@media (max-width: 1024px) {
  .headtitle .headtitle--title h1 .title {
    font-size: 35px;
    line-height: 1.25;
  }
}
@media (max-width: 768px) {
  .headtitle .headtitle--title h1 .title {
    font-size: 18px;
    line-height: 1.25;
  }
}
.headtitle .headtitle--title h1 .subtitle {
  font-size: 16px;
  line-height: 1.25;
  margin: 0 auto;
  color: #dadada;
  font-weight: 400;
  line-height: 1;
  text-transform: uppercase;
  position: relative;
}
@media (max-width: 1024px) {
  .headtitle .headtitle--title h1 .subtitle {
    font-size: 16px;
    line-height: 1.25;
  }
}
@media (max-width: 768px) {
  .headtitle .headtitle--title h1 .subtitle {
    font-size: 16px;
    line-height: 1.25;
  }
}
.headtitle .headtitle--title h1 .subtitle span {
  position: relative;
  padding: 0 6px;
}
.headtitle .headtitle--title h1 .subtitle span:before, .headtitle .headtitle--title h1 .subtitle span:after {
  content: "";
  position: absolute;
  top: 50%;
  height: 2px;
  background: #ffb200;
  width: 300px;
}
.headtitle .headtitle--title h1 .subtitle span:before {
  right: 100%;
}
.headtitle .headtitle--title h1 .subtitle span:after {
  left: 100%;
}
.headtitle .headtitle--title h2 {
  font-size: 50px;
  line-height: 1.25;
  margin-bottom: 0;
  color: #ffffff;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  display: block;
  box-shadow: 0 0 0 1px #ffb200;
  margin: 0.3em auto 0 auto;
  width: auto;
  padding: 5px 20px 10px 20px;
  color: #ffb200;
  display: inline-block;
  position: relative;
}
@media (max-width: 1024px) {
  .headtitle .headtitle--title h2 {
    font-size: 35px;
    line-height: 1.25;
  }
}
@media (max-width: 768px) {
  .headtitle .headtitle--title h2 {
    font-size: 18px;
    line-height: 1.25;
  }
}
.headtitle .headtitle--title h2 span {
  font-weight: 400;
}
.headtitle .headtitle--title h2::before {
  position: absolute;
  top: 100%;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #ffb200;
  content: "";
  z-index: -1;
}
.headtitle .headtitle--title h2::after {
  position: absolute;
  top: 100%;
  right: auto;
  bottom: auto;
  left: 50%;
  transform: translate(-50%, 0);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 7px 0 7px;
  border-color: #ffb200 transparent transparent transparent;
  content: "";
}
.headtitle .headtitle--title.productview .title {
  padding: 0 10px;
}
.headtitle .headtitle--title.productview h2 {
  font-size: 50px;
  line-height: 1.25;
  margin-bottom: 0;
  color: #ffffff;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  display: block;
  box-shadow: 0 0 0 1px #ffb200;
  margin: 0.3em auto 0 auto;
  width: auto;
  padding: 5px 20px 10px 20px;
  color: #ffb200;
  display: inline-block;
  position: relative;
}
@media (max-width: 1024px) {
  .headtitle .headtitle--title.productview h2 {
    font-size: 35px;
    line-height: 1.25;
  }
}
@media (max-width: 768px) {
  .headtitle .headtitle--title.productview h2 {
    font-size: 18px;
    line-height: 1.25;
  }
}
.headtitle .headtitle--title.productview h2 span {
  font-weight: 400;
}
.headtitle .headtitle--title.productview h2::before {
  position: absolute;
  top: 100%;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #ffb200;
  content: "";
  z-index: -1;
}
.headtitle .headtitle--title.productview h2::after {
  position: absolute;
  top: 100%;
  right: auto;
  bottom: auto;
  left: 50%;
  transform: translate(-50%, 0);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 7px 0 7px;
  border-color: #ffb200 transparent transparent transparent;
  content: "";
}
@media (max-width: 768px) {
  .headtitle .headtitle--title.productview h2 {
    font-size: 12px;
  }
}
.headtitle .headtitle--image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.4;
  filter: alpha(opacity=40);
  z-index: 1;
}

@media (min-width: 1025px) {
  .headtitle {
    height: 220px;
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1800px) {
  .headtitle {
    height: 260px;
  }
}
@media only screen and (min-width: 1025px) and (min-height: 1200px) {
  .headtitle {
    height: 320px;
  }
}
@media (max-width: 1024px) {
  .headtitle {
    height: 200px;
  }
}
@media (max-width: 768px) {
  .headtitle {
    height: 180px;
  }
}
.contentBox, .members-section {
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
  padding-top: 2.0833333333%;
  padding-bottom: 2.0833333333%;
}
@media (max-width: 768px) {
  .contentBox, .members-section {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media (max-width: 768px) {
  .contentBox, .members-section {
    padding-top: 4.1666666667%;
    padding-bottom: 4.1666666667%;
  }
}
@media only screen and (max-width: 1200px) {
  .contentBox, .members-section {
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media (max-width: 1024px) {
  .contentBox, .members-section {
    padding-left: 35px;
    padding-right: 35px;
  }
}
@media (max-width: 768px) {
  .contentBox, .members-section {
    padding-left: 12px;
    padding-right: 12px;
  }
}
.contentBox h2, .members-section h2 {
  font-size: 22px;
  line-height: 1.25;
  margin: 50px 0;
  color: #202020;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
  line-height: 1;
  position: relative;
  margin: 2em 0;
  clear: both;
}
@media (max-width: 1024px) {
  .contentBox h2, .members-section h2 {
    font-size: 20px;
    line-height: 1.25;
  }
}
@media (max-width: 768px) {
  .contentBox h2, .members-section h2 {
    font-size: 16px;
    line-height: 1.25;
  }
}
.contentBox h2 span, .members-section h2 span {
  padding: 0 10px;
  background: #ffffff;
  display: inline-block;
  position: relative;
  z-index: 2;
}
.contentBox h2::after, .members-section h2::after {
  width: 100%;
  height: 2px;
  position: absolute;
  top: 50%;
  right: 0;
  bottom: auto;
  left: auto;
  content: "";
  background-color: #ffb200;
  display: block;
  z-index: 1;
}
@media (max-width: 1024px) {
  .contentBox h2, .members-section h2 {
    margin: 30px 0;
  }
}
@media (max-width: 768px) {
  .contentBox h2, .members-section h2 {
    margin: 20px 0;
  }
}
.contentBox h3, .members-section h3 {
  font-size: 22px;
  line-height: 1.25;
  margin: 50px 0;
  color: #202020;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
  line-height: 1;
  position: relative;
  font-size: 18px;
  line-height: 1.25;
  margin: 1em 0;
  clear: both;
}
@media (max-width: 1024px) {
  .contentBox h3, .members-section h3 {
    font-size: 20px;
    line-height: 1.25;
  }
}
@media (max-width: 768px) {
  .contentBox h3, .members-section h3 {
    font-size: 16px;
    line-height: 1.25;
  }
}
.contentBox h3 span, .members-section h3 span {
  padding: 0 10px;
  background: #ffffff;
  display: inline-block;
  position: relative;
  z-index: 2;
}
.contentBox h3::after, .members-section h3::after {
  width: 100%;
  height: 2px;
  position: absolute;
  top: 50%;
  right: 0;
  bottom: auto;
  left: auto;
  content: "";
  background-color: #ffb200;
  display: block;
  z-index: 1;
}
@media (max-width: 1024px) {
  .contentBox h3, .members-section h3 {
    margin: 30px 0;
  }
}
@media (max-width: 768px) {
  .contentBox h3, .members-section h3 {
    margin: 20px 0;
  }
}
.contentBox h3::after, .members-section h3::after {
  background-color: #ececec;
}
@media (max-width: 1024px) {
  .contentBox h3, .members-section h3 {
    font-size: 18px;
    line-height: 1.25;
  }
}
@media (max-width: 768px) {
  .contentBox h3, .members-section h3 {
    font-size: 18px;
    line-height: 1.25;
  }
}
.contentBox.nopadtop, .nopadtop.members-section {
  padding-top: 0;
}
.contentBox .ce_text a, .members-section .ce_text a {
  text-decoration: underline;
}
.contentBox .ce_text button, .members-section .ce_text button {
  border-radius: 5px;
  background-clip: padding-box;
  font-size: 14px;
  line-height: 1.25;
  padding: 8px 15px 10px 15px;
  color: #b5b5b5;
  background-color: #ffffff;
  border: 1px solid #ececec;
}
@media (max-width: 1024px) {
  .contentBox .ce_text button, .members-section .ce_text button {
    font-size: 13px;
    line-height: 1.25;
  }
}
@media (max-width: 768px) {
  .contentBox .ce_text button, .members-section .ce_text button {
    font-size: 12px;
    line-height: 1.25;
  }
}
.contentBox .ce_text ul, .members-section .ce_text ul, .contentBox .ce_text ol, .members-section .ce_text ol {
  padding-left: 10px;
}
.contentBox .ce_text ul li, .members-section .ce_text ul li, .contentBox .ce_text ol li, .members-section .ce_text ol li {
  padding-left: 35px;
  position: relative;
}
.contentBox .ce_text ul li::before, .members-section .ce_text ul li::before, .contentBox .ce_text ol li::before, .members-section .ce_text ol li::before {
  position: absolute;
  top: auto;
  right: auto;
  bottom: auto;
  left: 0;
  color: #b5b5b5;
}
.contentBox .ce_text ul li:not(:last-child), .members-section .ce_text ul li:not(:last-child), .contentBox .ce_text ol li:not(:last-child), .members-section .ce_text ol li:not(:last-child) {
  margin-bottom: 0.75em;
}
.contentBox .ce_text ul li > ul, .members-section .ce_text ul li > ul, .contentBox .ce_text ul li ol, .members-section .ce_text ul li ol, .contentBox .ce_text ol li > ul, .members-section .ce_text ol li > ul, .contentBox .ce_text ol li ol, .members-section .ce_text ol li ol {
  margin-top: 0.75em;
}
.contentBox .ce_text ul li::before, .members-section .ce_text ul li::before {
  content: "»";
}
.contentBox .ce_text ol, .members-section .ce_text ol {
  counter-reset: countUp;
}
.contentBox .ce_text ol > li::before, .members-section .ce_text ol > li::before {
  content: counter(countUp, decimal-leading-zero) ".";
  counter-increment: countUp;
}
.contentBox .ce_text ul.alpha, .members-section .ce_text ul.alpha {
  padding-left: 0;
  counter-reset: countUpAlpha;
}
.contentBox .ce_text ul.alpha > li, .members-section .ce_text ul.alpha > li {
  padding-left: 30px;
}
.contentBox .ce_text ul.alpha > li::before, .members-section .ce_text ul.alpha > li::before {
  content: "(" counter(countUpAlpha, lower-alpha) ")";
  counter-increment: countUpAlpha;
}

@media (min-width: 1025px) {
  .contentBox .ce_text button:hover, .members-section .ce_text button:hover {
    color: #555555;
    border-color: #ffb200;
  }
}
.slideshow {
  margin: 2em 0;
}
.slideshow .flickity-viewport {
  height: 100%;
}
.slideshow .slideshow--container {
  width: 100%;
}
.slideshow .slideshow--container .slideshow--item {
  width: 100%;
}
.slideshow .slideshow--container .slideshow--item img {
  width: 100%;
  height: auto;
  display: block;
}
.slideshow .flickity-page-dots {
  width: 100%;
  text-align: center;
  line-height: 1;
  bottom: 20px;
  z-index: 1;
}
.slideshow .flickity-rtl .flickity-page-dots {
  direction: rtl;
}
.slideshow .flickity-page-dots .dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-clip: padding-box;
  opacity: 0.45;
  filter: alpha(opacity=45);
  margin: 0 4px;
  background: transparent;
  border: 1px solid #ffffff;
  display: inline-block;
  cursor: pointer;
}
.slideshow .flickity-page-dots .dot.is-selected {
  opacity: 1;
  filter: alpha(opacity=100);
}

@media (min-width: 1025px) {
  .slideshow .flickity-prev-next-button.previous {
    left: 50px !important;
  }
  .slideshow .flickity-prev-next-button.next {
    right: 50px !important;
  }
}
@media (max-width: 1024px) {
  .slideshow .flickity-prev-next-button.previous {
    left: 35px !important;
  }
  .slideshow .flickity-prev-next-button.next {
    right: 35px !important;
  }
}
@media (max-width: 768px) {
  .slideshow .slideshow--link, .slideshow .flickity-prev-next-button {
    display: none !important;
  }
}
.newsEntry {
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
  padding-top: 4.1666666667%;
  padding-bottom: 4.1666666667%;
  border-bottom: 1px solid #ececec;
}
@media (max-width: 768px) {
  .newsEntry {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media only screen and (max-width: 1200px) {
  .newsEntry {
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media (max-width: 1024px) {
  .newsEntry {
    padding-left: 35px;
    padding-right: 35px;
  }
}
@media (max-width: 768px) {
  .newsEntry {
    padding-left: 12px;
    padding-right: 12px;
  }
}
.newsEntry.last {
  border-bottom: none;
}
.newsEntry .newsEntry--img {
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: inline;
  float: left;
  width: 25%;
  margin-right: 8.3333333333%;
  padding: 40px;
  border: 1px solid #ececec;
}
@media (max-width: 768px) {
  .newsEntry .newsEntry--img {
    width: 100%;
    left: 0;
  }
}
.newsEntry .newsEntry--img img {
  margin: 0 auto;
}
.newsEntry .newsEntry--img img.portrait {
  width: auto;
  max-height: 80px;
}
.newsEntry .newsEntry--img img.landscape {
  width: 100%;
  max-width: 160px;
  height: auto;
}
.newsEntry .newsEntry--cnt {
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: inline;
  float: left;
  width: 66.6666666667%;
}
@media (max-width: 768px) {
  .newsEntry .newsEntry--cnt {
    width: 100%;
    left: 0;
  }
}
.newsEntry .newsEntry--cnt h2 {
  font-size: 16px;
  line-height: 1.25;
  color: #202020;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1;
  margin-bottom: 0;
}
@media (max-width: 1024px) {
  .newsEntry .newsEntry--cnt h2 {
    font-size: 16px;
    line-height: 1.25;
  }
}
@media (max-width: 768px) {
  .newsEntry .newsEntry--cnt h2 {
    font-size: 16px;
    line-height: 1.25;
  }
}
.newsEntry .newsEntry--cnt h2::after {
  width: 40px;
  height: 2px;
  margin: 15px 0;
  content: "";
  background-color: #ffb200;
  display: block;
}
.newsEntry .newsEntry--cnt .more a {
  color: #b5b5b5;
  border-bottom: 1px solid #ececec;
}
@media (min-width: 1025px) {
  .newsEntry .newsEntry--cnt .more a:hover {
    color: #ffb200;
    border-bottom-color: #ffb200;
  }
}

.newsEntryFull {
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
}
@media (max-width: 768px) {
  .newsEntryFull {
    padding-left: 12px;
    padding-right: 12px;
  }
}
.newsEntryFull h1 {
  font-size: 16px;
  line-height: 1.25;
  color: #202020;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1;
  margin-bottom: 0;
}
@media (max-width: 1024px) {
  .newsEntryFull h1 {
    font-size: 16px;
    line-height: 1.25;
  }
}
@media (max-width: 768px) {
  .newsEntryFull h1 {
    font-size: 16px;
    line-height: 1.25;
  }
}
.newsEntryFull h1::after {
  width: 40px;
  height: 2px;
  margin: 15px 0;
  content: "";
  background-color: #ffb200;
  display: block;
}
.newsEntryFull .newsEntryFull--head {
  overflow: hidden;
}
.newsEntryFull .newsEntryFull--head .left {
  float: left;
}
.newsEntryFull .newsEntryFull--head .right {
  float: right;
}
.newsEntryFull .newsEntryFull--head .right img {
  max-width: 160px;
  max-height: 80px;
  height: auto;
  width: auto;
}
.newsEntryFull .newsEntryFull--text {
  margin-top: 4.1666666667%;
  padding-top: 4.1666666667%;
  border-top: 1px solid #ececec;
}
.newsEntryFull .newsEntryFull--text a {
  color: #b5b5b5;
  border-bottom: 1px solid #ececec;
}
@media (min-width: 1025px) {
  .newsEntryFull .newsEntryFull--text a:hover {
    color: #ffb200;
    border-bottom-color: #ffb200;
  }
}

.mod_newsreader {
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
  padding-top: 4.1666666667%;
  padding-bottom: 4.1666666667%;
}
@media (max-width: 768px) {
  .mod_newsreader {
    padding-left: 12px;
    padding-right: 12px;
  }
}
.mod_newsreader .back {
  margin-top: 4.1666666667%;
  padding-top: 4.1666666667%;
  border-top: 1px solid #ececec;
}
.mod_newsreader .back a {
  font-size: 12px;
  line-height: 1.25;
  padding: 10px 15px;
  color: #b5b5b5;
  font-weight: 600;
  text-transform: uppercase;
  background: #ffffff;
  border: 1px solid #ececec;
  display: inline-block;
  margin-top: 30px;
}
@media (max-width: 1024px) {
  .mod_newsreader .back a {
    font-size: 12px;
    line-height: 1.25;
  }
}
@media (max-width: 768px) {
  .mod_newsreader .back a {
    font-size: 12px;
    line-height: 1.25;
  }
}
@media (min-width: 1025px) {
  .mod_newsreader .back a:hover {
    color: #ffffff;
    background: #ffb200;
    border-color: #ffb200;
  }
}

.pagination {
  padding: 20px 0;
  background-color: rgba(236, 236, 236, 0.25);
}
.pagination > p {
  display: none;
}

.pagination ul {
  font-size: 0;
  text-align: center;
}
.pagination ul li {
  font-size: 11px;
  line-height: 1.25;
  display: inline-block;
}
@media (max-width: 1024px) {
  .pagination ul li {
    font-size: 11px;
    line-height: 1.25;
  }
}
@media (max-width: 768px) {
  .pagination ul li {
    font-size: 11px;
    line-height: 1.25;
  }
}
.pagination ul li a, .pagination ul li span {
  padding: 8px 12px;
  color: #b5b5b5;
  display: block;
}
.pagination ul li .current {
  color: #555555;
  font-weight: 600;
}

@media (min-width: 1025px) {
  .pagination ul li:hover a {
    color: #555555;
  }
}
@media (max-width: 768px) {
  .newsEntry--img {
    margin-right: 0%;
    margin-bottom: 15px;
    padding: 10px 0 0 0 !important;
    border: none !important;
  }
  .newsEntry--img img {
    margin: 0 !important;
  }
  .newsEntry--img img.portrait {
    max-height: 50px !important;
  }
  .newsEntry--img img.landscape {
    max-width: 120px !important;
  }
  .newsEntryFull--head {
    overflow: inherit;
  }
  .newsEntryFull--head .left, .newsEntryFull--head .right {
    float: none !important;
  }
  .newsEntryFull--head .right {
    margin-top: 15px;
  }
  .pagination ul li {
    display: none;
  }
  .pagination ul li.first, .pagination ul li.previous, .pagination ul li.next, .pagination ul li.last {
    border: none;
    display: inline-block;
  }
  .pagination ul li a, .pagination ul li span {
    padding: 15px;
  }
}
#products {
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
  padding-top: 4.1666666667%;
  padding-bottom: 4.1666666667%;
}
@media (max-width: 768px) {
  #products {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media only screen and (max-width: 1200px) {
  #products {
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media (max-width: 1024px) {
  #products {
    padding-left: 35px;
    padding-right: 35px;
  }
}
@media (max-width: 768px) {
  #products {
    padding-left: 12px;
    padding-right: 12px;
  }
}
#products .products--sidebar {
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: inline;
  float: left;
  width: 33.3333333333%;
}
@media (max-width: 768px) {
  #products .products--sidebar {
    width: 100%;
    left: 0;
  }
}
#products .products--container {
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: inline;
  float: left;
  width: 66.6666666667%;
}
@media (max-width: 768px) {
  #products .products--container {
    width: 100%;
    left: 0;
  }
}
#products .products--container--full {
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: inline;
  float: left;
  width: 100%;
}
@media (max-width: 768px) {
  #products .products--container--full {
    width: 100%;
    left: 0;
  }
}
#products ul.products--list li {
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: inline;
  float: left;
  width: 33.3333333333%;
}
@media (max-width: 768px) {
  #products ul.products--list li {
    width: 100%;
    left: 0;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1200px) {
  #products ul.products--list li {
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    display: inline;
    float: left;
    width: 33.3333333333%;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1200px) and (max-width: 768px) {
  #products ul.products--list li {
    width: 100%;
    left: 0;
  }
}
@media (max-width: 1024px) and (orientation: portrait) {
  #products .products--sidebar {
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    display: inline;
    float: left;
    width: 100%;
  }
}
@media (max-width: 1024px) and (orientation: portrait) and (max-width: 768px) {
  #products .products--sidebar {
    width: 100%;
    left: 0;
  }
}
@media (max-width: 1024px) and (orientation: portrait) {
  #products .products--container {
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    display: inline;
    float: left;
    width: 100%;
  }
}
@media (max-width: 1024px) and (orientation: portrait) and (max-width: 768px) {
  #products .products--container {
    width: 100%;
    left: 0;
  }
}
@media (max-width: 1024px) and (orientation: portrait) {
  #products ul.products--list li {
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    display: inline;
    float: left;
    width: 100%;
  }
}
@media (max-width: 1024px) and (orientation: portrait) and (max-width: 768px) {
  #products ul.products--list li {
    width: 100%;
    left: 0;
  }
}
@media (max-width: 1024px) and (orientation: landscape) {
  #products .products--sidebar {
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    display: inline;
    float: left;
    width: 25%;
  }
}
@media (max-width: 1024px) and (orientation: landscape) and (max-width: 768px) {
  #products .products--sidebar {
    width: 100%;
    left: 0;
  }
}
@media (max-width: 1024px) and (orientation: landscape) {
  #products .products--container {
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    display: inline;
    float: left;
    width: 75%;
  }
}
@media (max-width: 1024px) and (orientation: landscape) and (max-width: 768px) {
  #products .products--container {
    width: 100%;
    left: 0;
  }
}
@media (max-width: 1024px) and (orientation: landscape) {
  #products ul.products--list li {
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    display: inline;
    float: left;
    width: 50%;
  }
}
@media (max-width: 1024px) and (orientation: landscape) and (max-width: 768px) {
  #products ul.products--list li {
    width: 100%;
    left: 0;
  }
}
@media (max-width: 768px) {
  #products ul.products--list li {
    width: 50%;
  }
}
.filter {
  font-size: 14px;
  line-height: 1.25;
  margin-top: 50px;
  width: 350px;
}
@media (max-width: 1024px) {
  .filter {
    font-size: 13px;
    line-height: 1.25;
  }
}
@media (max-width: 768px) {
  .filter {
    font-size: 12px;
    line-height: 1.25;
  }
}
.filter .filter--toggle {
  font-size: 0;
  background-color: #ececec;
  border: 1px solid #ececec;
  display: inline-block;
}
.filter .filter--toggle > button {
  height: 44px;
  line-height: 44px;
  background-color: #ffffff;
  display: inline-block;
  position: relative;
}
.filter .filter--toggle > button::before {
  font-size: 14px;
  line-height: 43px;
}
.filter .filter--toggle .filter--button {
  padding-left: 45px;
  width: 110px;
  color: #ffb200;
  text-align: left;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  border-right: 1px solid #ececec;
}
.filter .filter--toggle .filter--button::before {
  position: absolute;
  top: 0;
  right: auto;
  bottom: 0;
  left: auto;
  content: "g";
  left: 20px;
}
.filter .filter--toggle .filter--delete {
  font-size: 12px;
  line-height: 1.25;
  width: 44px;
  text-align: center;
}
@media (max-width: 1024px) {
  .filter .filter--toggle .filter--delete {
    font-size: 12px;
    line-height: 1.25;
  }
}
@media (max-width: 768px) {
  .filter .filter--toggle .filter--delete {
    font-size: 12px;
    line-height: 1.25;
  }
}
.filter .filter--toggle .filter--delete::before {
  content: "i";
  color: #858585;
}
.filter .filter--toggle.active {
  border-color: #ffb200;
  border-bottom: none;
}
.filter .filter--toggle.active .filter--button {
  color: white;
  background-color: #ffb200;
  border-right-color: #ffb200;
}
.filter .filter--content {
  display: none;
}
.filter .filter--content .filter--wrapper {
  background-color: white;
  border: 1px solid #ffb200;
}
.filter .filter--content .filter--wrapper .filter--key:not(:last-of-type) {
  border-right: 1px solid #ececec;
}
.filter .filter--content .filter--wrapper .filter--key .filter--key--title {
  width: 100%;
  height: 44px;
  padding-left: 20px;
  color: #858585;
  text-align: left;
  line-height: 44px;
  background-color: rgba(236, 236, 236, 0.25);
  border-bottom: 1px solid #ececec;
  display: block;
  position: relative;
}
.filter .filter--content .filter--wrapper .filter--key .filter--key--title::after {
  position: absolute;
  top: 0;
  right: 20px;
  bottom: 0;
  left: auto;
  color: #858585;
  content: "+";
  line-height: 44px;
}
.filter .filter--content .filter--wrapper .filter--key.open {
  border-bottom: 1px solid #ececec;
}
.filter .filter--content .filter--wrapper .filter--key.open .filter--key--title {
  color: #555555;
  font-weight: 600;
}
.filter .filter--content .filter--wrapper .filter--key.open .filter--key--title::after {
  content: "–";
}
.filter .filter--content .filter--wrapper .filter--key .filter--values {
  padding: 20px;
  display: none;
}
.filter .filter--content .filter--wrapper .filter--key .filter--values li {
  overflow: hidden;
}
.filter .filter--content .filter--wrapper .filter--key .filter--values li:not(:last-child) {
  margin-bottom: 5px;
}
.filter .filter--content .filter--wrapper .filter--key .filter--values li input[type=checkbox], .filter .filter--content .filter--wrapper .filter--key .filter--values li label {
  float: left;
}
.filter .filter--content .filter--wrapper .filter--key .filter--values li input[type=checkbox] {
  width: 20px;
  height: 20px;
  background: #ffffff;
  border: 1px solid #ececec;
  position: relative;
}
.filter .filter--content .filter--wrapper .filter--key .filter--values li input[type=checkbox]::before {
  position: absolute;
  top: 2px;
  right: 2px;
  bottom: 2px;
  left: 2px;
  background-color: #ffffff;
  content: "";
}
.filter .filter--content .filter--wrapper .filter--key .filter--values li input[type=checkbox]:checked::before {
  background-color: #ffb200 !important;
}
.filter .filter--content .filter--wrapper .filter--key .filter--values li input[type=checkbox]:checked + label {
  color: #555555;
}
.filter .filter--content .filter--wrapper .filter--key .filter--values li label {
  padding-left: 10px;
  color: #858585;
}
.filter .filter--content .filter--action {
  width: 100%;
  height: 44px;
  margin-top: -1px;
  color: white;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 44px;
  background-color: #ffb200;
  display: block;
}
.filter .filter--content .filter--action:disabled {
  background-color: #b5b5b5;
}

@media (min-width: 1025px) {
  .filter--toggle:hover {
    border-color: #ffb200;
  }
  .filter--toggle:hover .filter--button {
    color: white;
    background-color: #ffb200;
    border-right-color: #ffb200;
  }
  .filter--toggle:hover .filter--button::before {
    color: white;
  }
  .filter--toggle .filter--delete:hover::before {
    color: #e74c3c;
  }
  .filter--content .filter--key--title:hover {
    color: #555555 !important;
    font-weight: 600;
  }
  .filter--content .filter--action:not(:disabled):hover {
    background-color: #173a75;
  }
  .filter--values {
    display: block;
  }
  .filter--values li input[type=checkbox]:hover, .filter--values li label:hover {
    cursor: pointer;
  }
  .filter--values li input[type=checkbox]:hover::before {
    background-color: #ececec !important;
  }
}
@media (max-width: 1024px) {
  .filter {
    margin-top: 30px;
  }
}
@media (max-width: 768px) {
  .filter {
    margin-top: 0;
    width: 100%;
  }
  .filter .filter--content .filter--wrapper {
    display: block;
  }
  .filter .filter--content .filter--wrapper .filter--key {
    border-right: none;
  }
  .filter .filter--content .filter--wrapper .filter--key .filter--key--title {
    border-bottom: none;
  }
  .filter .filter--content .filter--wrapper .filter--key:not(:first-of-type) .filter--key--title {
    border-top: 1px solid #ececec;
  }
  .filter .filter--content .filter--wrapper .filter--key .filter--values {
    border-top: 1px solid #ececec;
    display: none;
  }
}
.products--sidebar.navigation ul.level--1 {
  margin-bottom: 20px;
  padding: 20px;
  border: 1px solid #ececec;
}
.products--sidebar.navigation ul.level--1 > li > a,
.products--sidebar.navigation ul.level--1 .toggle-header a {
  font-size: 12px;
  line-height: 1.25;
  color: #858585;
  line-height: 1.75;
  font-weight: 600;
  text-transform: uppercase;
  display: block;
  position: relative;
}
@media (max-width: 1024px) {
  .products--sidebar.navigation ul.level--1 > li > a,
  .products--sidebar.navigation ul.level--1 .toggle-header a {
    font-size: 12px;
    line-height: 1.25;
  }
}
@media (max-width: 768px) {
  .products--sidebar.navigation ul.level--1 > li > a,
  .products--sidebar.navigation ul.level--1 .toggle-header a {
    font-size: 12px;
    line-height: 1.25;
  }
}
.products--sidebar.navigation ul.level--1 > li > a::after,
.products--sidebar.navigation ul.level--1 .toggle-header a::after {
  width: 100%;
  height: 2px;
  position: absolute;
  top: 50%;
  right: 0;
  bottom: auto;
  left: auto;
  content: "";
  background-color: #ececec;
  display: block;
}
.products--sidebar.navigation ul.level--1 > li > a span,
.products--sidebar.navigation ul.level--1 .toggle-header a span {
  padding-right: 5px;
  background-color: #ffffff;
  position: relative;
  z-index: 1;
}
@media (min-width: 1025px) {
  .products--sidebar.navigation ul.level--1 > li > a:hover,
  .products--sidebar.navigation ul.level--1 .toggle-header a:hover {
    color: #202020;
  }
  .products--sidebar.navigation ul.level--1 > li > a:hover::after,
  .products--sidebar.navigation ul.level--1 .toggle-header a:hover::after {
    background-color: #ffb200;
  }
}
.products--sidebar.navigation ul.level--1 .toggle-header {
  display: flex;
  align-items: center;
}
.products--sidebar.navigation ul.level--1 .toggle-header a {
  flex-grow: 1;
}
.products--sidebar.navigation ul.level--1 button {
  margin-left: 8px;
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
}
.products--sidebar.navigation ul.level--1 button svg {
  width: 16px;
  height: 16px;
  fill: none;
  stroke: #b5b5b5;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 0.1875rem;
}
.products--sidebar.navigation ul.level--1 button.active svg {
  stroke: #ffb200;
  transform: rotate(180deg);
}
@media (min-width: 1025px) {
  .products--sidebar.navigation ul.level--1 button:hover svg {
    stroke: #ffb200;
  }
}
.products--sidebar.navigation ul.level--1 li.active > a,
.products--sidebar.navigation ul.level--1 li.trail > a {
  color: #202020 !important;
}
.products--sidebar.navigation ul.level--1 li.active > a::after,
.products--sidebar.navigation ul.level--1 li.trail > a::after {
  background-color: #ffb200 !important;
}
.products--sidebar.navigation ul.level--1 li.active > .toggle-header > a,
.products--sidebar.navigation ul.level--1 li.trail > .toggle-header > a {
  color: #202020 !important;
}
.products--sidebar.navigation ul.level--1 li.active > .toggle-header > a::after,
.products--sidebar.navigation ul.level--1 li.trail > .toggle-header > a::after {
  background-color: #ffb200 !important;
}
.products--sidebar.navigation ul.level--2,
.products--sidebar.navigation ul.level--3 {
  display: none;
}
.products--sidebar.navigation ul.level--2:not(.level--3),
.products--sidebar.navigation ul.level--3:not(.level--3) {
  margin-bottom: 10px;
  padding: 0 0 10px 0;
  border-bottom: 1px solid #ececec;
}
.products--sidebar.navigation ul.level--2 a,
.products--sidebar.navigation ul.level--3 a {
  font-size: 0.85rem;
  line-height: 1.75;
  color: #858585;
  display: flex;
  flex-wrap: nowrap;
}
.products--sidebar.navigation ul.level--2 a::before,
.products--sidebar.navigation ul.level--3 a::before {
  padding-right: 0.175rem;
  content: "〉";
  color: #dadada;
  background-color: white;
  position: relative;
  z-index: 1;
}
.products--sidebar.navigation ul.level--2 a span,
.products--sidebar.navigation ul.level--3 a span {
  line-height: 1.5;
  background-color: white;
}
.products--sidebar.navigation ul.level--2 a::after,
.products--sidebar.navigation ul.level--3 a::after {
  height: 1px !important;
}
.products--sidebar.navigation ul.level--2 a.active,
.products--sidebar.navigation ul.level--3 a.active {
  color: #202020;
  font-weight: 600;
}
.products--sidebar.navigation ul.level--2 a.active::before,
.products--sidebar.navigation ul.level--3 a.active::before {
  color: #ffb200;
}
@media (min-width: 1025px) {
  .products--sidebar.navigation ul.level--2 a:hover,
  .products--sidebar.navigation ul.level--3 a:hover {
    color: #202020;
  }
  .products--sidebar.navigation ul.level--2 a:hover::before,
  .products--sidebar.navigation ul.level--3 a:hover::before {
    color: #ffb200;
  }
}
.products--sidebar.navigation ul.level--3 {
  padding-left: 1rem;
  padding-bottom: 0;
}

ul.products--list {
  display: flex;
  flex-wrap: wrap;
}
ul.products--list .product--thumb {
  padding: 0 0 25px 20px;
}
ul.products--list .product--thumb a {
  box-shadow: inset 0 0 0 1px #ececec;
  display: flex;
  flex-direction: column;
  height: 100%;
}
ul.products--list .product--thumb a .image {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: all 0.5s ease-in-out;
  transform: scale(0.8);
}
ul.products--list .product--thumb a .image::before {
  content: "";
  display: block;
  padding-top: 100%;
}
ul.products--list .product--thumb a .product--thumb__foot {
  height: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
ul.products--list .product--thumb a .product--thumb__foot .title {
  flex-grow: 1;
}
ul.products--list .product--thumb a .title,
ul.products--list .product--thumb a .button-style {
  font-weight: 600;
  text-transform: uppercase;
  text-align: center;
}
ul.products--list .product--thumb a .title {
  font-size: 14px;
  line-height: 1.25;
  padding: 0 8px;
  margin-bottom: 16px;
  color: rgba(85, 85, 85, 0.75);
  transition: color 0.35s ease-in-out;
}
@media (max-width: 1024px) {
  ul.products--list .product--thumb a .title {
    font-size: 13px;
    line-height: 1.25;
  }
}
@media (max-width: 768px) {
  ul.products--list .product--thumb a .title {
    font-size: 12px;
    line-height: 1.25;
  }
}
ul.products--list .product--thumb a .button-style {
  font-size: 12px;
  line-height: 1.25;
  padding: 16px 8px;
  color: #b5b5b5;
  border-top: 1px solid #ececec;
  background-color: rgba(236, 236, 236, 0.5);
  transition: color 0.35s ease-in-out, border-top-color 0.35s ease-in-out, background-color 0.35s ease-in-out;
}
@media (max-width: 1024px) {
  ul.products--list .product--thumb a .button-style {
    font-size: 12px;
    line-height: 1.25;
  }
}
@media (max-width: 768px) {
  ul.products--list .product--thumb a .button-style {
    font-size: 12px;
    line-height: 1.25;
  }
}
@keyframes ajaxLoad {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.products--list li {
  transition: opacity 0.2s ease-in-out;
}

.products--list.ajax-loading {
  position: relative;
}
.products--list.ajax-loading > li {
  opacity: 0.35;
  filter: alpha(opacity=35);
}
.products--list.ajax-loading::before, .products--list.ajax-loading::after {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  right: auto;
  bottom: auto;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
}
.products--list.ajax-loading::before {
  margin-left: 10px;
  content: "j";
  color: #ffffff;
  font-size: 14px;
  line-height: 40px;
  text-align: center;
  z-index: 55;
}
.products--list.ajax-loading::after {
  margin: -20px 0 0 -10px;
  content: "";
  background-color: #ffb200;
  z-index: 50;
  animation: ajaxLoad 2s linear infinite;
}

@media (min-width: 1025px) {
  ul.products--list .product--thumb a:hover {
    box-shadow: inset 0 0 0 2px #ffb200;
  }
  ul.products--list .product--thumb a:hover .title {
    color: #202020;
  }
  ul.products--list .product--thumb a:hover .button-style {
    color: white;
    border-top-color: #ffb200;
    background-color: #ffb200;
  }
  ul.products--list .product--thumb a:hover .image {
    transform: scale(0.9);
  }
}
@media (max-width: 768px) {
  ul.products--list .product--thumb {
    margin-bottom: 5px;
    padding: 5px;
  }
  ul.products--list .product--thumb a .title {
    font-size: 10px;
  }
}
.products--container--full.data .head {
  overflow: hidden;
  position: relative;
}
.products--container--full.data .head .image {
  position: absolute;
  top: 0;
  right: auto;
  bottom: 0;
  left: 0;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: inline;
  float: left;
  width: 33.3333333333%;
  margin-right: 20px;
  border: 1px solid #ececec;
  border-right: none;
}
@media (max-width: 768px) {
  .products--container--full.data .head .image {
    width: 100%;
    left: 0;
  }
}
.products--container--full.data .head .image::after {
  position: absolute;
  top: -1px;
  right: 0;
  bottom: -1px;
  left: auto;
  width: 20px;
  background: #ffffff;
  border-left: 1px solid #ececec;
  content: "";
  display: block;
}
.products--container--full.data .head .image div {
  position: absolute;
  top: 10%;
  right: 10%;
  bottom: 10%;
  left: 10%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  right: calc(20px + 10%);
}
.products--container--full.data .head .content {
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: inline;
  float: left;
  width: 66.6666666667%;
  margin-left: 33.3333333333%;
  padding-left: 8.3333333333%;
  padding-right: 8.3333333333%;
  padding-top: 4.1666666667%;
  padding-bottom: 4.1666666667%;
  border: 1px solid #ececec;
  position: relative;
}
@media (max-width: 768px) {
  .products--container--full.data .head .content {
    width: 100%;
    left: 0;
  }
}
.products--container--full.data .head .content::before, .products--container--full.data .head .content::after {
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  right: auto;
  bottom: auto;
  left: 0;
  content: "";
  border-style: solid;
  border-width: 12px 12px 12px 0;
}
.products--container--full.data .head .content::before {
  transform: translate(-10px, -50%);
  border-color: transparent #ffffff transparent transparent;
  z-index: 2;
}
.products--container--full.data .head .content::after {
  transform: translate(-12px, -50%);
  border-color: transparent #ececec transparent transparent;
  z-index: 1;
}
.products--container--full.data .head .content h3 {
  margin-bottom: 0.75em;
  color: #202020;
  font-weight: 600;
}
.products--container--full.data .head .content p:last-of-type {
  margin-bottom: 0;
}

.products--container--full.data .content h4 {
  font-size: 22px;
  line-height: 1.25;
  margin: 50px 0;
  color: #202020;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
  line-height: 1;
  position: relative;
}
@media (max-width: 1024px) {
  .products--container--full.data .content h4 {
    font-size: 20px;
    line-height: 1.25;
  }
}
@media (max-width: 768px) {
  .products--container--full.data .content h4 {
    font-size: 16px;
    line-height: 1.25;
  }
}
.products--container--full.data .content h4 span {
  padding: 0 10px;
  background: #ffffff;
  display: inline-block;
  position: relative;
  z-index: 2;
}
.products--container--full.data .content h4::after {
  width: 100%;
  height: 2px;
  position: absolute;
  top: 50%;
  right: 0;
  bottom: auto;
  left: auto;
  content: "";
  background-color: #ffb200;
  display: block;
  z-index: 1;
}
@media (max-width: 1024px) {
  .products--container--full.data .content h4 {
    margin: 30px 0;
  }
}
@media (max-width: 768px) {
  .products--container--full.data .content h4 {
    margin: 20px 0;
  }
}
.products--container--full.data .content table#productSeries--list {
  font-size: 14px;
  line-height: 1.25;
  width: 100%;
  border-collapse: none;
  border-spacing: 0;
  border-bottom: 1px solid #ececec;
}
@media (max-width: 1024px) {
  .products--container--full.data .content table#productSeries--list {
    font-size: 13px;
    line-height: 1.25;
  }
}
@media (max-width: 768px) {
  .products--container--full.data .content table#productSeries--list {
    font-size: 12px;
    line-height: 1.25;
  }
}
.products--container--full.data .content table#productSeries--list th {
  font-size: 16px;
  line-height: 1.4;
  padding: 0 0 10px 20px;
  padding-right: 22px;
  font-weight: 600;
  vertical-align: bottom;
  position: relative;
}
@media (max-width: 1024px) {
  .products--container--full.data .content table#productSeries--list th {
    font-size: 14px;
    line-height: 1.4;
  }
}
@media (max-width: 768px) {
  .products--container--full.data .content table#productSeries--list th {
    font-size: 14px;
    line-height: 1.4;
  }
}
.products--container--full.data .content table#productSeries--list th::before, .products--container--full.data .content table#productSeries--list th::after {
  color: #b5b5b5;
  font-size: 16px;
}
.products--container--full.data .content table#productSeries--list th::before {
  position: absolute;
  top: auto;
  right: auto;
  bottom: 14px;
  left: 0;
  content: "c";
}
.products--container--full.data .content table#productSeries--list th::after {
  position: absolute;
  top: auto;
  right: auto;
  bottom: 8px;
  left: 0;
  content: "b";
}
.products--container--full.data .content table#productSeries--list th.headerSortUp::before, .products--container--full.data .content table#productSeries--list th.headerSortDown::after {
  color: #555555;
}
.products--container--full.data .content table#productSeries--list th:nth-child(2) {
  padding-left: 45px;
}
.products--container--full.data .content table#productSeries--list th:nth-child(2)::before, .products--container--full.data .content table#productSeries--list th:nth-child(2)::after {
  left: 25px;
}
.products--container--full.data .content table#productSeries--list th:first-child::before, .products--container--full.data .content table#productSeries--list th:first-child::after, .products--container--full.data .content table#productSeries--list th:last-child::before, .products--container--full.data .content table#productSeries--list th:last-child::after {
  display: none;
}
.products--container--full.data .content table#productSeries--list tbody tr {
  transition: background-color 0.2s ease-in-out;
}
.products--container--full.data .content table#productSeries--list tbody tr td {
  padding: 10px;
  vertical-align: middle;
  border-top: 1px solid #ececec;
}
.products--container--full.data .content table#productSeries--list tbody tr td:nth-child(2) {
  padding-left: 25px;
}
.products--container--full.data .content table#productSeries--list tbody tr td:first-child, .products--container--full.data .content table#productSeries--list tbody tr td:last-child {
  padding: 10px;
  width: 70px;
  background-color: #ffffff;
  border-left: 1px solid #ececec;
  border-right: 1px solid #ececec;
}
.products--container--full.data .content table#productSeries--list tbody tr td:first-child .image {
  width: 50px;
  height: 50px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
}
.products--container--full.data .content table#productSeries--list tbody tr td:last-child {
  padding: 2px;
}
.products--container--full.data .content table#productSeries--list tbody tr td:last-child a::after {
  width: 66px;
  height: 66px;
  color: #ffb200;
  text-align: center;
  line-height: 66px;
  display: block;
  content: "d";
}
.products--container--full.data .content table#productSeries--list tbody tr td a {
  display: block;
}

@media (min-width: 1025px) {
  .products--container--full.data .content {
    min-height: 250px;
  }
  table#productSeries--list th strong:hover {
    cursor: pointer;
  }
  table#productSeries--list tbody tr:hover {
    font-weight: 600;
    background-color: rgba(236, 236, 236, 0.25);
    cursor: pointer;
  }
  table#productSeries--list tbody tr:hover a::after {
    color: #ffffff !important;
    background-color: #ffb200;
  }
}
@media (max-width: 1024px) {
  .products--container--full.data .head .content {
    padding-left: 4.1666666667%;
    padding-right: 4.1666666667%;
    padding-top: 2.0833333333%;
    padding-bottom: 2.0833333333%;
  }
}
@media (max-width: 768px) {
  .products--container--full.data .head {
    overflow: inherit;
    position: inherit;
  }
  .products--container--full.data .head .image {
    height: 25vh;
    border: 1px solid #ececec;
    position: relative;
  }
}
@media only screen and (max-width: 768px) and (-webkit-min-device-pixel-ratio: 1) and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
  .products--container--full.data .head .image {
    height: 256px;
  }
}
@media only screen and (max-width: 768px) and (-webkit-min-device-pixel-ratio: 1) and (device-width: 768px) and (device-height: 1024px) and (orientation: landscape) {
  .products--container--full.data .head .image {
    height: 192px;
  }
}
@media only screen and (max-width: 768px) and (-webkit-min-device-pixel-ratio: 1) and (device-width: 320px) and (device-height: 480px) and (orientation: portrait) {
  .products--container--full.data .head .image {
    height: 120px;
  }
}
@media only screen and (max-width: 768px) and (-webkit-min-device-pixel-ratio: 1) and (device-width: 320px) and (device-height: 480px) and (orientation: landscape) {
  .products--container--full.data .head .image {
    height: 80px;
  }
}
@media only screen and (max-width: 768px) and (-webkit-min-device-pixel-ratio: 1) and (device-width: 320px) and (device-height: 568px) and (orientation: portrait) {
  .products--container--full.data .head .image {
    height: 142px;
  }
}
@media only screen and (max-width: 768px) and (-webkit-min-device-pixel-ratio: 1) and (device-width: 320px) and (device-height: 568px) and (orientation: landscape) {
  .products--container--full.data .head .image {
    height: 80px;
  }
}
@media (max-width: 768px) {
  .products--container--full.data .head .image::after {
    display: none;
  }
  .products--container--full.data .head .image div {
    right: 10%;
  }
  .products--container--full.data .head .content {
    margin-left: 0%;
    padding-left: 0%;
    padding-right: 0%;
    padding-top: 4.1666666667%;
    padding-bottom: 4.1666666667%;
    border: none;
  }
  .products--container--full.data .head .content::before, .products--container--full.data .head .content::after {
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: 50%;
    border-width: 0 12px 12px 12px;
  }
  .products--container--full.data .head .content::before {
    transform: translate(-50%, -10px);
    border-color: transparent transparent #ffffff transparent;
  }
  .products--container--full.data .head .content::after {
    transform: translate(-50%, -12px);
    border-color: transparent transparent #ececec transparent;
  }
  .products--container--full.data #tableBox {
    width: auto;
    overflow-y: scroll;
  }
  .products--container--full.data #tableBox table#productSeries--list {
    width: auto;
  }
}
.products--container--full.data.details .head .content h3 {
  font-size: 20px;
  line-height: 1.25;
  margin-bottom: 0.15em;
}
@media (max-width: 1024px) {
  .products--container--full.data.details .head .content h3 {
    font-size: 20px;
    line-height: 1.25;
  }
}
@media (max-width: 768px) {
  .products--container--full.data.details .head .content h3 {
    font-size: 20px;
    line-height: 1.25;
  }
}
.products--container--full.data.details .head .content h3 span {
  font-weight: 400;
}
.products--container--full.data.details .head .content p.artnr {
  font-size: 18px;
  line-height: 1.25;
  color: #b5b5b5;
  font-weight: 300;
}
@media (max-width: 1024px) {
  .products--container--full.data.details .head .content p.artnr {
    font-size: 18px;
    line-height: 1.25;
  }
}
@media (max-width: 768px) {
  .products--container--full.data.details .head .content p.artnr {
    font-size: 18px;
    line-height: 1.25;
  }
}

.products--sidebar.details {
  padding-right: 20px;
}
.products--sidebar.details h4 {
  font-size: 22px;
  line-height: 1.25;
  margin: 50px 0;
  color: #202020;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
  line-height: 1;
  position: relative;
}
@media (max-width: 1024px) {
  .products--sidebar.details h4 {
    font-size: 20px;
    line-height: 1.25;
  }
}
@media (max-width: 768px) {
  .products--sidebar.details h4 {
    font-size: 16px;
    line-height: 1.25;
  }
}
.products--sidebar.details h4 span {
  padding: 0 10px;
  background: #ffffff;
  display: inline-block;
  position: relative;
  z-index: 2;
}
.products--sidebar.details h4::after {
  width: 100%;
  height: 2px;
  position: absolute;
  top: 50%;
  right: 0;
  bottom: auto;
  left: auto;
  content: "";
  background-color: #ffb200;
  display: block;
  z-index: 1;
}
@media (max-width: 1024px) {
  .products--sidebar.details h4 {
    margin: 30px 0;
  }
}
@media (max-width: 768px) {
  .products--sidebar.details h4 {
    margin: 20px 0;
  }
}
.products--sidebar.details h4::after {
  background-color: #ececec;
}
.products--sidebar.details ul#services {
  border: 1px solid #ececec;
  border-bottom: none;
}
.products--sidebar.details ul#services li {
  border-bottom: 1px solid #ececec;
}
.products--sidebar.details ul#services li a {
  padding-left: 20px;
  color: #b5b5b5;
  height: 50px;
  line-height: 50px;
  position: relative;
  display: block;
}
.products--sidebar.details ul#services li a::before, .products--sidebar.details ul#services li a::after {
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  right: 50px;
  bottom: auto;
  left: auto;
  border-style: solid;
  border-width: 6px 0 6px 6px;
  content: "";
}
.products--sidebar.details ul#services li a::before {
  transform: translate(4px, -50%);
  border-color: transparent transparent transparent #ffffff;
  z-index: 2;
}
.products--sidebar.details ul#services li a::after {
  transform: translate(6px, -50%);
  border-color: transparent transparent transparent #ececec;
  z-index: 1;
}
.products--sidebar.details ul#services li a i {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: auto;
  color: #ffb200;
  font-size: 20px;
  line-height: 55px;
  text-align: center;
  background-color: rgba(236, 236, 236, 0.25);
  border-left: 1px solid #ececec;
  display: block;
}
.products--sidebar.details ul#services li a i::before {
  position: relative;
  z-index: 2;
}
.products--sidebar.details ul#services li a i::after {
  position: absolute;
  top: 0;
  right: 50px;
  bottom: 0;
  left: 0;
  background-color: #ffb200;
  content: "";
  z-index: 1;
}
.products--sidebar.details #symbols {
  margin: 25px 0;
  font-size: 0;
  text-align: öeft;
}
.products--sidebar.details #symbols i {
  width: 70px;
  height: 70px;
  margin: 5px 5px 0 0;
  color: #b5b5b5;
  font-size: 50px;
  line-height: 82px;
  text-align: center;
  border: 1px solid #ececec;
  display: inline-block;
}
.products--sidebar.details .energy_class_image {
  width: 140px;
}
.products--sidebar.details .energy_class_image img {
  width: 100%;
  height: auto;
  display: block;
}

.collectingPoint {
  margin-top: 25px;
  border: 1px solid #ececec;
  position: relative;
}

.collectingPoint__title {
  padding: 0 5px;
  color: #858585;
  font-size: 0.8em;
  font-weight: 600;
  background-color: white;
  white-space: nowrap;
  position: absolute;
  top: 0;
  right: auto;
  bottom: auto;
  left: 50%;
  transform: translateY(calc(-50% - 1px)) translateX(-50%);
  transition: color 0.35s ease;
}

.collectingPoint__text {
  padding: 20px 20px 10px 20px;
  color: #b5b5b5;
  font-size: 0.8em;
  text-align: center;
  transition: color 0.35s ease;
}

.collectingPoint__link {
  width: 100%;
  height: 50px;
  border-top: 1px solid #ececec;
  position: relative;
  display: block;
  transition: background-color 0.35s ease;
}
.collectingPoint__link::before, .collectingPoint__link::after {
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  right: 50px;
  bottom: auto;
  left: auto;
  border-style: solid;
  border-width: 6px 0 6px 6px;
  content: "";
}
.collectingPoint__link::before {
  transform: translate(4px, -50%);
  border-color: transparent transparent transparent #ffffff;
  z-index: 2;
}
.collectingPoint__link::after {
  transform: translate(6px, -50%);
  border-color: transparent transparent transparent #ececec;
  z-index: 1;
}

.collectingPoint__link__text {
  padding: 0 20px;
  height: 50px;
  color: #b5b5b5;
  font-size: 0.8em;
  font-weight: 600;
  line-height: 48px;
  transition: color 0.35s ease;
}

.collectingPoint__link__icon {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: auto;
  line-height: 55px;
  text-align: center;
  background-color: rgba(236, 236, 236, 0.25);
  border-left: 1px solid #ececec;
  display: block;
  transition: background-color 0.35s ease;
}
.collectingPoint__link__icon::before {
  position: relative;
  z-index: 2;
}
.collectingPoint__link__icon::after {
  position: absolute;
  top: 0;
  right: 50px;
  bottom: 0;
  left: 0;
  background-color: #8dc63f;
  content: "";
  z-index: 1;
}
.collectingPoint__link__icon svg {
  width: auto;
  height: 22px;
  transform: translateY(15%);
  position: relative;
  z-index: 3;
  transition: all 0.35s ease;
}
.collectingPoint__link__icon svg path {
  fill: #8dc63f;
  transition: all 0.35s ease;
}

.products--container.details h4 {
  font-size: 22px;
  line-height: 1.25;
  margin: 50px 0;
  color: #202020;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
  line-height: 1;
  position: relative;
}
@media (max-width: 1024px) {
  .products--container.details h4 {
    font-size: 20px;
    line-height: 1.25;
  }
}
@media (max-width: 768px) {
  .products--container.details h4 {
    font-size: 16px;
    line-height: 1.25;
  }
}
.products--container.details h4 span {
  padding: 0 10px;
  background: #ffffff;
  display: inline-block;
  position: relative;
  z-index: 2;
}
.products--container.details h4::after {
  width: 100%;
  height: 2px;
  position: absolute;
  top: 50%;
  right: 0;
  bottom: auto;
  left: auto;
  content: "";
  background-color: #ffb200;
  display: block;
  z-index: 1;
}
@media (max-width: 1024px) {
  .products--container.details h4 {
    margin: 30px 0;
  }
}
@media (max-width: 768px) {
  .products--container.details h4 {
    margin: 20px 0;
  }
}
.products--container.details table#technicalData {
  padding-left: 8.3333333333%;
  padding-right: 8.3333333333%;
  width: 100%;
  border-collapse: none;
  border-spacing: 0;
}
.products--container.details table#technicalData tbody tr td {
  padding: 10px 0;
  vertical-align: middle;
  border-bottom: 1px solid #ececec;
}
.products--container.details table#technicalData tbody tr td:first-child {
  width: 40%;
  font-weight: 600;
}
.products--container.details table#technicalData tbody tr td:first-child::after {
  content: ":";
}
.products--container.details table#technicalData tbody tr td:last-child {
  text-align: right;
}
.products--container.details table#technicalData tbody tr:first-child td {
  padding-top: 0;
}
.products--container.details table#technicalData tbody tr:last-child td {
  border-bottom: none;
}
.products--container.details .ce_player {
  margin-top: 4.1666666667%;
  margin-bottom: 4.1666666667%;
  padding: 8.3333333333%;
  border: 1px solid #ececec;
}
.products--container.details .ce_player.is-portrait video {
  width: 60%;
}
.products--container.details .ce_player.is-landscape video {
  width: 100%;
}
.products--container.details .ce_player video {
  margin: 0 auto;
  height: auto;
  display: block;
}

@media (min-width: 1025px) {
  .products--sidebar.details ul#services a:hover {
    color: #555555;
    background-color: rgba(236, 236, 236, 0.25);
  }
  .products--sidebar.details ul#services a:hover i {
    background-color: #ffb200;
  }
  .products--sidebar.details ul#services a:hover i::before {
    color: #ffffff;
  }
  .products--sidebar.details ul#services a:hover i::after {
    right: 0;
  }
  .products--sidebar.details #symbols i:hover {
    border-color: #ffb200;
  }
  .products--sidebar.details #symbols i:hover::before {
    color: #555555;
  }
  .collectingPoint:hover .collectingPoint__title,
  .collectingPoint:hover .collectingPoint__text {
    color: #555555;
  }
  .collectingPoint__link:hover {
    background-color: rgba(236, 236, 236, 0.25);
  }
  .collectingPoint__link:hover .collectingPoint__link__text {
    color: #555555;
  }
  .collectingPoint__link:hover .collectingPoint__link__icon {
    background-color: #8dc63f;
  }
  .collectingPoint__link:hover .collectingPoint__link__icon::before {
    color: #ffffff;
  }
  .collectingPoint__link:hover .collectingPoint__link__icon::after {
    right: 0;
  }
  .collectingPoint__link:hover .collectingPoint__link__icon svg path {
    fill: white;
  }
}
@media (max-width: 1024px) {
  .products--sidebar.details ul#symbols {
    margin-top: 30px;
  }
}
@media (max-width: 768px) {
  .products--sidebar.details {
    padding-right: 0;
  }
  .products--sidebar.details ul#symbols {
    margin-top: 20px;
  }
  .products--container.details table#technicalData {
    padding-left: 0%;
    padding-right: 0%;
  }
  .products--container.details .ce_player {
    padding: 12px;
  }
  .products--container.details .ce_player.is-portrait video {
    width: 70%;
  }
}
.products--container--full.data.wishlist .content h4 {
  font-size: 22px;
  line-height: 1.25;
  margin: 50px 0;
  color: #202020;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
  line-height: 1;
  position: relative;
}
@media (max-width: 1024px) {
  .products--container--full.data.wishlist .content h4 {
    font-size: 20px;
    line-height: 1.25;
  }
}
@media (max-width: 768px) {
  .products--container--full.data.wishlist .content h4 {
    font-size: 16px;
    line-height: 1.25;
  }
}
.products--container--full.data.wishlist .content h4 span {
  padding: 0 10px;
  background: #ffffff;
  display: inline-block;
  position: relative;
  z-index: 2;
}
.products--container--full.data.wishlist .content h4::after {
  width: 100%;
  height: 2px;
  position: absolute;
  top: 50%;
  right: 0;
  bottom: auto;
  left: auto;
  content: "";
  background-color: #ffb200;
  display: block;
  z-index: 1;
}
@media (max-width: 1024px) {
  .products--container--full.data.wishlist .content h4 {
    margin: 30px 0;
  }
}
@media (max-width: 768px) {
  .products--container--full.data.wishlist .content h4 {
    margin: 20px 0;
  }
}
.products--container--full.data.wishlist .content h4:first-of-type {
  margin-top: 0;
}
.products--container--full.data.wishlist .content table#productSeries--list tbody tr {
  transition: background-color 0.2s ease-in-out;
}
.products--container--full.data.wishlist .content table#productSeries--list tbody tr td.quantity {
  width: 135px;
  overflow: hidden;
}
.products--container--full.data.wishlist .content table#productSeries--list tbody tr td.quantity.with-update {
  width: auto;
}
@media (max-width: 768px) {
  .products--container--full.data.wishlist .content table#productSeries--list tbody tr td.quantity.with-update {
    width: 135px;
  }
}
.products--container--full.data.wishlist .content table#productSeries--list tbody tr td.quantity input,
.products--container--full.data.wishlist .content table#productSeries--list tbody tr td.quantity label {
  height: 40px;
  line-height: 40px;
  float: left;
}
.products--container--full.data.wishlist .content table#productSeries--list tbody tr td.quantity input {
  width: 65px;
  height: 40px;
  border-radius: 4px;
  background-clip: padding-box;
  font-size: 14px;
  line-height: 1.25;
  background: #ececec;
  background: rgba(236, 236, 236, 0.25);
  margin-right: 10px;
  padding: 0;
  text-align: center;
  line-height: 38px;
  color: #555555;
  border: 1px solid #ececec;
}
@media (max-width: 1024px) {
  .products--container--full.data.wishlist .content table#productSeries--list tbody tr td.quantity input {
    font-size: 13px;
    line-height: 1.25;
  }
}
@media (max-width: 768px) {
  .products--container--full.data.wishlist .content table#productSeries--list tbody tr td.quantity input {
    font-size: 12px;
    line-height: 1.25;
  }
}
.products--container--full.data.wishlist .content table#productSeries--list tbody tr td.quantity-update button {
  margin-right: 10px;
  color: #b5b5b5;
  font-size: 1.5rem;
  font-weight: normal;
  background-color: transparent;
  transition: color 0.25s ease-in-out;
}
@media (min-width: 1025px) {
  .products--container--full.data.wishlist .content table#productSeries--list tbody tr td.quantity-update button:hover {
    color: #ffb200;
  }
}
.products--container--full.data.wishlist .content table#productSeries--list tbody tr td:last-child, .products--container--full.data.wishlist .content table#productSeries--list tbody tr td:nth-last-child(2) {
  padding: 10px;
  width: 70px;
  background-color: #ffffff;
  border-left: 1px solid #ececec;
  border-right: 1px solid #ececec;
}
.products--container--full.data.wishlist .content table#productSeries--list tbody tr td:nth-last-child(2) {
  border-right: none;
}
.products--container--full.data.wishlist .content table#productSeries--list tbody tr td:last-child, .products--container--full.data.wishlist .content table#productSeries--list tbody tr td:nth-last-child(2) {
  padding: 2px;
}
.products--container--full.data.wishlist .content table#productSeries--list tbody tr td:last-child a::after, .products--container--full.data.wishlist .content table#productSeries--list tbody tr td:nth-last-child(2) a::after {
  width: 66px;
  height: 66px;
  color: #ffb200;
  text-align: center;
  line-height: 66px;
  display: block;
}
.products--container--full.data.wishlist .content table#productSeries--list tbody tr td:last-child a::after {
  content: "i";
}
.products--container--full.data.wishlist .content table#productSeries--list tbody tr td:nth-last-child(2) a::after {
  content: "d";
}
.products--container--full.data.wishlist .content table#productSeries--list tbody tr:last-child td {
  border-bottom: 1px solid #ececec;
}
.products--container--full.data.wishlist .content form:first-of-type #productSeries--list tfoot tr th {
  padding-top: 0.75rem;
}
.products--container--full.data.wishlist .content form:first-of-type .widget-submit button {
  font-size: 12px;
  line-height: 1.25;
  padding: 10px 15px;
  color: #b5b5b5;
  font-weight: 600;
  text-transform: uppercase;
  background: #ffffff;
  border: 1px solid #ececec;
  display: inline-block;
  margin-top: 0.75rem;
}
@media (max-width: 1024px) {
  .products--container--full.data.wishlist .content form:first-of-type .widget-submit button {
    font-size: 12px;
    line-height: 1.25;
  }
}
@media (max-width: 768px) {
  .products--container--full.data.wishlist .content form:first-of-type .widget-submit button {
    font-size: 12px;
    line-height: 1.25;
  }
}
@media (min-width: 1025px) {
  .products--container--full.data.wishlist .content form:first-of-type .widget-submit button:hover {
    color: #ffffff;
    background: #ffb200;
    border-color: #ffb200;
  }
}
.products--container--full.data.wishlist .content form:not(:first-of-type) {
  margin-top: 50px;
}
@media (max-width: 1024px) {
  .products--container--full.data.wishlist .content form:not(:first-of-type) {
    margin-top: 30px;
  }
}
@media (max-width: 768px) {
  .products--container--full.data.wishlist .content form:not(:first-of-type) {
    margin-top: 20px;
  }
}

#wishlistRequest {
  width: 100%;
  float: none !important;
}
#wishlistRequest textarea {
  padding: 15px 20px;
  color: #555555;
}
#wishlistRequest textarea:focus {
  background: #ececec;
  background: rgba(236, 236, 236, 0.25);
  color: #555555;
}
#wishlistRequest input[type=submit],
#wishlistRequest button[type=submit] {
  font-size: 12px;
  line-height: 1.25;
  color: #ffffff;
  font-weight: 600;
  text-transform: uppercase;
  background: #ffb200;
  border: none;
  padding-right: 5rem;
  padding-left: 5rem;
  height: 50px;
}
@media (max-width: 1024px) {
  #wishlistRequest input[type=submit],
  #wishlistRequest button[type=submit] {
    font-size: 12px;
    line-height: 1.25;
  }
}
@media (max-width: 768px) {
  #wishlistRequest input[type=submit],
  #wishlistRequest button[type=submit] {
    font-size: 12px;
    line-height: 1.25;
  }
}
@media (min-width: 1025px) {
  #wishlistRequest input[type=submit]:hover,
  #wishlistRequest button[type=submit]:hover {
    background: #173a75 !important;
  }
}
#wishlistRequest p.error {
  display: none;
}
#wishlistRequest .hidden {
  display: none;
}

@media (min-width: 1025px) {
  .products--container--full.data.wishlist table#productSeries--list th strong:hover {
    cursor: default;
  }
  .products--container--full.data.wishlist table#productSeries--list tbody tr:hover {
    font-weight: inherit;
    background-color: inherit;
    cursor: default;
  }
  .products--container--full.data.wishlist table#productSeries--list tbody tr:hover a::after {
    color: #ffb200 !important;
    background-color: inherit;
  }
  .products--container--full.data.wishlist table#productSeries--list tbody tr a:hover::after {
    color: #ffffff !important;
    background-color: #ffb200;
  }
}
@media (max-width: 768px) {
  .products--container--full.data.wishlist #tableBox {
    width: auto;
    overflow-y: scroll;
  }
  .products--container--full.data.wishlist #tableBox table#productSeries--list {
    min-width: 800px;
  }
}
#container.search {
  padding-bottom: 0 !important;
}

.products--container--full.data.search h4 {
  font-size: 22px;
  line-height: 1.25;
  margin: 50px 0;
  color: #202020;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
  line-height: 1;
  position: relative;
  margin: 0;
}
@media (max-width: 1024px) {
  .products--container--full.data.search h4 {
    font-size: 20px;
    line-height: 1.25;
  }
}
@media (max-width: 768px) {
  .products--container--full.data.search h4 {
    font-size: 16px;
    line-height: 1.25;
  }
}
.products--container--full.data.search h4 span {
  padding: 0 10px;
  background: #ffffff;
  display: inline-block;
  position: relative;
  z-index: 2;
}
.products--container--full.data.search h4::after {
  width: 100%;
  height: 2px;
  position: absolute;
  top: 50%;
  right: 0;
  bottom: auto;
  left: auto;
  content: "";
  background-color: #ffb200;
  display: block;
  z-index: 1;
}
@media (max-width: 1024px) {
  .products--container--full.data.search h4 {
    margin: 30px 0;
  }
}
@media (max-width: 768px) {
  .products--container--full.data.search h4 {
    margin: 20px 0;
  }
}
.products--container--full.data.search .searchOptions {
  overflow: hidden;
}
.products--container--full.data.search .searchOptions .search {
  float: left form;
  float-overflow: hidden;
}
.products--container--full.data.search .searchOptions .search .widget-text,
.products--container--full.data.search .searchOptions .search .submit_container {
  float: left;
}
.products--container--full.data.search .searchOptions .search .widget-text label,
.products--container--full.data.search .searchOptions .search .submit_container label {
  display: none;
}
.products--container--full.data.search .searchOptions .search .widget-text input,
.products--container--full.data.search .searchOptions .search .submit_container input {
  width: 200px;
  height: 40px;
  font-size: 14px;
  line-height: 1.25;
  padding: 0 0 0 15px;
  line-height: 38px;
  color: #858585;
  border: 1px solid #ececec;
  border-right: none;
}
@media (max-width: 1024px) {
  .products--container--full.data.search .searchOptions .search .widget-text input,
  .products--container--full.data.search .searchOptions .search .submit_container input {
    font-size: 13px;
    line-height: 1.25;
  }
}
@media (max-width: 768px) {
  .products--container--full.data.search .searchOptions .search .widget-text input,
  .products--container--full.data.search .searchOptions .search .submit_container input {
    font-size: 12px;
    line-height: 1.25;
  }
}
.products--container--full.data.search .searchOptions .search .widget-text button,
.products--container--full.data.search .searchOptions .search .submit_container button {
  width: 40px;
  height: 40px;
  background-color: #ffb200;
}
.products--container--full.data.search .searchOptions .search .widget-text button::before,
.products--container--full.data.search .searchOptions .search .submit_container button::before {
  width: 40px;
  height: 40px;
  color: #ffffff;
  content: "a";
  line-height: 42px;
  display: block;
}
.products--container--full.data.search .searchOptions .limit-panel {
  font-size: 14px;
  line-height: 1.25;
  float: right;
}
@media (max-width: 1024px) {
  .products--container--full.data.search .searchOptions .limit-panel {
    font-size: 13px;
    line-height: 1.25;
  }
}
@media (max-width: 768px) {
  .products--container--full.data.search .searchOptions .limit-panel {
    font-size: 12px;
    line-height: 1.25;
  }
}
.products--container--full.data.search .searchOptions .limit-panel strong {
  margin-right: 10px;
  color: #555555;
  font-weight: 400;
  line-height: 40px;
  float: left;
}
.products--container--full.data.search .searchOptions .limit-panel ul {
  overflow: hidden;
  float: right;
}
.products--container--full.data.search .searchOptions .limit-panel ul > li {
  display: block;
  float: left;
}
.products--container--full.data.search .searchOptions .limit-panel ul > li:last-child {
  margin-right: 0;
}
.products--container--full.data.search .searchOptions .limit-panel ul li {
  line-height: 40px;
}
.products--container--full.data.search .searchOptions .limit-panel ul li::after {
  padding: 0 8px;
  content: "/";
  color: #ececec;
}
.products--container--full.data.search .searchOptions .limit-panel ul li:last-child::after {
  display: none;
}
.products--container--full.data.search .searchOptions .limit-panel ul li a {
  padding: 0 2px;
  color: #b5b5b5;
}
.products--container--full.data.search .searchOptions .limit-panel ul li.active a {
  color: #555555;
  border-bottom: 1px solid #ffb200;
}

@media (min-width: 1025px) {
  .products--container--full.data.search .searchOptions {
    margin: 50px 0;
  }
  .products--container--full.data.search .searchOptions button:hover {
    background-color: #173a75 !important;
  }
  .products--container--full.data.search .searchOptions .limit-panel a:hover {
    color: #555555;
  }
}
@media (max-width: 1024px) {
  .products--container--full.data.search .searchOptions {
    margin: 30px 0;
  }
}
@media (max-width: 768px) {
  .products--container--full.data.search #tableBox {
    width: auto;
    overflow-y: scroll;
  }
  .products--container--full.data.search #tableBox table#productSeries--list {
    min-width: 800px;
  }
  .products--container--full.data.search .searchOptions {
    margin: 20px 0;
  }
  .products--container--full.data.search .searchOptions .search,
  .products--container--full.data.search .searchOptions .limit-panel {
    float: none;
    clear: both;
    display: block;
  }
  .products--container--full.data.search .searchOptions .limit-panel {
    padding-top: 10px;
  }
  .products--container--full.data.search .searchOptions .limit-panel ul {
    float: left;
  }
}
@keyframes loading {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.cpLoading {
  width: 100%;
  height: 100px;
  display: block;
  position: relative;
}
.cpLoading::before, .cpLoading::after {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  right: auto;
  bottom: auto;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
}
.cpLoading::before {
  margin-left: 10px;
  content: "j";
  color: #ffffff;
  font-size: 14px;
  line-height: 40px;
  text-align: center;
  z-index: 55;
}
.cpLoading::after {
  margin: -20px 0 0 -10px;
  content: "";
  background-color: #ffb200;
  z-index: 50;
  animation: loading 2s linear infinite;
}

.cpFilterBox,
.cpSearch,
.contactPerson.ap {
  transition: opacity 0.35s ease-in-out;
}

.contactPerson.ap {
  margin-bottom: 20px;
}
.contactPerson.ap .contactPerson--wrapper {
  transition: transform 0.35s ease-in-out;
  margin: 0 10px;
  padding: 20px;
  border: 1px solid #ececec;
}
.contactPerson.ap .contactPerson--image img {
  width: 100%;
  height: auto;
}
.contactPerson.ap .contactPerson--image.empty {
  background-color: #ececec;
}
.contactPerson.ap .contactPerson--data {
  padding: 10px 0 0 2px;
}
.contactPerson.ap .contactPerson--data .contactPerson--name,
.contactPerson.ap .contactPerson--data .contactPerson--job {
  transition: color 0.2s ease-in-out;
}
.contactPerson.ap .contactPerson--data .contactPerson--name {
  text-transform: uppercase;
}
.contactPerson.ap .contactPerson--data .contactPerson--job {
  margin-bottom: 0;
  padding-top: 2px;
  color: #858585;
  font-weight: 300;
}
.contactPerson.ap .contactPerson--data .contactPerson--job::after {
  width: 40px;
  height: 2px;
  margin: 15px 0;
  content: "";
  background-color: #ffb200;
  display: block;
}
.contactPerson.ap .contactPerson--data li > span {
  width: 60px;
  display: inline-block;
}
.contactPerson.ap .contactPerson--data a {
  color: #555555;
}
.contactPerson.ap .contactPerson--data .contactPerson--mail a {
  border-bottom: 1px solid #ffb200;
}
.contactPerson.ap .contactPerson--data .empty {
  color: #b5b5b5;
}

.apFilter {
  padding-bottom: 0;
}
.apFilter .cpFilterBox {
  position: relative;
  float: left;
}
.apFilter .cpFilterBox .cpFilterButton,
.apFilter .cpFilterBox .cpFilterTitle {
  width: auto;
  height: 40px;
  line-height: 40px;
  display: block;
  float: left;
}
.apFilter .cpFilterBox .cpFilterButton {
  padding: 0 5px;
  text-transform: uppercase;
  background-color: transparent;
  border-bottom: 2px solid #ececec;
  position: relative;
  z-index: 1;
}
.apFilter .cpFilterBox .cpFilterButton .cpFilterButton--title {
  transition: color 0.2s ease-in-out;
  color: #555555;
  font-weight: 600;
}
.apFilter .cpFilterBox .cpFilterButton .cpFilterButton--title::after {
  position: absolute;
  top: auto;
  right: 100%;
  bottom: -2px;
  left: 0;
  transition: right 0.2s ease-in-out;
  height: 2px;
  background-color: #ffb200;
  content: "";
  display: block;
}
.apFilter .cpFilterBox .cpFilterButton .cpFilterButton--value {
  padding-left: 4px;
  color: #b5b5b5;
}
.apFilter .cpFilterBox .cpFilterButton .cpFilterButton--value::before, .apFilter .cpFilterBox .cpFilterButton .cpFilterButton--value::after {
  color: rgba(181, 181, 181, 0.6);
}
.apFilter .cpFilterBox .cpFilterButton .cpFilterButton--value::before {
  content: "( ";
}
.apFilter .cpFilterBox .cpFilterButton .cpFilterButton--value::after {
  content: " )";
}
.apFilter .cpFilterBox .cpFilterButton.active {
  cursor: pointer;
}
.apFilter .cpFilterBox .cpFilterButton.active .cpFilterButton--title {
  color: #ffb200;
}
.apFilter .cpFilterBox .cpFilterButton.active .cpFilterButton--title::after {
  right: 0;
}
.apFilter .cpFilterBox .cpFilterTitle {
  margin-left: 20px;
}
.apFilter .cpFilter {
  width: 240px;
  height: auto;
  position: absolute;
  top: 38px;
  right: auto;
  bottom: auto;
  left: 0;
  background-color: #ffffff;
  border: 2px solid #ffb200;
  z-index: 5;
  display: none;
}
.apFilter .cpFilter li {
  border-bottom: 1px solid #ffb200;
}
.apFilter .cpFilter li:last-child {
  border-bottom: none;
}
.apFilter .cpFilter li button {
  width: 100%;
  height: 40px;
  font-size: 14px;
  line-height: 1.25;
  padding: 0 18px;
  color: #858585;
  line-height: 40px;
  text-align: left;
  background-color: transparent;
  display: block;
}
@media (max-width: 1024px) {
  .apFilter .cpFilter li button {
    font-size: 13px;
    line-height: 1.25;
  }
}
@media (max-width: 768px) {
  .apFilter .cpFilter li button {
    font-size: 12px;
    line-height: 1.25;
  }
}
.apFilter .cpFilter li button.active {
  color: #555555;
  font-weight: 600;
}
.apFilter .cpSearch {
  width: 260px;
  overflow: hidden;
  float: right;
}
.apFilter .cpSearch label::before {
  width: 40px;
  height: 40px;
  color: #b5b5b5;
  text-align: center;
  line-height: 40px;
  content: "a";
  display: block;
  background-color: transparent;
  float: left;
}
.apFilter .cpSearch input {
  width: 220px;
  height: 40px;
  font-size: 14px;
  line-height: 1.25;
  border: 1px solid #ececec;
  float: left;
}
@media (max-width: 1024px) {
  .apFilter .cpSearch input {
    font-size: 13px;
    line-height: 1.25;
  }
}
@media (max-width: 768px) {
  .apFilter .cpSearch input {
    font-size: 12px;
    line-height: 1.25;
  }
}

@media (min-width: 1025px) {
  .apFilter .cpFilterBox {
    margin-left: 10px;
  }
  .apFilter .cpSearch {
    margin-right: 10px;
  }
  .apFilter .cpFilterButton:not(.active):hover {
    cursor: pointer;
  }
  .apFilter .cpFilterButton:not(.active):hover .cpFilterButton--title::after {
    right: 0;
  }
  .apFilter .cpFilter button:hover {
    color: #ffb200;
    font-weight: 600;
  }
  .contactPerson.ap .contactPerson--wrapper:hover {
    transform: scale(1.05);
  }
  .contactPerson.ap .contactPerson--wrapper:hover .contactPerson--name {
    color: #ffb200;
  }
  .contactPerson.ap .contactPerson--wrapper:hover .contactPerson--job {
    color: #555555;
  }
  .contactPerson.ap .contactPerson--data a:hover {
    color: #ffb200;
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1201px) {
  .contactPerson.ap {
    width: 3.333%;
    width: calc(100% / 3);
  }
  .contactPerson.ap .contactPerson--image {
    height: 225px;
    overflow: hidden;
  }
  .contactPerson.ap .contactPerson--job {
    font-size: 14px;
    line-height: 1.25;
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1201px) and (max-width: 1024px) {
  .contactPerson.ap .contactPerson--job {
    font-size: 13px;
    line-height: 1.25;
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1201px) and (max-width: 768px) {
  .contactPerson.ap .contactPerson--job {
    font-size: 12px;
    line-height: 1.25;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1200px) {
  .contactPerson.ap {
    width: 50%;
    width: calc(50% - 50px);
  }
  .contactPerson.ap .contactPerson--image {
    height: 300px;
    overflow: hidden;
  }
  .contactPerson.ap .contactPerson--job {
    font-size: 12px;
    line-height: 1.25;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1200px) and (max-width: 1024px) {
  .contactPerson.ap .contactPerson--job {
    font-size: 12px;
    line-height: 1.25;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1200px) and (max-width: 768px) {
  .contactPerson.ap .contactPerson--job {
    font-size: 12px;
    line-height: 1.25;
  }
}
@media (max-width: 1024px) {
  .apFilter .cpFilterBox {
    margin-left: 10px;
  }
  .apFilter .cpSearch {
    margin-right: 10px;
  }
  .apFilter .cpSearch label::before {
    background-color: #ececec;
  }
  .contactPerson.ap {
    width: 50%;
    width: calc(50% - 35px);
  }
}
@media (max-width: 768px) {
  .apFilter .cpFilterBox {
    margin-left: 0;
    margin-bottom: 20px;
    float: none;
  }
  .apFilter .cpSearch {
    margin-right: 0;
    float: none;
  }
  .contactPerson.ap {
    width: 90%;
    width: calc(100% - 2 * 12px);
    float: none;
  }
  .contactPerson.ap .contactPerson--wrapper {
    margin: 0;
  }
}
.contactPerson.vp {
  width: 50%;
  margin-bottom: 20px;
  float: left;
}
.contactPerson.vp .contactPerson--wrapper {
  margin: 0 10px;
  border: 1px solid #ececec;
  position: relative;
}
.contactPerson.vp .contactPerson--image {
  position: absolute;
  top: 20px;
  right: auto;
  bottom: 20px;
  left: 20px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 90px;
  max-height: 115px;
}
.contactPerson.vp .contactPerson--image.empty {
  background: url("../img/contactperson_vp_empty.png") center center no-repeat #ececec;
  background-size: 50%;
}
.contactPerson.vp .contactPerson--data {
  margin-left: 90px;
  padding: 20px;
  padding-left: 40px;
}
.contactPerson.vp .contactPerson--data .contactPerson--name {
  text-transform: uppercase;
}
.contactPerson.vp .contactPerson--data .contactPerson--job {
  margin-bottom: 0;
  color: #858585;
  font-weight: 300;
}
.contactPerson.vp .contactPerson--data .contactPerson--job::after {
  width: 40px;
  height: 2px;
  margin: 15px 0;
  content: "";
  background-color: #ffb200;
  display: block;
}
.contactPerson.vp .contactPerson--data li > span {
  width: 60px;
  display: inline-block;
}
.contactPerson.vp .contactPerson--data a {
  color: #555555;
}
.contactPerson.vp .contactPerson--data .contactPerson--mail a {
  border-bottom: 1px solid #ffb200;
}
.contactPerson.vp .contactPerson--data .empty {
  color: #b5b5b5;
}

@media (min-width: 1025px) {
  .contactPerson.vp .contactPerson--data a:hover {
    color: #ffb200;
  }
  .contactPerson.vp .contactPerson--job {
    font-size: 14px;
    line-height: 1.25;
  }
}
@media (min-width: 1025px) and (max-width: 1024px) {
  .contactPerson.vp .contactPerson--job {
    font-size: 13px;
    line-height: 1.25;
  }
}
@media (min-width: 1025px) and (max-width: 768px) {
  .contactPerson.vp .contactPerson--job {
    font-size: 12px;
    line-height: 1.25;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1200px) {
  .contactPerson.vp .contactPerson--job {
    font-size: 12px;
    line-height: 1.25;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1200px) and (max-width: 1024px) {
  .contactPerson.vp .contactPerson--job {
    font-size: 12px;
    line-height: 1.25;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1200px) and (max-width: 768px) {
  .contactPerson.vp .contactPerson--job {
    font-size: 12px;
    line-height: 1.25;
  }
}
@media (max-width: 1024px) {
  .contactPerson.vp .contactPerson--wrapper {
    margin: 0;
  }
  .contactPerson.vp .contactPerson--image {
    position: absolute;
    top: 10px;
    right: auto;
    bottom: 10px;
    left: 10px;
    width: 80px;
  }
  .contactPerson.vp .contactPerson--data {
    margin-left: 80px;
    padding: 10px;
    padding-left: 30px;
  }
}
@media only screen and (max-width: 1024px) and (orientation: portrait) {
  .contactPerson.vp {
    width: 100%;
    float: none;
  }
  .contactPerson.vp .contactPerson--wrapper {
    margin: 0;
  }
}
@media (max-width: 768px) {
  .contactPerson.vp {
    margin-bottom: 12px;
  }
  .contactPerson.vp .contactPerson--wrapper {
    margin: 0;
  }
  .contactPerson.vp .contactPerson--image {
    position: absolute;
    top: 10px;
    right: auto;
    bottom: 10px;
    left: 10px;
    width: 80px;
  }
  .contactPerson.vp .contactPerson--data {
    margin-left: 80px;
    padding: 10px;
    padding-left: 30px;
  }
}
#contactDataWrapper {
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: inline;
  float: left;
  width: 50%;
  padding-right: 20px;
}
@media (max-width: 768px) {
  #contactDataWrapper {
    width: 100%;
    left: 0;
  }
}

.contactData {
  margin-bottom: 3em;
}
.contactData h2 {
  font-size: 16px;
  line-height: 1.25;
  margin: 0 0 0.75em 0;
  color: #ffb200;
  text-align: left;
}
@media (max-width: 1024px) {
  .contactData h2 {
    font-size: 16px;
    line-height: 1.25;
  }
}
@media (max-width: 768px) {
  .contactData h2 {
    font-size: 16px;
    line-height: 1.25;
  }
}
.contactData h2 span {
  padding-left: 0;
}
.contactData h2::after {
  background-color: #ececec;
}
.contactData ul span {
  width: 80px;
  display: inline-block;
}
.contactData ul.contactData--times {
  margin-bottom: 0.75em;
  padding-bottom: 0.75em;
  border-bottom: 1px solid #ececec;
  position: relative;
}
.contactData ul.contactData--times::before {
  width: 44px;
  height: 44px;
  position: absolute;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  color: #ffb200;
  font-size: 18px;
  line-height: 44px;
  content: "h";
  border-right: 1px solid #ececec;
  display: block;
}
.contactData ul.contactData--times li {
  padding-left: 66px;
}
.contactData ul.contactData--times span {
  width: 90px;
}
.contactData ul.contactData--default span {
  width: 66px;
}
.contactData ul.contactData--default a {
  color: #555555;
}
.contactData ul.contactData--default .contactData--mail a {
  border-bottom: 1px solid #ffb200;
}

@media (min-width: 1025px) {
  .contactData .contactData--default a:hover {
    color: #ffb200;
  }
}
@media (max-width: 1024px) {
  .contactData ul.contactData--times::before {
    line-height: 40px;
  }
}
@media (max-width: 768px) {
  #contactDataWrapper {
    margin-bottom: 25px;
    padding-right: 0;
    padding-bottom: 5px;
    border-bottom: 1px solid #ececec;
  }
  .contactData {
    margin-bottom: 25px;
  }
}
#contactForm,
#wishlistRequest {
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: inline;
  float: left;
  width: 50%;
  float: right;
}
@media (max-width: 768px) {
  #contactForm,
  #wishlistRequest {
    width: 100%;
    left: 0;
  }
}
#contactForm h2,
#wishlistRequest h2 {
  font-size: 16px;
  line-height: 1.25;
  margin: 0 0 0.75em 0;
  color: #ffb200;
  text-align: left;
}
@media (max-width: 1024px) {
  #contactForm h2,
  #wishlistRequest h2 {
    font-size: 16px;
    line-height: 1.25;
  }
}
@media (max-width: 768px) {
  #contactForm h2,
  #wishlistRequest h2 {
    font-size: 16px;
    line-height: 1.25;
  }
}
#contactForm h2 span,
#wishlistRequest h2 span {
  padding-left: 0;
}
#contactForm h2::after,
#wishlistRequest h2::after {
  background-color: #ececec;
}
#contactForm form .widget-text,
#contactForm form .widget-textarea,
#contactForm form .widget-select,
#contactForm .hasteform_rutec-wishlist-12 .widget-text,
#contactForm .hasteform_rutec-wishlist-12 .widget-textarea,
#contactForm .hasteform_rutec-wishlist-12 .widget-select,
#wishlistRequest form .widget-text,
#wishlistRequest form .widget-textarea,
#wishlistRequest form .widget-select,
#wishlistRequest .hasteform_rutec-wishlist-12 .widget-text,
#wishlistRequest .hasteform_rutec-wishlist-12 .widget-textarea,
#wishlistRequest .hasteform_rutec-wishlist-12 .widget-select {
  margin-bottom: 10px;
  border: 1px solid #ececec;
  position: relative;
}
#contactForm form .widget-text label,
#contactForm form .widget-textarea label,
#contactForm form .widget-select label,
#contactForm .hasteform_rutec-wishlist-12 .widget-text label,
#contactForm .hasteform_rutec-wishlist-12 .widget-textarea label,
#contactForm .hasteform_rutec-wishlist-12 .widget-select label,
#wishlistRequest form .widget-text label,
#wishlistRequest form .widget-textarea label,
#wishlistRequest form .widget-select label,
#wishlistRequest .hasteform_rutec-wishlist-12 .widget-text label,
#wishlistRequest .hasteform_rutec-wishlist-12 .widget-textarea label,
#wishlistRequest .hasteform_rutec-wishlist-12 .widget-select label {
  width: 130px;
  height: auto;
  position: absolute;
  top: 0;
  right: auto;
  bottom: 0;
  left: 0;
  color: #b5b5b5;
  line-height: 1.25;
  display: block;
}
#contactForm form .widget-text label:before,
#contactForm form .widget-textarea label:before,
#contactForm form .widget-select label:before,
#contactForm .hasteform_rutec-wishlist-12 .widget-text label:before,
#contactForm .hasteform_rutec-wishlist-12 .widget-textarea label:before,
#contactForm .hasteform_rutec-wishlist-12 .widget-select label:before,
#wishlistRequest form .widget-text label:before,
#wishlistRequest form .widget-textarea label:before,
#wishlistRequest form .widget-select label:before,
#wishlistRequest .hasteform_rutec-wishlist-12 .widget-text label:before,
#wishlistRequest .hasteform_rutec-wishlist-12 .widget-textarea label:before,
#wishlistRequest .hasteform_rutec-wishlist-12 .widget-select label:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  width: 0.1px;
}
#contactForm form .widget-text label span.mandatory,
#contactForm form .widget-textarea label span.mandatory,
#contactForm form .widget-select label span.mandatory,
#contactForm .hasteform_rutec-wishlist-12 .widget-text label span.mandatory,
#contactForm .hasteform_rutec-wishlist-12 .widget-textarea label span.mandatory,
#contactForm .hasteform_rutec-wishlist-12 .widget-select label span.mandatory,
#wishlistRequest form .widget-text label span.mandatory,
#wishlistRequest form .widget-textarea label span.mandatory,
#wishlistRequest form .widget-select label span.mandatory,
#wishlistRequest .hasteform_rutec-wishlist-12 .widget-text label span.mandatory,
#wishlistRequest .hasteform_rutec-wishlist-12 .widget-textarea label span.mandatory,
#wishlistRequest .hasteform_rutec-wishlist-12 .widget-select label span.mandatory {
  color: #ffb200;
}
#contactForm form .widget-text input,
#contactForm form .widget-text textarea,
#contactForm form .widget-textarea input,
#contactForm form .widget-textarea textarea,
#contactForm form .widget-select input,
#contactForm form .widget-select textarea,
#contactForm .hasteform_rutec-wishlist-12 .widget-text input,
#contactForm .hasteform_rutec-wishlist-12 .widget-text textarea,
#contactForm .hasteform_rutec-wishlist-12 .widget-textarea input,
#contactForm .hasteform_rutec-wishlist-12 .widget-textarea textarea,
#contactForm .hasteform_rutec-wishlist-12 .widget-select input,
#contactForm .hasteform_rutec-wishlist-12 .widget-select textarea,
#wishlistRequest form .widget-text input,
#wishlistRequest form .widget-text textarea,
#wishlistRequest form .widget-textarea input,
#wishlistRequest form .widget-textarea textarea,
#wishlistRequest form .widget-select input,
#wishlistRequest form .widget-select textarea,
#wishlistRequest .hasteform_rutec-wishlist-12 .widget-text input,
#wishlistRequest .hasteform_rutec-wishlist-12 .widget-text textarea,
#wishlistRequest .hasteform_rutec-wishlist-12 .widget-textarea input,
#wishlistRequest .hasteform_rutec-wishlist-12 .widget-textarea textarea,
#wishlistRequest .hasteform_rutec-wishlist-12 .widget-select input,
#wishlistRequest .hasteform_rutec-wishlist-12 .widget-select textarea {
  width: 100%;
  width: calc(100% - 130px);
  margin-left: 130px;
  border-left: 1px solid #ececec;
  display: block;
}
#contactForm form .widget-text.error,
#contactForm form .widget-textarea.error,
#contactForm form .widget-select.error,
#contactForm .hasteform_rutec-wishlist-12 .widget-text.error,
#contactForm .hasteform_rutec-wishlist-12 .widget-textarea.error,
#contactForm .hasteform_rutec-wishlist-12 .widget-select.error,
#wishlistRequest form .widget-text.error,
#wishlistRequest form .widget-textarea.error,
#wishlistRequest form .widget-select.error,
#wishlistRequest .hasteform_rutec-wishlist-12 .widget-text.error,
#wishlistRequest .hasteform_rutec-wishlist-12 .widget-textarea.error,
#wishlistRequest .hasteform_rutec-wishlist-12 .widget-select.error {
  border-color: rgba(231, 76, 60, 0.3);
}
#contactForm form .widget-text.error label,
#contactForm form .widget-textarea.error label,
#contactForm form .widget-select.error label,
#contactForm .hasteform_rutec-wishlist-12 .widget-text.error label,
#contactForm .hasteform_rutec-wishlist-12 .widget-textarea.error label,
#contactForm .hasteform_rutec-wishlist-12 .widget-select.error label,
#wishlistRequest form .widget-text.error label,
#wishlistRequest form .widget-textarea.error label,
#wishlistRequest form .widget-select.error label,
#wishlistRequest .hasteform_rutec-wishlist-12 .widget-text.error label,
#wishlistRequest .hasteform_rutec-wishlist-12 .widget-textarea.error label,
#wishlistRequest .hasteform_rutec-wishlist-12 .widget-select.error label {
  color: #e74c3c;
  background-color: rgba(231, 76, 60, 0.05);
}
#contactForm form .widget-text.error label span.mandatory,
#contactForm form .widget-textarea.error label span.mandatory,
#contactForm form .widget-select.error label span.mandatory,
#contactForm .hasteform_rutec-wishlist-12 .widget-text.error label span.mandatory,
#contactForm .hasteform_rutec-wishlist-12 .widget-textarea.error label span.mandatory,
#contactForm .hasteform_rutec-wishlist-12 .widget-select.error label span.mandatory,
#wishlistRequest form .widget-text.error label span.mandatory,
#wishlistRequest form .widget-textarea.error label span.mandatory,
#wishlistRequest form .widget-select.error label span.mandatory,
#wishlistRequest .hasteform_rutec-wishlist-12 .widget-text.error label span.mandatory,
#wishlistRequest .hasteform_rutec-wishlist-12 .widget-textarea.error label span.mandatory,
#wishlistRequest .hasteform_rutec-wishlist-12 .widget-select.error label span.mandatory {
  color: #e74c3c;
}
#contactForm form .widget-text.error input,
#contactForm form .widget-text.error textarea,
#contactForm form .widget-textarea.error input,
#contactForm form .widget-textarea.error textarea,
#contactForm form .widget-select.error input,
#contactForm form .widget-select.error textarea,
#contactForm .hasteform_rutec-wishlist-12 .widget-text.error input,
#contactForm .hasteform_rutec-wishlist-12 .widget-text.error textarea,
#contactForm .hasteform_rutec-wishlist-12 .widget-textarea.error input,
#contactForm .hasteform_rutec-wishlist-12 .widget-textarea.error textarea,
#contactForm .hasteform_rutec-wishlist-12 .widget-select.error input,
#contactForm .hasteform_rutec-wishlist-12 .widget-select.error textarea,
#wishlistRequest form .widget-text.error input,
#wishlistRequest form .widget-text.error textarea,
#wishlistRequest form .widget-textarea.error input,
#wishlistRequest form .widget-textarea.error textarea,
#wishlistRequest form .widget-select.error input,
#wishlistRequest form .widget-select.error textarea,
#wishlistRequest .hasteform_rutec-wishlist-12 .widget-text.error input,
#wishlistRequest .hasteform_rutec-wishlist-12 .widget-text.error textarea,
#wishlistRequest .hasteform_rutec-wishlist-12 .widget-textarea.error input,
#wishlistRequest .hasteform_rutec-wishlist-12 .widget-textarea.error textarea,
#wishlistRequest .hasteform_rutec-wishlist-12 .widget-select.error input,
#wishlistRequest .hasteform_rutec-wishlist-12 .widget-select.error textarea {
  border-left-color: rgba(231, 76, 60, 0.2);
}
#contactForm form .widget-select label,
#contactForm .hasteform_rutec-wishlist-12 .widget-select label,
#wishlistRequest form .widget-select label,
#wishlistRequest .hasteform_rutec-wishlist-12 .widget-select label {
  width: 130px;
  height: auto;
  position: absolute;
  top: 0;
  right: auto;
  bottom: 0;
  left: 0;
  display: block;
}
#contactForm form .widget-select select,
#contactForm .hasteform_rutec-wishlist-12 .widget-select select,
#wishlistRequest form .widget-select select,
#wishlistRequest .hasteform_rutec-wishlist-12 .widget-select select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 100%;
  width: calc(100% - 130px);
  margin-left: 130px;
  border-left: 1px solid #ececec;
  padding-right: 48px;
  background-image: url("../img/select.png");
  background-position: right 1rem center;
  background-repeat: no-repeat;
  background-size: 0.875rem;
  display: block;
}
#contactForm form .widget-explanation p,
#contactForm .hasteform_rutec-wishlist-12 .widget-explanation p,
#wishlistRequest form .widget-explanation p,
#wishlistRequest .hasteform_rutec-wishlist-12 .widget-explanation p {
  font-size: 11px;
  line-height: 1.25;
  padding-top: 10px;
  color: #b5b5b5;
}
@media (max-width: 1024px) {
  #contactForm form .widget-explanation p,
  #contactForm .hasteform_rutec-wishlist-12 .widget-explanation p,
  #wishlistRequest form .widget-explanation p,
  #wishlistRequest .hasteform_rutec-wishlist-12 .widget-explanation p {
    font-size: 11px;
    line-height: 1.25;
  }
}
@media (max-width: 768px) {
  #contactForm form .widget-explanation p,
  #contactForm .hasteform_rutec-wishlist-12 .widget-explanation p,
  #wishlistRequest form .widget-explanation p,
  #wishlistRequest .hasteform_rutec-wishlist-12 .widget-explanation p {
    font-size: 11px;
    line-height: 1.25;
  }
}
#contactForm form .widget-explanation p::before,
#contactForm .hasteform_rutec-wishlist-12 .widget-explanation p::before,
#wishlistRequest form .widget-explanation p::before,
#wishlistRequest .hasteform_rutec-wishlist-12 .widget-explanation p::before {
  content: "* ";
  color: #ffb200;
  font-weight: bold;
}
#contactForm form input[type=submit],
#contactForm form button[type=submit],
#contactForm .hasteform_rutec-wishlist-12 input[type=submit],
#contactForm .hasteform_rutec-wishlist-12 button[type=submit],
#wishlistRequest form input[type=submit],
#wishlistRequest form button[type=submit],
#wishlistRequest .hasteform_rutec-wishlist-12 input[type=submit],
#wishlistRequest .hasteform_rutec-wishlist-12 button[type=submit] {
  font-size: 12px;
  line-height: 1.25;
  color: #ffffff;
  font-weight: 600;
  text-transform: uppercase;
  background: #ffb200;
  border: none;
  height: 50px;
}
@media (max-width: 1024px) {
  #contactForm form input[type=submit],
  #contactForm form button[type=submit],
  #contactForm .hasteform_rutec-wishlist-12 input[type=submit],
  #contactForm .hasteform_rutec-wishlist-12 button[type=submit],
  #wishlistRequest form input[type=submit],
  #wishlistRequest form button[type=submit],
  #wishlistRequest .hasteform_rutec-wishlist-12 input[type=submit],
  #wishlistRequest .hasteform_rutec-wishlist-12 button[type=submit] {
    font-size: 12px;
    line-height: 1.25;
  }
}
@media (max-width: 768px) {
  #contactForm form input[type=submit],
  #contactForm form button[type=submit],
  #contactForm .hasteform_rutec-wishlist-12 input[type=submit],
  #contactForm .hasteform_rutec-wishlist-12 button[type=submit],
  #wishlistRequest form input[type=submit],
  #wishlistRequest form button[type=submit],
  #wishlistRequest .hasteform_rutec-wishlist-12 input[type=submit],
  #wishlistRequest .hasteform_rutec-wishlist-12 button[type=submit] {
    font-size: 12px;
    line-height: 1.25;
  }
}
@media (min-width: 1025px) {
  #contactForm form input[type=submit]:hover,
  #contactForm form button[type=submit]:hover,
  #contactForm .hasteform_rutec-wishlist-12 input[type=submit]:hover,
  #contactForm .hasteform_rutec-wishlist-12 button[type=submit]:hover,
  #wishlistRequest form input[type=submit]:hover,
  #wishlistRequest form button[type=submit]:hover,
  #wishlistRequest .hasteform_rutec-wishlist-12 input[type=submit]:hover,
  #wishlistRequest .hasteform_rutec-wishlist-12 button[type=submit]:hover {
    background: #173a75 !important;
  }
}

@media (min-width: 1025px) {
  #contactForm form label,
  #contactForm .hasteform_rutec-wishlist-12 label,
  #wishlistRequest form label,
  #wishlistRequest .hasteform_rutec-wishlist-12 label {
    padding: 14px 0 14px 20px;
  }
}
@media (max-width: 1024px) {
  #contactForm form label,
  #contactForm .hasteform_rutec-wishlist-12 label,
  #wishlistRequest form label,
  #wishlistRequest .hasteform_rutec-wishlist-12 label {
    padding: 13px 0 13px 20px;
  }
}
@media (max-width: 768px) {
  #contactForm,
  #wishlistRequest {
    float: none;
  }
  #contactForm form label,
  #contactForm .hasteform_rutec-wishlist-12 label,
  #wishlistRequest form label,
  #wishlistRequest .hasteform_rutec-wishlist-12 label {
    padding: 13px 0 13px 20px;
  }
}
.contactReseller {
  margin: 0 10px 20px 10px;
  padding: 20px;
  border: 1px solid #ececec;
}
.contactReseller h3 {
  margin: 0 0 0.75em 0;
  color: #ffb200;
  text-align: left;
}
.contactReseller h3::after {
  display: none;
}
.contactReseller ul.contactReseller--range {
  margin-bottom: 1em;
  padding-bottom: 1em;
  border-bottom: 1px solid #ececec;
  overflow: hidden;
}
.contactReseller ul.contactReseller--range li {
  float: left;
}
.contactReseller ul.contactReseller--range li::after {
  padding: 0 0.5em;
  content: "/";
  color: #ececec;
}
.contactReseller ul.contactReseller--range li:first-child::after, .contactReseller ul.contactReseller--range li:last-child::after {
  display: none;
}
.contactReseller ul.contactReseller--range li:first-child {
  padding-right: 0.5em;
  font-weight: 600;
}
.contactReseller ul.contactReseller--data {
  line-height: 1.5;
  overflow: hidden;
}
.contactReseller ul.contactReseller--data li {
  padding-right: 2.5em;
  padding-bottom: 2px;
  float: left;
}
.contactReseller ul.contactReseller--data li:last-child {
  padding-right: 0;
}
.contactReseller ul.contactReseller--data li > span {
  width: 60px;
  display: inline-block;
}
.contactReseller ul.contactReseller--data li a {
  color: #555555;
}
.contactReseller ul.contactReseller--data li.contactReseller--links a {
  border-bottom: 1px solid #ffb200;
}

@media (min-width: 1025px) {
  .contactReseller .contactReseller--data a:hover {
    color: #ffb200;
  }
}
@media (max-width: 768px) {
  .contactReseller ul.contactReseller--data li {
    margin-bottom: 0.75em;
    padding-right: 0;
    float: none;
  }
  .contactReseller ul.contactReseller--data li:last-child {
    margin-bottom: 0;
  }
}
#history {
  padding: 0.75em 0;
}
#history h3 {
  margin-bottom: 1.5em;
}
#history .history--wrapper {
  text-align: center;
  border: 1px solid #ececec;
  position: relative;
  overflow: hidden;
}
#history .history--wrapper::after {
  position: absolute;
  top: 0;
  right: auto;
  bottom: 0;
  left: 50%;
  content: "";
  width: 1px;
  background-color: #ececec;
}
#history .history--wrapper > div {
  padding: 2em;
  width: 50%;
  float: left;
}
#history .history--wrapper > div:nth-of-type(3), #history .history--wrapper > div:nth-of-type(4), #history .history--wrapper > div:nth-of-type(5), #history .history--wrapper > div:nth-of-type(6) {
  border-top: 1px solid #ececec;
}
#history .history--wrapper .history--company {
  font-size: 20px;
  line-height: 1.25;
  margin-bottom: 0;
}
@media (max-width: 1024px) {
  #history .history--wrapper .history--company {
    font-size: 20px;
    line-height: 1.25;
  }
}
@media (max-width: 768px) {
  #history .history--wrapper .history--company {
    font-size: 20px;
    line-height: 1.25;
  }
}
#history .history--wrapper .history--company::after {
  width: 40px;
  height: 2px;
  margin: 15px 0;
  content: "";
  background-color: #ffb200;
  display: block;
}
#history .history--wrapper .history--company::after {
  margin: 0.75em auto;
}
#history .history--wrapper .history--date {
  font-weight: 600;
}
#history .history--wrapper .history--info {
  font-size: 14px;
  line-height: 1.25;
  color: #858585;
}
@media (max-width: 1024px) {
  #history .history--wrapper .history--info {
    font-size: 13px;
    line-height: 1.25;
  }
}
@media (max-width: 768px) {
  #history .history--wrapper .history--info {
    font-size: 12px;
    line-height: 1.25;
  }
}
#history .history--wrapper .history--counter {
  margin-top: 2em;
  padding-top: 2em;
  color: #b5b5b5;
  border-top: 1px dotted #ececec;
  overflow: hidden;
}
#history .history--wrapper .history--counter > div {
  width: 33.333%;
  float: left;
}
#history .history--wrapper .history--counter strong {
  font-size: 22px;
  line-height: 1.25;
  color: #173a75;
  display: block;
}
@media (max-width: 1024px) {
  #history .history--wrapper .history--counter strong {
    font-size: 20px;
    line-height: 1.25;
  }
}
@media (max-width: 768px) {
  #history .history--wrapper .history--counter strong {
    font-size: 16px;
    line-height: 1.25;
  }
}
#history .history--wrapper .history--counter span {
  font-size: 14px;
  line-height: 1.25;
}
@media (max-width: 1024px) {
  #history .history--wrapper .history--counter span {
    font-size: 13px;
    line-height: 1.25;
  }
}
@media (max-width: 768px) {
  #history .history--wrapper .history--counter span {
    font-size: 12px;
    line-height: 1.25;
  }
}

@media (max-width: 768px) {
  #history .history--wrapper {
    padding: 0;
    border: none;
    overflow: inherit;
  }
  #history .history--wrapper::after {
    display: none;
  }
  #history .history--wrapper > div {
    padding: 0 !important;
    width: 100%;
    float: none;
  }
  #history .history--wrapper > div:nth-of-type(2), #history .history--wrapper > div:nth-of-type(3), #history .history--wrapper > div:nth-of-type(4), #history .history--wrapper > div:nth-of-type(5), #history .history--wrapper > div:nth-of-type(6) {
    margin-top: 2em;
    padding-top: 2em !important;
    border-top: 1px solid #ececec;
  }
  #history .history--wrapper .history--counter {
    padding: 0;
    border: none;
  }
}
.download {
  overflow: hidden;
  position: relative;
}
.download .image {
  position: absolute;
  top: 0;
  right: auto;
  bottom: 0;
  left: 0;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: inline;
  float: left;
  width: 33.3333333333%;
  margin-right: 20px;
  border-right: none;
}
@media (max-width: 768px) {
  .download .image {
    width: 100%;
    left: 0;
  }
}
.download .image::after {
  position: absolute;
  top: -1px;
  right: 0;
  bottom: -1px;
  left: auto;
  width: 20px;
  background: #ffffff;
  content: "";
  display: block;
}
.download .image div {
  position: absolute;
  top: 0;
  right: 20px;
  bottom: 0;
  left: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.download .content {
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: inline;
  float: left;
  width: 66.6666666667%;
  margin-left: 33.3333333333%;
  padding-left: 8.3333333333%;
  padding-right: 8.3333333333%;
  padding-top: 4.1666666667%;
  padding-bottom: 4.1666666667%;
  border: 1px solid #ececec;
  position: relative;
}
@media (max-width: 768px) {
  .download .content {
    width: 100%;
    left: 0;
  }
}
.download .content::before, .download .content::after {
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  right: auto;
  bottom: auto;
  left: 0;
  content: "";
  border-style: solid;
  border-width: 12px 12px 12px 0;
}
.download .content::before {
  transform: translate(-10px, -50%);
  border-color: transparent #ffffff transparent transparent;
  z-index: 2;
}
.download .content::after {
  transform: translate(-12px, -50%);
  border-color: transparent #ececec transparent transparent;
  z-index: 1;
}
.download .content h3 {
  margin: 0 0 0.75em 0;
  color: #202020;
  font-weight: 600;
  text-align: left;
}
.download .content h3::after {
  display: none;
}
.download .content p:last-of-type {
  margin-bottom: 1.5em;
}
.download .content .button {
  margin-bottom: 0.25rem;
  padding: 0 70px 0 20px;
  height: 50px;
  color: #555555;
  line-height: 50px;
  border: 1px solid #ececec;
  position: relative;
  display: inline-block;
}
.download .content .button::before, .download .content .button::after {
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  right: 50px;
  bottom: auto;
  left: auto;
  border-style: solid;
  border-width: 6px 0 6px 6px;
  content: "";
}
.download .content .button::before {
  transform: translate(4px, -50%);
  border-color: transparent transparent transparent #ffffff;
  z-index: 2;
}
.download .content .button::after {
  transform: translate(6px, -50%);
  border-color: transparent transparent transparent #ececec;
  z-index: 1;
}
.download .content .button span {
  font-size: 14px;
  line-height: 1.25;
  padding-left: 5px;
  color: #b5b5b5;
}
@media (max-width: 1024px) {
  .download .content .button span {
    font-size: 13px;
    line-height: 1.25;
  }
}
@media (max-width: 768px) {
  .download .content .button span {
    font-size: 12px;
    line-height: 1.25;
  }
}
.download .content .button i {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: auto;
  color: #ffb200;
  font-size: 20px;
  line-height: 55px;
  text-align: center;
  background-color: rgba(236, 236, 236, 0.25);
  border-left: 1px solid #ececec;
  display: block;
}
.download .content .button i.icon-pdf {
  font-size: 14px;
}
.download .content .button i::before {
  position: relative;
  z-index: 2;
}
.download .content .button i::after {
  position: absolute;
  top: 0;
  right: 50px;
  bottom: 0;
  left: 0;
  background-color: #ffb200;
  content: "";
  z-index: 1;
}

@media (min-width: 1025px) {
  .contentBox div.download:not(:first-of-type), .members-section div.download:not(:first-of-type) {
    margin-top: 2.0833333333%;
  }
  .download .content a:hover {
    color: #555555;
    background-color: rgba(236, 236, 236, 0.25);
  }
  .download .content a:hover i {
    background-color: #ffb200;
  }
  .download .content a:hover i::before {
    color: #ffffff;
  }
  .download .content a:hover i::after {
    right: 0;
  }
}
@media (max-width: 1024px) {
  .contentBox div.download:not(:first-of-type), .members-section div.download:not(:first-of-type) {
    margin-top: 2.0833333333%;
  }
  .download .content {
    padding-left: 4.1666666667%;
    padding-right: 4.1666666667%;
    padding-top: 2.0833333333%;
    padding-bottom: 2.0833333333%;
  }
}
@media (max-width: 768px) {
  .contentBox div.download:not(:first-of-type), .members-section div.download:not(:first-of-type) {
    margin-top: 0%;
  }
  .download {
    overflow: inherit;
    position: inherit;
  }
  .download .image {
    height: 22vh;
    position: relative;
  }
}
@media only screen and (max-width: 768px) and (-webkit-min-device-pixel-ratio: 1) and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
  .download .image {
    height: 225.28px;
  }
}
@media only screen and (max-width: 768px) and (-webkit-min-device-pixel-ratio: 1) and (device-width: 768px) and (device-height: 1024px) and (orientation: landscape) {
  .download .image {
    height: 168.96px;
  }
}
@media only screen and (max-width: 768px) and (-webkit-min-device-pixel-ratio: 1) and (device-width: 320px) and (device-height: 480px) and (orientation: portrait) {
  .download .image {
    height: 105.6px;
  }
}
@media only screen and (max-width: 768px) and (-webkit-min-device-pixel-ratio: 1) and (device-width: 320px) and (device-height: 480px) and (orientation: landscape) {
  .download .image {
    height: 70.4px;
  }
}
@media only screen and (max-width: 768px) and (-webkit-min-device-pixel-ratio: 1) and (device-width: 320px) and (device-height: 568px) and (orientation: portrait) {
  .download .image {
    height: 124.96px;
  }
}
@media only screen and (max-width: 768px) and (-webkit-min-device-pixel-ratio: 1) and (device-width: 320px) and (device-height: 568px) and (orientation: landscape) {
  .download .image {
    height: 70.4px;
  }
}
@media (max-width: 768px) {
  .download .image::after {
    display: none;
  }
  .download .image div {
    right: 0;
  }
  .download .content {
    margin-left: 0%;
    padding-left: 0%;
    padding-right: 0%;
    padding-top: 4.1666666667%;
    padding-bottom: 4.1666666667%;
    border: none;
  }
  .download .content::before {
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: 20px;
    transform: translate(-50%, -10px);
    border-width: 0 12px 12px 12px;
    border-color: transparent transparent #ffffff transparent;
  }
  .download .content::after {
    display: none;
  }
}
#voltagecalculator > p:last-of-type {
  margin-bottom: 0;
}
#voltagecalculator > p:last-of-type::after {
  width: 40px;
  height: 2px;
  margin: 15px 0;
  content: "";
  background-color: #ffb200;
  display: block;
}
#voltagecalculator > p:last-of-type::after {
  margin: 25px 0;
}
#voltagecalculator ul.voltagecalculator--form li {
  margin-bottom: 10px;
  overflow: hidden;
}
#voltagecalculator ul.voltagecalculator--form li > * {
  padding: 6px 15px 0 15px;
  height: 36px;
  display: block;
  float: left;
}
#voltagecalculator ul.voltagecalculator--form li label {
  padding-left: 0;
  width: 260px;
  font-weight: 600;
}
#voltagecalculator ul.voltagecalculator--form li input {
  padding-top: 0;
  background-image: url("../img/form_edit.png");
  background-position: right 10px center;
  background-repeat: no-repeat;
  background-size: 14px;
}
#voltagecalculator ul.voltagecalculator--form li input,
#voltagecalculator ul.voltagecalculator--form li .parameter,
#voltagecalculator ul.voltagecalculator--form li .result {
  width: 100px;
  border: 1px solid #ececec;
  display: block;
}
#voltagecalculator ul.voltagecalculator--form li .parameter {
  color: #b5b5b5;
}
#voltagecalculator ul.voltagecalculator--form li .result {
  color: #ffb200;
  font-weight: 600;
  border-color: #ffb200;
}
#voltagecalculator ul.voltagecalculator--form li:nth-last-child(2), #voltagecalculator ul.voltagecalculator--form li:nth-last-child(4) {
  padding-top: 10px;
  border-top: 1px solid #ececec;
}

ul.scrollNav {
  padding-bottom: 2px;
  height: 36px;
  font-size: 0;
  line-height: 0;
  text-align: center;
  background-color: #ffb200;
}
ul.scrollNav li {
  font-size: 14px;
  line-height: 1.25;
  line-height: 36px !important;
  display: inline-block;
}
@media (max-width: 1024px) {
  ul.scrollNav li {
    font-size: 13px;
    line-height: 1.25;
  }
}
@media (max-width: 768px) {
  ul.scrollNav li {
    font-size: 12px;
    line-height: 1.25;
  }
}
ul.scrollNav li a {
  padding: 0 1.5em;
  color: #ffffff;
  text-transform: uppercase;
  border-right: 1px solid #f2a900;
  display: block;
}
ul.scrollNav li:first-child a {
  border-left: 1px solid #f2a900;
}

@media (min-width: 1025px) {
  ul.scrollNav.fixed {
    position: fixed;
    top: 120px;
    right: 0;
    bottom: auto;
    left: 0;
    z-index: 98;
  }
  ul.scrollNav a:hover {
    background-color: #f2a900;
  }
  body.smallHeader ul.scrollNav.fixed {
    top: 72px;
  }
}
@media (max-width: 1024px) {
  ul.scrollNav {
    padding-bottom: 0;
    height: auto;
    overflow: hidden;
  }
  ul.scrollNav li {
    width: 50%;
    line-height: 44px !important;
    border-bottom: 1px solid #f2a900;
    display: block;
    float: left;
  }
  ul.scrollNav li:last-child, ul.scrollNav li:nth-last-child(2):nth-child(odd) {
    border-bottom: none;
  }
  ul.scrollNav li a {
    border: none;
  }
  ul.scrollNav li:nth-child(odd) a {
    border-right: 1px solid #f2a900;
  }
}
footer {
  padding-top: 50px;
  padding-bottom: 50px;
  text-align: center;
  background: #081429;
  border-top: 2px solid #ffb200;
}
@media only screen and (max-width: 1200px) {
  footer {
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media (max-width: 1024px) {
  footer {
    padding-left: 35px;
    padding-right: 35px;
  }
}
@media (max-width: 768px) {
  footer {
    padding-left: 12px;
    padding-right: 12px;
  }
}
footer .inside {
  font-size: 12px;
  line-height: 1.25;
  color: #6f747d;
  font-weight: 300;
  line-height: 15px;
  color: #6f747d;
  text-align: left;
  display: inline-block;
  overflow: hidden;
}
@media (max-width: 1024px) {
  footer .inside {
    font-size: 12px;
    line-height: 1.25;
  }
}
@media (max-width: 768px) {
  footer .inside {
    font-size: 12px;
    line-height: 1.25;
  }
}
footer .inside a {
  color: #6f747d;
}
@media (min-width: 1025px) {
  footer .inside a:hover {
    color: #ffffff;
  }
}
footer .footer--social {
  margin-bottom: 25px;
  padding-bottom: 25px;
  border-bottom: 1px solid #172236;
  display: block;
  float: none;
  overflow: hidden;
}
footer .footer--social.default p a {
  color: #4fa9cb;
}
footer .footer--social.lightdesign p a {
  color: #ffb200;
}
footer .footer--social p {
  line-height: 2;
  float: left;
}
footer .footer--social p a {
  margin-left: 10px;
}
footer .footer--social ul {
  display: flex;
  flex-flow: row wrap;
  float: right;
}
footer .footer--social ul li {
  display: flex;
  flex-flow: row wrap;
}
footer .footer--social ul li:not(:last-child) {
  margin-right: 25px;
}
footer .footer--social ul li a::before {
  transform: translate(0, 2px);
  width: 20px;
  line-height: 1.5;
  display: inline-flex;
}
footer .footer--social ul li span {
  line-height: 2;
}
footer #logo_footer,
footer .footer--data,
footer .footer--calculator,
footer nav {
  float: left;
}
footer .footer--data.first {
  padding-left: 1.1666666667vw;
}
footer .footer--data.second {
  padding-left: 3.5vw;
}
footer .footer--data.second span {
  width: 50px;
  display: inline-block;
}
footer .footer--calculator {
  width: 135px;
  height: 45px;
  background: url("../img/calc_default.png") no-repeat center center;
  background-size: contain;
  margin: 0 0 0 3.5vw;
  padding-left: 45px;
  background-position: left center;
  display: block;
}
footer .footer--calculator span {
  word-spacing: 50px;
}
footer nav {
  margin-left: 3.5vw;
}
footer nav ul {
  overflow: hidden;
}
footer nav ul li {
  width: 110px;
  float: left;
}
footer nav ul li:nth-child(3n+4) {
  clear: left;
}
footer nav ul li:last-child, footer nav ul li:nth-last-child(2) {
  width: auto;
  clear: none;
}
footer nav ul li:last-child::before {
  margin: 0 5px;
  content: "/";
}
footer nav ul li.imprint a.imprint {
  color: #ffb200;
}

@media (min-width: 1025px) {
  footer .footer--calculator:hover {
    background-image: url("../img/calc_hover.png");
  }
  .footer--social p a:hover {
    color: white !important;
  }
  .footer--social ul a:hover::before {
    color: #ffb200;
  }
}
@media (max-width: 1024px) {
  footer {
    padding-top: 35px;
    padding-bottom: 35px;
  }
  footer nav {
    display: none;
  }
  footer .footer--social p {
    float: none;
    line-height: 1;
  }
  footer .footer--social p a {
    margin-left: 0;
  }
  footer .footer--social ul {
    float: none;
  }
}
@media (max-width: 768px) {
  footer {
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: left;
  }
  footer a#logo_footer {
    display: none;
  }
  footer .footer--data {
    padding-left: 0 !important;
    float: none;
  }
  footer .footer--data.second {
    margin-top: 20px;
  }
  footer .footer--calculator {
    width: auto;
    height: 26px;
    margin: 20px 0 0 0;
    padding-left: 30px;
    display: block;
    float: none;
  }
  footer .footer--calculator span {
    line-height: 26px;
    word-spacing: inherit;
  }
}
#notificationDialog {
  position: fixed;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
  transition: all 0.25s ease-in-out;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-name: slideInUp;
  animation-delay: 1s;
  padding: 1.5em;
  height: "$nd_button_height + 2 * $nd_padding";
  background-color: #ffffff;
  border-top: 1px solid #ececec;
  z-index: 500;
}
#notificationDialog.hide {
  transition: all 0.25s ease-in-out;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-name: slideOutDown;
  animation-delay: .25s;
}
#notificationDialog > div .first-text {
  margin: 0;
  color: #173a75;
  font-weight: 400;
  line-height: 20px;
}
#notificationDialog > div .first-text p:last-of-type {
  margin-bottom: 0;
}
#notificationDialog > div .second-text {
  margin: 0;
  font-weight: 400;
}
#notificationDialog > div a {
  color: #ffb200;
}
#notificationDialog > button {
  font-size: 12px;
  line-height: 1.25;
  color: #ffffff;
  font-weight: 600;
  text-transform: uppercase;
  background: #ffb200;
  border: none;
  position: absolute;
  top: 1.5em;
  right: 1.5em;
  bottom: 1.5em;
  left: auto;
  padding: 0 1.5em;
  height: 40px;
  background-color: #ffb200;
  z-index: 2;
}
@media (max-width: 1024px) {
  #notificationDialog > button {
    font-size: 12px;
    line-height: 1.25;
  }
}
@media (max-width: 768px) {
  #notificationDialog > button {
    font-size: 12px;
    line-height: 1.25;
  }
}
@media (min-width: 1025px) {
  #notificationDialog > button:hover {
    background: #173a75 !important;
  }
}
#notificationDialog > button.hide {
  opacity: 0;
  filter: alpha(opacity=0);
  transition: opacity 0.2s ease-in-out;
}

@media (min-width: 1025px) {
  #notificationDialog a:hover {
    color: #173a75;
  }
}
@media only screen and (max-width: 1024px) and (orientation: portrait) {
  #notificationDialog {
    height: auto;
    text-align: center;
  }
  #notificationDialog > div .first-text {
    margin-bottom: 0.75em;
  }
  #notificationDialog > div p {
    line-height: 1.5;
  }
  #notificationDialog > button {
    width: 100%;
    height: 50px;
    margin-top: 1.5em;
    position: static;
  }
}
@media (max-width: 768px) {
  #notificationDialog {
    height: auto;
    text-align: center;
  }
  #notificationDialog > div .first-text {
    margin-bottom: 0.75em;
  }
  #notificationDialog > div p {
    line-height: 1.5;
  }
  #notificationDialog > button {
    width: 100%;
    height: 50px;
    margin-top: 1.5em;
    position: static;
  }
}
.catalogueForm__list {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  margin-bottom: 5rem;
}
.catalogueForm__list__item {
  padding-right: 2.5rem;
  width: 25%;
  min-width: 25%;
  max-width: 25%;
}
.catalogueForm__list__item__image img {
  width: 100%;
  height: auto;
  display: block;
}
.catalogueForm__list__item__title {
  margin: 1.5rem 0 !important;
  font-size: 16px !important;
}
.catalogueForm__data {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-wrap: wrap;
  justify-content: space-between;
}
.catalogueForm__data__end {
  display: flex;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-top: 1rem;
  width: 100%;
  min-width: 100%;
}
.catalogueForm .widget:not(.with-label) {
  margin-bottom: 1rem;
  width: calc(50% - 8px);
  border: 0.0625rem solid #ececec;
}
.catalogueForm .widget input,
.catalogueForm .widget select,
.catalogueForm .widget label {
  padding: 0.875rem 1rem;
}
.catalogueForm .widget.with-label {
  display: flex;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-wrap: nowrap;
  width: 100%;
  border: 0.0625rem solid #ececec;
}
.catalogueForm .widget.with-label:nth-of-type(2) {
  border-top: none;
}
.catalogueForm .widget.with-label label {
  padding: 0.75rem 1rem;
  width: 6.25rem;
  min-width: 6.25rem;
  color: #b5b5b5;
  border-right: 0.0625rem solid #ececec;
}
.catalogueForm .widget.with-label select, .catalogueForm .widget.with-label input {
  flex-grow: 1;
  border: none;
}
.catalogueForm .widget.with-label input::-moz-placeholder {
  color: #b5b5b5;
  opacity: 1;
}
.catalogueForm .widget.with-label input::placeholder {
  color: #b5b5b5;
}
.catalogueForm .widget-single {
  width: 100%;
  min-width: 100%;
}
.catalogueForm .widget-checkbox, .catalogueForm .widget-explanation {
  border: none !important;
}
.catalogueForm .widget-checkbox {
  margin: 0 !important;
}
.catalogueForm .widget-checkbox label {
  font-size: 0.875rem !important;
}
.catalogueForm .widget-select select {
  background-image: url("../img/select.png");
  background-position: right 1rem center;
  background-repeat: no-repeat;
  background-size: 0.875rem;
}
.catalogueForm .widget-textarea {
  width: 100%;
  min-width: 100%;
}
.catalogueForm .widget-textarea textarea {
  display: block;
}
.catalogueForm .submit_container {
  width: calc(50% - 8px);
}
.catalogueForm .submit_container input {
  font-size: 12px;
  line-height: 1.25;
  color: #ffffff;
  font-weight: 600;
  text-transform: uppercase;
  background: #ffb200;
  border: none;
  padding-left: 0;
  height: 2.75rem;
}
@media (max-width: 1024px) {
  .catalogueForm .submit_container input {
    font-size: 12px;
    line-height: 1.25;
  }
}
@media (max-width: 768px) {
  .catalogueForm .submit_container input {
    font-size: 12px;
    line-height: 1.25;
  }
}
@media (min-width: 1025px) {
  .catalogueForm .submit_container input:hover {
    background: #173a75 !important;
  }
}
.catalogueForm .widget-explanation {
  margin-top: 2rem;
  padding-top: 2rem;
  width: 100%;
  min-width: 100%;
  font-size: 0.875rem;
  text-align: right;
  border-top: 0.0625rem solid #ececec !important;
}

@media (max-width: 1024px) {
  .catalogueForm {
    margin-bottom: 2.5rem;
  }
  .catalogueForm__list__item {
    padding: 1.25rem;
    width: 50%;
    min-width: 50%;
    max-width: 50%;
  }
  .catalogueForm__data__end {
    padding-top: 0.5rem;
  }
}
@media (max-width: 768px) {
  .catalogueForm__list {
    flex-direction: column;
    flex-wrap: nowrap;
  }
  .catalogueForm__list__item {
    padding: 0;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
  }
  .catalogueForm__list__item:not(:last-of-type) {
    margin-bottom: 1.5rem;
  }
  .catalogueForm__data {
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .catalogueForm__data__end {
    padding-top: 0;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .catalogueForm .widget:not(.with-label) {
    margin-bottom: 0.5rem;
    width: 100%;
  }
  .catalogueForm .widget-checkbox {
    margin-top: 0.5rem !important;
    margin-bottom: 1rem !important;
  }
  .catalogueForm .submit_container {
    width: 100%;
  }
}
#footer .n2gLink {
  display: flex;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
}

.n2gLink a {
  display: flex;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
  transition: transform 0.35s linear;
}
.n2gLink a svg {
  margin-right: 8px;
  width: 22px;
  height: auto;
  fill: #ffb200;
}
.n2gLink a span {
  color: rgba(255, 255, 255, 0.65);
  transition: color 0.35s ease-in-out;
}
#header .n2gLink {
  padding-left: 0 !important;
  position: absolute;
  top: auto;
  right: 0;
  bottom: 20px;
  left: auto;
  text-align: right;
  z-index: 5;
  transition: bottom 0.35s linear;
}
@media (min-width: 1025px) {
  #header .n2gLink {
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media (max-width: 1024px) {
  #header .n2gLink {
    padding-left: 35px;
    padding-right: 35px;
  }
}
@media (max-width: 768px) {
  #header .n2gLink {
    padding-left: 12px;
    padding-right: 12px;
  }
}
#header.small .n2gLink {
  bottom: 7.2727272727px;
}
#header.small .n2gLink a {
  transform: scale(0.9);
}
#footer .n2gLink {
  padding-top: 25px;
  padding-right: 8px;
  width: 100%;
  clear: left;
}
#footer .n2gLink::before {
  margin-right: 16px;
  flex-grow: 1;
  height: 1px;
  content: "";
  background-color: #172236;
}

body.win.ie11 #header .n2gLink {
  height: 20px;
  bottom: 10px;
}
body.win.ie11 #header .n2gLink a {
  height: 100%;
}
body.win.ie11 #header.small .n2gLink {
  bottom: 5px;
}

.n2gElement {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.n2gElement a {
  border-bottom: 1px solid #ececec;
  transition: color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;
}
.n2gElement__content {
  width: 50%;
}
.n2gElement__content.form {
  padding-right: 1.5vw;
}
.n2gElement__content.form > form > div > div:first-of-type {
  margin-top: 5px !important;
}
.n2gElement__content.form h1::before, .n2gElement__content.form h1::after, .n2gElement__content.form h2::before, .n2gElement__content.form h2::after, .n2gElement__content.form h3::before, .n2gElement__content.form h3::after, .n2gElement__content.form h4::before, .n2gElement__content.form h4::after {
  display: none !important;
}
.n2gElement__content.form label {
  display: none !important;
}
.n2gElement__content.form input:not([type=checkbox]) {
  padding: 16px !important;
  background-color: #ffffff;
  border: 1px solid #ececec !important;
}
.n2gElement__content.form .checkbox-inline > div:last-of-type > span {
  display: flex;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
}
.n2gElement__content.form .checkbox-inline > div:last-of-type > span input[type=checkbox] {
  width: 32px;
  min-width: 32px;
  height: 32px;
  background-color: #ffffff;
  border: 1px solid #ececec !important;
  border-radius: 50%;
  position: relative;
}
.n2gElement__content.form .checkbox-inline > div:last-of-type > span input[type=checkbox]::after {
  content: "";
  position: absolute;
  top: 4px;
  right: 4px;
  bottom: 4px;
  left: 4px;
  background-color: #ffffff;
  border: 1px solid #ececec;
  border-radius: 50%;
  z-index: 1;
  transition: all 0.35s ease-in-out;
}
.n2gElement__content.form .checkbox-inline > div:last-of-type > span input[type=checkbox]:checked::after {
  background-color: #ffb200;
  border-color: #ffb200;
}
.n2gElement__content.form .checkbox-inline > div:last-of-type > span input[type=checkbox] + label {
  display: block !important;
}
.n2gElement__content.form .checkbox-inline > div:last-of-type > span label {
  padding-left: 16px;
  display: flex;
  flex-grow: 1;
}
.n2gElement__content.form button {
  font-size: 12px;
  line-height: 1.25;
  color: #ffffff;
  font-weight: 600;
  text-transform: uppercase;
  background: #ffb200;
  border: none;
  margin-top: 0 !important;
  padding: 20px 0 !important;
  width: 100% !important;
  color: #ffffff !important;
  line-height: 1.25 !important;
  background-color: #ffb200 !important;
  border-radius: 0 !important;
  transition: background-color 0.35s ease-in-out;
}
@media (max-width: 1024px) {
  .n2gElement__content.form button {
    font-size: 12px;
    line-height: 1.25;
  }
}
@media (max-width: 768px) {
  .n2gElement__content.form button {
    font-size: 12px;
    line-height: 1.25;
  }
}
@media (min-width: 1025px) {
  .n2gElement__content.form button:hover {
    background: #173a75 !important;
  }
}
.n2gElement__content.text {
  padding-left: 1.5vw;
}
.n2gElement__content.text a {
  white-space: nowrap;
}

.n2gInfo p {
  width: 65%;
}

@media (min-width: 1025px) {
  .n2gLink a:hover {
    cursor: pointer;
  }
  .n2gLink a:hover span {
    color: #ffffff;
  }
  .n2gElement a:hover {
    cursor: pointer;
    border-bottom-color: #ffb200;
  }
  .n2gElement__content.form .checkbox-inline > div:last-of-type input[type=checkbox]:hover {
    cursor: pointer;
  }
  .n2gElement__content.form .checkbox-inline > div:last-of-type input[type=checkbox]:hover::after {
    border-color: #ffb200;
  }
  .n2gElement__content.form .checkbox-inline > div:last-of-type label:hover {
    cursor: pointer;
  }
}
@media (max-width: 1024px) {
  #header .n2gLink {
    display: none;
  }
}
@media screen and (max-width: 1024px) and (orientation: portrait) {
  #footer .n2gLink::before {
    display: none;
  }
}
@media (max-width: 1024px) {
  .n2gInfo p {
    width: 75%;
  }
}
@media (max-width: 768px) {
  .n2gElement {
    flex-direction: column;
  }
  .n2gElement__content {
    width: 100% !important;
  }
  .n2gElement__content.form {
    margin-bottom: 24px;
    padding-right: 0;
  }
  .n2gElement__content.text {
    padding-left: 0;
  }
  #footer .n2gLink::before {
    display: none;
  }
  .n2gInfo p {
    width: 100%;
    text-align: left !important;
  }
}
body.contactPersonMap #container {
  padding-bottom: 0 !important;
}

.contact-person-map {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.contact-person-map__sidebar {
  width: 25rem;
  display: flex;
  flex-direction: column;
}
.contact-person-map__map {
  flex-grow: 1;
}

.contact-person-map__search-form {
  padding: 1.5rem;
  background-color: #ffb200;
}
.contact-person-map__search-form-headline {
  font-size: 16px;
  line-height: 1.25;
  color: #202020;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1;
  margin-bottom: 1rem;
}
@media (max-width: 1024px) {
  .contact-person-map__search-form-headline {
    font-size: 16px;
    line-height: 1.25;
  }
}
@media (max-width: 768px) {
  .contact-person-map__search-form-headline {
    font-size: 16px;
    line-height: 1.25;
  }
}
.contact-person-map__search-form .form-group-search-location {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.contact-person-map__search-form .form-group-search-location__button-submit {
  font-size: 12px;
  line-height: 1.25;
  padding: 10px 15px;
  color: #b5b5b5;
  font-weight: 600;
  text-transform: uppercase;
  background: #ffffff;
  border: 1px solid #ececec;
  display: inline-block;
  width: 7.5rem;
  color: #173a75;
  border-top: none;
  border-right: none;
  border-bottom: none;
  order: 2;
}
@media (max-width: 1024px) {
  .contact-person-map__search-form .form-group-search-location__button-submit {
    font-size: 12px;
    line-height: 1.25;
  }
}
@media (max-width: 768px) {
  .contact-person-map__search-form .form-group-search-location__button-submit {
    font-size: 12px;
    line-height: 1.25;
  }
}
@media (min-width: 1025px) {
  .contact-person-map__search-form .form-group-search-location__button-submit:hover {
    color: #ffffff;
    background: #ffb200;
    border-color: #ffb200;
  }
}
.contact-person-map__search-form .form-group-search-location .pac-target-input {
  border: none;
  order: 1;
}

.contact-person-map__contact-persons {
  height: 100%;
  overflow: scroll;
}

.contact-person-map__contact-person {
  padding: 1rem 1.5rem;
  border-bottom: 0.0625rem solid #dadada;
  display: block;
}
.contact-person-map__contact-person.active {
  color: #173a75 !important;
  background-color: rgba(218, 218, 218, 0.35);
}
.contact-person-map__contact-person-company {
  font-weight: bold;
}
.contact-person-map__contact-person--info-window {
  padding: 0.5rem;
}
.contact-person-map__contact-person--info-window .contact-person-map__contact-person-company {
  margin-bottom: 8px;
  color: #173a75;
  font-weight: bold;
  font-size: 1.0625rem;
  line-height: 1.5;
}
.contact-person-map__contact-person--info-window .contact-person-map__contact-person-name {
  font-family: "Titillium Web", "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
  font-size: 16px;
  line-height: 1.4;
  color: #555555;
  font-weight: bold;
  line-height: 1.5;
}
@media (max-width: 1024px) {
  .contact-person-map__contact-person--info-window .contact-person-map__contact-person-name {
    font-size: 14px;
    line-height: 1.4;
  }
}
@media (max-width: 768px) {
  .contact-person-map__contact-person--info-window .contact-person-map__contact-person-name {
    font-size: 14px;
    line-height: 1.4;
  }
}
.contact-person-map__contact-person--info-window .contact-person-map__contact-person-address {
  margin-bottom: 8px;
  font-family: "Titillium Web", "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
  font-size: 16px;
  line-height: 1.4;
  color: #555555;
  font-weight: 400;
  line-height: 1.5;
}
@media (max-width: 1024px) {
  .contact-person-map__contact-person--info-window .contact-person-map__contact-person-address {
    font-size: 14px;
    line-height: 1.4;
  }
}
@media (max-width: 768px) {
  .contact-person-map__contact-person--info-window .contact-person-map__contact-person-address {
    font-size: 14px;
    line-height: 1.4;
  }
}
.contact-person-map__contact-person--info-window .contact-person-map__contact-person-details {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-direction: column;
  font-family: "Titillium Web", "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
  font-size: 16px;
  line-height: 1.4;
  color: #555555;
  font-weight: 400;
  line-height: 1.5;
}
@media (max-width: 1024px) {
  .contact-person-map__contact-person--info-window .contact-person-map__contact-person-details {
    font-size: 14px;
    line-height: 1.4;
  }
}
@media (max-width: 768px) {
  .contact-person-map__contact-person--info-window .contact-person-map__contact-person-details {
    font-size: 14px;
    line-height: 1.4;
  }
}
.contact-person-map__contact-person--info-window .contact-person-map__contact-person-details a::before {
  font-weight: bold;
}
:hover .contact-person-map__contact-person--info-window .contact-person-map__contact-person-details a::before {
  color: #555555 !important;
}
.contact-person-map__contact-person--info-window .contact-person-map__contact-person-details a.contact-person-map__contact-person-detail--phone::before {
  content: "Telefon: ";
}
.contact-person-map__contact-person--info-window .contact-person-map__contact-person-details a.contact-person-map__contact-person-detail--email::before {
  content: "E-Mail: ";
}
.contact-person-map__contact-person--info-window .contact-person-map__contact-person-details a.contact-person-map__contact-person-detail--website::before {
  content: "Web: ";
}
.contact-person-map__contact-person--info-window .contact-person-map__contact-person-associate {
  margin-top: 8px;
}

@media (min-width: 1025px) {
  .contact-person-map__search-form .form-group-search-location__button-submit:hover {
    color: #ffffff !important;
    background-color: #173a75 !important;
  }
  .contact-person-map__search-form .form-group-search-location .pac-target-input:focus {
    color: #555555 !important;
    background-color: #ffffff !important;
  }
}
@media screen and (max-width: 1024px) and (orientation: landscape) {
  .contact-person-map__sidebar {
    width: 18.75rem;
  }
}
@media screen and (max-width: 1024px) and (orientation: portrait) {
  .contact-person-map__sidebar {
    width: 12.5rem;
  }
}
@media (max-width: 1024px) {
  .contact-person-map__search-form {
    padding: 1rem;
  }
  .contact-person-map__search-form .form-group-search-location {
    flex-direction: column;
  }
  .contact-person-map__search-form .form-group-search-location__button-submit {
    padding-left: 1.25rem;
    width: 100%;
    text-align: left;
    border-left: none;
    border-top: 0.0625rem solid #ececec;
  }
  .contact-person-map__contact-person {
    padding: 0.5rem 1rem;
  }
}
@media (max-width: 768px) {
  .contact-person-map {
    flex-direction: column;
    height: auto;
  }
  .contact-person-map__sidebar {
    width: 100%;
    order: 2;
  }
  .contact-person-map__map {
    width: 100%;
    height: 12.5rem;
    order: 1;
  }
  .contact-person-map__map .vue-map-container {
    height: 100% !important;
  }
  .contact-person-map__search-form,
  .contact-person-map__contact-person {
    padding: 1rem;
  }
}
.ce_youtube {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 0;
  height: 0;
  overflow: hidden;
}
.ce_youtube iframe,
.ce_youtube object,
.ce_youtube embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.contentBox .ce_youtube:not(:first-of-type), .members-section .ce_youtube:not(:first-of-type) {
  margin-top: 2.0833333333%;
}

.members-section hr {
  margin: 1.5rem 0;
  border: none;
  border-top: 1px solid #ececec;
}
.members-section .btn-core, .members-section .btn--default, .members-section .button-default a, .members-section .widget-submit .submit, .members-section .btn--simple {
  border-radius: 5px;
  background-clip: padding-box;
  padding: 8px 15px 10px 15px;
  text-decoration: none !important;
}
.members-section .btn--simple {
  font-size: 14px;
  line-height: 1.25;
  color: #858585;
  background-color: #ffffff;
  border: 1px solid #ececec;
}
@media (max-width: 1024px) {
  .members-section .btn--simple {
    font-size: 13px;
    line-height: 1.25;
  }
}
@media (max-width: 768px) {
  .members-section .btn--simple {
    font-size: 12px;
    line-height: 1.25;
  }
}
.members-section .btn--default, .members-section .button-default a, .members-section .widget-submit .submit {
  font-size: 16px;
  line-height: 1.25;
  color: #ffffff;
  font-weight: bold;
  background-color: #ffb200;
  border: 1px solid #ffb200;
}
@media (max-width: 1024px) {
  .members-section .btn--default, .members-section .button-default a, .members-section .widget-submit .submit {
    font-size: 16px;
    line-height: 1.25;
  }
}
@media (max-width: 768px) {
  .members-section .btn--default, .members-section .button-default a, .members-section .widget-submit .submit {
    font-size: 16px;
    line-height: 1.25;
  }
}
.members-section .formbody {
  display: flex;
  flex-wrap: wrap;
}
.members-section .formbody .error {
  padding: 8px;
}
.members-section .formbody > .widget {
  padding: 8px;
  margin-bottom: 16px;
  width: 50%;
}
.members-section .widget-text label,
.members-section .widget-password label,
.members-section .widget-select label {
  margin-bottom: 0.5rem;
  font-weight: bold;
  display: block;
}
.members-section .widget-text input,
.members-section .widget-password input,
.members-section .widget-select input {
  border: 1px solid #ececec;
}
.members-section .widget-select select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding-right: 48px;
  background-image: url("../img/select.png");
  background-position: right 1rem center;
  background-repeat: no-repeat;
  background-size: 0.875rem;
  border: 1px solid #ececec;
}
.members-section .widget-checkbox fieldset {
  margin: 0;
  padding: 0;
  border: none;
}
.members-section .widget-checkbox fieldset > span {
  display: flex;
  align-items: center;
}
.members-section .widget-checkbox fieldset input[type=checkbox] {
  width: 32px;
  height: 32px;
  border: 1px solid #ececec;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.members-section .widget-checkbox fieldset input[type=checkbox]::before {
  content: "";
  width: 20px;
  height: 20px;
  background-color: transparent;
  transition: background-color 0.25s ease-in-out;
}
.members-section .widget-checkbox fieldset input[type=checkbox]:checked::before {
  background-color: #ffb200;
}
.members-section .widget-checkbox fieldset label {
  padding-left: 16px;
  cursor: pointer;
}
.members-section .widget-submit .submit {
  border: 1px solid #ffb200;
}
.members-section .mod_lostPassword .formbody {
  display: flex;
  align-items: center;
}
.members-section .mod_lostPassword .formbody .widget-text {
  display: flex;
  align-items: center;
}
.members-section .mod_lostPassword .formbody .widget-text label {
  margin: 0 0.75rem 0 0;
  white-space: nowrap;
}
.members-section .mod_lostPassword .formbody .widget-submit {
  margin-bottom: 0;
}
.members-section .mod_login.logout .formbody {
  flex-direction: column;
}
.members-section .mod_login.logout .formbody .widget-submit {
  padding-left: 0;
}
.members-section .button-default {
  padding-bottom: 2.5rem;
}
@media (min-width: 1025px) {
  .members-section .btn--simple:hover {
    color: #555555;
    border-color: #ffb200;
  }
  .members-section .btn--default:hover, .members-section .widget-submit .submit:hover, .members-section .button-default a:hover {
    background-color: #173a75;
    border-color: #173a75;
  }
  .members-section .widget-checkbox fieldset input[type=checkbox]:hover:not(:checked)::before {
    background-color: #ececec;
  }
}
@media (max-width: 768px) {
  .members-section hr {
    margin: 0.75rem 0;
  }
  .members-section .formbody > .widget {
    margin-bottom: 16px;
  }
}
@media (max-width: 768px) and (orientation: portrait) {
  .members-section .formbody {
    flex-direction: column;
  }
  .members-section .formbody > .widget {
    width: 100%;
  }
  .members-section .formbody > .widget:nth-child(odd) {
    padding-right: 0;
  }
  .members-section .formbody > .widget:nth-child(even) {
    padding-left: 0;
  }
  .members-section .mod_lostPassword .formbody .fields {
    width: 100%;
  }
  .members-section .mod_lostPassword .formbody .widget-text {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    margin-bottom: 16px;
  }
  .members-section .mod_lostPassword .formbody .widget-text label {
    margin-bottom: 8px;
  }
}
.products--list {
  display: flex;
  flex-wrap: wrap;
}
.products--list .product--thumb {
  margin: 0;
  padding: 8px;
  width: calc(33.3333333333% - 0.1px) !important;
  display: flex;
  float: none !important;
}
.products--list .product--thumb a {
  height: 100%;
  box-shadow: none;
  text-align: left;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}
.products--list .product--thumb .image {
  transform: scale(0.85);
}

.product__price {
  margin-top: 1.5rem;
}
.product__price-value {
  font-size: 1.75rem;
  font-weight: 600;
  color: #202020;
}

.product__quantity {
  margin-top: 1rem;
  display: flex;
  align-items: center;
  color: #202020;
}
.product__quantity-indicator {
  margin-right: 0.5rem;
  width: 12px;
  height: 12px;
  border-radius: 50%;
}
.is-green .product__quantity-indicator {
  background-color: #8dc63f;
}
.is-red .product__quantity-indicator {
  background-color: #e74c3c;
}
.product__quantity-label {
  font-size: 14px;
  font-weight: 600;
}
.is-green .product__quantity-label {
  color: #8dc63f;
}
.is-red .product__quantity-label {
  color: #e74c3c;
}

.product__cart,
.product__wishlist {
  margin-top: 2.25rem;
  display: flex;
}
.product__cart__quantity,
.product__wishlist__quantity {
  display: flex;
  align-items: center;
  border: 1px solid #ececec;
  border-right: none;
  background-color: rgba(236, 236, 236, 0.25);
}
.product__cart input[type=number],
.product__wishlist input[type=number] {
  background-color: transparent;
}
.product__cart label,
.product__wishlist label {
  padding: 0 1.5rem;
}
.product__cart button,
.product__wishlist button {
  display: flex;
  align-items: center;
  background-color: #ffb200;
  transition: background-color 0.35s ease-in-out;
}
.product__cart button i,
.product__wishlist button i {
  width: 64px;
  height: 64px;
  color: #ffb200;
  font-size: 1.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #202020;
  transition: background-color 0.35s ease-in-out;
}
.product__cart button span,
.product__wishlist button span {
  padding: 1rem 1.5rem;
  white-space: nowrap;
  font-weight: 700;
  transition: color 0.35s ease-in-out;
}

@media (min-width: 1025px) {
  .products--list .product--thumb a:hover {
    border-color: #ffb200;
  }
  .products--list .product--thumb a:hover .price__wrapper {
    color: white;
    background-color: #ffb200;
  }
  .product__cart button:hover,
  .product__wishlist button:hover {
    background-color: #173a75;
  }
  .product__cart button:hover i,
  .product__wishlist button:hover i {
    background-color: #0f254a;
  }
  .product__cart button:hover span,
  .product__wishlist button:hover span {
    color: white;
  }
}
@media (max-width: 1024px) and (orientation: portrait) {
  .products--list .product--thumb {
    width: 50% !important;
  }
}
@media (max-width: 1024px) {
  .products--list .product--thumb a {
    padding: 1.25rem 1.5rem;
  }
  .products--list .product--thumb h3 {
    font-size: 14px;
    line-height: 1.25;
  }
}
@media (max-width: 1024px) and (max-width: 1024px) {
  .products--list .product--thumb h3 {
    font-size: 13px;
    line-height: 1.25;
  }
}
@media (max-width: 1024px) and (max-width: 768px) {
  .products--list .product--thumb h3 {
    font-size: 12px;
    line-height: 1.25;
  }
}
@media (max-width: 768px) and (orientation: portrait) {
  .products--list .product--thumb {
    width: 100% !important;
  }
}
@media (max-width: 768px) and (orientation: landscape) {
  .products--list .product--thumb {
    width: 50% !important;
  }
}
@media (max-width: 768px) and (orientation: portrait) {
  .product__wishlist {
    flex-direction: column;
  }
  .product__wishlist__quantity {
    width: 100%;
    border-right: 1px solid #ececec;
  }
  .product__wishlist button {
    width: 100%;
  }
}
.special-items .products .product--thumb .title, #products:not(.special-items) .product--thumb .title {
  margin: 0;
  padding: 1.5rem;
}
.special-items .products .product--thumb .with-image.title, #products:not(.special-items) .product--thumb .with-image.title {
  padding-top: 0;
  font-size: 16px;
}
.special-items .products .product--thumb .with-description.title, #products:not(.special-items) .product--thumb .with-description.title {
  padding-bottom: 0.75rem;
}

body.special-items-level-1 .special-items .families .product--thumb {
  width: 50% !important;
}
body.special-items-level-1 .special-items .families .product--thumb .title {
  margin: 0;
  padding: 2rem;
  font-size: 16px;
}
body.special-items-level-1 .special-items .families .product--thumb .image,
body.special-items-level-1 .special-items .families .product--thumb .button-style {
  display: none;
}
.special-items:not(body.special-items-level-1 .special-items) {
  padding-bottom: 0 !important;
}
.special-items:not(body.special-items-level-1 .special-items) .families .product--thumb {
  width: 25% !important;
}
.special-items:not(body.special-items-level-1 .special-items) .families .product--thumb__foot {
  padding-bottom: 0.5rem;
}
.special-items:not(body.special-items-level-1 .special-items) .families .product--thumb .image {
  transform: scale(0.6);
}
.special-items:not(body.special-items-level-1 .special-items) .families .product--thumb .title {
  margin: 0;
  padding: 1.5rem 1.5rem 1rem 1.5rem;
  font-size: 12px;
}
.special-items:not(body.special-items-level-1 .special-items) .families .product--thumb .button-style {
  display: none;
}
@media (min-width: 1025px) {
  .special-items:not(body.special-items-level-1 .special-items) .families .product--thumb a:hover .image {
    transform: scale(0.8);
  }
}
@media (max-width: 1024px) {
  .special-items:not(body.special-items-level-1 .special-items) .families .product--thumb a {
    padding: 0.5rem !important;
  }
  .special-items:not(body.special-items-level-1 .special-items) .families .product--thumb a .title {
    font-size: 10px;
  }
  .special-items:not(body.special-items-level-1 .special-items) .families .product--thumb a .image {
    transform: scale(0.8);
  }
}
@media (max-width: 1024px) and (orientation: portrait) {
  .special-items:not(body.special-items-level-1 .special-items) .families .product--thumb {
    width: 50% !important;
  }
}
@media (max-width: 768px) and (orientation: portrait) {
  .special-items:not(body.special-items-level-1 .special-items) .families .product--thumb {
    width: calc(33.3333333333% - 0.1px) !important;
  }
}
.special-items .products--title {
  margin: 0 0 25px 20px;
  padding-top: 20px;
  border-top: 1px solid #ececec;
}
.special-items .products--title span {
  color: #ffb200;
  font-weight: 700;
  text-transform: uppercase;
}
.special-items .products .product--thumb .description {
  margin-bottom: 0;
  padding: 0 1.5rem 1rem 1.5rem;
  font-size: 12px;
  color: #6f747d;
  text-align: center;
}
.special-items .products .product--thumb .button-style .price {
  color: #202020;
  font-weight: 700;
}
.special-items .products .product--thumb .button-style .price span:first-child {
  margin-right: 0.25rem;
  font-size: 14px;
}
.special-items .products .product--thumb .button-style .price span:last-child {
  font-size: 16px;
}

.special-item-registration .formbody > * {
  margin-top: 2.5em;
  width: 100%;
}
.special-item-registration .error {
  color: #c0392b;
  font-size: 0.8rem;
}
.special-item-registration .confirm.message {
  margin-top: 2.5rem;
  padding: 2rem;
  font-weight: bold;
  border: 2px solid #ffb200;
}
.special-item-registration fieldset {
  border: none;
  padding: 0;
  margin: 0;
}
.special-item-registration fieldset legend {
  margin-bottom: 0.75rem;
  padding-bottom: 0.75rem;
  width: 100%;
  color: #555555;
  font-size: 0.8rem;
  text-transform: uppercase;
  border-bottom: 1px solid #ffb200;
}
.special-item-registration__data {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 5rem;
}
.special-item-registration__data .widget:not(:last-child) {
  margin-bottom: 0.75rem;
}
@media (max-width: 1024px) {
  .special-item-registration__data {
    grid-template-columns: 1fr;
    gap: 2.5rem;
  }
}
.special-item-registration__wholesalers legend {
  width: 100%;
}
.special-item-registration__wholesalers fieldset {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.5rem;
}
.special-item-registration__wholesalers fieldset:not(:first-child) {
  margin-top: 1.5rem;
}
@media (max-width: 768px) {
  .special-item-registration__wholesalers fieldset {
    grid-template-columns: 1fr;
    gap: 0.75rem;
  }
}
.special-item-registration__wholesalers__add {
  font-size: 12px;
  line-height: 1.25;
  padding: 10px 15px;
  color: #b5b5b5;
  font-weight: 600;
  text-transform: uppercase;
  background: #ffffff;
  border: 1px solid #ececec;
  display: inline-block;
  margin-top: 1.5em;
}
@media (max-width: 1024px) {
  .special-item-registration__wholesalers__add {
    font-size: 12px;
    line-height: 1.25;
  }
}
@media (max-width: 768px) {
  .special-item-registration__wholesalers__add {
    font-size: 12px;
    line-height: 1.25;
  }
}
@media (min-width: 1025px) {
  .special-item-registration__wholesalers__add:hover {
    color: #ffffff;
    background: #ffb200;
    border-color: #ffb200;
  }
}
.special-item-registration__foot {
  padding-top: 2.5em;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid #ffb200;
}
.special-item-registration__foot .checkbox_container.mandatory legend {
  display: none;
}
@media (max-width: 768px) {
  .special-item-registration__foot {
    flex-direction: column;
    align-items: flex-start;
  }
  .special-item-registration__foot .widget-submit {
    margin-top: 1.5rem;
  }
}
.special-item-registration .widget-captcha label {
  font-weight: bold;
}
.special-item-registration .widget-captcha input {
  border: 1px solid #ececec;
}

#sticky-notepads {
  padding: 4px 8px;
  background-color: white;
  border-radius: 8px;
  box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.15);
  position: fixed;
  right: 16px;
  bottom: 16px;
  z-index: 5;
  filter: blur(16px);
  transform: translateY(200%);
  pointer-events: none;
  transition: filter 0.5s 0.5s ease-in-out, transform 0.5s 0.5s ease-in-out;
}
#sticky-notepads[data-visibility=true] {
  filter: blur(0);
  transform: translateY(0);
  pointer-events: all;
}
#sticky-notepads a {
  font-size: 16px;
  line-height: 1.25;
  margin: 4px 0;
  padding: 0.75rem 1.25rem;
  white-space: nowrap;
  color: #ffffff;
  font-weight: 600;
  background-color: #ffb200;
  border-radius: 4px;
  display: none;
}
@media (max-width: 1024px) {
  #sticky-notepads a {
    font-size: 16px;
    line-height: 1.25;
  }
}
@media (max-width: 768px) {
  #sticky-notepads a {
    font-size: 16px;
    line-height: 1.25;
  }
}
#sticky-notepads a.is-visible {
  display: flex;
  align-items: center;
}
#sticky-notepads a::before {
  margin-right: 0.5rem;
  color: #ffffff;
  font-size: 20px;
}
#sticky-notepads a.btn-notepad.for-wishlist::before {
  content: "f";
}
#sticky-notepads a.btn-notepad.for-cart::before {
  content: "r";
}
@media (min-width: 1025px) {
  #sticky-notepads a:hover {
    background: #173a75 !important;
  }
}
@media (max-width: 768px) {
  #sticky-notepads a {
    font-size: 12px;
    line-height: 1.25;
    padding: 0.55rem 0.75rem;
  }
}
@media (max-width: 768px) and (max-width: 1024px) {
  #sticky-notepads a {
    font-size: 12px;
    line-height: 1.25;
  }
}
@media (max-width: 768px) and (max-width: 768px) {
  #sticky-notepads a {
    font-size: 12px;
    line-height: 1.25;
  }
}
@media (max-width: 768px) {
  #sticky-notepads a::before {
    font-size: 16px;
  }
}

.secondlifeInfoModal {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1337;
  background-color: rgba(0, 0, 0, 0.75);
  display: flex;
  justify-content: center;
  align-items: center;
}
.secondlifeInfoModal.is-hidden {
  pointer-events: none;
  display: none;
}
.secondlifeInfoModal__content {
  max-width: 900px;
  padding: 2rem;
  background-color: white;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}
.is-visible .secondlifeInfoModal__content {
  opacity: 1;
}
.secondlifeInfoModal__close {
  font-size: 12px;
  line-height: 1.25;
  color: #ffffff;
  font-weight: 600;
  text-transform: uppercase;
  background: #ffb200;
  border: none;
  margin-top: 1rem;
  padding: 0 1.5em;
  height: 40px;
  background-color: #ffb200;
  z-index: 2;
}
@media (max-width: 1024px) {
  .secondlifeInfoModal__close {
    font-size: 12px;
    line-height: 1.25;
  }
}
@media (max-width: 768px) {
  .secondlifeInfoModal__close {
    font-size: 12px;
    line-height: 1.25;
  }
}
@media (min-width: 1025px) {
  .secondlifeInfoModal__close:hover {
    background: #173a75 !important;
  }
}

#hamburger::after {
  font-size: 15px;
  line-height: 1;
  color: #ffffff;
  font-weight: 400;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.65);
}
@media (max-width: 1024px) {
  #hamburger::after {
    font-size: 15px;
    line-height: 1;
  }
}
@media (max-width: 768px) {
  #hamburger::after {
    font-size: 15px;
    line-height: 1;
  }
}
#hamburger::after a {
  color: #ffffff;
}

#hamburger {
  width: auto;
  height: 50px;
  background: transparent;
  border: none;
  cursor: pointer;
  overflow: hidden;
  display: none;
}
@media only screen and (max-width: 1400px) {
  #hamburger {
    display: block;
  }
}
#hamburger > span {
  width: 26px;
  height: 50px;
  display: block;
  position: relative;
  float: left;
}
#hamburger > span > span {
  transform: translate(0, -50%);
  display: block;
  top: 50%;
}
#hamburger > span > span,
#hamburger > span > span::before,
#hamburger > span > span::after {
  width: 26px;
  height: 2px;
  border-radius: 0;
  background-clip: padding-box;
  background-color: #ffb200;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}
#hamburger > span > span::before,
#hamburger > span > span::after {
  content: "";
  display: block;
}
#hamburger > span > span::before {
  top: -8px;
}
#hamburger > span > span::after {
  bottom: -8px;
}
#hamburger::after {
  margin-left: 10px;
  height: 50px;
  line-height: 50px;
  content: "Menu";
  display: block;
  float: left;
}
#hamburger.active > span > span, #hamburger.active > span > span::before, #hamburger.active > span > span::after {
  background-color: #ffb200 !important;
}
#hamburger.active {
  background: transparent;
}
#hamburger.active::after {
  color: #ffffff !important;
}

#hamburger > span > span {
  transition-duration: 0.1s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
#hamburger > span > span::before {
  transition: top 0.1s 0.14s ease, opacity 0.1s ease;
}
#hamburger > span > span::after {
  transition: bottom 0.1s 0.14s ease, transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
#hamburger.active > span > span {
  transform: rotate(45deg);
  transition-delay: 0.14s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
#hamburger.active > span > span::before {
  top: 0;
  opacity: 0;
  transition: top 0.1s ease, opacity 0.1s 0.14s ease;
}
#hamburger.active > span > span::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 0.1s ease, transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
/*! Flickity v2.0.5
http://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus {
  outline: none;
}

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* draggable */
.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: grabbing;
}

/* ---- previous/next buttons ---- */
.flickity-prev-next-button {
  position: absolute;
  top: 50%;
  width: 44px;
  height: 44px;
  border: none;
  background: transparent;
  cursor: pointer;
  /* vertically center */
  transform: translateY(-50%);
}

.flickity-prev-next-button:focus {
  outline: none;
  box-shadow: 0 0 0 5px #09F;
}

.flickity-prev-next-button:active {
  opacity: 0.6;
}

.flickity-prev-next-button.previous {
  left: 10px;
}

.flickity-prev-next-button.next {
  right: 10px;
}

/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px;
}

.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px;
}

.flickity-prev-next-button:disabled {
  opacity: 0.3;
  cursor: auto;
}

.flickity-prev-next-button svg {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}

.flickity-prev-next-button .arrow {
  fill: white;
}

/* ---- page dots ---- */
.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -20px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}

.flickity-rtl .flickity-page-dots {
  direction: rtl;
}

.flickity-page-dots .dot {
  display: inline-block;
  width: 20px;
  height: 3px;
  margin: 0 1px;
  opacity: 0.5;
  cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
  opacity: 1;
}

.widget-checkbox.data_privacy {
  display: flex;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
  margin-bottom: 0.25em;
}
.widget-checkbox.data_privacy input {
  margin-right: 15px;
  width: 30px !important;
  height: 30px !important;
  background-color: #ffffff;
  position: relative;
  transition: background-color 0.35s ease-in-out;
  border: 1px solid #ececec;
  cursor: pointer;
}
.widget-checkbox.data_privacy input::before {
  position: absolute;
  top: 0;
  right: 100%;
  bottom: 0;
  left: 0;
  background-color: #ececec;
  content: "";
  transition: right 0.35s 0.35s ease-in-out;
  z-index: 1;
}
.widget-checkbox.data_privacy input::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: url("../img/data_privacy_check.svg");
  transition: opacity 0.35s ease-in-out;
  z-index: 2;
  opacity: 0;
}
.widget-checkbox.data_privacy input:hover {
  background-color: rgba(236, 236, 236, 0.25);
}
.widget-checkbox.data_privacy input:checked::before {
  right: 0;
  transition: right 0.35s ease-in-out;
}
.widget-checkbox.data_privacy input:checked::after {
  opacity: 1;
  transition: opacity 0.35s 0.35s ease-in-out;
}
.widget-checkbox.data_privacy label {
  width: calc(100% - 45px);
  font-size: 11px;
  margin: 0;
  padding-left: 0 !important;
  color: #555555;
}
.widget-checkbox.data_privacy label a {
  color: #555555;
  transition: border-color 0.35s ease-in-out;
  border-bottom: 1px solid #ececec;
}
.widget-checkbox.data_privacy label a::before, .widget-checkbox.data_privacy label a::after {
  bottom: 0;
}
@media (min-width: 48em) {
  .widget-checkbox.data_privacy label a:hover {
    border-color: #555555;
  }
}

@media (max-width: 74.9em) {
  .widget-checkbox.data_privacy button:hover {
    background-color: blue;
  }
}
.tl_error {
  color: #856404;
  background-color: #fff3cd;
  border: 1px solid #ffeeba;
  display: block;
  padding: 20px;
}

.tl_info {
  color: #173a75;
  background-color: rgba(23, 58, 117, 0.075);
  border: 1px solid rgba(23, 58, 117, 0.075);
  display: block;
  padding: 20px;
}

.glightbox-container {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999 !important;
  overflow: hidden;
  touch-action: none;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  text-size-adjust: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  outline: none;
}

.glightbox-container.inactive {
  display: none;
}

.glightbox-container .gcontainer {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 9999;
  overflow: hidden;
}

.glightbox-container .gslider {
  transition: transform 0.4s ease;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  position: relative;
  overflow: hidden;
  display: flex !important;
  justify-content: center;
  align-items: center;
  transform: translate3d(0, 0, 0);
}

.glightbox-container .gslide {
  width: 100%;
  position: absolute;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
}

.glightbox-container .gslide.current {
  opacity: 1;
  z-index: 99999;
  position: relative;
}

.glightbox-container .gslide.prev {
  opacity: 1;
  z-index: 9999;
}

.glightbox-container .gslide-inner-content {
  width: 100%;
}

.glightbox-container .ginner-container {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  max-width: 100%;
  margin: auto;
  height: 100vh;
}

.glightbox-container .ginner-container.gvideo-container {
  width: 100%;
}

.glightbox-container .ginner-container.desc-bottom,
.glightbox-container .ginner-container.desc-top {
  flex-direction: column;
}

.glightbox-container .ginner-container.desc-left,
.glightbox-container .ginner-container.desc-right {
  max-width: 100% !important;
}

.gslide iframe,
.gslide video {
  outline: none !important;
  border: none;
  min-height: 165px;
  -webkit-overflow-scrolling: touch;
  touch-action: auto;
}

.gslide:not(.current) {
  pointer-events: none;
}

.gslide-image {
  align-items: center;
}

.gslide-image img {
  max-height: 100vh;
  display: block;
  padding: 0;
  float: none;
  outline: none;
  border: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  max-width: 100vw;
  width: auto;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
  touch-action: none;
  margin: auto;
  min-width: 200px;
}

.desc-top .gslide-image img,
.desc-bottom .gslide-image img {
  width: auto;
}

.desc-left .gslide-image img,
.desc-right .gslide-image img {
  width: auto;
  max-width: 100%;
}

.gslide-image img.zoomable {
  position: relative;
}

.gslide-image img.dragging {
  cursor: grabbing !important;
  transition: none;
}

.gslide-video {
  position: relative;
  max-width: 100vh;
  width: 100% !important;
}

.gslide-video .plyr__poster-enabled.plyr--loading .plyr__poster {
  display: none;
}

.gslide-video .gvideo-wrapper {
  width: 100%;
  /* max-width: 160vmin; */
  margin: auto;
}

.gslide-video::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(255, 0, 0, 0.34);
  display: none;
}

.gslide-video.playing::before {
  display: none;
}

.gslide-video.fullscreen {
  max-width: 100% !important;
  min-width: 100%;
  height: 75vh;
}

.gslide-video.fullscreen video {
  max-width: 100% !important;
  width: 100% !important;
}

.gslide-inline {
  background: #fff;
  text-align: left;
  max-height: calc(100vh - 40px);
  overflow: auto;
  max-width: 100%;
  margin: auto;
}

.gslide-inline .ginlined-content {
  padding: 20px;
  width: 100%;
}

.gslide-inline .dragging {
  cursor: grabbing !important;
  transition: none;
}

.ginlined-content {
  overflow: auto;
  display: block !important;
  opacity: 1;
}

.gslide-external {
  display: flex;
  width: 100%;
  min-width: 100%;
  background: #fff;
  padding: 0;
  overflow: auto;
  max-height: 75vh;
  height: 100%;
}

.gslide-media {
  display: flex;
  width: auto;
}

.zoomed .gslide-media {
  box-shadow: none !important;
}

.desc-top .gslide-media,
.desc-bottom .gslide-media {
  margin: 0 auto;
  flex-direction: column;
}

.gslide-description {
  position: relative;
  flex: 1 0 100%;
}

.gslide-description.description-left,
.gslide-description.description-right {
  max-width: 100%;
}

.gslide-description.description-bottom,
.gslide-description.description-top {
  margin: 0 auto;
  width: 100%;
}

.gslide-description p {
  margin-bottom: 12px;
}

.gslide-description p:last-child {
  margin-bottom: 0;
}

.zoomed .gslide-description {
  display: none;
}

.glightbox-button-hidden {
  display: none;
}

/*
 * Description for mobiles
 * something like facebook does the description
 * for the photos
*/
.glightbox-mobile .glightbox-container .gslide-description {
  height: auto !important;
  width: 100%;
  position: absolute;
  bottom: 0;
  padding: 19px 11px;
  max-width: 100vw !important;
  order: 2 !important;
  max-height: 78vh;
  overflow: auto !important;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
  transition: opacity 0.3s linear;
  padding-bottom: 50px;
}

.glightbox-mobile .glightbox-container .gslide-title {
  color: #fff;
  font-size: 1em;
}

.glightbox-mobile .glightbox-container .gslide-desc {
  color: #a1a1a1;
}

.glightbox-mobile .glightbox-container .gslide-desc a {
  color: #fff;
  font-weight: bold;
}

.glightbox-mobile .glightbox-container .gslide-desc * {
  color: inherit;
}

.glightbox-mobile .glightbox-container .gslide-desc .desc-more {
  color: #fff;
  opacity: 0.4;
}

.gdesc-open .gslide-media {
  transition: opacity 0.5s ease;
  opacity: 0.4;
}

.gdesc-open .gdesc-inner {
  padding-bottom: 30px;
}

.gdesc-closed .gslide-media {
  transition: opacity 0.5s ease;
  opacity: 1;
}

.greset {
  transition: all 0.3s ease;
}

.gabsolute {
  position: absolute;
}

.grelative {
  position: relative;
}

.glightbox-desc {
  display: none !important;
}

.glightbox-open {
  overflow: hidden;
}

.gloader {
  height: 25px;
  width: 25px;
  animation: lightboxLoader 0.8s infinite linear;
  border: 2px solid #fff;
  border-right-color: transparent;
  border-radius: 50%;
  position: absolute;
  display: block;
  z-index: 9999;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 47%;
}

.goverlay {
  width: 100%;
  height: calc(100vh + 1px);
  position: fixed;
  top: -1px;
  left: 0;
  background: #000;
  will-change: opacity;
}

.glightbox-mobile .goverlay {
  background: #000;
}

.gprev,
.gnext,
.gclose {
  z-index: 99999;
  cursor: pointer;
  width: 26px;
  height: 44px;
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.gprev svg,
.gnext svg,
.gclose svg {
  display: block;
  width: 25px;
  height: auto;
  margin: 0;
  padding: 0;
}

.gprev.disabled,
.gnext.disabled,
.gclose.disabled {
  opacity: 0.1;
}

.gprev .garrow,
.gnext .garrow,
.gclose .garrow {
  stroke: #fff;
}

.gbtn.focused {
  outline: 2px solid #0f3d81;
}

iframe.wait-autoplay {
  opacity: 0;
}

.glightbox-closing .gnext,
.glightbox-closing .gprev,
.glightbox-closing .gclose {
  opacity: 0 !important;
}

/*Skin */
.glightbox-clean .gslide-description {
  background: #fff;
}

.glightbox-clean .gdesc-inner {
  padding: 22px 20px;
}

.glightbox-clean .gslide-title {
  font-size: 1em;
  font-weight: normal;
  font-family: arial;
  color: #000;
  margin-bottom: 19px;
  line-height: 1.4em;
}

.glightbox-clean .gslide-desc {
  font-size: 0.86em;
  margin-bottom: 0;
  font-family: arial;
  line-height: 1.4em;
}

.glightbox-clean .gslide-video {
  background: #000;
}

.glightbox-clean .gprev,
.glightbox-clean .gnext,
.glightbox-clean .gclose {
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 4px;
}

.glightbox-clean .gprev path,
.glightbox-clean .gnext path,
.glightbox-clean .gclose path {
  fill: #fff;
}

.glightbox-clean .gprev {
  position: absolute;
  top: -100%;
  left: 30px;
  width: 40px;
  height: 50px;
}

.glightbox-clean .gnext {
  position: absolute;
  top: -100%;
  right: 30px;
  width: 40px;
  height: 50px;
}

.glightbox-clean .gclose {
  width: 35px;
  height: 35px;
  top: 15px;
  right: 10px;
  position: absolute;
}

.glightbox-clean .gclose svg {
  width: 18px;
  height: auto;
}

.glightbox-clean .gclose:hover {
  opacity: 1;
}

/*CSS Animations*/
.gfadeIn {
  animation: gfadeIn 0.5s ease;
}

.gfadeOut {
  animation: gfadeOut 0.5s ease;
}

.gslideOutLeft {
  animation: gslideOutLeft 0.3s ease;
}

.gslideInLeft {
  animation: gslideInLeft 0.3s ease;
}

.gslideOutRight {
  animation: gslideOutRight 0.3s ease;
}

.gslideInRight {
  animation: gslideInRight 0.3s ease;
}

.gzoomIn {
  animation: gzoomIn 0.5s ease;
}

.gzoomOut {
  animation: gzoomOut 0.5s ease;
}
@keyframes lightboxLoader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes gfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes gfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes gslideInLeft {
  from {
    opacity: 0;
    transform: translate3d(-60%, 0, 0);
  }
  to {
    visibility: visible;
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes gslideOutLeft {
  from {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(-60%, 0, 0);
    opacity: 0;
    visibility: hidden;
  }
}
@keyframes gslideInRight {
  from {
    opacity: 0;
    visibility: visible;
    transform: translate3d(60%, 0, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes gslideOutRight {
  from {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(60%, 0, 0);
    opacity: 0;
  }
}
@keyframes gzoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 1;
  }
}
@keyframes gzoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
@media (min-width: 769px) {
  .glightbox-container .ginner-container {
    width: auto;
    height: auto;
    flex-direction: row;
  }
  .glightbox-container .ginner-container.desc-top .gslide-description {
    order: 0;
  }
  .glightbox-container .ginner-container.desc-top .gslide-image,
  .glightbox-container .ginner-container.desc-top .gslide-image img {
    order: 1;
  }
  .glightbox-container .ginner-container.desc-left .gslide-description {
    order: 0;
  }
  .glightbox-container .ginner-container.desc-left .gslide-image {
    order: 1;
  }
  .gslide-image img {
    max-height: 97vh;
    max-width: 100%;
  }
  .gslide-image img.zoomable {
    cursor: zoom-in;
  }
  .zoomed .gslide-image img.zoomable {
    cursor: grab;
  }
  .gslide-inline {
    max-height: 95vh;
  }
  .gslide-external {
    max-height: 100vh;
  }
  .gslide-description.description-left,
  .gslide-description.description-right {
    max-width: 275px;
  }
  .glightbox-open {
    height: auto;
  }
  .goverlay {
    background: rgba(0, 0, 0, 0.92);
  }
  .glightbox-clean .gslide-media {
    box-shadow: 1px 2px 9px 0px rgba(0, 0, 0, 0.65);
  }
  .glightbox-clean .description-left .gdesc-inner,
  .glightbox-clean .description-right .gdesc-inner {
    position: absolute;
    height: 100%;
    overflow-y: auto;
  }
  .glightbox-clean .gprev,
  .glightbox-clean .gnext,
  .glightbox-clean .gclose {
    background-color: rgba(0, 0, 0, 0.32);
  }
  .glightbox-clean .gprev:hover,
  .glightbox-clean .gnext:hover,
  .glightbox-clean .gclose:hover {
    background-color: rgba(0, 0, 0, 0.7);
  }
  .glightbox-clean .gprev {
    top: 45%;
  }
  .glightbox-clean .gnext {
    top: 45%;
  }
}
@media (min-width: 992px) {
  .glightbox-clean .gclose {
    opacity: 0.7;
    right: 20px;
  }
}
@media screen and (max-height: 420px) {
  .goverlay {
    background: #000;
  }
}
.popup {
  display: none !important;
}

.ginlined-content *[class^=ce_], .ginlined-content *[class^=mod_] {
  margin-bottom: 0;
}
.ginlined-content *[class^=ce_]:last-child, .ginlined-content *[class^=mod_]:last-child {
  margin-bottom: 0;
}
.ginlined-content *[class^=ce_]:last-child > *:last-child, .ginlined-content *[class^=mod_]:last-child > *:last-child {
  margin-bottom: 0;
}

html .ginlined-content,
html .gslide-inline {
  max-height: none;
  overflow: visible;
}
html .glightbox-container .ginner-container {
  flex-direction: row;
  width: auto;
  height: auto;
}
html .glightbox-container .gslider:has(.gslide-inline) {
  overflow: auto;
}
html .glightbox-container .gslider:has(.gslide-inline) ~ button.disabled {
  display: none;
}
html .glightbox-container .gslide {
  height: 100%;
}
html .glightbox-container .gslide .gslide-inner-content {
  margin: auto;
  padding: 1rem;
}
html .gslide-inline {
  position: relative;
  --gs-padding-y: clamp(1.5rem, 7vw, 2rem);
  --gs-padding-x: clamp(1.5rem, 7vw, 2rem);
  --gs-close-offset: 1px;
}
html .gslide-inline img {
  max-width: 100%;
  height: auto;
}
html .gslide-inline .ginlined-content {
  padding: var(--gs-padding-y) var(--gs-padding-x);
}
html .gslide-inline .gclose {
  top: var(--gs-close-offset);
  right: var(--gs-close-offset);
  background-color: #173a75;
  opacity: 1;
  border-radius: 0;
  width: calc(var(--gs-padding-x) - var(--gs-close-offset) * 2);
  height: calc(var(--gs-padding-y) - var(--gs-close-offset) * 2);
}
html .gslide-inline .gclose svg {
  width: 1rem;
}
html .gslide-inline .gclose path {
  fill: #fff;
}
html .gslide-inline .gclose:hover {
  background-color: #ffb200;
}

.popup-content__headline {
  margin-bottom: 2.5rem;
  text-align: center;
}
.popup__content--figure {
  margin: calc(-1 * var(--gs-padding-y)) calc(-1 * var(--gs-padding-x));
}
.popup__content--figure *:last-child {
  margin-bottom: 0;
}
.popup__content form {
  text-align: left;
}

.popup-button-close {
  font-size: 12px;
  line-height: 1.25;
  color: #ffffff;
  font-weight: 600;
  text-transform: uppercase;
  background: #ffb200;
  border: none;
  margin-top: 1rem;
  padding: 0 1.5em;
  height: 40px;
  background-color: #ffb200;
  z-index: 2;
}
@media (max-width: 1024px) {
  .popup-button-close {
    font-size: 12px;
    line-height: 1.25;
  }
}
@media (max-width: 768px) {
  .popup-button-close {
    font-size: 12px;
    line-height: 1.25;
  }
}
@media (min-width: 1025px) {
  .popup-button-close:hover {
    background: #173a75 !important;
  }
}

/*# sourceMappingURL=application.css.map */