@charset "UTF-8";
/**
 * Vendor
 */
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp {
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
    vertical-align: top; }

.fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8020; }

.fancybox-skin {
    position: relative;
    background: #f9f9f9;
    color: #444;
    text-shadow: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px; }

.fancybox-opened {
    z-index: 8030; }

.fancybox-opened .fancybox-skin {
    -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }

.fancybox-outer, .fancybox-inner {
    position: relative; }

.fancybox-inner {
    overflow: hidden; }

.fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling: touch; }

.fancybox-error {
    color: #444;
    font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 15px;
    white-space: nowrap; }

.fancybox-image, .fancybox-iframe {
    display: block;
    width: 100%;
    height: 100%; }

.fancybox-image {
    max-width: 100%;
    max-height: 100%; }

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    background-image: url(/css/fancybox_sprite.png); }

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    background-position: 0 -108px;
    opacity: 0.8;
    cursor: pointer;
    z-index: 8060; }

#fancybox-loading div {
    width: 44px;
    height: 44px;
    background: url(/css/fancybox_loading.gif) center center no-repeat; }

.fancybox-close {
    position: absolute;
    top: -18px;
    right: -18px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 8040; }

.fancybox-nav {
    position: absolute;
    top: 0;
    width: 40%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
    background: transparent url(/css/blank.gif);
    /* helps IE */
    -webkit-tap-highlight-color: transparent;
    z-index: 8040; }

.fancybox-prev {
    left: 0; }

.fancybox-next {
    right: 0; }

.fancybox-nav span {
    position: absolute;
    top: 50%;
    width: 36px;
    height: 34px;
    margin-top: -18px;
    cursor: pointer;
    z-index: 8040;
    visibility: hidden; }

.fancybox-prev span {
    left: 10px;
    background-position: 0 -36px; }

.fancybox-next span {
    right: 10px;
    background-position: 0 -72px; }

.fancybox-nav:hover span {
    visibility: visible; }

.fancybox-tmp {
    position: absolute;
    top: -99999px;
    left: -99999px;
    visibility: hidden;
    max-width: 99999px;
    max-height: 99999px;
    overflow: visible !important; }

/* Overlay helper */
.fancybox-lock {
    overflow: hidden !important;
    width: auto; }

.fancybox-lock body {
    overflow: hidden !important; }

.fancybox-lock-test {
    overflow-y: hidden !important; }

.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 8010;
    background: url(/css/fancybox_overlay.png); }

.fancybox-overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0; }

.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: scroll; }

/* Title helper */
.fancybox-title {
    visibility: hidden;
    font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    position: relative;
    text-shadow: none;
    z-index: 8050; }

.fancybox-opened .fancybox-title {
    visibility: visible; }

.fancybox-title-float-wrap {
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-bottom: -35px;
    z-index: 8050;
    text-align: center; }

.fancybox-title-float-wrap .child {
    display: inline-block;
    margin-right: -100%;
    padding: 2px 20px;
    background: transparent;
    /* Fallback for web browsers that doesn't support RGBa */
    background: rgba(0, 0, 0, 0.8);
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    text-shadow: 0 1px 2px #222;
    color: #FFF;
    font-weight: bold;
    line-height: 24px;
    white-space: nowrap; }

.fancybox-title-outside-wrap {
    position: relative;
    margin-top: 10px;
    color: #fff; }

.fancybox-title-inside-wrap {
    padding-top: 10px; }

.fancybox-title-over-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 10px;
    background: #000;
    background: rgba(0, 0, 0, 0.8); }

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
        background-image: url(/css/fancybox_sprite@2x.png);
        background-size: 44px 152px;
        /*The size of the normal image, half the size of the hi-res image*/ }
    #fancybox-loading div {
        background-image: url(/css/fancybox_loading@2x.gif);
        background-size: 24px 24px;
        /*The size of the normal image, half the size of the hi-res image*/ } }

/* Slider */
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent; }

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0; }
.slick-list:focus {
    outline: none; }
.slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track, .slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block; }
.slick-track:before, .slick-track:after {
    content: "";
    display: table; }
.slick-track:after {
    clear: both; }
.slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none; }
[dir="rtl"] .slick-slide {
    float: right; }
.slick-slide img {
    display: block; }
.slick-slide.slick-loading img {
    display: none; }
.slick-slide.dragging img {
    pointer-events: none; }
.slick-initialized .slick-slide {
    display: block; }
.slick-loading .slick-slide {
    visibility: hidden; }
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

/**
 * Generics
 *
 * Generics are reserved for Sass code that doesn't cause Sass to actually output
 * CSS. Things like mixin declarations, functions, and variables..
 */
/*------------------------------------*\
    $MIXINS
\*------------------------------------*/
/* CSS Transition
  Usage: @include transition(width,0.3s,ease-out);
 */
/* Rem Unit font sizes with relative fallback http:/seesparkbox.com/foundry/scss_rem_mixin_now_with_a_better_fallback
  Usage: @include font-size(1, large);
*/
/**
 * The micro clearfix.
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * transform mixin
 */
/**
 * opacity mixin
 */
/**
 * Gradient
 */
/**
 * Background Size Cover
 */
/**
 * Mixing for vertical align
 */
/**
 * Animation
 */
@keyframes lightUp {
    from {
        background-color: transparent;
        opacity: 0.5;
        -webkit-transform: scale(0.75);
        -moz-transform: scale(0.75);
        -ms-transform: scale(0.75);
        -o-transform: scale(0.75);
        transform: scale(0.75); }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1); } }

@keyframes moveIn {
    from {
        background-color: transparent;
        opacity: 0;
        margin-left: -10px;
        margin-right: 10px; }

    to {
        opacity: 1;
        margin-left: 0;
        margin-right: 0; } }

@keyframes blur {
    from {
        background-color: transparent;
        opacity: 0; }

    to {
        opacity: 1; } }

/*------------------------------------*\
    $RESET
\*------------------------------------*/
/* Border-Box http:/paulirish.com/2012/box-sizing-border-box-ftw/ */
#reiner * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }

html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, ol, ul, li, form, legend, label, table, header, footer, nav, section, figure {
    margin: 0;
    padding: 0; }

header, footer, nav, section, article, hgroup, figure {
    display: block; }

/**
 * Paths
 */
/**
 * Colors
 */
/**
 * Adjusments
 */
/**
 * Layout
 *
 * NOTE: These breakpoints must match the breakpoins defined in JavaScript.
 */
/**
 * Transitions
 */
/**
 * Fonts
 */
@font-face {
    font-family: 'Notes-Regular';
    src: url(/assets/fonts/Eot/NotesWeb-Regular.eot);
    /* IE9 Compat Modes */
    src: url(/assets/fonts/Eot/NotesWeb-Regular.eot#iefix) format('embedded-opentype'), url(/assets/fonts/Notes-Regular.otf) format('opentype'), url(/assets/fonts/Woff/NotesWeb-Regular.woff) format('woff');
    font-weight: normal;
    font-style: normal; }

@font-face {
    font-family: 'Notes-Regular';
    src: url(/assets/fonts/Eot/NotesWeb-Bold.eot);
    /* IE9 Compat Modes */
    src: url(/assets/fonts/Eot/NotesWeb-Bold.eot#iefix) format('embedded-opentype'), url(/assets/fonts/Notes-Bold.otf) format('opentype'), url(/assets/fonts/Woff/NotesWeb-Bold.woff) format('woff');
    font-weight: bold;
    font-style: normal; }

@font-face {
    font-family: 'Notes-Regular';
    src: url(/assets/fonts/Eot/NotesWeb-RegularItalic.eot);
    /* IE9 Compat Modes */
    src: url(/assets/fonts/Eot/NotesWeb-RegularItalic.eot#iefix) format('embedded-opentype'), url(/assets/fonts/Notes-RegularItalic.otf) format('opentype'), url(/assets/fonts/Woff/NotesWeb-RegularItalic.woff) format('woff');
    font-weight: normal;
    font-style: italic; }

@font-face {
    font-family: 'Notes-Medium';
    src: url(/assets/fonts/Eot/NotesWeb-Medium.eot);
    /* IE9 Compat Modes */
    src: url(/assets/fonts/Eot/NotesWeb-Medium.eot#iefix) format('embedded-opentype'), url(/assets/fonts/Notes-Medium.otf) format('opentype'), url(/assets/fonts/Woff/NotesWeb-Medium.woff) format('woff');
    font-weight: normal;
    font-style: normal; }

@font-face {
    font-family: 'Notes-Bold';
    src: url(/assets/fonts/Eot/NotesWeb-Bold.eot);
    /* IE9 Compat Modes */
    src: url(/assets/fonts/Eot/NotesWeb-Bold.eot#iefix) format('embedded-opentype'), url(/assets/fonts/Notes-Bold.otf) format('opentype'), url(/assets/fonts/Woff/NotesWeb-Bold.woff) format('woff');
    font-weight: normal;
    font-style: normal; }

@font-face {
    font-family: 'Notes-RegularItalic';
    src: url(/assets/fonts/Eot/NotesWeb-RegularItalic.eot);
    /* IE9 Compat Modes */
    src: url(/assets/fonts/Eot/NotesWeb-RegularItalic.eot#iefix) format('embedded-opentype'), url(/assets/fonts/Notes-RegularItalic.otf) format('opentype'), url(/assets/fonts/Woff/NotesWeb-RegularItalic.woff) format('woff');
    font-weight: normal;
    font-style: normal; }

/**
 * Partials
 *
 * Partials generate the actual CSS. Things like resets, layouts, base styles
 * and ui-elements.
 */
html, body {
    height: 100%; }

body {
    background: #ffffff;
    font-family: 'Notes-Regular', 'Helvetica', 'Arial', sans-serif;
    -webkit-text-size-adjust: 100%;
    color: #5c5c5c; }

.clearfix {
    *zoom: 1; }
.clearfix:before, .clearfix:after {
    content: "";
    display: table; }
.clearfix:after {
    clear: both; }

.mobile-only {
    display: inline; }
@media screen and (min-width: 752px) {
    .mobile-only {
        display: none; } }

.desktop-only {
    display: none; }
@media screen and (min-width: 752px) {
    .desktop-only {
        display: inline; } }

/* Text-Related Elements */
p {
    color: #5c5c5c;
    font-family: 'Notes-Regular', 'Helvetica', 'Arial', sans-serif;
    margin-bottom: 0;
    padding: 7px 0;
    font-size: 1.05em; }
p.align-right {
    text-align: right; }

.error {
    color: #b11116;
    padding-bottom: 5px; }

/* Blockquote */
blockquote p {
    font-family: 'Notes-RegularItalic', 'Helvetica', 'Arial', sans-serif;
    color: #878787;
    line-height: 1.4em;
    padding-top: 0;
    padding-bottom: 0; }
blockquote p:before {
    content: '\201E'; }
blockquote p:after {
    content: '\201D'; }

/* Horizontal Rule */
/*
 * Hints
 */
.hint {
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 13px;
    padding-right: 13px;
    margin-top: 10px;
    margin-bottom: 20px;
    background-color: #ededec; }
.hint.error {
    background-color: #fbebeb; }
.hint.error p {
    color: #b11116; }

/*------------------------------------*\
    $Headlines
\*------------------------------------*/
h1, h2, h3 {
    color: #000000; }

h1 {
    font-size: 28px;
    font-family: 'Notes-Medium', 'Helvetica', 'Arial', sans-serif;
    font-weight: normal;
    line-height: 28px;
    margin-top: 40px;
    padding-bottom: 5px; }

h2 {
    font-weight: normal;
    font-size: 20px;
    line-height: 24px;
    margin-top: 20px;
    margin-bottom: -4px; }
h2:first-child {
    margin-top: 0; }

h3 {
    font-weight: normal;
    font-size: 15px;
    line-height: 24px; }

.l-content > p.highlight, .l-columns__main > p.highlight {
    font-size: 1.3em;
    line-height: 1.45em; }
.l-content > p.highlight:last-child, .l-columns__main > p.highlight:last-child {
    padding-bottom: 30px; }

.page h1, .page > h2 {
    margin-top: 19px; }

.overview h1 {
    font-size: 1.5em;
    font-family: 'Notes-Regular', 'Helvetica', 'Arial', sans-serif;
    font-weight: bold;
    margin-top: 22px;
    margin-bottom: 20px;
    padding-bottom: 0; }
.overview > p.highlight {
    margin-top: -20px; }

/**
 * The base element "Table".
 */
table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 40px; }
table td, table th {
    padding: 11px 0;
    text-align: left;
    vertical-align: top;
    padding-right: 20px; }
table th {
    color: #000000;
    border-bottom: 1px solid #000000;
    font-weight: bold;
    text-align: left;
    vertical-align: middle;
    vertical-align: top; }
table tr {
    border-bottom: 1px solid #b9b9b9; }

.table-scroll {
    overflow-x: auto;
    position: relative;
    margin-bottom: 40px; }
.table-scroll > table {
    overflow: hidden;
    white-space: nowrap;
    margin-bottom: 0; }

.table-list > h2 {
    margin-bottom: 10px; }
.table-list > h3 {
    color: #5c5c5c;
    text-transform: uppercase; }
.table-list td:nth-child(1) {
    color: #000000;
    font-weight: bold;
    padding-bottom: 0; }

@media screen and (max-width: 752px) {
    .table-list table, .table-list thead, .table-list tbody, .table-list th, .table-list td, .table-list tr {
        display: block; }
    .table-list thead tr {
        display: none;
        border: none; }
    .table-list tr {
        border-bottom: 0; }
    .table-list td {
        /* Behave  like a "row" */
        border: none;
        position: relative;
        white-space: normal;
        text-align: left;
        padding-top: 0;
        padding-bottom: 10px;
        margin-top: 0;
        margin-bottom: 0; } }

/**
 * Links
 */
a {
    cursor: pointer;
    color: #5c5c5c;
    text-decoration: underline; }
a:hover, a:focus {
    color: #000000;
    text-decoration: none;
    border: none;
    outline: 0; }
a:hover, a:focus, a:active {
    outline: 0; }

*:focus {
    outline: 0; }

/**
 * The site's typography.
 *
 * 1) Blockquotes
 * 2) Formattings
 */
html {
    font-family: 'Notes-Regular', 'Helvetica', 'Arial', sans-serif;
    font-size: 15px;
    line-height: 24px;
    color: #5c5c5c;
    -webkit-text-size-adjust: 100%; }

/**
 * Blockquotes
 */
blockquote {
    padding: 0;
    margin-top: 0;
    margin-bottom: 0.5em;
    color: #000000; }

/**
 * Formattings
 */
em, i {
    font-style: italic; }

strong, b {
    font-family: 'Notes-Medium', 'Helvetica', 'Arial', sans-serif;
    font-weight: bold; }

/* crown added */
p em, p i, p strong, p b {
  /* color: #000000; */
  color: inherit; 
}

sup.reg {
    vertical-align: 75%;
    line-height: .5em;
    font-family: 'Notes-Regular', 'Helvetica', 'Arial', sans-serif;
    font-weight: normal !important; }

hr {
    border: none;
    border-top: 1px dotted #5c5c5c;
    margin-top: 30px;
    margin-bottom: 30px; }

/**
 * Ordered lists
 */
ol, ul {
    padding-left: 34px;
    padding-top: 7px;
    padding-bottom: 7px;
    margin: 0;
    overflow: hidden;
    cursor: default;
    list-style-position: outside; }

.columns__main ol, .columns__main ul {
    padding-top: 10px;
    padding-bottom: 10px; }

ol {
    list-style: decimal; }

ol ol, ol ul {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0; }

/**
 * Unordered lists
 */
ul {
    list-style-type: square; }
ul li::-moz-list-bullet {
    font-size: 14px;
    line-height: 15px; }

ul ol, ul ul {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0; }

/**
 * Responsive 2 column list
 */
@media screen and (min-width: 580px) {
    ul.two-column li, ol.two-column li {
        width: 50%; }
    ul.two-column li:nth-child(odd), ol.two-column li:nth-child(odd) {
        float: left; }
    ul.two-column li:nth-child(even), ol.two-column li:nth-child(even) {
        float: right; } }

/**
 * Inline list
 */
ul.inline-list {
    list-style: none; }
ul.inline-list li {
    display: inline; }

/*------------------------------------*\
    Inputs
\*------------------------------------*/
label.is-invalid {
    color: #b11116;
    padding-bottom: 0;
    line-height: 1em; }

form {
    margin-bottom: 20px; }

form ol, form ul {
    list-style: none;
    margin-left: 0; }

input, select, textarea {
    font-family: 'Notes-Regular', 'Helvetica', 'Arial', sans-serif; }

label, legend, span.label {
    display: block;
    padding-bottom: 3px;
    margin-top: 8px; }
label.double-label, legend.double-label, span.label.double-label {
    display: inline-block; }

label.is-mandatory:after {
    content: "*"; }
label:hover {
    cursor: pointer; }

textarea, select, input[type=text], input[type=email], input[type=tel], input[type=number], input[type=password] {
    color: #000000;
    font-size: 15px;
    height: 38px;
    background-color: #f3f3f3;
    box-shadow: 2px 2px 1px #e1e1e1 inset;
    border-radius: 3px;
    border: none;
    width: 100%;
    padding: 7px 12px 7px 12px;
    margin: 0 0 8px 0;
    border: 1px solid transparent;
    -webkit-transition: background-color 0.25s ease-out;
    -moz-transition: background-color 0.25s ease-out;
    -ms-transition: background-color 0.25s ease-out;
    -o-transition: background-color 0.25s ease-out;
    transition: background-color 0.25s ease-out; }
textarea[disabled="disabled"], textarea[readonly="readonly"], select[disabled="disabled"], select[readonly="readonly"], input[type=text][disabled="disabled"], input[type=text][readonly="readonly"], input[type=email][disabled="disabled"], input[type=email][readonly="readonly"], input[type=tel][disabled="disabled"], input[type=tel][readonly="readonly"], input[type=number][disabled="disabled"], input[type=number][readonly="readonly"], input[type=password][disabled="disabled"], input[type=password][readonly="readonly"] {
    background: none; }
textarea.is-invalid, select.is-invalid, input[type=text].is-invalid, input[type=email].is-invalid, input[type=tel].is-invalid, input[type=number].is-invalid, input[type=password].is-invalid {
    color: #b11116;
    background-color: #fbebeb;
    box-shadow: none;
    border: 1px solid #b11116;
    -webkit-transition: background-color 0.25s ease-out;
    -moz-transition: background-color 0.25s ease-out;
    -ms-transition: background-color 0.25s ease-out;
    -o-transition: background-color 0.25s ease-out;
    transition: background-color 0.25s ease-out; }

select {
    width: 100%;
    height: 38px;
    padding: 7px;
    margin: 0 0 8px 0;
    border: none;
    background-color: #f3f3f3;
    box-shadow: 2px 2px 1px #e1e1e1 inset; }
select option:disabled, select[disabled="disabled"], select[readonly="readonly"] {
    color: #5c5c5c;
    background: none; }

input[type=radio], input[type=checkbox] {
    position: relative;
    float: left;
    margin-right: 5px;
    margin-top: 2px;
    margin-bottom: 5px;
    margin-left: 0; }
input[type=radio] + label, input[type=checkbox] + label {
    margin-top: 0; }

.touch input[type=radio] {
    margin-top: 0px; }

input[type=checkbox] + label, input[type=radio] + label {
    margin-left: 30px; }

input[type=checkbox][disabled="disabled"] + label, input[type=checkbox][readonly="readonly"] + label, input[type=radio][disabled="disabled"] + label, input[type=radio][readonly="readonly"] + label {
    cursor: default; }

input[type=submit] {
    -webkit-appearance: none;
    -moz-appearance: none;
    display: inline-block; }
input[type=submit][disabled="disabled"], input[type=submit][readonly="readonly"] {
    background: rgba(0, 0, 0, 0.1); }

legend {
    margin-bottom: 8px; }

textarea {
    min-height: 100px; }

/**
 *
 * Honeypot
 *
 */
input.register-subject {
    position: absolute;
    left: -1000px;
    top: -1000px;
    width: 1px;
    height: 1px;
    overflow: hidden;
    display: inline;
    border: none; }

.validationHelper, .validationHelper * {
    opacity: 0;
    display: none;
    visibility: hidden; }

/**
 * Range (Slider)
 */
input[type=range] {
    -webkit-appearance: none;
    margin: 20px 0;
    width: 300px; }

input[type=range]:focus {
    outline: none; }

input[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: 3px;
    cursor: pointer;
    background: #b9b9b9; }

input[type=range]::-webkit-slider-thumb {
    height: 27px;
    width: 38px;
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -12px;
    border: 0;
    z-index: 8888;
    color: transparent;
    background-color: transparent;
    background-image: url(/assets/images/range-thumb.png);
    background-position: center center;
    background-repeat: no-repeat; }

input[type=range]::-moz-range-track {
    width: 100%;
    height: 3px;
    cursor: pointer;
    background: #b9b9b9; }

input[type=range]::-moz-range-thumb {
    height: 27px;
    width: 38px;
    border-radius: 5px;
    background: #fbba00;
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -12px;
    border: 0;
    z-index: 8888;
    color: transparent;
    background-color: transparent;
    background: url(/assets/images/range-thumb.png);
    background-position: center center;
    background-repeat: no-repeat; }

/**
 * lets style the select field
 */
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    border-radius: 3px;
    width: 100%;
    background-image: url(/assets/images/select.png);
    background-position: right 10px center;
    background-repeat: no-repeat; }

/* hide browser-styling (arrow) in IE10 */
select::-ms-expand {
    display: none; }

.lt-ie10 select {
    background-image: none; }

option {
    background-color: #f3f3f3;
    padding: .5em 1em;
    border: 0; }
option:hover, option:active {
    box-shadow: 0 0 10px 100px #f3f3f3 inset; }
option:checked {
    box-shadow: 0 0 10px 100px #878787 inset; }

input:focus::-webkit-input-placeholder {
    color: transparent; }

input:focus:-moz-placeholder {
    color: transparent; }

/* FF 4-18 */
input:focus::-moz-placeholder {
    color: transparent; }

/* FF 19+ */
input:focus:-ms-input-placeholder {
    color: transparent; }

/* IE 10+ */
@font-face {
    font-family: 'fontello';
    src: url(/assets/icons/fontello/font/fontello.eot);
    src: url(/assets/icons/fontello/font/fontello.eot#iefix) format('embedded-opentype'), url(/assets/icons/fontello/font/fontello.woff) format('woff'), url(/assets/icons/fontello/font/fontello.ttf) format('truetype'), url(/assets/icons/fontello/font/fontello.svg#fontello) format('svg');
    font-weight: normal;
    font-style: normal; }

/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url(/font/fontello.svg#fontello) format('svg');
  }
}
*/
[class^="icon-"]:before, [class*=" icon-"]:before {
    font-family: 'fontello';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    /* opacity: .8; */
    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;
    /* fix buttons height, for twitter bootstrap */
    line-height: 1em;
    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
    margin-left: .2em;
    /* you can be more comfortable with increased icons size */
    /* font-size: 120%; */
    /* Font smoothing. That was taken from TWBS */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ }

.icon-right-open-big:before {
    content: '\e800'; }

/* '' */
.icon-left-open-big:before {
    content: '\e801'; }

/* '' */
.icon-facebook:before {
    content: '\e802'; }

/* '' */
.icon-gplus:before {
    content: '\e803'; }

/* '' */
.icon-mail:before {
    content: '\e804'; }

/* '' */
.icon-email:before {
    content: '\e805'; }

/* '' */
.icon-facebook-1:before {
    content: '\e806'; }

/* '' */
.icon-facebook-2:before {
    content: '\e807'; }

/* '' */
.icon-facebook-3:before {
    content: '\e808'; }

/* '' */
.icon-gplus-1:before {
    content: '\e809'; }

/* '' */
.icon-gplus-2:before {
    content: '\e80a'; }

/* '' */
.icon-xing:before {
    content: '\e80b'; }

/* '' */
.icon-xing-1:before {
    content: '\e80c'; }

/* '' */
.icon-mail-1:before {
    content: '\e80d'; }

/* '' */
.icon-home:before {
    content: '\e80e'; }

/* '' */
.icon-search:before {
    content: '\e80f'; }

/* '' */
.icon-basket:before {
    content: '\e810'; }

/* '' */
.icon-down-open:before {
    content: '\e811'; }

/* '' */
.icon-up-open:before {
    content: '\e812'; }

/* '' */
.icon-down-open-mini:before {
    content: '\e813'; }

/* '' */
.icon-up-open-mini:before {
    content: '\e814'; }

/* '' */
.icon-right-open-mini:before {
    content: '\e815'; }

/* '' */
.icon-left-open-mini:before {
    content: '\e816'; }

/* '' */
.icon-left-open:before {
    content: '\e817'; }

/* '' */
.icon-right-open:before {
    content: '\e818'; }

/* '' */
.icon-menu:before {
    content: '\e819'; }

/* '' */
.icon-menu-1:before {
    content: '\e81a'; }

/* '' */
.icon-menu-2:before {
    content: '\e81b'; }

/* '' */
.icon-up:before {
    content: '\e81c'; }

/* '' */
.icon-ok:before {
    content: '\e81d'; }

/* '' */
.icon-cancel-1:before {
    content: '\e81e'; }

/* '' */
.icon-cancel-2:before {
    content: '\e81f'; }

/* '' */
/*
 * Slider
 */
.slider {
    margin: 10px 0;
    margin-top: 10px;
    margin-bottom: 10px; }
.slider .slider__item {
    margin-left: 20px;
    margin-right: 20px;
    display: inline-block; }
.slider .slider__item > img {
    vertical-align: middle;
    display: inline-block; }

.slick-prev, .slick-next {
    background-color: transparent;
    color: transparent;
    font-size: 0;
    position: absolute;
    top: 0;
    height: 100%;
    line-height: 100%;
    vertical-align: middle;
    padding: 0;
    margin: 0;
    margin-top: 6px; }
.slick-prev:hover:after, .slick-next:hover:after {
    color: #000000; }
.slick-prev:after, .slick-next:after {
    color: #fbba00 ;
    font-size: 32px;
    font-family: 'fontello';
    font-weight: normal;
    -webkit-transition: color 0.15s ease-out;
    -moz-transition: color 0.15s ease-out;
    -ms-transition: color 0.15s ease-out;
    -o-transition: color 0.15s ease-out;
    transition: color 0.15s ease-out; }
.slick-prev.slick-disabled:after, .slick-next.slick-disabled:after {
    color: #878787; }

.slick-prev, .slick-next {
    display: none !important; }

.slick-prev:after {
    content: '\e817'; }

.slick-next:after {
    content: '\e818'; }

.slick-dots {
    position: absolute;
    bottom: -45px;
    display: block;
    width: 100%;
    padding: 0;
    list-style: none;
    text-align: center;
    /*
  li {
        display: block;
        position: relative;
        float: right;
        right: 6px;
        bottom: 35px;
        background-color: $white;
        border: 2px solid $orange;
        height: 23px;
        width: 23px;
        border-radius: 22px;
      }*/ }
.slick-dots li {
    position: relative;
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 16px;
    background-color: #878787;
    border: 2px solid #ffffff;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
    -webkit-transition: background-color 0.15s ease-out;
    -moz-transition: background-color 0.15s ease-out;
    -ms-transition: background-color 0.15s ease-out;
    -o-transition: background-color 0.15s ease-out;
    transition: background-color 0.15s ease-out; }
.slick-dots li.slick-active {
    background-color: #fbba00 ; }
.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 16px;
    height: 16px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    background-color: red;
    border: 0;
    outline: none;
    background: transparent; }
.slick-dots li button:hover, .slick-dots li button:focus {
    outline: none; }

@media screen and (max-width: 539px) {
    .use-buttons.slider .slick-prev, .additional-product-slider .slider .slick-prev, .slider.product-families__wrapper .slick-prev {
        display: inline-block !important;
        left: -19px;
        padding-right: 20px; }
    .use-buttons.slider .slick-next, .additional-product-slider .slider .slick-next, .slider.product-families__wrapper .slick-next {
        display: inline-block !important;
        right: -19px;
        padding-left: 20px; } }

@media screen and (min-width: 517px) {
    .slider {
        margin: 10px 40px; }
    .slick-prev {
        display: inline-block !important;
        left: -40px;
        padding-right: 20px; }
    .slick-next {
        display: inline-block !important;
        right: -40px;
        padding-left: 20px; } }

/*
 * Gridslide
 * ---------------------------------------------
 * Modifier for slider. Grid on full, Slider on mobile.
 */
.gridslide {
    *zoom: 1;
    text-align: center;
    width: 220px;
    margin-left: auto;
    margin-right: auto; }
.gridslide:before, .gridslide:after {
    content: "";
    display: table; }
.gridslide:after {
    clear: both; }
.gridslide .gridslide__item {
    display: inline-block;
    float: left;
    width: 220px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: 20px;
    text-align: center;
    -webkit-animation-delay: 0;
    -webkit-animation-duration: 0.5s;
    -webkit-animation-name: lightUp;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-delay: 0;
    -moz-animation-duration: 0.5s;
    -moz-animation-name: lightUp;
    -moz-animation-fill-mode: forwards;
    -o-animation-delay: 0;
    -o-animation-duration: 0.5s;
    -o-animation-name: lightUp;
    -o-animation-fill-mode: forwards;
    animation-delay: 0;
    animation-duration: 0.5s;
    animation-name: lightUp;
    animation-fill-mode: forwards; }
.gridslide .gridslide__item a {
    padding: 20px;
    height: 176px;
    text-decoration: none;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: initial; }
.gridslide .gridslide__item a.is-active {
    border: 2px solid; }

.gridslide.slick-slider {
    width: 100%; }

@media screen and (min-width: 540px) {
    .gridslide {
        width: 480px; }
    .gridslide .gridslide__item {
        float: left;
        margin-left: 0;
        margin-right: 20px; }
    .gridslide.slick-slider {
        width: 85%; } }

@media screen and (min-width: 760px) {
    .gridslide {
        width: 720px; } }

@media screen and (min-width: 1000px) {
    .gridslide {
        width: 960px; }
    .gridslide__item {
        margin-right: 20px; } }

/*
 * Text Elements
 */
/*
 * header-text
 * -----------------------------------
 * Is a wrapper for a basic headline. > p is same as p.highlight
 */
.header-text {
    margin-top: 45px;
    margin-bottom: 20px; }
.header-text > p {
    font-size: 1.3em;
    line-height: 1.45em; }

/*
 * Tooltip
 */
a.tooltip > span {
    display: none; }

@media screen and (min-width: 705px) {
    a.tooltip {
        outline: none;
        position: relative;
        text-decoration: none;
        border-bottom: 1px dotted #5c5c5c;
        -webkit-transition: box-shadow 0.25s ease-out;
        -moz-transition: box-shadow 0.25s ease-out;
        -ms-transition: box-shadow 0.25s ease-out;
        -o-transition: box-shadow 0.25s ease-out;
        transition: box-shadow 0.25s ease-out; }
    a.tooltip > span {
        display: none;
        font-size: 1em;
        padding: 15px 20px;
        width: 300px;
        border: 1px solid #b9b9b9;
        margin-top: 30px;
        margin-left: -100px;
        left: 0;
        box-shadow: 0 0 10px #b9b9b9;
        background-color: #ffffff; }
    a.tooltip > span > span.header {
        display: block;
        border-bottom: 1px solid #b9b9b9;
        padding-bottom: 10px;
        margin-bottom: 10px; }
    a.tooltip > span > span.footer {
        text-align: center;
        display: block;
        border-top: 1px solid #b9b9b9;
        padding-top: 10px;
        margin-top: 10px; }
    a.tooltip:hover {
        position: relative;
        z-index: 0;
        padding-bottom: 10px;
        z-index: 7777; }
    a.tooltip:hover > span {
        position: absolute;
        display: inline;
        color: #5c5c5c;
        display: inline; }
    a.tooltip:hover > span > span.footer.link:hover {
        color: #000000; } }

/**
 * Video Player
 */
.video {
    position: relative; }
.video video {
    width: 440px;
    margin-bottom: -8px; }
.video:after {
    content: "";
    display: block;
    height: 20px;
    width: 100%;
    background: url(/assets/images/schatten_video.png) no-repeat bottom; }

/**
 * Master-Classes (Extenders) for vertical-align issues
 */
/**
 * Images
 */
.va-img__wrapper, .product-slider .product-slider__item > a .product-slider__image-wrapper, .slider.awards-slider-short .slider__item {
    white-space: nowrap;
    text-align: center;
    text-align: center; }
.va-img__wrapper:before, .product-slider .product-slider__item > a .product-slider__image-wrapper:before, .slider.awards-slider-short .slider__item:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle; }

.va-img__img, .product-slider .product-slider__item > a .product-slider__image-wrapper > img, .slider.awards-slider-short .slider__item > img {
    vertical-align: middle; }

/**
 * Symbols
 */
.sym {
    font-size: 1px;
    letter-spacing: -1px;
    color: transparent; }
.sym:after {
    content: "";
    font-size: 14px;
    font-family: 'fontello';
    font-weight: normal;
    color: #000000; }
.sym.sym--yes:after {
    color: #8dc63f;
    content: '\e81d'; }
.sym.sym--no:after {
    color: #b11116;
    content: '\e81f'; }

/**
 * Centers content ...
 */
.l-content {
    width: 100%;
    position: relative;
    max-width: 940px;
    margin-right: auto;
    margin-left: auto; }

.l-content.l-content--line-sub.page {
    padding-top: 20px; }

@media screen and (min-width: 752px) {
    .l-content.l-content--line-sub {
        border-top: 2px solid #cccccc; } }

/**
 *
 */
.l-section {
    width: 100%;
    background-color: #ffffff;
    padding-left: 20px;
    padding-right: 20px;
    *zoom: 1; }
.l-section:before, .l-section:after {
    content: "";
    display: table; }
.l-section:after {
    clear: both; }

.l-section.l-section--orange {
    background-color: #fbba00; }

.l-section.l-section--gray {
    background-color: #ededec; }

.l-section.has-border-top {
    border-top: 2px solid #ffffff; }

@media screen and (min-width: 846px) {
    .l-section.has-border-top {
        border-top: 3px solid #ffffff; } }

/**
 * Columns
 */
.l-columns {
    width: 100%;
    *zoom: 1; }
.l-columns:before, .l-columns:after {
    content: "";
    display: table; }
.l-columns:after {
    clear: both; }

.l-columns__main {
    width: 100%;
    margin-bottom: 40px; }
.l-columns__main.l-columns__main--product-details {
    margin-top: 40px; }

.l-columns__sidebar {
    width: 100%; }
.l-columns__sidebar.l-columns__sidebar--info {
    margin-bottom: 50px; }
.l-columns__sidebar.l-columns__sidebar--info > div {
    margin-bottom: 50px; }
.l-columns__sidebar.l-columns__sidebar--info > div:first-child {
    margin-top: 22px; }
.l-columns__sidebar.l-columns__sidebar--info > div.sidenavigation {
    margin-top: 16px; }
.l-columns__sidebar.l-columns__sidebar--info img {
    max-width: 100%; }
.l-columns__sidebar.l-columns__sidebar--info h2, .l-columns__sidebar.l-columns__sidebar--info h3 {
    font-size: 1.2em; }
.l-columns__sidebar.l-columns__sidebar--info p {
    line-height: 1.4em; }

.l-columns__left-halfs, .l-columns__right-halfs, .l-columns__three-1, .l-columns__three-2, .l-columns__three-3 {
    width: 100%; }

@media screen and (min-width: 705px) {
    .l-columns__main {
        width: 75%;
        margin-top: 0;
        padding-right: 10px;
        float: left; }
    .l-columns__main.l-columns__main--product-details {
        margin-top: 0; }
    .l-columns__sidebar {
        width: 25%;
        padding-left: 10px;
        float: right; }
    .l-columns.l-columns--fixed-width {
        padding-right: 230px; }
    .l-columns.l-columns--fixed-width .l-columns__main {
        width: 100%; }
    .l-columns.l-columns--fixed-width .l-columns__sidebar {
        width: 230px;
        margin-right: -100%;
        float: left; }
    .l-columns__left-halfs {
        width: 50%;
        padding-right: 10px;
        float: left; }
    .l-columns__right-halfs {
        width: 50%;
        padding-left: 10px;
        float: right; }
    .l-columns__three-1, .l-columns__three-2, .l-columns__three-3 {
        display: inline-block;
        float: left;
        width: 32%;
        *zoom: 1; }
    .l-columns__three-1:before, .l-columns__three-1:after, .l-columns__three-2:before, .l-columns__three-2:after, .l-columns__three-3:before, .l-columns__three-3:after {
        content: "";
        display: table; }
    .l-columns__three-1:after, .l-columns__three-2:after, .l-columns__three-3:after {
        clear: both; }
    .l-columns__three-1 {
        margin-right: 2%; }
    .l-columns__three-2 {
        margin-left: 2%/2;
        margin-right: 2%/2; }
    .l-columns__three-3 {
        margin-left: 2%; } }

.float-right {
    float: right; }

/**
 * Keep something (footer?!) on bottom
 */
.fixed-bottom__content-wrapper {
    min-height: 100%;
    /* equal to footer height */
    margin-bottom: -100px; }
.fixed-bottom__content-wrapper:after {
    content: "";
    display: block;
    height: 100px; }

.fixed-bottom {
    height: 100px; }

.fixed-bottom__content-wrapper.fixed-bottom__content-wrapper--footer {
    margin-bottom: -176px; }
.fixed-bottom__content-wrapper.fixed-bottom__content-wrapper--footer:after {
    height: 176px; }

.fixed-bottom.fixed-bottom--footer {
    height: 176px; }

/*------------------------------------*\
    $BUTTONS
\*------------------------------------*/
button, .button, input[type=submit] {
    display: inline-block;
    font-family: 'Notes-Medium', 'Helvetica', 'Arial', sans-serif;
    font-size: 14px;
    background-color: #fbba00 ;
    line-height: 1.5em;
    color: #ffffff;
    font-weight: normal;
    border: 0;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
    padding: 6px 10px;
    vertical-align: middle;
    -webkit-transition: color 0.15s ease-out;
    -moz-transition: color 0.15s ease-out;
    -ms-transition: color 0.15s ease-out;
    -o-transition: color 0.15s ease-out;
    transition: color 0.15s ease-out; }
button:hover, button:focus, .button:hover, .button:focus, input[type=submit]:hover, input[type=submit]:focus {
    color: #000000; }
button.is-disabled:hover, button[disabled='disabled']:hover, .button.is-disabled:hover, .button[disabled='disabled']:hover, input[type=submit].is-disabled:hover, input[type=submit][disabled='disabled']:hover {
    cursor: default; }

button.button--large, .button.button--large, input[type=submit].large {
    padding: 1rem;
    font-size: 16px;
    font-weight: normal;
    margin: 0;
    padding: 6px 10px; }

button.button--white, .button.button--white {
    color: #000000;
    background-color: #ffffff; }
button.button--white:hover, button.button--white:focus, .button.button--white:hover, .button.button--white:focus {
    color: #878787; }

button.button--green, .button.button--green {
    color: #ffffff;
    background-color: #7bbb00; }
button.button--green:hover, button.button--green:focus, .button.button--green:hover, .button.button--green:focus {
    color: #000000; }

button.button--gray, .button.button--gray {
    background-color: #878787;
    -webkit-transition: background-color 0.15s ease-out;
    -moz-transition: background-color 0.15s ease-out;
    -ms-transition: background-color 0.15s ease-out;
    -o-transition: background-color 0.15s ease-out;
    transition: background-color 0.15s ease-out; }
button.button--gray:hover, button.button--gray:focus, .button.button--gray:hover, .button.button--gray:focus {
    color: #ffffff;
    background-color: #5c5c5c; }

button.button--special, .button.button--special {
    color: #ffffff;
    background-color: #7bbb00;
    border: 3px solid #ffffff;
    -webkit-transition: background-color 0.15s ease-out;
    -moz-transition: background-color 0.15s ease-out;
    -ms-transition: background-color 0.15s ease-out;
    -o-transition: background-color 0.15s ease-out;
    transition: background-color 0.15s ease-out; }

button.button--basket, .button.button--basket {
    padding: 1rem;
    font-size: 16px;
    font-weight: normal;
    margin: 0;
    padding: 10px 12px; }
button.button--basket:before, .button.button--basket:before {
    color: #000000;
    font-size: 1.2em;
    font-family: 'fontello';
    font-weight: normal;
    content: '\e810';
    padding-right: 5px; }

button.button--next, .button.button--next {
    padding: 1rem;
    font-size: 16px;
    font-weight: normal;
    margin: 0;
    padding: 7px 12px; }
button.button--next:after, .button.button--next:after {
    color: #000000;
    font-family: 'fontello';
    font-weight: normal;
    content: '\e818';
    padding-left: 7px; }

/**
 * Buttons Wrapper
 */
.buttons {
    margin-top: 20px;
    margin-bottom: 10px; }

/*
 * Text-Image
 */
.text-image {
    width: 100%;
    margin: 10px 20px 20px 0; }
@media screen and (min-width: 564px) {
    .text-image {
        float: left;
        max-width: 300px; } }
.text-image a {
    border: none;
    width: 100%;
    padding: 0;
    margin: 0; }
.text-image img {
    max-width: 100%;
    margin: 0 auto; }
@media screen and (min-width: 564px) {
    .text-image img {
        margin: 0; } }
.text-image > p {
    font-size: 14px;
    line-height: 22px;
    padding: 2px 0 12px 0;
    border-bottom: 2px solid #b9b9b9; }

@media screen and (min-width: 564px) {
    .text-image--large {
        width: 100%;
        max-width: 940px;
        float: none; } }
.text-image--large img {
    width: 100%; }

/*
 * .l-columns__sidebar--info:
 * Text-Image
 */
.l-columns__sidebar--info p {
    font-size: 1em; }
.l-columns__sidebar--info .text-image {
    float: none; }
.l-columns__sidebar--info .text-image > p {
    line-height: 22px;
    padding: 2px 0 12px 0;
    border-bottom: none; }

/**
 * The click-hint icon for lightbox images.
 */
a.lightbox {
    display: inline-block;
    position: relative;
    text-decoration: inherit; }
a.lightbox:after {
    display: none; }
@media screen and (min-width: 564px) {
    a.lightbox:after {
        content: '+';
        display: block;
        width: 20px;
        height: 20px;
        position: absolute;
        right: 6px;
        bottom: 6px;
        background-color: #ffffff;
        border: 2px solid #fbba00;
        border-radius: 22px;
        font-size: 1.7em;
        line-height: 20px;
        text-align: center;
        vertical-align: middle; }
    a.lightbox:after:hover {
        color: #878787; } }
a.lightbox > img {
    display: block; }

/**
 * Change fancybox overlay backgroundcolor
 */
.fancybox-lock .fancybox-overlay {
    background-color: rgba(0, 0, 0, 0.85); }

/**
 * Navigation outside the box
 */
.fancybox-wrap.lightbox {
    /**
   * Removes fancybox white border
   */
    /*
   * Text
   */ }
.fancybox-wrap.lightbox .fancybox-nav {
    position: fixed;
    top: 50%;
    padding: 30px;
    margin-top: -50px;
    width: 100px;
    height: 100px;
    line-height: 42px; }
.fancybox-wrap.lightbox .fancybox-prev:after {
    color: #ffffff;
    font-family: 'fontello';
    content: '\e801';
    font-size: 3em; }
.fancybox-wrap.lightbox .fancybox-next:after {
    color: #ffffff;
    font-family: 'fontello';
    content: '\e800';
    font-size: 3em; }
.fancybox-wrap.lightbox .fancybox-close {
    position: fixed;
    top: 0px;
    right: 18px;
    width: 100px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    text-decoration: none; }
.fancybox-wrap.lightbox .fancybox-close:before {
    color: #ffffff;
    font-family: 'fontello';
    content: '\e800';
    font-size: 3em; }
.fancybox-wrap.lightbox .fancybox-close:after {
    color: #ffffff;
    font-family: 'fontello';
    content: '\e801';
    font-size: 3em;
    margin-left: -4px; }
.fancybox-wrap.lightbox .fancybox-skin {
    background-color: transparent; }
.fancybox-wrap.lightbox .fancybox-skin, .fancybox-wrap.lightbox .fancybox-opened .fancybox-skin {
    box-shadow: none; }
.fancybox-wrap.lightbox .fancybox-title-float-wrap {
    position: initial;
    margin-bottom: 0;
    text-align: left; }
.fancybox-wrap.lightbox .fancybox-title-float-wrap .child {
    font-size: 15px;
    font-family: 'Notes-Regular', 'Helvetica', 'Arial', sans-serif;
    font-weight: normal;
    display: inline-block;
    margin: 0;
    padding: 16px 0 0 0;
    background-color: transparent;
    border-radius: none;
    text-shadow: none;
    color: #ffffff;
    line-height: 24px;
    white-space: normal; }

/*
 * Popup Vesion!
 */
.fancybox-wrap.popup {
    background-color: #ffffff;
    box-shadow: 0 0 20px #878787;
    margin-bottom: 20px;
    /**
   * Removes fancybox white border
   */ }
.fancybox-wrap.popup .fancybox-close {
    width: 25px;
    height: 25px;
    margin-top: 16px;
    margin-right: 16px;
    top: 0;
    right: 0;
    text-decoration: none;
    background-image: url(/assets/images/cross.jpg);
    background-size: 21px 21px;
    background-position: center center;
    background-repeat: no-repeat; }
.fancybox-wrap.popup .fancybox-skin {
    background-color: transparent; }
.fancybox-wrap.popup .fancybox-skin, .fancybox-wrap.popup .fancybox-opened .fancybox-skin {
    box-shadow: none;
    padding: 0; }
.fancybox-wrap.popup .fancybox-outer {
    position: relative;
    height: auto !important; }
.fancybox-wrap.popup .fancybox-outer .fancybox-inner {
    overflow: inherit !important; }
.fancybox-wrap.popup .fancybox-outer .fancybox-inner > div {
    padding-left: 15px;
    padding-right: 15px;
    width: 100%; }
.fancybox-wrap.popup .fancybox-outer .fancybox-inner > div .popup__header {
    border-bottom: 1px dotted #b9b9b9;
    padding-bottom: 15px;
    padding-right: 15px; }
.fancybox-wrap.popup .fancybox-outer .fancybox-inner > div .popup__header p.success {
    color: #8dc63f;
    font-size: 1.7em;
    font-family: 'Notes-Medium', 'Helvetica', 'Arial', sans-serif;
    padding-top: 15px; }
.fancybox-wrap.popup .fancybox-outer .fancybox-inner > div .popup__header p.success:before {
    color: #8dc63f;
    font-size: 0.8em;
    font-family: 'fontello';
    content: '\e81d';
    padding-right: 10px;
    padding-bottom: 4px;
    -webkit-transition: color 0.15s ease-out;
    -moz-transition: color 0.15s ease-out;
    -ms-transition: color 0.15s ease-out;
    -o-transition: color 0.15s ease-out;
    transition: color 0.15s ease-out; }
.fancybox-wrap.popup .fancybox-outer .fancybox-inner > div .popup__content {
    margin-top: 30px;
    margin-bottom: 20px; }
.fancybox-wrap.popup .fancybox-outer .fancybox-inner > div .popup__content .newsletter .newsletter__float-right {
    float: right;
    *zoom: 1; }
.fancybox-wrap.popup .fancybox-outer .fancybox-inner > div .popup__content .newsletter .newsletter__float-right:before, .fancybox-wrap.popup .fancybox-outer .fancybox-inner > div .popup__content .newsletter .newsletter__float-right:after {
    content: "";
    display: table; }
.fancybox-wrap.popup .fancybox-outer .fancybox-inner > div .popup__content .newsletter .newsletter__float-right:after {
    clear: both; }

@media screen and (min-width: 752px) {
    .fancybox-wrap.popup {
        margin-top: 20px;
        margin-bottom: 40px; }
    .fancybox-wrap.popup .fancybox-outer .fancybox-inner > div .popup__header p.success {
        font-size: 1.9em; } }

/**
 * Download Popup
 */
#download .popup__content > h2 {
    font-size: 2em;
    font-family: 'Notes-Medium', 'Helvetica', 'Arial', sans-serif;
    margin-bottom: 10px; }
#download .popup__content > p {
    font-size: 1.35em; }
#download .popup__content .newsletter__float-right {
    margin-top: 5px;
    margin-bottom: 30px; }
#download .popup__content .newsletter__float-right input {
    font-size: 16px; }

/**
 * Video Popup
 */
.popup-video__content {
    padding-top: 55px;
    padding-bottom: 15px; }

/**
 * The UI element "Pager".
 */
.pager {
    width: 100%;
    margin-bottom: 40px;
    position: relative;
    clear: both;
    text-align: center; }
.pager ul {
    padding: 0;
    list-style: none;
    margin-bottom: 5px; }
.pager ul li {
    display: inline-block;
    font-size: 1.1em;
    font: 'Notes-Bold', 'Helvetica', 'Arial', sans-serif;
    font-weight: bold;
    margin-top: 5px; }
.pager a {
    text-decoration: none;
    display: inline-block;
    width: 100%;
    height: 100%;
    background-color: #ededec;
    -webkit-transition: background-color 0.15s ease-out;
    -moz-transition: background-color 0.15s ease-out;
    -ms-transition: background-color 0.15s ease-out;
    -o-transition: background-color 0.15s ease-out;
    transition: background-color 0.15s ease-out; }
.pager.pager--has-page-count ul {
    float: left; }
.pager .page-count {
    float: right;
    line-height: 35px;
    margin-left: 20px;
    margin-top: 5px;
    margin-bottom: 5px; }

/*
 * Off State
 */
.pager--off, a.pager--off {
    cursor: inherit;
    color: #878787;
    background-color: #ccc; }
.pager--off:hover, a.pager--off:hover {
    color: #878787;
    background-color: #ccc; }

.pager--active, a.pager--active {
    cursor: inherit;
    color: #ffffff;
    background-color: #fbba00 ; }
.pager--active:hover, a.pager--active:hover {
    color: #ffffff;
    background-color: #fbba00 ; }

.pager__number, .pager__prev, .pager__next {
    color: #ffffff;
    height: 35px;
    line-height: 35px;
    width: 35px;
    text-align: center;
    background-color: #fbba00 ; }

/**
 * Dont display text / only for seo or no css
 */
.pager li.pager__prev, .pager li.pager__next {
    font-size: 1em;
    font-family: 'fontello';
    font-weight: normal; }
.pager li.pager__prev span, .pager li.pager__next span {
    display: none; }

.pager__prev a:after {
    content: '\e817'; }

.pager__next a:after {
    content: '\e818'; }

@media screen and (min-width: 1000px) {
    .pager {
        text-align: left; } }

/**
 * Tabs
 */
.tabs {
    width: 100%;
    position: relative;
    margin-top: 20px;
    margin-bottom: 20px; }

@media screen and (min-width: 705px) {
    .tabs {
        margin-top: 0;
        margin-bottom: 0;
        width: 100%;
        position: relative; }
    .tabs--aware {
        margin-top: 46px; } }

.tabs__header-js {
    cursor: pointer;
    color: #000000;
    display: block;
    font-size: 1.2em;
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #ededec; }
.tabs__header-js:after {
    color: #000000;
    font-size: 1.1em;
    font-family: 'fontello';
    font-weight: normal;
    content: '\e811';
    float: right;
    margin-right: 20px;
    transition-property: transform;
    transition-duration: 0.25s;
    transition-timing-function: ease-in-out; }
.tabs__header-js.is-active:after {
    content: '\e812'; }

.tabs__header {
    font-size: 20px; }
.tabs__header:first-child {
    padding-top: 20px; }

@media screen and (min-width: 705px) {
    .tabs__header-js {
        font-size: 1em;
        color: #b9b9b9;
        padding-top: 5px;
        padding-bottom: 3px;
        padding-left: 20px;
        padding-right: 20px;
        position: absolute;
        top: -36px;
        z-index: 0;
        background-color: #ffffff;
        margin-top: 3px;
        padding-top: 6px;
        border-top: none;
        -webkit-transition: color 0.25s ease-out;
        -moz-transition: color 0.25s ease-out;
        -ms-transition: color 0.25s ease-out;
        -o-transition: color 0.25s ease-out;
        transition: color 0.25s ease-out; }
    .tabs__header-js:after {
        display: none; }
    .tabs__header-js:hover, .tabs__header-js:focus {
        cursor: pointer; }
    .tabs__header-js.is-active {
        color: #5c5c5c;
        z-index: 99 !important;
        margin-top: 0;
        padding-top: 8px; }
    .tabs__header-js.is-active:after {
        content: "";
        display: block;
        width: 100%;
        height: 10px;
        position: absolute;
        z-index: 1;
        background-color: #ffffff;
        left: 0;
        bottom: -10px; }
    .tabs__header-js.is-active:hover, .tabs__header-js.is-active:focus {
        cursor: default; } }

.tabs__content {
    display: block;
    background-color: #ffffff;
    -webkit-animation-delay: 0;
    -webkit-animation-duration: 0.2s;
    -webkit-animation-name: moveIn;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-delay: 0;
    -moz-animation-duration: 0.2s;
    -moz-animation-name: moveIn;
    -moz-animation-fill-mode: forwards;
    -o-animation-delay: 0;
    -o-animation-duration: 0.2s;
    -o-animation-name: moveIn;
    -o-animation-fill-mode: forwards;
    animation-delay: 0;
    animation-duration: 0.2s;
    animation-name: moveIn;
    animation-fill-mode: forwards;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 5px;
    padding-right: 5px; }

@media screen and (min-width: 705px) {
    .tabs__content {
        z-index: 98;
        padding-left: 0;
        padding-right: 0; } }

/*
 * HEADER
 *
 * 1) Top
 * 2) Mobile
 * 3) Navigation
 * 4) Sub-navigation
 * 5) Forum (Modifier)
 * 6) Branded (Modifier)
 */
.header {
    margin-bottom: 60px; }
@media screen and (min-width: 752px) {
    .header {
        border-top: 4px solid #878787;
        margin-bottom: 2px; } }

.header ul {
    width: 100%;
    max-width: 940px;
    padding: 0;
    margin-right: auto;
    margin-left: auto;
    list-style: none; }

@media screen and (min-width: 752px) {
    .header ul li {
        display: inline-block; } }

.header__top {
    width: 100%;
    height: 60px;
    padding-left: 20px;
    padding-right: 20px;
    background-color: #ffffff;
    box-shadow: 0 0 10px #b9b9b9;
    position: fixed;
    top: 0;
    z-index: 9999;
    *zoom: 1; }
.header__top:before, .header__top:after {
    content: "";
    display: table; }
.header__top:after {
    clear: both; }
@media screen and (min-width: 752px) {
    .header__top {
        height: 105px !important;
        box-shadow: none;
        position: relative;
        z-index: 7777; } }

.header__top .header__logo img {
    height: 20px;
    margin-top: 20px;
    margin-bottom: 20px; }
@media screen and (min-width: 752px) {
    .header__top .header__logo img {
        height: 33px;
        margin-top: 36px;
        margin-bottom: 36px; } }

.header__top .header__top-right {
    float: right; }
@media screen and (min-width: 752px) {
    .header__top .header__top-right {
        margin-top: 20px;
        *zoom: 1; }
    .header__top .header__top-right:before, .header__top .header__top-right:after {
        content: "";
        display: table; }
    .header__top .header__top-right:after {
        clear: both; } }

.header__top .header__top-right #header__search-bar {
    display: none;
    width: 100%;
    height: 100%;
    background-color: #fbba00 ;
    position: fixed;
    top: 60px;
    left: 0;
    overflow: hidden;
    -webkit-transition: margin 0.25s ease-out;
    -moz-transition: margin 0.25s ease-out;
    -ms-transition: margin 0.25s ease-out;
    -o-transition: margin 0.25s ease-out;
    transition: margin 0.25s ease-out; }
@media screen and (min-width: 564px) {
    .header__top .header__top-right #header__search-bar {
        display: inline-block;
        width: auto;
        padding-top: 12px;
        background-color: transparent;
        float: left;
        position: relative;
        top: 0; } }
@media screen and (min-width: 752px) {
    .header__top .header__top-right #header__search-bar {
        padding-top: 0;
        margin-right: 15px;
        float: left;
        top: 0;
        left: auto; } }

.header__top .header__top-right #header__search-bar .header__search-bar__left {
    width: auto;
    margin: 20px;
    float: none;
    overflow: hidden; }
@media screen and (min-width: 564px) {
    .header__top .header__top-right #header__search-bar .header__search-bar__left {
        margin: 0; } }

.header__top .header__top-right #header__search-bar .header__search-bar__right {
    width: 58px;
    margin-left: 10px;
    background-color: transparent;
    float: right; }
@media screen and (min-width: 564px) {
    .header__top .header__top-right #header__search-bar .header__search-bar__right {
        width: 0;
        margin: 0;
        margin-left: 5px; } }

.header__top .header__top-right #header__search-bar .header__search-bar__right button {
    width: 38px;
    height: 38px;
    background-color: #ffffff; }
.header__top .header__top-right #header__search-bar .header__search-bar__right button:after {
    content: '\e80f';
    font-size: 1.2em;
    font-family: 'fontello';
    font-weight: normal;
    color: #878787;
    -webkit-transition: color 0.15s ease-out;
    -moz-transition: color 0.15s ease-out;
    -ms-transition: color 0.15s ease-out;
    -o-transition: color 0.15s ease-out;
    transition: color 0.15s ease-out; }
.header__top .header__top-right #header__search-bar .header__search-bar__right button:hover:after {
    color: #000000; }
@media screen and (min-width: 564px) {
    .header__top .header__top-right #header__search-bar .header__search-bar__right button {
        background-color: transparent;
        position: absolute; } }

.header__top .header__top-right #header__search-bar .header__search-bar__right button span {
    display: none; }

.header__top .header__top-right #header__search-bar > form {
    margin-bottom: 0; }

@media screen and (min-width: 564px) {
    .header__top .header__top-right #header__search-bar input {
        width: 200px;
        height: 36px;
        margin: 0;
        box-shadow: 1px 1px 1px #ccc inset; } }

@media screen and (min-width: 564px) {
    .header__top .header__top-right #header__search-bar button {
        width: 36px;
        height: 36px;
        background-color: transparent;
        margin-left: -42px; } }

.header__top .header__top-right .header__basket {
    display: none; }
@media screen and (min-width: 564px) {
    .header__top .header__top-right .header__basket {
        float: left; } }
@media screen and (min-width: 752px) {
    .header__top .header__top-right .header__basket {
        display: block;
        float: right; } }

@media screen and (min-width: 752px) {
    .header__top .header__top-right .header__basket a {
        line-height: 36px;
        text-decoration: none;
        text-align: right;
        color: #878787;
        -webkit-transition: color 0.15s ease-out;
        -moz-transition: color 0.15s ease-out;
        -ms-transition: color 0.15s ease-out;
        -o-transition: color 0.15s ease-out;
        transition: color 0.15s ease-out; }
    .header__top .header__top-right .header__basket a:before {
        content: '\e810';
        padding-right: 7px;
        font-size: 1.2em;
        font-family: 'fontello';
        font-weight: normal;
        color: #fbba00; }
    .header__top .header__top-right .header__basket a:hover {
        color: #000000; } }

.header__top .header__top-right .header__mixed {
    float: right; }

.header__top .header__top-right .header__mixed > ul {
    margin-top: 7px; }
@media screen and (min-width: 846px) {
    .header__top .header__top-right .header__mixed > ul {
        height: 36px;
        margin-top: 0;
        line-height: 36px; } }

.header__top .header__top-right .header__mixed > ul li {
    display: list-item; }
@media screen and (min-width: 846px) {
    .header__top .header__top-right .header__mixed > ul li {
        display: inline-block; } }

.header__top .header__top-right .header__mixed > ul li a {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    color: #878787;
    text-decoration: none;
    -webkit-transition: color 0.15s ease-out;
    -moz-transition: color 0.15s ease-out;
    -ms-transition: color 0.15s ease-out;
    -o-transition: color 0.15s ease-out;
    transition: color 0.15s ease-out; }
.header__top .header__top-right .header__mixed > ul li a:hover {
    color: #000000; }

@media screen and (min-width: 564px) {
    .header__top .header__top-right .header__mobil {
        display: inline-block;
        float: left; } }
@media screen and (min-width: 752px) {
    .header__top .header__top-right .header__mobil {
        display: none; } }

.header__top .header__top-right .header__mobil ul li {
    display: inline-block; }

.header__top .header__top-right .header__mobil ul li a {
    display: inline-block;
    height: 60px;
    padding-left: 6px;
    padding-right: 6px;
    font-family: 'fontello';
    font-size: 1.3em;
    font-weight: normal;
    line-height: 60px;
    color: #878787;
    text-decoration: none;
    text-align: center;
    -webkit-transition: color 0.15s ease-out;
    -moz-transition: color 0.15s ease-out;
    -ms-transition: color 0.15s ease-out;
    -o-transition: color 0.15s ease-out;
    transition: color 0.15s ease-out; }
.header__top .header__top-right .header__mobil ul li a:hover {
    color: #000000; }
.header__top .header__top-right .header__mobil ul li a:hover:after {
    color: #000000; }

.header__top .header__top-right .header__mobil ul li:last-child a {
    padding-right: 0; }

.header__top .header__top-right .header__mobil ul li a span {
    display: none; }

.header__top .header__top-right .header__mobil #nav-search:after {
    content: '\e80f'; }
.header__top .header__top-right .header__mobil #nav-search.is-active:after, .header__top .header__top-right .header__mobil #nav-search:hover:after {
    color: #000000; }
@media screen and (min-width: 564px) {
    .header__top .header__top-right .header__mobil #nav-search {
        display: none; } }

.header__top .header__top-right .header__mobil #nav-basket:after {
    content: '\e810'; }

.header__top .header__top-right .header__mobil #nav-menu:after {
    content: '\e819';
    color: #fbba00; }
.header__top .header__top-right .header__mobil #nav-menu.is-active:after, .header__top .header__top-right .header__mobil #nav-menu:hover:after {
    color: #000000; }

.header__top .header__top-right .header__mobil #nav-search:after {
    content: '\e80f'; }

#header__navigation {
    display: none;
    width: 100%;
    height: 100%;
    padding-left: 20px;
    padding-right: 20px;
    background-color: #fbba00 ;
    position: fixed;
    top: 60px;
    z-index: 9999;
    overflow: auto;
    overflow-x: hidden;
    *zoom: 1;
    -webkit-transition: margin 0.25s ease-out;
    -moz-transition: margin 0.25s ease-out;
    -ms-transition: margin 0.25s ease-out;
    -o-transition: margin 0.25s ease-out;
    transition: margin 0.25s ease-out; }
#header__navigation:before, #header__navigation:after {
    content: "";
    display: table; }
#header__navigation:after {
    clear: both; }
@media screen and (min-width: 752px) {
    #header__navigation {
        display: block;
        width: auto;
        height: auto;
        margin-top: 0;
        position: inherit; } }

#header__navigation ul {
    padding-bottom: 80px;
    position: absolute;
    left: 0;
    overflow: visible;
    line-height: 43px; }
@media screen and (min-width: 564px) {
    #header__navigation ul {
        padding-bottom: 0; } }
@media screen and (min-width: 752px) {
    #header__navigation ul {
        height: 46px;
        margin-top: 0;
        position: inherit; } }

@media screen and (min-width: 752px) {
    #header__navigation ul li > ul {
        content: "";
        display: block;
        width: 100%;
        height: 8px;
        background-color: transparent;
        position: absolute;
        top: -4px; } }

@media screen and (min-width: 752px) {
    #header__navigation ul li:hover > ul {
        display: inline-block; } }

#header__navigation ul li a {
    display: block;
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px dotted #000000;
    margin-right: 20px;
    margin-left: 20px;
    font-size: 1.2em;
    line-height: 1em;
    color: #ffffff;
    text-decoration: none;
    -webkit-transition: color 0.15s ease-out;
    -moz-transition: color 0.15s ease-out;
    -ms-transition: color 0.15s ease-out;
    -o-transition: color 0.15s ease-out;
    transition: color 0.15s ease-out; }
#header__navigation ul li a:hover {
    color: #000000; }
#header__navigation ul li a:hover:after {
    color: #000000; }
@media screen and (min-width: 752px) {
    #header__navigation ul li a {
        padding: 14px 12px;
        border-bottom: none;
        margin: 0;
        font-size: 1.25em;
        font-family: 'Notes-Medium', 'Helvetica', 'Arial', sans-serif; } }

#header__navigation ul li:first-child a {
    padding: 12px 12px 12px 0; }

#header__navigation ul li.nav-home a {
    display: none;
    width: 20px;
    height: 46px;
    margin: 0; }
#header__navigation ul li.nav-home a:after {
    content: '\e80e';
    display: inline;
    font-size: 1.2em;
    font-family: 'fontello';
    font-weight: normal;
    -webkit-transition: color 0.15s ease-out;
    -moz-transition: color 0.15s ease-out;
    -ms-transition: color 0.15s ease-out;
    -o-transition: color 0.15s ease-out;
    transition: color 0.15s ease-out; }
@media screen and (min-width: 752px) {
    #header__navigation ul li.nav-home a {
        display: inline; } }

#header__navigation ul li.is-active > a {
    color: #000000; }
#header__navigation ul li.is-active > a:after {
    color: #000000; }

/* crown added */
.header__sub-navigation ul li.is-active a {
    color: #000000; }
.header__sub-navigation ul li.is-active a:after {
    color: #000000; }


@media screen and (min-width: 752px) {
    #header__navigation ul li.align-right {
        float: right; } }

@media screen and (min-width: 752px) {
    #header__navigation ul li.align-right a {
        padding-right: 0; } }

#header__navigation ul > li.is-dropdown > a:after {
    content: '\e818';
    font-size: 1em;
    font-family: 'fontello';
    font-weight: normal;
    float: right;
    -webkit-transition: color 0.15s ease-out;
    -moz-transition: color 0.15s ease-out;
    -ms-transition: color 0.15s ease-out;
    -o-transition: color 0.15s ease-out;
    transition: color 0.15s ease-out; }
@media screen and (min-width: 564px) {
    #header__navigation ul > li.is-dropdown > a:after {
        color: #ffffff; } }
@media screen and (min-width: 752px) {
    #header__navigation ul > li.is-dropdown > a:after {
        content: '\e811';
        padding-left: 5px;
        position: absolute; } }

@media screen and (min-width: 564px) {
    #header__navigation > ul > li.is-dropdown.is-active > a:after {
        color: #000000; } }

#header__navigation > ul li ul {
    display: none;
    width: 100%;
    background-color: #fbba00;
    position: absolute;
    top: 0;
    left: 100%; }
#header__navigation > ul li ul:hover {
    display: inline-block; }
@media screen and (min-width: 752px) {
    #header__navigation > ul li ul {
        width: auto;
        min-width: 100px;
        height: auto;
        padding: 13px 0;
        background-color: #ffffff;
        box-shadow: 0 0 10px #b9b9b9;
        margin-left: -6px;
        position: absolute;
        top: auto;
        left: auto;
        z-index: 9999; } }

#header__navigation > ul li ul li {
    display: list-item; }
@media screen and (min-width: 752px) {
    #header__navigation > ul li ul li {
        padding: 0;
        margin: 0;
        line-height: 1.6em; } }

@media screen and (min-width: 752px) {
    #header__navigation > ul li ul li a {
        display: inline-block;
        width: 100%;
        padding: 5px 19px;
        font-size: 1em;
        font-family: 'Notes-Regular', 'Helvetica', 'Arial', sans-serif;
        color: #878787; } }

@media screen and (min-width: 752px) {
    #header__navigation > ul > li.is-dropdown {
        padding-right: 16px; } }

@media screen and (min-width: 752px) {
    #header__navigation > ul > li.is-dropdown:hover > a {
        color: #000000; }
    #header__navigation > ul > li.is-dropdown:hover > a:after {
        content: '\e812';
        color: #000000; } }

@media screen and (min-width: 752px) {
    #header__navigation > ul > li > ul:hover ul {
        display: none; } }

#header__navigation > ul li ul .dropdown-back-button {
    margin-bottom: 20px; }
#header__navigation > ul li ul .dropdown-back-button:before {
    content: '\e817';
    padding-right: 10px;
    font-size: 1em;
    font-family: 'fontello';
    font-weight: normal;
    color: #ffffff;
    -webkit-transition: color 0.15s ease-out;
    -moz-transition: color 0.15s ease-out;
    -ms-transition: color 0.15s ease-out;
    -o-transition: color 0.15s ease-out;
    transition: color 0.15s ease-out; }
@media screen and (min-width: 752px) {
    #header__navigation > ul li ul .dropdown-back-button {
        display: none; }
    #header__navigation > ul li ul .dropdown-back-button:before {
        display: none; } }

#header__navigation > ul li ul .dropdown-label {
    font-family: 'Notes-Medium', 'Helvetica', 'Arial', sans-serif;
    font-weight: bold; }
@media screen and (min-width: 752px) {
    #header__navigation > ul li ul .dropdown-label {
        display: none; } }

.header__sub-navigation {
    display: none;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    background-color: #ffffff;
    margin-left: -10px;
    *zoom: 1; }
.header__sub-navigation:before, .header__sub-navigation:after {
    content: "";
    display: table; }
.header__sub-navigation:after {
    clear: both; }
@media screen and (min-width: 752px) {
    .header__sub-navigation {
        display: block; } }

.header__sub-navigation ul {
    padding-bottom: 6px;
    margin-top: 10px;
    overflow: inherit;
    line-height: 32px; }

.header__sub-navigation ul li a {
    padding: 6px;
    font-size: 0.9em;
    color: #878787;
    text-decoration: none;
    -webkit-transition: color 0.15s ease-out;
    -moz-transition: color 0.15s ease-out;
    -ms-transition: color 0.15s ease-out;
    -o-transition: color 0.15s ease-out;
    transition: color 0.15s ease-out; }
.header__sub-navigation ul li a:hover {
    color: #000000; }
@media screen and (min-width: 940px) {
    .header__sub-navigation ul li a {
        padding: 12px;
        font-size: 1em; } }

.header__sub-navigation ul li.hidden {
    display: none; }

.header__sub-navigation ul li.more {
    position: relative; }

.header__sub-navigation ul li.more:hover > ul {
    display: block; }

.header__sub-navigation ul li.is-dropdown > ul {
    display: none;
    width: auto;
    min-width: 150px;
    max-width: 250px;
    padding-top: 2px;
    background-color: rgba(255, 255, 255, 0.95);
    box-shadow: 0 5px 10px rgba(185, 185, 185, 0.5);
    margin-top: 32px;
    margin-left: -2px;
    position: absolute;
    top: 0;
    z-index: 9999; }
.header__sub-navigation ul li.is-dropdown > ul:hover {
    display: block; }

.header__sub-navigation ul li.is-dropdown > ul.keep-in {
    margin-right: -10px;
    right: 0; }

.header__sub-navigation ul li.is-dropdown > ul li {
    display: block; }

.header__sub-navigation ul li.is-dropdown > ul li a {
    display: block;
    padding-top: 2px;
    padding-right: 14px;
    padding-bottom: 2px;
    padding-left: 14px;
    line-height: 24px;
    color: #5c5c5c; }
.header__sub-navigation ul li.is-dropdown > ul li a:hover {
    color: #000000; }

.header__sub-navigation ul li.is-dropdown.more > a:after {
    content: '\e811';
    padding-left: 5px;
    position: absolute;
    font-size: 1em;
    font-family: 'fontello'; }

.header__sub-navigation ul li.is-dropdown.more:hover > a:after {
    content: '\e812'; }

.header__sub-navigation ul li.is-dropdown:hover > a {
    color: #000000; }

.header__sub-navigation ul li.is-dropdown:hover > ul {
    display: block; }

.header.header--forum .header__logo img {
    height: 16px;
    margin-top: 22px;
    margin-bottom: 22px; }
@media screen and (min-width: 470px) {
    .header.header--forum .header__logo img {
        height: 20px;
        margin-top: 20px;
        margin-bottom: 20px; } }
@media screen and (min-width: 752px) {
    .header.header--forum .header__logo img {
        height: 33px;
        margin-top: 36px;
        margin-bottom: 36px; } }

@media screen and (min-width: 752px) {
    .header.header--forum #header__navigation ul li > a:first-child {
        padding-left: 0; } }

.header.header--branded {
    margin-bottom: 77px; }
@media screen and (min-width: 752px) {
    .header.header--branded {
        margin-bottom: 0; } }

.header.header--branded .header__top {
    height: 75px; }
@media screen and (min-width: 752px) {
    .header.header--branded .header__top {
        height: 138px !important; } }

.header.header--branded .header__top span.exlusive {
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: .75em;
    color: #000000; }
@media screen and (min-width: 752px) {
    .header.header--branded .header__top span.exlusive {
        font-size: 1.05em; } }

.header.header--branded #header__navigation {
    top: 75px; }

@media screen and (max-width: 563px) {
    .header--branded #header__navigation .header__top .header__top-right #header__search-bar {
        top: 75px; } }

/*
 * Product Buy
 */
.product-buy {
    color: #000000;
    width: 100%;
    margin-top: 10px;
    margin-bottom: -30px;
    background: -webkit-linear-gradient(#f4f4f2, #e9e9e9);
    background: -o-linear-gradient(#f4f4f2, #e9e9e9);
    background: -moz-linear-gradient(#f4f4f2, #e9e9e9);
    background: linear-gradient(#f4f4f2, #e9e9e9);
    -webkit-transition: box-shadow 0.25s ease-out;
    -moz-transition: box-shadow 0.25s ease-out;
    -ms-transition: box-shadow 0.25s ease-out;
    -o-transition: box-shadow 0.25s ease-out;
    transition: box-shadow 0.25s ease-out;
    padding: 15px; }
.product-buy span.reg {
    font-size: 1em;
    vertical-align: top;
    line-height: 1em; }
.product-buy h2 {
    font-size: 1.5em; }
.product-buy h2 strong {
    font-family: 'Notes-Bold', 'Helvetica', 'Arial', sans-serif; }
.product-buy p {
    color: #000000;
    padding-top: 5px;
    font-size: 1em; }
.product-buy .product-buy__discount {
    background-color: #ffffff;
    margin-top: 5px;
    margin-bottom: 10px; }
.product-buy .product-buy__discount:before {
    content: '';
    position: absolute;
    display: block;
    background-image: url(/assets/images/icon_rabatt.svg);
    background-repeat: no-repeat;
    background-size: 30px;
    height: 30px;
    width: 30px;
    margin-left: -6px;
    margin-top: -6px; }
.product-buy .product-buy__discount p {
    font-size: 0.9em;
    color: #b11116;
    line-height: 1.2em;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 28px;
    padding-right: 28px; }
.product-buy .product-buy__price {
    font-size: 2.2em;
    padding: 10px 0 5px 0; }
.product-buy .product-buy__price small {
    font-size: 0.4em; }
.product-buy .product-buy__price span.discount {
    color: #b11116; }
.product-buy .product-buy__price s {
    font-size: 0.6em; }
.product-buy .product-buy__price p {
    padding-top: 0;
    line-height: 0.3em;
    padding-bottom: 15px; }
.product-buy .product-buy__details {
    padding: 0; }
.product-buy .product-buy__details li {
    font-size: 0.79em;
    line-height: 1.5em;
    list-style: none; }
.product-buy .product-buy__quantity {
    margin: 20px 0; }
.product-buy .product-buy__quantity label {
    display: inline-block;
    padding-right: 4px; }
.product-buy .product-buy__quantity select {
    display: inline-block;
    width: 100px;
    background-color: #ffffff;
    box-shadow: none; }
.product-buy button {
    width: 100%;
    white-space: nowrap; }
.product-buy button.button--mobil {
    display: none; }

.product-buy.product-buy--sticky {
    z-index: 8888; }
.product-buy.product-buy--sticky .product-buy__discount {
    display: none; }

.product-buy.product-buy--sticky.product-buy--sticky-keep {
    position: absolute;
    top: inherit; }

@media screen and (min-width: 752px) {
    .product-buy {
        width: 220px;
        margin-top: 30px;
        float: right;
        *zoom: 1; }
    .product-buy:before, .product-buy:after {
        content: "";
        display: table; }
    .product-buy:after {
        clear: both; }
    .product-buy.product-buy--sticky {
        box-shadow: 0 0 10px #b9b9b9;
        margin-top: 0;
        position: fixed;
        top: 0;
        bottom: auto; } }

@media screen and (max-width: 752px) {
    .product-buy.product-buy--sticky {
        box-shadow: 0 0 10px #b9b9b9;
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 20px;
        padding-right: 20px;
        margin-top: 0;
        margin-bottom: 0;
        position: fixed;
        left: 0;
        height: 60px;
        bottom: 0;
        -webkit-animation-delay: 0;
        -webkit-animation-duration: 0.5s;
        -webkit-animation-name: blur;
        -webkit-animation-fill-mode: forwards;
        -moz-animation-delay: 0;
        -moz-animation-duration: 0.5s;
        -moz-animation-name: blur;
        -moz-animation-fill-mode: forwards;
        -o-animation-delay: 0;
        -o-animation-duration: 0.5s;
        -o-animation-name: blur;
        -o-animation-fill-mode: forwards;
        animation-delay: 0;
        animation-duration: 0.5s;
        animation-name: blur;
        animation-fill-mode: forwards; }
    .product-buy.product-buy--sticky > .product-buy__price, .product-buy.product-buy--sticky > .product-buy__quantity, .product-buy.product-buy--sticky button {
        display: inline-block;
        float: left;
        width: auto; }
    .product-buy.product-buy--sticky > h2, .product-buy.product-buy--sticky > p, .product-buy.product-buy--sticky > .product-buy__details, .product-buy.product-buy--sticky > .product-buy__quantity label, .product-buy.product-buy--sticky button.button--mobil {
        display: none; }
    .product-buy.product-buy--sticky > .product-buy__price {
        padding-top: 13px;
        font-size: 1.5em; }
    .product-buy.product-buy--sticky > .product-buy__price small {
        display: block;
        margin-top: -6px; }
    .product-buy.product-buy--sticky > .product-buy__price p {
        padding-top: 8px;
        margin-top: -2px; }
    .product-buy.product-buy--sticky > .product-buy__quantity {
        margin-top: 12px;
        margin-left: 10px; }
    .product-buy.product-buy--sticky > .product-buy__quantity select {
        width: 60px;
        height: 37px; }
    .product-buy.product-buy--sticky button, .product-buy.product-buy--sticky button.button--mobil {
        margin-left: 10px;
        margin-top: 8px;
        margin-right: 10px;
        width: auto; } }

@media screen and (max-width: 470px) {
    .product-buy.product-buy--sticky button {
        display: none; }
    .product-buy.product-buy--sticky button.button--mobil {
        display: inline-block; } }

@media screen and (max-width: 423px) {
    .product-buy.product-buy--sticky button.button--mobil {
        font-size: 0.9em;
        padding-top: 7px;
        padding-bottom: 8px;
        padding-left: 8px;
        padding-right: 8px;
        margin-top: 12px;
        margin-right: 38px; }
    .product-buy.product-buy--sticky select#quantity {
        font-size: 0.9em;
        width: 50px;
        padding-top: 0;
        padding-left: 2px;
        padding-bottom: 1px; }
    .product-buy.product-buy--sticky .product-buy__price {
        font-size: 1.3em; }
    .product-buy.product-buy--sticky .product-buy__price s {
        display: none; } }

/*
 * Footer
 */
.footer {
    border-top: 2px solid #ffffff;
    position: relative;
    z-index: 8000;
    /*
   * Link List
   */
    /*
   * Inline Links
   */
    /*
   * Footer Top
   */
    /*
   * Footer Bottom
   */ }
@media screen and (min-width: 846px) {
    .footer {
        border-top: 3px solid #ffffff; } }
.footer .footer__center {
    display: none; }
.footer .footer__left {
    margin-top: 64px; }
.footer .footer__left ul {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
    display: inline;
    list-style: none; }
.footer .footer__left ul li {
    display: inline; }
.footer .footer__left ul li:after {
    content: ", "; }
.footer .footer__left ul:last-child li:last-child:after {
    content: ""; }
@media screen and (min-width: 564px) {
    .footer .footer__left {
        margin-top: 0; }
    .footer .footer__left ul {
        width: auto;
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 0;
        text-align: left;
        width: 49%; }
    .footer .footer__left ul li {
        display: list-item; }
    .footer .footer__left ul li:after {
        content: ""; }
    .footer .footer__left, .footer .footer__right {
        display: inline-block;
        width: 50%;
        float: right; } }
@media screen and (min-width: 846px) {
    .footer .footer__left, .footer .footer__center, .footer .footer__right {
        display: inline-block;
        width: 33.3333%;
        float: right; } }
.footer .footer__right:after {
    content: '';
    clear: both; }
.footer h3 {
    font-size: 1em;
    font-family: 'Notes-Regular', 'Helvetica', 'Arial', sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    margin-bottom: 4px;
    text-align: center; }
@media screen and (min-width: 564px) {
    .footer h3 {
        text-align: left; } }
.footer ul {
    display: inline-block;
    float: left;
    width: 49%;
    padding: 0;
    margin: 0; }
.footer ul li {
    list-style: none;
    line-height: 1.4em; }
.footer ul li a {
    color: #878787;
    text-decoration: none;
    -webkit-transition: color 0.15s ease-out;
    -moz-transition: color 0.15s ease-out;
    -ms-transition: color 0.15s ease-out;
    -o-transition: color 0.15s ease-out;
    transition: color 0.15s ease-out; }
.footer ul li a:hover {
    color: #000000; }
.footer ul.inline-list {
    width: 100%;
    text-align: right;
    line-height: 60px; }
.footer ul.inline-list li {
    margin-right: 15px;
    font-size: 0.8em; }
.footer ul.inline-list li:last-child {
    margin-right: 0; }
.footer ul.inline-list li > a {
    color: #ffffff;
    -webkit-transition: color 0.15s ease-out;
    -moz-transition: color 0.15s ease-out;
    -ms-transition: color 0.15s ease-out;
    -o-transition: color 0.15s ease-out;
    transition: color 0.15s ease-out; }
.footer ul.inline-list li > a:hover {
    color: #000000; }
@media screen and (min-width: 846px) {
    .footer ul.inline-list {
        line-height: 70px; }
    .footer ul.inline-list li {
        margin-right: 35px;
        font-size: 1em; } }
.footer .l-section--gray {
    padding-top: 10px;
    padding-bottom: 26px; }
@media screen and (min-width: 564px) {
    .footer .l-section--gray {
        padding-top: 30px;
        padding-bottom: 30px; } }
.footer .l-section--orange {
    min-height: 60px;
    border-top: 2px solid #ffffff; }
.footer .l-section--orange:first-child {
    border-top: 0; }
.footer .l-section--orange p {
    color: #ffffff;
    font-size: 0.8em;
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 60px; }
.footer .l-section--orange .footer__bottom__right {
    display: none; }
@media screen and (min-width: 658px) {
    .footer .l-section--orange .footer__bottom__left, .footer .l-section--orange .footer__bottom__right {
        display: inline-block;
        width: 50%;
        float: left; } }
@media screen and (min-width: 846px) {
    .footer .l-section--orange {
        height: 70px;
        border-top: 3px solid #ffffff; }
    .footer .l-section--orange:first-child {
        border-top: 0; }
    .footer .l-section--orange p {
        font-size: 1em;
        line-height: 70px; } }
.footer .newsletter {
    margin: 20px; }
.footer .newsletter label {
    padding: 0;
    margin: 0; }
.footer .newsletter input {
    background-color: #ffffff; }
.footer .newsletter .newsletter__button {
    width: 45px;
    float: right; }
.footer .newsletter button {
    margin: 4px 10px;
    font-family: 'Notes-Regular', 'Helvetica', 'Arial', sans-serif;
    font-weight: normal; }
.footer .newsletter button.button--widescreen {
    display: none; }
.footer .newsletter .newsletter__input {
    float: none;
    width: auto;
    overflow: hidden; }
@media screen and (min-width: 564px) {
    .footer .newsletter {
        margin: 0; } }
@media screen and (min-width: 940px) {
    .footer .newsletter .newsletter__button {
        width: 90px; }
    .footer .newsletter button {
        display: none; }
    .footer .newsletter button.button--widescreen {
        display: inline-block; } }
.footer .social {
    margin-top: 14px; }
.footer .social ul {
    width: auto;
    width: 100%;
    text-align: center; }
@media screen and (min-width: 564px) {
    .footer .social ul {
        width: auto;
        text-align: left; } }
.footer .social ul li {
    display: inline; }
.footer .social ul li a {
    display: inline-block;
    margin-right: 4px;
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    background-color: #878787;
    -webkit-transition: background-color 0.15s ease-out;
    -moz-transition: background-color 0.15s ease-out;
    -ms-transition: background-color 0.15s ease-out;
    -o-transition: background-color 0.15s ease-out;
    transition: background-color 0.15s ease-out; }
.footer .social ul li a span {
    display: none; }
.footer .social ul li a:after {
    color: #ffffff;
    font-size: 1.2em;
    font-family: 'fontello';
    font-weight: normal; }
.footer .social ul li a:hover {
    background-color: #5c5c5c; }
.footer .social ul li .social__facebook:after {
    content: '\e806'; }
.footer .social ul li .social__google:after {
    content: '\e80a'; }
.footer .social ul li .social__xing:after {
    content: '\e80c'; }


.gridslide  .product-families__item a{
 height:220px;
  }