/* Fehler bei der Verkleinerung. Der Inhalt wird unverkleinert zurückgegeben.
(4277,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '#btn-paypal-checkout'
 */
@charset "UTF-8";
/*$font-size-root: 1rem;*/
/* Sorgt fuer Bug beim Compilen, waere aber nicht verkehrt zu setzen, weil damit dann auch die Schriftgroesse des Browsers beachtet werden wuerde */
/* Buttons */
/* muss hier rein, weil die Farben intern verdunkelt werden anhand der hier angegebenen Werte */
/* !!! ACHTUNG !!! Es wurden Darken/Lighten-Werte angepasst in Bootstrap/mixinx/_buttons */
/* Headlines */
/*$spacers: ( 0: ( x: 0, y: 0 ), 1: ( x: $spacer-x, y: $spacer-y ), 2: ( x: ($spacer-x * 1.5), y: ($spacer-y * 1.5) ), 3: ( x: ($spacer-x * 3), y: ($spacer-y * 3) ) ) !default;*/
/* KORN */
/*$grid-breakpoints: ( xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px ) !default;*/
/* KORN */
/* File Paths */
/* Colors */
/* #eeeeee */
/* #ccbe00 */
/* #db7800 */
/* Widths */
/* Distances */
/* Forms */
/*@mixin reset($element: 'none') {

    @if($element == 'ul') {

        ul.reset, ul.reset li {
            list-style: outside none none;
            margin: 0;
            padding: 0;
        }
    }

    @elseif($element == 'ol') {

        ol.reset, ol.reset li {
            list-style: outside none none;
            margin: 0;
            padding: 0;
        }
    }

    @elseif($element == 'img') {

        img {
            margin: 0;
            padding: 0;
            border: none;
            outline: none;
        }
    }
}*/
/* Colors */
.text-green {
    color: #5cb85c;
}

.text-red {
    color: #d9534f;
}

.text-yellow {
    color: #ff8c00;
}

.text-orange {
    color: #ff8c00;
}

/* Font Sizes */
.font-size-90 {
    font-size: 0.9em;
}

.font-size-80 {
    font-size: 0.8em;
}

.font-size-70 {
    font-size: 0.7em;
}

/* Element Resets */
ul.reset, ul.reset li, ol.reset, ol.reset li {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

a.reset, a.reset:hover, a.reset:focus, a.reset:visited {
    text-decoration: none;
}

img.reset {
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
}

button.reset {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    outline: medium none;
}

h1.reset {
    margin: 0;
    padding: 0;
    border: none;
    font-weight: normal;
    font-size: 1rem;
    line-height: normal;
}

/* Fixes */
.fa-spin {
    -webkit-filter: blur(0);
    filter: blur(0);
    /*-webkit-transform-origin: 50% calc(50% - .5px);
    -moz-transform-origin: 50% calc(50% - .5px);
    -ms-transform-origin: 50% calc(50% - .5px);
    -o-transform-origin: 50% calc(50% - .5px);
    transform-origin: 50% calc(50% - .5px);*/
}

/* Overlay */
#site-overlay {
    z-index: 100;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #000000;
    visibility: hidden;
    opacity: 0;
    cursor: pointer;
    -webkit-transition: visibility .15s ease, opacity .15s ease;
    transition: visibility .15s ease, opacity .15s ease;
}

.semi-transparent {
    opacity: 0.5;
}

    .semi-transparent a:hover {
        cursor: default !important;
        text-decoration: none !important;
    }

/* Global */
p a:not(.reset) {
    text-decoration: underline;
}

/* Global Classes */
img.responsive {
    max-width: 100%;
    height: auto;
}

picture img {
    width: 100%;
}

.no-focus:focus {
    outline: none;
}

.underline {
    text-decoration: underline;
}

.underline-hover:hover {
    text-decoration: underline;
}

.no-text-decoration {
    text-decoration: none;
}

.line-through {
    text-decoration: line-through;
}

.nowrap {
    white-space: nowrap;
}

.hidden {
    display: none;
}

.va-top {
    vertical-align: top;
}

.va-middle {
    vertical-align: middle;
}

.no-border {
    border: none !important;
}

.clear {
    clear: both;
}

.cursor-pointer {
    cursor: pointer;
}

.flip-h {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

.flip-v {
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
}

@media (min-width: 768px) and (max-width: 991.9px) {
    .hidden-md-only {
        display: none;
    }
}

/* Shared Elements */
.bg-grey {
    background-color: #f0f0f0;
}

.stars {
    color: #373a3c;
}

a i.fa {
    vertical-align: middle;
    line-height: inherit;
}

a.external {
    color: #3366BB;
}

    a.external:after {
        content: " " url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAVklEQVR4Xn3PgQkAMQhDUXfqTu7kTtkpd5RA8AInfArtQ2iRXFWT2QedAfttj2FsPIOE1eCOlEuoWWjgzYaB/IkeGOrxXhqB+uA9Bfcm0lAZuh+YIeAD+cAqSz4kCMUAAAAASUVORK5CYII=);
    }

.spinner-wrapper {
    display: inline-block;
    vertical-align: middle;
}

/*.tag {
    vertical-align: text-bottom;
}*/
.tag-pill {
    /* bootstrap extension */
    border-radius: 10rem;
}

.btn.cta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0.75rem 0.5rem;
    overflow: hidden;
}

    .btn.cta i {
        margin-right: 0.5rem;
    }

    .btn.cta span {
        white-space: normal;
    }

.btn-chevron-left:before {
    content: '\e809';
    font-family: 'font-awesome';
    padding-right: 0.5rem;
    vertical-align: middle;
    font-size: 0.75rem;
}

.btn-chevron-right:after {
    content: '\e80a';
    font-family: 'font-awesome';
    padding-left: 0.5rem;
    vertical-align: middle;
    font-size: 0.75rem;
}

.btn .spinner {
    vertical-align: middle;
    margin-left: 0.5rem;
    display: inline-block;
}

    .btn .spinner.hidden {
        display: none;
    }

.alert {
    margin: 0.5rem 0 1rem;
}

    .alert ul {
        margin: 0;
        padding: 0 1rem;
    }

    .alert p {
        margin: 0;
    }

/* nicht im DJL anzeigen */
/*.product-rating {
    span {
        display: table-cell;
        vertical-align: middle;
    }

    span.stars {
        padding-right: 5px;
    }
}*/
html, body {
    margin: 0 !important;
    padding: 0 !important;
    display: block;
    height: 100%;
}

body {
    background-color: whitesmoke;
    color: #373a3c;
    font-family: 'Roboto', 'Open Sans', Arial, sans-serif;
}

/**************/
/*** Gerüst ***/
/**************/
#site-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    /* Webkit Bugfix */
    min-height: 100%;
}

#site-header, #site-navigation, #site-content, #site-footer, #site-search {
    background-color: #ffffff;
}

.site-container {
    margin: 0 auto;
    max-width: 1440px;
}

/*#site-header {
    order: 1;
}

#site-navigation {
    order: 2;
}

#site-content {
    order: 3;
}

#site-footer {
    order: 4;
}*/
/**************/
/*** Panels ***/
/**************/
.site-panel {
    width: 100%;
    max-width: 1440px;
    padding: 1rem;
    background-color: #ffffff;
    /*#content {
        margin-top: -1rem;
        margin-bottom: -1rem;
    }*/
}

@media (min-width: 992px) {
    .site-panel {
        /*padding: $box-standard-padding;*/
        margin: 1rem auto 0;
        -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.12);
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.12);
    }
}

/* Bootstrap Addition */
select.form-control {
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-padding-end: 5px;
    -moz-padding-end: 5px;
    -webkit-padding-start: 5px;
    -moz-padding-start: 5px;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: normal;
}

@-webkit-keyframes borderscale {
    50% {
        -webkit-box-shadow: 0 0 0 2px #ffa500;
        box-shadow: 0 0 0 2px #ffa500;
    }
}

@keyframes borderscale {
    50% {
        -webkit-box-shadow: 0 0 0 2px #ffa500;
        box-shadow: 0 0 0 2px #ffa500;
    }
}

@-webkit-keyframes input-pulse {
    0%, 80% {
        border-bottom: 1px solid #5cb85c;
        -webkit-box-shadow: 0 1px 0 0 #5cb85c;
        box-shadow: 0 1px 0 0 #5cb85c;
    }

    100% {
        border-bottom: 1px solid rgba(0, 0, 0, 0.15);
        -webkit-box-shadow: 0 1px 0 0 transparent;
        box-shadow: 0 1px 0 0 transparent;
    }
}

@keyframes input-pulse {
    0%, 80% {
        border-bottom: 1px solid #5cb85c;
        -webkit-box-shadow: 0 1px 0 0 #5cb85c;
        box-shadow: 0 1px 0 0 #5cb85c;
    }

    100% {
        border-bottom: 1px solid rgba(0, 0, 0, 0.15);
        -webkit-box-shadow: 0 1px 0 0 transparent;
        box-shadow: 0 1px 0 0 transparent;
    }
}

.lazy-image-wrapper {
    width: 100%;
    height: 0;
    position: relative;
}

    .lazy-image-wrapper.r1-1 {
        /* Padding Bottom = (Image Height / Image Width) * 100% */
        /* 16:9 = 56.25% = calc(9 / 16 * 100%) */
        /*  1:1 = 100% */
        padding-bottom: 100%;
    }

/*.lazy-image-wrapper img {
    width: 100%;
    position: absolute;
}*/
img.lazyload,
img.lazyloading {
    opacity: 0;
}

img.lazyloaded {
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms;
    opacity: 1;
}

.spinner {
    width: 1rem;
    height: 1rem;
    position: relative;
    border: 2px solid rgba(0, 0, 0, 0.5);
    border-top-color: transparent;
    border-radius: 100%;
    -webkit-animation: spin 1s infinite linear;
    animation: spin 1s infinite linear;
}

    .spinner:after {
        content: '';
        width: 0;
        height: 0;
        position: absolute;
        top: -5px;
        left: 0px;
        border: 4px solid transparent;
        border-bottom-color: rgba(0, 0, 0, 0.5);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

.btn-primary .spinner, .btn-info .spinner {
    border-color: transparent #ffffff #ffffff;
}

    .btn-primary .spinner:after, .btn-info .spinner:after {
        border-bottom-color: #ffffff;
    }

@-webkit-keyframes spin {
    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.accordion.xxl-down .header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    margin: 0 -1rem;
    padding: 1rem;
    border-top: 1px solid #818a91;
}

    .accordion.xxl-down .header h2 {
        margin: 0;
        font-size: 1.25rem !important;
    }

.accordion.xxl-down .content {
    display: none;
    padding: 1rem 0;
}

    .accordion.xxl-down .content h1 {
        font-size: 1.5rem !important;
    }

.accordion.xxl-down.active .header {
    background-color: #f0f0f0;
    border-bottom: 1px solid #cccccc;
}

    .accordion.xxl-down.active .header > i {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

.accordion.xxl-down.active .content {
    display: block;
}

@media (max-width: 991.9px) {
    .accordion.md-down .header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        cursor: pointer;
        margin: 0 -1rem;
        padding: 1rem;
        border-top: 1px solid #818a91;
    }

        .accordion.md-down .header h2 {
            margin: 0;
            font-size: 1.25rem !important;
        }

    .accordion.md-down .content {
        display: none;
        padding: 1rem 0;
    }

        .accordion.md-down .content h1 {
            font-size: 1.5rem !important;
        }

    .accordion.md-down.active .header {
        background-color: #f0f0f0;
        border-bottom: 1px solid #cccccc;
    }

        .accordion.md-down.active .header > i {
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
        }

    .accordion.md-down.active .content {
        display: block;
    }
}

@media (max-width: 767.9px) {
    .accordion.sm-down .header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        cursor: pointer;
        margin: 0 -1rem;
        padding: 1rem;
        border-top: 1px solid #818a91;
    }

        .accordion.sm-down .header h2 {
            margin: 0;
            font-size: 1.25rem !important;
        }

    .accordion.sm-down .content {
        display: none;
        padding: 1rem 0;
    }

        .accordion.sm-down .content h1 {
            font-size: 1.5rem !important;
        }

    .accordion.sm-down.active .header {
        background-color: #f0f0f0;
        border-bottom: 1px solid #cccccc;
    }

        .accordion.sm-down.active .header > i {
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
        }

    .accordion.sm-down.active .content {
        display: block;
    }
}

#breadcrumb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media (max-width: 991.9px) {
    #breadcrumb {
        border-bottom: 1px solid #cccccc;
        padding-bottom: 1rem;
        margin-bottom: 0;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        white-space: nowrap;
        overflow-x: auto;
    }
}

#breadcrumb li, #breadcrumb a, #breadcrumb i {
    display: table-cell;
    vertical-align: baseline;
}

    #breadcrumb li.current a {
        color: #373a3c;
        font-weight: bold;
    }

    #breadcrumb li i {
        padding: 0 5px;
    }

    #breadcrumb li:first-of-type i {
        padding-left: 0;
    }

    #breadcrumb li .tag {
        vertical-align: baseline;
    }

#breadcrumb::-WebKit-scrollbar {
    -WebKit-appearance: none;
}

#breadcrumb::-WebKit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0, 0, 0, 0.25);
    -WebKit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}

#breadcrumb::-webkit-scrollbar:horizontal {
    height: 4px;
}

.bubble {
    position: relative;
    padding: 5px;
    background: #FFFFFF;
    border-radius: 10px;
    border: #ccc solid 1px;
}

    .bubble:after {
        content: '';
        position: absolute;
        border-style: solid;
        border-width: 0 10px 10px;
        border-color: #FFFFFF transparent;
        display: block;
        width: 0;
        z-index: 1;
        margin-left: -10px;
        top: -10px;
        left: 70%;
    }

    .bubble:before {
        content: '';
        position: absolute;
        border-style: solid;
        border-width: 0 10px 10px;
        border-color: #ccc transparent;
        display: block;
        width: 0;
        z-index: 0;
        margin-left: -10px;
        top: -11px;
        left: 70%;
    }

.checklist {
    /* table-cell trick is not working with IE 11 */
    /* therefore this workaround with padding-left and text-indent */
    /* some icons might bug on the right end of the text if they are inline-block */
}

    .checklist ul {
        list-style: none;
        padding-right: 0;
        margin-left: 0;
        margin-right: 0;
        padding-left: 1.5rem;
        text-indent: -1.75rem;
    }

    .checklist li:before {
        content: '\e804';
        font-family: 'font-awesome';
        padding-left: 0.5rem;
        padding-right: 0.5rem;
        font-size: 0.75rem;
        color: #5cb85c;
    }

    .checklist li.pdf:before {
        content: '\f1c1';
        color: #373a3c;
        font-size: 1rem;
    }

    .checklist li.print:before {
        content: '\e81f';
        color: #373a3c;
        font-size: 1rem;
    }

    .checklist li i.fa-external-link {
        margin-left: 0.25rem;
        color: #777777;
    }

#checkout-progress {
    position: relative;
}

    #checkout-progress .hole {
        /*background-color: $gray-medium-lighter;*/
        background-color: #ffffff;
        border-radius: 50%;
        width: 2rem;
        height: 2rem;
        position: relative;
        border: 2px solid #777777;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    #checkout-progress ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

        #checkout-progress ul li {
            -ms-flex: 1 1 auto;
            -webkit-box-flex: 1;
            flex: 1 1 auto;
            max-width: 300px;
        }

            #checkout-progress ul li.visited .hole i {
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                height: 100%;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                width: 100%;
                position: relative;
                z-index: 2;
            }

            #checkout-progress ul li.active {
                font-weight: bold;
            }

                #checkout-progress ul li.active a .hole {
                    color: #ffffff;
                }

                #checkout-progress ul li.active .hole {
                    background-color: #777777;
                }

            #checkout-progress ul li.disabled a {
                color: #818a91;
                cursor: not-allowed;
            }

            #checkout-progress ul li.disabled .hole {
                border-color: #cccccc;
            }

@media (min-width: 992px) {
    #checkout-progress ul li {
        /*background-color: $gray-lighter;*/
        border: 1px solid #f0f0f0;
    }

        #checkout-progress ul li a {
            color: #373a3c;
            padding: 0.75rem;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            line-height: 1.25rem;
        }

            #checkout-progress ul li a .hole {
                margin-right: 0.75rem;
            }

            #checkout-progress ul li a .info {
                -webkit-box-flex: 1;
                -ms-flex: 1 0 auto;
                flex: 1 0 auto;
            }

            #checkout-progress ul li a > i {
                font-size: 1.5em;
            }

        #checkout-progress ul li.visited {
            border-color: #cccccc;
        }

        #checkout-progress ul li.active {
            border-color: #777777;
        }

        #checkout-progress ul li:not(:last-of-type) {
            margin-right: 1rem;
        }
}

@media (max-width: 991.9px) {
    #checkout-progress ul {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        #checkout-progress ul li a {
            text-align: center;
            display: block;
            position: relative;
        }

            #checkout-progress ul li a > div {
                position: relative;
                z-index: 2;
            }

            #checkout-progress ul li a hr {
                position: absolute;
                z-index: 1;
                top: 0;
                width: 50%;
            }

                #checkout-progress ul li a hr.left {
                    left: 0;
                }

                #checkout-progress ul li a hr.right {
                    right: 0;
                }

            #checkout-progress ul li a .hole {
                margin: 0 auto 0.25rem;
            }

        #checkout-progress ul li.visited hr {
            border-color: #777777;
        }

        #checkout-progress ul li.active hr.left {
            border-color: #777777;
        }

        #checkout-progress ul li.active .hole {
            background-color: #777777;
        }
}

@media (max-width: 543.9px) {
    #checkout-progress {
        font-size: 0.7em;
    }
}

/* before script init */
.owl-carousel.standard:not(.owl-loaded) {
    overflow-x: auto;
    white-space: nowrap;
}

    .owl-carousel.standard:not(.owl-loaded) > div {
        display: inline-block;
    }

    .owl-carousel.standard:not(.owl-loaded) a div:first-child {
        height: 115px;
        width: 115px;
    }

.owl-carousel.standard {
    margin-bottom: 1rem;
    /* occupy space to reduce moving content while script is being executed */
    /* after script is done, this rule doesn't apply anymore */
}

    .owl-carousel.standard .owl-stage-outer {
        margin-bottom: 1rem;
    }

    .owl-carousel.standard > .item-product {
        min-width: 25%;
        height: 265px;
    }

    .owl-carousel.standard .item-product a:hover, .owl-carousel.standard .item-product a:visited, .owl-carousel.standard .item-product a:link, .owl-carousel.standard .item-product a:active {
        text-decoration: none;
    }

        .owl-carousel.standard .item-product a:hover .name span:last-child {
            text-decoration: underline;
        }

    .owl-carousel.standard .item-product img {
        width: 115px;
        height: 115px;
        margin: 0 auto;
    }

    .owl-carousel.standard .item-product .price {
        background-color: #333333;
        color: #ffffff;
        padding: 5px 0;
        -moz-user-select: none;
        -ms-user-select: none;
        -webkit-user-select: none;
        user-select: none;
    }

    .owl-carousel.standard .item-product .product-base-price, .owl-carousel.standard .item-product .product-discount {
        color: #818a91;
    }

    .owl-carousel.standard .item-product .product-availability {
        margin-top: 0.25rem;
    }

    .owl-carousel.standard .item-video {
        height: 300px;
    }

    .owl-carousel.standard .owl-nav {
        position: relative;
        margin-top: 10px;
    }

        .owl-carousel.standard .owl-nav div {
            position: absolute;
            top: -1rem;
            margin: 10px 0;
        }

        .owl-carousel.standard .owl-nav .owl-prev {
            left: 0;
        }

        .owl-carousel.standard .owl-nav .owl-next {
            right: 0;
        }

        .owl-carousel.standard .owl-nav.disabled + .owl-dots {
            position: relative;
            margin-top: -2.5rem;
        }

/*@import "components/category-grid";*/
.content-menu-left {
    margin-bottom: 1rem;
    width: 250px;
    border: 1px solid #cccccc;
}

@media (max-width: 991.9px) {
    .content-menu-left {
        width: 100%;
    }
}

@media (max-width: 991.9px) {
    .content-menu-left.lg-up {
        margin: 0;
        width: auto;
        border: none;
    }
}

.content-menu-left.accordion .header {
    background-color: transparent;
    border: none;
    margin: 0;
}

.content-menu-left.accordion .content {
    padding: 0;
}

.menu-standard a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 2px;
    -webkit-transition: transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
    -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
    transition: -webkit-transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
    transition: transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
    transition: transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99), -webkit-transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
}

    .menu-standard a:hover {
        background: #f0f0f0;
        text-decoration: none;
    }

.menu-standard ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.menu-standard > ul {
    padding: 8px 10px;
}

.menu-standard li {
    padding-left: 1rem;
}

    .menu-standard li.level-1, .menu-standard li.level-2 {
        padding-left: 0;
    }

        .menu-standard li.level-1 > ul {
            border-top: 1px solid #cccccc;
            padding-top: 4px;
            margin-top: 4px;
        }

        .menu-standard li.level-1 > a, .menu-standard li.current > a {
            font-weight: bold;
        }

    .menu-standard li.current:not(.level-1):not(.level-2) > a {
        border-left: 2px solid #373a3c;
        margin-left: -8px;
        padding-left: 8px;
    }

/* BANNER */
#cconsent-bar {
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 1000;
    background: rgba(0, 0, 0, 0.7);
    padding: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow-y: auto;
}

    #cconsent-bar .cconsent-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: auto;
        background-color: #dff1fa;
        line-height: 1.5rem;
        padding: 1rem;
        border-radius: 8px;
        max-width: 1200px;
    }

@media (max-width: 543.9px) {
    #cconsent-bar .cconsent-wrapper {
        display: block;
    }
}

#cconsent-bar .cconsent-wrapper a:hover {
    text-decoration: underline;
}

#cconsent-bar .cconsent-left {
    -ms-flex-item-align: center;
    align-self: center;
    text-align: center;
    padding: 1rem;
}

@media (max-width: 767.9px) {
    #cconsent-bar .cconsent-left {
        -ms-flex-item-align: start;
        align-self: flex-start;
    }
}

#cconsent-bar .cconsent-right {
    -ms-flex-item-align: center;
    align-self: center;
    padding: 2rem 1rem 1rem 1rem;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

@media (max-width: 767.9px) {
    #cconsent-bar .cconsent-button-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

#cconsent-bar .cconsent-button {
    border: none;
    padding: 0.5rem;
    outline: none;
    margin-bottom: 0.5rem;
    margin-right: 0.5rem;
}

@media (max-width: 767.9px) {
    #cconsent-bar .cconsent-button {
        margin-bottom: 0.75rem;
        margin-right: 0;
        border: 1px solid #777777;
        font-size: 80%;
    }
}

#cconsent-bar .cconsent-button.accept {
    background-color: #5cb85c;
    padding: 0.75rem 1rem;
    color: #fff;
    font-size: 100% !important;
    border: 1px solid #5cb85c !important;
}

#cconsent-bar .cconsent-button.customize {
    background-color: inherit;
}

#cconsent-bar .cconsent-button.deny {
    background-color: inherit;
}

#cconsent-bar .cconsent-button:hover {
    text-decoration: underline;
}

#site-footer .cconsent-bar-visible {
    padding-bottom: 90px;
}

/* ToDo: mehr padding-bottom im mobile */
#modal-cookie-consent .switch-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

#modal-cookie-consent .info-container {
    border-bottom: 1px solid #f0f0f0;
}

    #modal-cookie-consent .info-container.last {
        border-bottom: none;
    }

#modal-cookie-consent h4 {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: normal;
}

    #modal-cookie-consent h4 i {
        margin-left: 0.25rem;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        -ms-flex-item-align: start;
        align-self: flex-start;
    }

    #modal-cookie-consent h4.toggle-active i {
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg);
        -ms-flex-item-align: end;
        align-self: flex-end;
    }

@media print {
    #cconsent-bar, #modal-cookie-consent {
        display: none !important;
    }
}

#easycredit-rate-wish {
    position: relative;
    background-color: #fafafa;
    border: 1px solid #ccc;
    margin: 0 0 20px;
    padding: 15px 10px;
}

    #easycredit-rate-wish select {
        width: 100%;
        font-weight: 700;
    }

        #easycredit-rate-wish select option {
            font-weight: 400;
        }

    #easycredit-rate-wish h1 {
        border-bottom: medium none;
    }

        #easycredit-rate-wish h1 img {
            width: 90px;
            position: absolute;
            right: 0;
            top: -10px;
        }

    #easycredit-rate-wish h2 {
        margin-bottom: 10px;
    }

    #easycredit-rate-wish table {
        width: 100%;
    }

    #easycredit-rate-wish th {
        width: 50%;
    }

    #easycredit-rate-wish td {
        vertical-align: top;
    }

    #easycredit-rate-wish th, #easycredit-rate-wish td {
        padding: 5px;
        text-align: left;
    }

    #easycredit-rate-wish tbody td:nth-child(3n-1) {
        padding-left: 15px;
    }

    #easycredit-rate-wish td:nth-child(2) {
        text-align: right;
        white-space: nowrap;
    }

@media (min-width: 544px) {
    #easycredit-rate-wish th:nth-child(1) {
        width: 60%;
    }
}

#easycredit-rate-wish td:nth-child(3) {
    width: 100%;
}

@media (max-width: 543.9px) {
    #easycredit-rate-wish td:nth-child(3) {
        display: none;
    }
}

#easycredit-rate-wish span.field-validation-error {
    color: red;
    font-size: 0.8em;
}

#easycredit-rate-wish .bubble {
    font-size: 0.85em;
    margin: 5px 0;
    padding: 15px 10px;
}

    #easycredit-rate-wish .bubble:before, #easycredit-rate-wish .bubble:after {
        left: auto;
        right: 20px;
    }

#easycredit-rate-wish #easycredit-custom-error {
    color: #d9534f;
    background-color: #fff;
    border-color: #d9534f;
}

#easycredit-rate-wish #easycredit-installment {
    font-weight: 700;
    color: #ff8c00;
}

#easycredit-representative-example .nobr {
    white-space: nowrap;
}

.ellip {
    /*display: block;*/
    height: 100%;
}

.ellip-line {
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    max-width: 100%;
    /*line-height: 1rem;*/
}

.ellip,
.ellip-line {
    position: relative;
    overflow: hidden;
}

.eec-label {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #ffffff;
    display: inline-block;
    font-size: 1.25em;
    font-weight: 700;
    height: 30px;
    line-height: 1.25em;
    margin-right: 18px;
    margin-bottom: 0;
    padding: 2px 4px;
    position: relative;
    top: -4px;
    letter-spacing: -1px;
    cursor: pointer;
}

    /* apply inline-block to the next element, which should be the price */
    .eec-label + #product-price {
        display: inline-block;
    }

    .eec-label:after {
        border: 15px solid transparent;
        content: " ";
        display: block;
        left: 100%;
        margin-top: -15px;
        position: absolute;
        top: 50%;
    }

.eec-a {
    background-color: #0FB15E;
}

    .eec-a:after {
        border-left-color: #0FB15E;
    }

.eec-b {
    background-color: #54B95B;
}

    .eec-b:after {
        border-left-color: #54B95B;
    }

.eec-c {
    background-color: #B4D44B;
}

    .eec-c:after {
        border-left-color: #B4D44B;
    }

.eec-d {
    background-color: #F6EC3C;
}

    .eec-d:after {
        border-left-color: #F6EC3C;
    }

.eec-e {
    background-color: #FCB72E;
}

    .eec-e:after {
        border-left-color: #FCB72E;
    }

.eec-f {
    background-color: #F37731;
}

    .eec-f:after {
        border-left-color: #F37731;
    }

.eec-g {
    background-color: #EF3236;
}

    .eec-g:after {
        border-left-color: #EF3236;
    }

.financing-box > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
}

.financing-box table {
    display: block;
    width: 100%;
    -ms-flex: 1 1 auto;
    -webkit-box-flex: 1;
    flex: 1 1 auto;
}

.financing-box button {
    -ms-flex-item-align: end;
    align-self: flex-end;
}

#modal-financing {
    /* Financing Modal Content */
}

    #modal-financing .modal-dialog {
        max-width: 800px;
    }

    #modal-financing #financing-container #financing-header .kc-input-container button i {
        color: #656565;
        font-size: 1.75rem;
        line-height: 2rem;
    }

    #modal-financing #financing-container #commerzfinanz #financing-body {
        overflow-x: auto;
    }

        #modal-financing #financing-container #commerzfinanz #financing-body table th, #modal-financing #financing-container #commerzfinanz #financing-body table td {
            vertical-align: top;
            text-align: center;
            white-space: nowrap;
            width: 20%;
            padding: 5px;
        }

        #modal-financing #financing-container #commerzfinanz #financing-body table th {
            border-bottom: 1px solid #333333;
        }

        #modal-financing #financing-container #commerzfinanz #financing-body table tr:nth-child(2n+1) td {
            background-color: #eeeeee;
        }

.kc-input-container {
    /* checkbox / radio */
    /* ToDo: checkbox und radio evtl. mal überarbeiten */
    /* input container */
    /* validation */
}

    .kc-input-container input[type="checkbox"],
    .kc-input-container input[type="radio"] {
        border: 0;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }

        .kc-input-container input[type="checkbox"]:active ~ label:before,
        .kc-input-container input[type="radio"]:active ~ label:before {
            -webkit-transition-duration: 0;
            transition-duration: 0;
            background-color: #ffd280;
        }

        .kc-input-container input[type="checkbox"] ~ label,
        .kc-input-container input[type="radio"] ~ label {
            position: relative;
            padding: 0.5rem;
            padding-left: 1.75rem;
            vertical-align: middle;
            -moz-user-select: none;
            -ms-user-select: none;
            -webkit-user-select: none;
            user-select: none;
        }

            .kc-input-container input[type="checkbox"] ~ label:before,
            .kc-input-container input[type="radio"] ~ label:before {
                -webkit-box-sizing: content-box;
                box-sizing: content-box;
                content: '';
                color: #ffa500;
                position: absolute;
                top: 50%;
                left: 0;
                width: 14px;
                height: 14px;
                margin-top: -9px;
                border: 2px solid grey;
                text-align: center;
                background-color: #ffffff;
            }

            .kc-input-container input[type="checkbox"] ~ label:after,
            .kc-input-container input[type="radio"] ~ label:after {
                -webkit-box-sizing: content-box;
                box-sizing: content-box;
                content: '';
                background-color: #ffa500;
                position: absolute;
                top: 50%;
                left: 4px;
                width: 10px;
                height: 10px;
                margin-top: -5px;
                -webkit-transform: scale(0);
                transform: scale(0);
                -webkit-transform-origin: 50%;
                transform-origin: 50%;
                -webkit-transition: transform 200ms ease-out;
                -webkit-transition: -webkit-transform 200ms ease-out;
                transition: -webkit-transform 200ms ease-out;
                transition: transform 200ms ease-out;
                transition: transform 200ms ease-out, -webkit-transform 200ms ease-out;
            }

        .kc-input-container input[type="checkbox"]:checked ~ label:before {
            -webkit-animation: borderscale 200ms ease-in;
            animation: borderscale 200ms ease-in;
        }

        .kc-input-container input[type="checkbox"]:checked ~ label:after {
            content: '';
            -webkit-transform: rotate(-45deg) scale(1);
            transform: rotate(-45deg) scale(1);
            -webkit-transition: transform 200ms ease-out;
            -webkit-transition: -webkit-transform 200ms ease-out;
            transition: -webkit-transform 200ms ease-out;
            transition: transform 200ms ease-out;
            transition: transform 200ms ease-out, -webkit-transform 200ms ease-out;
        }

        .kc-input-container input[type="checkbox"] ~ label:after {
            background-color: transparent;
            top: 50%;
            left: 4px;
            width: 8px;
            height: 3px;
            margin-top: -4px;
            border-style: solid;
            border-color: #ffa500;
            border-width: 0 0 3px 3px;
            -o-border-image: none;
            border-image: none;
            -webkit-transform: rotate(-45deg) scale(0);
            transform: rotate(-45deg) scale(0);
            -webkit-transition: none;
            transition: none;
        }

        .kc-input-container input[type="radio"]:checked ~ label:before {
            -webkit-animation: borderscale 300ms ease-in;
            animation: borderscale 300ms ease-in;
            background-color: #ffffff;
        }

        .kc-input-container input[type="radio"]:checked ~ label:after {
            -webkit-transform: scale(1);
            transform: scale(1);
        }

        .kc-input-container input[type="radio"] ~ label:before, .kc-input-container input[type="radio"] ~ label:after {
            border-radius: 50%;
        }

    .kc-input-container .input-field {
        margin-top: 1.25rem;
        position: relative;
        /* standard label */
        /*.select-wrapper ~ label {
            top: 0.25rem;
        }*/
        /* floating label and select label (which is always floating) */
        /* label with focus */
        /* placeholder */
        /* placeholder while label is in focus */
        /* input group */
        /* input general */
        /* input select */
        /* IE 10/11+ - This hides native dropdown button arrow so it will have the custom appearance, IE 9 and earlier get a native select - targeting media query hack via http://browserhacks.com/#hack-28f493d247a12ab654f6c3637f6978d5 - looking for better ways to achieve this targeting */
        /* The second rule removes the odd blue bg color behind the text in the select button in IE 10/11 and sets the text color to match the focus style's - fix via http://stackoverflow.com/questions/17553300/change-ie-background-color-on-unopened-focused-select-box */
        /* textarea */
        /* textarea character counter */
        /* file */
    }

        .kc-input-container .input-field label {
            cursor: text;
            left: 0;
            position: absolute;
            top: 0.5rem;
            -webkit-transition: all 0.2s ease-out 0s;
            transition: all 0.2s ease-out 0s;
            color: #818a91;
            margin: 0;
            pointer-events: none;
            /* prevents selecting on double click */
        }

            .kc-input-container .input-field label.active, .kc-input-container .input-field label.stay-active, .kc-input-container .input-field .select-wrapper ~ label {
                font-size: 0.8rem;
                -webkit-transform: translateY(-1.5rem);
                transform: translateY(-1.5rem);
            }

        .kc-input-container .input-field .input-text:focus:not([readonly]) ~ label {
            color: #5bc0de;
        }

        .kc-input-container .input-field .d-placeholder ~ label small {
            color: #aaaaaa;
            display: inline-block;
            margin-left: 5px;
            vertical-align: middle;
        }

        .kc-input-container .input-field .d-placeholder ~ label.active small {
            display: none;
        }

        .kc-input-container .input-field .input-group .input-group-addon {
            background-color: transparent;
            border: medium none;
            position: absolute;
            right: 0;
            cursor: pointer;
        }

            .kc-input-container .input-field .input-group .input-group-addon.click-toggle-pw + input {
                margin-right: 50px;
            }

        .kc-input-container .input-field .input-text, .kc-input-container .input-field .input-select {
            border: none;
            border-bottom: 1px solid rgba(0, 0, 0, 0.15);
            -webkit-box-shadow: none;
            box-shadow: none;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            font-size: 1rem;
            height: 2.5rem;
            margin: 0 0 0.5rem 0;
            -webkit-transition: all 0.3s;
            transition: all 0.3s;
            width: 100%;
            outline: none;
            /* on focus */
            /* on de-focus and valid */
            /* on de-focus and invalid */
        }

            .kc-input-container .input-field .input-text:-moz-focusring, .kc-input-container .input-field .input-select:-moz-focusring {
                color: transparent;
                text-shadow: 0 0 0 #373a3c;
            }

            .kc-input-container .input-field .input-text:focus:not([readonly]), .kc-input-container .input-field .input-select:focus:not([readonly]) {
                border-bottom: 1px solid #5bc0de;
                -webkit-box-shadow: 0 1px 0 0 #5bc0de;
                box-shadow: 0 1px 0 0 #5bc0de;
            }

            .kc-input-container .input-field .input-text.valid:not(:focus), .kc-input-container .input-field .input-select.valid:not(:focus) {
                -webkit-animation: 1500ms ease-in-out 0s normal none 1 running input-pulse;
                animation: 1500ms ease-in-out 0s normal none 1 running input-pulse;
            }

            .kc-input-container .input-field .input-text.invalid, .kc-input-container .input-field .input-text.invalid:not(:focus), .kc-input-container .input-field .input-select.invalid, .kc-input-container .input-field .input-select.invalid:not(:focus) {
                border-bottom: 1px solid #d9534f;
                -webkit-box-shadow: 0 1px 0 0 #d9534f;
                box-shadow: 0 1px 0 0 #d9534f;
            }

        .kc-input-container .input-field .select-wrapper {
            position: relative;
            /* triangle */
        }

            .kc-input-container .input-field .select-wrapper:after {
                border-left: 0.375em solid transparent;
                border-right: 0.375em solid transparent;
                border-top: 0.625em solid #55595c;
                content: "";
                height: 0;
                padding: 0;
                pointer-events: none;
                position: absolute;
                right: 0.5rem;
                top: 1rem;
                width: 0;
            }

            .kc-input-container .input-field .select-wrapper .input-select {
                -moz-appearance: none;
                -webkit-appearance: none;
                appearance: none;
                background-color: #ffffff;
                overflow: hidden;
                padding-right: 1.75rem;
                -ms-text-overflow: ellipsis;
                text-overflow: ellipsis;
            }

                .kc-input-container .input-field .select-wrapper .input-select option {
                    padding: 0.5rem;
                }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .kc-input-container .input-field select::-ms-expand {
        display: none;
    }

    .kc-input-container .input-field select:focus::-ms-value {
        background: transparent;
        color: grey;
    }
}

.kc-input-container .input-field textarea.input-text {
    width: 100%;
    height: 2.5rem;
    background-color: transparent;
    overflow-y: hidden;
    /* prevents scroll bar flash */
    padding: 0.5rem 0;
    /* prevents text jump on Enter keypress */
    resize: none;
}

.kc-input-container .input-field .character-counter {
    position: absolute;
    right: 0;
}

.kc-input-container .input-field input[type="file"].input-text + label {
    top: 0;
}

.kc-input-container .field-validation.hidden {
    opacity: 0;
    height: 0;
}

.kc-input-container .field-validation {
    color: #d9534f;
    display: block;
    font-size: 0.8rem;
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}

/* For textarea autoresize */
.hiddendiv {
    display: none;
    white-space: pre-wrap;
    word-wrap: break-word;
    overflow-wrap: normal;
    overflow-wrap: break-word;
    /* future version of deprecated 'word-wrap' */
    padding-top: 0.5rem;
    /* prevents text jump on Enter keypress */
}

/* alter Kram */
@media (max-width: 767.9px) {
    #last-visited-container {
        padding-top: 0;
        padding-bottom: 0;
    }
}

#carousel-last-visited img {
    width: 100px;
    height: 100px;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
}

#carousel-last-visited a:hover img {
    padding: 1px;
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    filter: grayscale(0%);
}

.list-product-badge {
    position: absolute;
    top: 0;
    right: 0;
}

    .list-product-badge i {
        float: right;
        padding: 4px;
        background-color: rgba(255, 255, 255, 0.75);
        border-radius: 2px;
        color: #808080;
        margin-left: 4px;
    }

.login-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    /*.btn {
        margin-top: $box-standard-margin;
    }*/
}

    .login-container .input-group .input-group-addon {
        cursor: pointer;
        z-index: 4;
    }

@media (max-width: 767.9px) {
    .login-container:not(:last-child) {
        margin-bottom: 1rem;
    }
}

.modal .modal-header .close {
    margin: -0.5rem;
}

.modal .modal-header button.close {
    padding: 0.5rem;
}

.modal .modal-fluid {
    max-width: 1410px;
    /* fallback */
    max-width: calc(1440px - (2 * 1rem)) !important;
}

@media (min-width: 544px) and (max-width: 1439.9px) {
    .modal .modal-fluid {
        margin: 1rem;
    }
}

.modal .modal-footer {
    clear: both;
}

/*@include media-breakpoint-down(sm) {*/
/* => max-width: 767px */
@media (max-width: 991.9px) {
    /* offside-js 1.3.1 22-05-2016
        * Minimal JavaScript kit without library dependencies to push things off-canvas using just class manipulation
        * https://github.com/toomuchdesign/offside.git
        *
        * by Andrea Carraro
        * Available under the MIT license
        */
    /* Off-canvas element CSS */
    .offside {
        position: fixed;
        /* Does not play well with some old browsers (see: README) */
        width: 85%;
        height: 100%;
        top: 0;
        z-index: 9999;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        /* enables momentum scrolling in iOS overflow elements */
        display: none;
        /* fix for disabled javascript / smartphones with slow javascript execution (1/2) */
    }
    /* Left off-canvas elements default status: out of the page */
    .offside--left {
        left: -85%;
        right: auto;
        display: block;
        /* fix for disabled javascript / smartphones with slow javascript execution (2/2) */
    }
    /* Right off-canvas elements default status: out of the page */
    .offside--right {
        left: auto;
        right: -85%;
        display: block;
        /* fix for disabled javascript / smartphones with slow javascript execution (2/2) */
    }
    /*
     * Left off-canvas element is open:
     * - off-canvas element slides in (100%)
     * - container elements slides out (85%)
     */
    .offside--left.is-open {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    .offside-js--is-left .offside-sliding-element {
        -webkit-transform: translate3d(85%, 0, 0);
        transform: translate3d(85%, 0, 0);
    }
    /*
     * Right off-canvas element is open:
     * - off-canvas element slides in (100%)
     * - container elements slides out (85%)
     */
    .offside--right.is-open {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    .offside-js--is-right .offside-sliding-element {
        -webkit-transform: translate3d(-85%, 0, 0);
        transform: translate3d(-85%, 0, 0);
    }
    /* Elements Transitions */
    .offside-js--interact .offside,
    .offside-js--interact .offside-sliding-element {
        -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
        transition: -webkit-transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
        transition: transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
        transition: transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99), -webkit-transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
        /* improves performance issues on mobile*/
        /* but when a scrollbar appears, the content gets blurry */
        /*-webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000;
        -moz-perspective: 1000;
        -ms-perspective: 1000;
        perspective: 1000;*/
    }
    /* Body overflow */
    .offside-js--init {
        overflow-x: hidden;
    }
    /* Just few cosmetic CSS for overlay fade in/out */
    .offside-js--is-open #site-overlay {
        visibility: visible;
        opacity: .7;
        -webkit-transition-delay: delay 0s;
        transition-delay: delay 0s;
    }
    /* General Fixes */
    /* prevent scrolling of #site-wrap while menu is opened */
    body.offside-js--is-open #site-wrap {
        overflow: hidden;
        position: fixed;
    }
    /* Fallback movements for browser not supporting CSS 3d Transitions
        ----------------------------------------------- */
    /* ToDo: Testen */
    /* Modernizr false negative csstransforms3d fix, reset CSS 3d Transitions */
    /*.no-csstransforms3d .offside {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }*/
    /*.no-csstransforms3d .offside-sliding-element {
        overflow-x: hidden;
        position: relative;
    }*/
    /* Element is open: off-canvas element slides in */
    /*.no-csstransforms3d .offside--left.is-open {
        left: 0;
    }*/
    /*.no-csstransforms3d .offside--right.is-open {
        right: 0;
    }*/
    /* Element is open: container elements slide out */
    /*.no-csstransforms3d > .offside-js--is-left .offside-sliding-element {
        right: -200px;
    }*/
    /*.no-csstransforms3d > .offside-js--is-right .offside-sliding-element {
        left: -200px;
    }*/
}

.pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row nowrap;
    overflow: hidden;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0;
}

    .pagination .prev {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
    }

    .pagination .next {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 1 1 auto;
        -webkit-box-flex: 1;
        flex: 1 1 auto;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

@media (max-width: 767.9px) {
    .pagination li a, .pagination select {
        border: 1px solid #777777;
    }

    .pagination select {
        height: 100% !important;
        padding: 0 2rem;
        text-align: center;
        -ms-text-align-last: center;
        -moz-text-align-last: center;
        text-align-last: center;
    }
}

#product-list-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 0.5rem;
    /* don't replace with m-b-0_5 */
}

@media (min-width: 992px) {
    #product-list-header #product-list-overview {
        -ms-flex-item-align: center;
        align-self: center;
    }

    #product-list-header #product-list-sort {
        /*display: flex;
            -ms-flex-wrap: nowrap;
            -webkit-flex-wrap: nowrap;
            flex-wrap: nowrap;
            -ms-flex-direction: row;
            -webkit-flex-direction: row;
            flex-direction: row;
            align-items: center;
            align-self: flex-start;*/
        /*padding-left: ($box-standard-padding / 2);*/
        display: table;
    }

        #product-list-header #product-list-sort span {
            display: table-cell;
            /*padding-right: ($box-standard-padding / 2);*/
            padding: 0 0.5rem;
            vertical-align: middle;
        }

        #product-list-header #product-list-sort select {
            display: table-cell;
            vertical-align: middle;
            /* Fix - muss genau so da bleiben */
            /*flex: 1 1 auto;*/
        }
}

@media (max-width: 991.9px) {
    #product-list-header {
        margin-bottom: 1rem;
        /* don't replace with m-b-1 */
    }

        #product-list-header > div {
            width: 50%;
        }

        #product-list-header #product-list-sort {
            padding-right: 0.5rem;
        }

        #product-list-header #product-list-filter {
            padding-left: 0.5rem;
        }

            #product-list-header #product-list-sort > span, #product-list-header #product-list-filter > span {
                font-size: 0.8rem;
            }
}

.product-list .product-list-item-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    width: 100%;
    /* IE Fix */
    position: relative;
}

    .product-list .product-list-item-content:hover, .product-list .product-list-item-content:focus {
        border-color: #656565;
        text-decoration: none;
    }

        .product-list .product-list-item-content:hover .product-info-wrapper, .product-list .product-list-item-content:focus .product-info-wrapper {
            border-color: #656565;
        }

.product-list .product-info-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 0 auto;
    -webkit-box-flex: 1;
    flex: 1 0 auto;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    overflow: hidden;
}

.product-list .product-image {
    text-align: center;
}

.product-list .product-base-price, .product-list .product-discount {
    color: #818a91;
}

.product-list .product-price {
    font-weight: bold;
    font-size: 1.25em;
}

@media (min-width: 768px) {
    .product-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 -0.5rem;
        /*float: left;*/
        /* IE Fix */
        /*.product-name {
            -ms-flex: 1 0 auto;
            -webkit-flex: 1 0 auto;
            flex: 1 0 auto;
        }*/
    }

        .product-list .product-list-item-content {
            /*margin: ($box-standard-margin / 2) ($box-standard-margin / 2) $box-standard-margin;*/
            margin: 0.5rem;
            padding: 1rem;
            border: 1px solid #cccccc;
        }

        .product-list .product-info-wrapper {
            border-top: 1px solid #cccccc;
            padding-top: 0.5rem;
            margin-top: 0.5rem;
        }

        .product-list .product-info {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
        }

        .product-list .product-availability {
            margin: 0.25rem 0;
        }

        .product-list .product-list-item {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            /*flex: 1 1 auto;*/
            /* Fix, wenn nur wenige Items da sind */
            width: 25%;
            max-width: 25%;
        }
}

@media (min-width: 768px) and (max-width: 1199.9px) {
    .product-list .product-list-item {
        font-size: 0.85em;
        width: 33.3333%;
        max-width: 33.3333%;
    }
}

@media (max-width: 767.9px) {
    .product-list {
        margin: 0 -1rem;
        border-top: 1px solid #cccccc;
    }

        .product-list .product-list-item {
            width: 100%;
            border-bottom: 1px solid #cccccc;
            margin: 0;
        }

            .product-list .product-list-item:hover {
                border-top: 1px solid #cccccc;
                border-color: #656565;
                margin-top: -1px;
            }

        .product-list .product-list-item-content {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
        }

            .product-list .product-list-item-content > div {
                padding: 1rem;
            }

        .product-list .product-info-wrapper {
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            width: 60%;
        }

        .product-list .product-image {
            width: 40%;
        }

        .product-list .product-availability {
            margin: 0.5rem 0;
        }
}

#product-list-pager {
    margin-top: 1rem;
}

@media (max-width: 767.9px) {
    #product-list-pager {
        background-color: #cccccc;
        margin: 1rem -1rem 0;
        padding: 1rem;
    }
}

@media (min-width: 992px) {
    #site-header nav.search-wrapper > ul {
        display: block;
    }
}

#site-header #standard-search-input-container {
    border: 1px solid #cccccc;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    #site-header #standard-search-input-container:focus-within {
        border-color: #373a3c;
    }

    #site-header #standard-search-input-container .search-input {
        border: none;
        width: 100%;
        margin: 0;
        padding: 0.5rem 0.75rem;
        text-align: left;
        cursor: text;
        color: #373a3c;
    }

        #site-header #standard-search-input-container .search-input:focus {
            -webkit-box-shadow: none !important;
            box-shadow: none !important;
        }

    #site-header #standard-search-input-container button {
        padding: 0.75rem;
        background-color: #ff8c00;
    }

        #site-header #standard-search-input-container button:hover {
            background-color: #db7800;
        }

    #site-header #standard-search-input-container i {
        color: #ffffff;
        font-size: 1.25em;
    }

#site-header #standard-search-result-container {
    display: none;
}

@media (min-width: 992px) {
    #site-header #standard-search-result-container {
        -webkit-box-shadow: 2px 4px 8px -2px #2c3744;
        box-shadow: 2px 4px 8px -2px #2c3744;
        border: 1px solid #ccc;
        border-top: none;
        background-color: #fff;
        position: absolute;
        margin-left: 1rem;
        margin-right: 2rem;
        right: 0;
        left: 0;
    }

        #site-header #standard-search-result-container > ul {
            padding: 0.25rem;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
        }

        #site-header #standard-search-result-container li {
            width: 100%;
        }

            #site-header #standard-search-result-container li.show-all {
                margin-top: 0.25rem;
                padding-top: 0.25rem;
                border-top: 1px solid #cccccc;
            }

        #site-header #standard-search-result-container a {
            padding: 0.5rem;
            /* animated underline on hover */
        }

            #site-header #standard-search-result-container a:hover {
                color: #373a3c;
            }

            #site-header #standard-search-result-container a span {
                position: relative;
            }

                #site-header #standard-search-result-container a span:after {
                    background-color: currentColor;
                    bottom: 0;
                    content: ' ';
                    display: block;
                    height: 1px;
                    left: 0;
                    position: absolute;
                    -webkit-transition: width .15s;
                    transition: width .15s;
                    width: 0;
                }

        #site-header #standard-search-result-container li.selected a, #site-header #standard-search-result-container li.show-all:hover a {
            -webkit-transition: background-color 0.1s ease;
            transition: background-color 0.1s ease;
            background-color: #f0f0f0;
        }

            #site-header #standard-search-result-container li.selected a span:after, #site-header #standard-search-result-container li.show-all:hover a span:after {
                width: 2rem;
            }
}

@media (max-width: 991.9px) {
    #site-header #standard-search-result-container {
        display: none !important;
    }
}

#modal-search #modal-search-input-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0.5rem;
}

    #modal-search #modal-search-input-container > div.input-field {
        margin-top: 0;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    #modal-search #modal-search-input-container #modal-search-input {
        font-size: 1.5em;
        margin-bottom: 0;
    }

    #modal-search #modal-search-input-container button {
        font-size: 1.5em;
        margin-left: 0.5rem;
    }

#modal-search #modal-search-result-container li a {
    padding: 0.5rem 0.25rem;
    display: block;
    outline: none;
}

    #modal-search #modal-search-result-container li a:hover {
        text-decoration: none;
    }

#modal-search #modal-search-result-container li.selected a {
    background-color: #f0f0f0;
}

#modal-search #modal-search-result-container li.show-all {
    margin-top: 0.5rem;
    border-top: 1px solid #cccccc;
}

    #modal-search #modal-search-result-container li.show-all a {
        margin-top: 0.5rem;
    }

#shopping-cart {
    margin: 1rem 0;
    border: 1px solid #cccccc;
}

    #shopping-cart > div > div {
        padding: 0.5rem;
    }

    #shopping-cart .total span {
        font-size: 1.25em;
    }

    #shopping-cart .merged {
        background-color: #ffffcc;
    }

    #shopping-cart .shopping-cart-item > div {
        vertical-align: top;
    }

    #shopping-cart .special-item > div {
        vertical-align: middle;
    }

    #shopping-cart .shopping-cart-item__quantity {
        /* hide arrows */
    }

        #shopping-cart .shopping-cart-item__quantity > div {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }

        #shopping-cart .shopping-cart-item__quantity input, #shopping-cart .shopping-cart-item__quantity button {
            width: 50px;
            font-size: 0.85em;
        }

            #shopping-cart .shopping-cart-item__quantity input[type='number'] {
                -moz-appearance: textfield;
            }

            #shopping-cart .shopping-cart-item__quantity input::-webkit-outer-spin-button,
            #shopping-cart .shopping-cart-item__quantity input::-webkit-inner-spin-button {
                -webkit-appearance: none;
            }

    #shopping-cart .shopping-cart-item__remove i {
        font-size: 1.25em;
        vertical-align: top;
    }

    #shopping-cart .shopping-cart-item__remove button {
        position: relative;
    }

    #shopping-cart .shopping-cart-item__remove .spinner-wrapper {
        position: absolute;
        left: 0;
        z-index: 10;
        background-color: #fff;
        width: 100%;
        height: 100%;
        top: -4px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    #shopping-cart .shopping-cart-item__remove .spinner {
        margin: 0;
    }

    #shopping-cart .product-base-price {
        color: #818a91;
    }

@media (min-width: 992px) {
    #shopping-cart {
        display: table;
        border-top: none;
    }

        #shopping-cart > div {
            display: table-row;
        }

            #shopping-cart > div > div {
                display: table-cell;
                border-top: 1px solid #cccccc;
            }
}

@media (max-width: 991.9px) {
    #shopping-cart .shopping-cart-item {
        border-top: 1px solid #cccccc;
        position: relative;
        /*.shopping-cart-item__price-single {
            }*/
        /*.shopping-cart-item__price-total {
            }*/
    }

        #shopping-cart .shopping-cart-item > div > div {
            margin-left: 130px;
        }

        #shopping-cart .shopping-cart-item .shopping-cart-item__image {
            float: left;
        }

            #shopping-cart .shopping-cart-item .shopping-cart-item__image > div {
                margin-left: 0;
            }

        #shopping-cart .shopping-cart-item .shopping-cart-item__name > div {
            margin-right: 30px;
        }

        #shopping-cart .shopping-cart-item .shopping-cart-item__name p {
            margin-bottom: 0.25rem;
        }

        #shopping-cart .shopping-cart-item .shopping-cart-item__quantity > div {
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
        }

        #shopping-cart .shopping-cart-item .shopping-cart-item__remove {
            position: absolute;
            right: 0;
            top: 0;
        }

    #shopping-cart .special-item {
        display: table;
        width: 100%;
    }

        #shopping-cart .special-item > div {
            display: table-cell;
            vertical-align: top;
        }
}

@media (max-width: 543.9px) {
    #shopping-cart {
        font-size: 0.85em;
    }

        #shopping-cart .shopping-cart-item > div > div {
            margin-left: 100px;
        }

        #shopping-cart .shopping-cart-item .shopping-cart-item__image img {
            max-width: 90px;
        }
}

.korn-share ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.korn-share li {
    margin-right: 0.5rem;
    margin-top: 0.5rem;
}

    .korn-share li a {
        color: #fff;
        display: block;
    }

    .korn-share li .fa {
        width: 40px;
        line-height: 40px;
        text-align: center;
        vertical-align: middle;
    }

.korn-share .mail a {
    background-color: #7c7c7c;
}

    .korn-share .mail a:hover {
        background-color: #999999;
    }

.korn-share .mail .fa-envelope {
    font-size: 20px;
}

.korn-share .facebook a {
    background-color: #3b5998;
}

    .korn-share .facebook a:hover {
        background-color: #4273c8;
    }

.korn-share .facebook .fa-facebook {
    font-size: 22px;
}

.korn-share .whatsapp a {
    background-color: #5cbe4a;
}

    .korn-share .whatsapp a:hover {
        background-color: #34af23;
    }

.korn-share .whatsapp .fa-whatsapp {
    font-size: 28px;
}

.korn-share .twitter a {
    background-color: #55acee;
}

    .korn-share .twitter a:hover {
        background-color: #32bbf5;
    }

.korn-share .twitter .fa-twitter {
    font-size: 28px;
}

.soundcloud-item {
    background-color: #f0f0f0;
    color: #ff4136;
    padding: 5px;
    margin-bottom: 1rem;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .soundcloud-item .artwork img {
        width: 47px;
    }

    .soundcloud-item .button {
        padding: 5px 0px 5px 20px;
        border: none;
        -webkit-appearance: none;
        position: relative;
        background-color: transparent;
        border: 1px solid transparent;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
    }

    .soundcloud-item .play-icon {
        width: 16px;
        height: 16px;
        position: relative;
        vertical-align: middle;
    }

    .soundcloud-item .title {
        margin: 0 1rem;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    }

    .soundcloud-item .logo {
        padding: 5px 15px 5px 5px;
    }

/* Toggle Switch Checkbox */
input[type="checkbox"].switch {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 2rem;
    height: 1rem;
    background: #ddd;
    border-radius: 3em;
    position: relative;
    cursor: pointer;
    outline: none;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

    input[type="checkbox"].switch:checked {
        background: #0ebeff;
    }

    input[type="checkbox"].switch:after {
        position: absolute;
        content: "";
        width: 1rem;
        height: 1rem;
        border-radius: 50%;
        background: #fff;
        -webkit-box-shadow: 0 0 0.25em rgba(0, 0, 0, 0.3);
        box-shadow: 0 0 0.25em rgba(0, 0, 0, 0.3);
        left: 0;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
    }

    input[type="checkbox"].switch:checked:after {
        left: calc(100% - 1rem);
    }

    /* Medium Style */
    input[type="checkbox"].switch.md {
        width: 2.5rem;
        height: 1.25rem;
    }

        input[type="checkbox"].switch.md:after {
            width: 1.25rem;
            height: 1.25rem;
        }

        input[type="checkbox"].switch.md:checked:after {
            left: calc(100% - 1.25rem);
        }

    /* Large Style */
    input[type="checkbox"].switch.lg {
        width: 3rem;
        height: 1.5rem;
    }

        input[type="checkbox"].switch.lg:after {
            width: 1.5rem;
            height: 1.5rem;
        }

        input[type="checkbox"].switch.lg:checked:after {
            left: calc(100% - 1.5rem);
        }

    /* Alternative inner circle */
    input[type="checkbox"].switch.alt:after {
        -webkit-transform: scale(0.7);
        transform: scale(0.7);
    }

.d-table {
    display: table;
}

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

.d-table-cell {
    display: table-cell;
}

.d-table-xs-up {
    display: table;
}

.d-table-row-xs-up {
    display: table-row;
}

.d-table-cell-xs-up {
    display: table-cell;
}

@media (min-width: 544px) {
    .d-table-sm-up {
        display: table;
    }

    .d-table-row-sm-up {
        display: table-row;
    }

    .d-table-cell-sm-up {
        display: table-cell;
    }
}

@media (min-width: 768px) {
    .d-table-md-up {
        display: table;
    }

    .d-table-row-md-up {
        display: table-row;
    }

    .d-table-cell-md-up {
        display: table-cell;
    }
}

@media (min-width: 992px) {
    .d-table-lg-up {
        display: table;
    }

    .d-table-row-lg-up {
        display: table-row;
    }

    .d-table-cell-lg-up {
        display: table-cell;
    }
}

@media (min-width: 1200px) {
    .d-table-xl-up {
        display: table;
    }

    .d-table-row-xl-up {
        display: table-row;
    }

    .d-table-cell-xl-up {
        display: table-cell;
    }
}

@media (min-width: 1440px) {
    .d-table-xxl-up {
        display: table;
    }

    .d-table-row-xxl-up {
        display: table-row;
    }

    .d-table-cell-xxl-up {
        display: table-cell;
    }
}

@media (max-width: 991.9px) {
    #site-header {
        max-width: 100vw;
        border-bottom: 2px solid #e6d500;
        background-color: #373a3c;
    }
}

#site-header .site-header__top {
    background-color: #f0f0f0;
    border-bottom: 1px solid #cccccc;
}

    #site-header .site-header__top nav {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    #site-header .site-header__top ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

        #site-header .site-header__top ul a {
            font-size: 0.8em;
            padding: 0.25rem 1rem;
            font-weight: 700;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }

            #site-header .site-header__top ul a i {
                font-size: 1.25em;
                line-height: 1.25em;
            }

    #site-header .site-header__top .change-language-container {
        position: absolute;
        right: -1px;
        z-index: 9999;
        background-color: #fff;
        border: 1px solid #cccccc;
        border-top: none;
        margin-top: 2px;
        width: 275px;
    }

#site-header .site-header__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    /* Webkit Bugfix */
}

    #site-header .site-header__bottom nav.left {
        position: relative;
    }

@media (min-width: 992px) {
    #site-header .site-header__bottom {
        position: relative;
        z-index: 100;
    }

        #site-header .site-header__bottom nav.left {
            -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
            order: 2;
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
        }

        #site-header .site-header__bottom nav.middle {
            -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
            order: 1;
            /*margin-left: 1rem;*/
            /*margin-top: 60px;*/
        }

        #site-header .site-header__bottom nav.right {
            -webkit-box-ordinal-group: 4;
            -ms-flex-order: 3;
            order: 3;
        }
}

@media (max-width: 991.9px) {
    #site-header .site-header__bottom {
        padding: 0;
        /*height: 50px;*/
        margin-right: 0;
    }

        #site-header .site-header__bottom nav.left, #site-header .site-header__bottom nav.right {
            -webkit-box-flex: 1;
            -ms-flex: 1 1 40%;
            flex: 1 1 40%;
        }

        #site-header .site-header__bottom nav.middle {
            -ms-flex-negative: 0;
            flex-shrink: 0;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
        }

        #site-header .site-header__bottom nav li {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            padding: 0 0.25rem;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
        }
}

@media (max-width: 767.9px) {
    #site-header .site-header__bottom {
        padding: 0;
    }
}

#site-header .site-header__bottom ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 991.9px) {
    #site-header .site-header__bottom ul {
        -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
        justify-content: space-evenly;
    }
}

#site-header .site-header__bottom ul a, #site-header .site-header__bottom ul button {
    outline: none;
    background-color: transparent;
    padding: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    /* special media query because the logo is stupid long */
}

    #site-header .site-header__bottom ul a:hover, #site-header .site-header__bottom ul a:focus, #site-header .site-header__bottom ul button:hover, #site-header .site-header__bottom ul button:focus {
        color: #ffed00;
        text-decoration: none;
    }

    #site-header .site-header__bottom ul a span.label, #site-header .site-header__bottom ul button span.label {
        font-size: 0.9em;
        margin-left: 0.25rem;
        line-height: 1em;
    }

    #site-header .site-header__bottom ul a i.fa, #site-header .site-header__bottom ul button i.fa {
        line-height: 1em;
    }

@media (max-width: 991.9px) {
    #site-header .site-header__bottom ul a, #site-header .site-header__bottom ul button {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        line-height: 1;
        color: #f2f2f2;
    }

        #site-header .site-header__bottom ul a span.label, #site-header .site-header__bottom ul button span.label {
            font-size: 0.75em;
            margin-top: 0.25rem;
            margin-left: 0;
        }
}

@media (max-width: 767.9px) {
    #site-header .site-header__bottom ul a, #site-header .site-header__bottom ul button {
        padding: 8px 6px;
    }
}

@media (max-width: 543.9px) {
    #site-header .site-header__bottom ul a span.label, #site-header .site-header__bottom ul button span.label {
        font-size: 0.5em;
    }
}

@media (max-width: 350px) {
    #site-header .site-header__bottom ul a span.label, #site-header .site-header__bottom ul button span.label {
        display: none;
    }
}

@media (min-width: 992px) {
    #site-header .site-header__nav {
        position: relative;
        z-index: 50;
    }
}

#site-header a#logo {
    display: block;
    -webkit-transition: none;
    transition: none;
    /* special media query because the logo is stupid long */
}

@media (max-width: 991.9px) {
    #site-header a#logo {
        padding: 5px 0;
        margin: 0 0.5rem;
    }

        #site-header a#logo img {
            width: 175px;
        }
}

@media (max-width: 543.9px) {
    #site-header a#logo {
        margin: 0;
    }

        #site-header a#logo img {
            width: 130px;
        }
}

@media (max-width: 350px) {
    #site-header a#logo img {
        width: 90px;
    }
}

#site-header a.badge.trustami {
    max-width: 65px;
    margin-left: 1rem;
}

@media (max-width: 767.9px) {
    #site-header a.badge.trustami {
        max-width: 55px;
        margin-left: 0.5rem;
    }
}

#site-header a.badge.trustami img {
    background-color: #ffffff;
    border-radius: 100%;
}

#site-header #change-language-wrapper {
    position: relative;
}

#site-header .change-language-container {
    padding: 0.25rem;
}

    #site-header .change-language-container ul {
        display: block;
    }

        #site-header .change-language-container ul li {
            width: 100%;
        }

            #site-header .change-language-container ul li p {
                margin: 0;
                padding: 0.5rem;
            }

            #site-header .change-language-container ul li a {
                padding: 0.75rem 0.5rem;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-wrap: nowrap;
                flex-wrap: nowrap;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                font-weight: normal;
                font-size: 1em;
                line-height: 1em;
            }

                #site-header .change-language-container ul li a:hover {
                    text-decoration: none;
                    background-color: #f0f0f0;
                }

            #site-header .change-language-container ul li .language-text {
                -webkit-box-flex: 1;
                -ms-flex: 1;
                flex: 1;
                padding-left: 0.5rem;
            }

            #site-header .change-language-container ul li .language {
                background-size: 20px 13px;
                background-repeat: no-repeat;
                background-color: transparent;
                width: 20px;
                height: 13px;
                display: inline-block;
                vertical-align: middle;
            }

            #site-header .change-language-container ul li i {
                font-size: 1em;
                line-height: 1em;
            }

#site-header #btn-toggle-cart {
    position: relative;
}

    #site-header #btn-toggle-cart span.label {
        margin-right: 0.5rem;
    }

@media (max-width: 991.9px) {
    #site-header #btn-toggle-cart span.label {
        margin-right: 0;
    }

    #site-header #btn-toggle-cart .tag-pill {
        margin-left: 5px;
        vertical-align: middle;
        position: absolute;
        right: 5px;
        top: 0.75rem;
    }
}

@media (max-width: 767.9px) {
    #site-header #btn-toggle-cart .tag-pill {
        font-size: 60%;
        top: 0.25rem;
        right: -5px;
    }
}

@media (max-width: 991.9px) {
    #site-breadcrumb {
        padding-bottom: 0;
    }
}

/*******************/
/*** Menu (Page) ***/
/*******************/
#site-header {
    position: relative;
}

#site-navigation a, #site-navigation a:hover, #site-navigation a:focus, #site-navigation a:visited {
    text-decoration: none;
}

#site-navigation .nav {
    height: auto;
    width: 100%;
}

#site-navigation .nav__level {
    list-style: none;
    margin: 0;
    padding: 0;
}

#site-navigation .nav__item > .nav__level {
    display: none;
}

#site-navigation .nav__item--active > .nav__level {
    display: block;
}

#site-navigation .nav__item--active > .nav__level--3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

#site-navigation .nav__item--active > .nav__title {
    color: #ffed00;
}

#site-navigation .nav__title {
    -webkit-transition: color .15s ease-out;
    transition: color .15s ease-out;
}

@media (min-width: 992px) {
    #site-navigation {
        background-color: #656565;
    }

        #site-navigation .nav__level--1 {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: distribute;
            justify-content: space-around;
            left: 0;
            position: relative;
            top: 100%;
            width: 100%;
            z-index: 999;
            /*padding-left: calc(115px + 1rem);*/
            /* logo width + 1rem margin-left of logo */
        }

            #site-navigation .nav__level--1 > .nav__item {
                -webkit-box-flex: 1;
                -ms-flex: 1 1 25%;
                flex: 1 1 25%;
                /* 100% divided by amount top categories */
                text-align: center;
                /*&.cat-961 {

                    > a {
                        border-color: #ffff00;
                    }
            
                    > a:hover {
                        color: #ffff00;
                    }
                }

                &.cat-959 {

                    > a {
                        border-color: #F88F70;
                    }
            
                    > a:hover {
                        color: #F88F70;
                    }
                }

                &.cat-960 {

                    > a {
                        border-color: #00C3C0;
                    }
            
                    > a:hover {
                        color: #00C3C0;
                    }
                }

                &.cat-958 {

                    > a {
                        border-color: #80dd55;
                    }
            
                    > a:hover {
                        color: #80dd55;
                    }
                }*/
            }

                #site-navigation .nav__level--1 > .nav__item > .nav__title {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center;
                    max-width: calc(100vw / 4);
                    /* entire viewport width amount top categories */
                    padding: 0.75rem;
                    color: #ffffff;
                    /*border-bottom: 2px solid;*/
                }

                    #site-navigation .nav__level--1 > .nav__item > .nav__title > span {
                        text-overflow: ellipsis;
                        white-space: nowrap;
                        overflow: hidden;
                    }

                #site-navigation .nav__level--1 > .nav__item > div.nav__level {
                    -webkit-box-pack: left;
                    -ms-flex-pack: left;
                    justify-content: left;
                    left: 0;
                    position: absolute;
                    top: calc(100% + 1px);
                    width: 100%;
                    z-index: 999;
                }

                    #site-navigation .nav__level--1 > .nav__item > div.nav__level > .nav__item {
                        -webkit-box-shadow: 2px 4px 8px -2px #2c3744;
                        box-shadow: 2px 4px 8px -2px #2c3744;
                    }

                #site-navigation .nav__level--1 > .nav__item > .nav__title:hover, #site-navigation .nav__level--1 > .nav__item--active > .nav__title {
                    color: #ffed00;
                    /*background: $gray-medium-light;*/
                    background: #727272;
                    text-decoration: none;
                }

        #site-navigation .nav__level--2 {
            background-color: #f1f2f4;
            display: block;
            overflow: hidden;
            position: relative;
            width: 100%;
        }

            #site-navigation .nav__level--2 > .nav__item {
                margin: 1rem 0;
                max-width: 30%;
                padding: 0 1rem;
                text-align: left;
                width: 30%;
            }

                #site-navigation .nav__level--2 > .nav__item > .nav__title {
                    background: #fff;
                    display: block;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    padding: 0.5rem;
                    text-align: center;
                    text-decoration: none;
                    -webkit-transition: border-color .15s ease,background-color .15s ease,color .15s ease;
                    transition: border-color .15s ease,background-color .15s ease,color .15s ease;
                    white-space: nowrap;
                    outline: 1px solid #e3e5e9;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                }

                    #site-navigation .nav__level--2 > .nav__item > .nav__title > img {
                        width: 50px;
                        margin: -0.25rem 0.5rem -0.25rem 0.25rem;
                    }

                    #site-navigation .nav__level--2 > .nav__item > .nav__title > span {
                        -webkit-box-flex: 1;
                        -ms-flex: 1;
                        flex: 1;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        text-align: left;
                        padding-left: 0.5rem;
                    }

                    #site-navigation .nav__level--2 > .nav__item > .nav__title:hover {
                        color: #db7800;
                    }

                    #site-navigation .nav__level--2 > .nav__item > .nav__title:focus {
                        outline-offset: 0;
                    }

            #site-navigation .nav__level--2 > .nav__item--active > .nav__title {
                color: #db7800;
                outline: 2px solid #db7800;
                position: relative;
                text-transform: none;
            }

                #site-navigation .nav__level--2 > .nav__item--active > .nav__title:hover {
                    cursor: default;
                }

            #site-navigation .nav__level--2 > .nav__item--active.nav__item--with-children > .nav__title:before {
                background-color: #f1f2f4;
                border-color: #db7800;
                border-style: solid;
                border-width: 1px 1px 0 0;
                content: '';
                height: 1rem;
                position: absolute;
                right: -17px;
                top: 50%;
                -webkit-transform: translate(0.5rem, -50%) rotate(45deg);
                transform: translate(0.5rem, -50%) rotate(45deg);
                width: 1rem;
                z-index: 1;
            }

            #site-navigation .nav__level--2 > .nav__item.last {
                font-size: 1.25em;
            }

                #site-navigation .nav__level--2 > .nav__item.last > .nav__title {
                    text-decoration: underline;
                }

        #site-navigation .nav__level--3 {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            height: 100%;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            left: 0;
            margin-left: 30%;
            padding: 0.75rem;
            position: absolute;
            top: 0;
            width: 70%;
        }

            #site-navigation .nav__level--3:before {
                background-color: #db7800;
                bottom: 0;
                content: '';
                display: block;
                left: 0;
                margin: 0.5rem 0;
                position: absolute;
                top: 0;
                width: 1px;
            }

            #site-navigation .nav__level--3 > .nav__item {
                -webkit-box-flex: 0;
                -ms-flex: 0;
                flex: 0;
                /* prevent weird behavior if last column has less items than the others */
                padding: 0 1.5rem;
            }

                #site-navigation .nav__level--3 > .nav__item > .nav__title {
                    display: inline-block;
                    padding: .5rem .25rem;
                    /* animated underline on hover */
                }

                    #site-navigation .nav__level--3 > .nav__item > .nav__title:hover {
                        color: #db7800;
                    }

                        #site-navigation .nav__level--3 > .nav__item > .nav__title:hover span:after {
                            width: 2rem;
                        }

                    #site-navigation .nav__level--3 > .nav__item > .nav__title img {
                        width: calc(50px + 0.5rem);
                        /* counteract padding so img is still 50px in the end */
                        padding: 0.25rem;
                        margin: -0.25rem 0.5rem -0.25rem 0rem;
                        background-color: #ffffff;
                    }

                    #site-navigation .nav__level--3 > .nav__item > .nav__title span {
                        position: relative;
                    }

                        #site-navigation .nav__level--3 > .nav__item > .nav__title span:after {
                            background-color: currentColor;
                            bottom: 0;
                            content: ' ';
                            display: block;
                            height: 1px;
                            left: 0;
                            position: absolute;
                            -webkit-transition: width .15s;
                            transition: width .15s;
                            width: 0;
                        }

                #site-navigation .nav__level--3 > .nav__item > .nav__title--headline {
                    text-transform: uppercase;
                    font-weight: bold;
                }

        #site-navigation .nav__title--reset {
            outline: none !important;
            background-color: inherit !important;
            padding: 0.5rem 0.75rem !important;
            margin: 1rem 0 !important;
        }
}

@media (max-width: 991.9px) {
    #site-navigation .nav__item .nav__title {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 0.75rem;
        border-bottom: 1px solid #ccc;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        #site-navigation .nav__item .nav__title img {
            width: calc(50px + 0.5rem);
            /* counteract padding so img is still 50px in the end */
            padding: 0.25rem;
            margin: -0.25rem 1rem -0.25rem 0rem;
            background-color: #ffffff;
        }

        #site-navigation .nav__item .nav__title span {
            color: #373a3c;
            -webkit-box-flex: 1;
            -ms-flex: 1 1 0%;
            flex: 1 1 0%;
        }

        #site-navigation .nav__item .nav__title i {
            /*align-self: flex-start;*/
            padding-left: 5px;
        }

            #site-navigation .nav__item .nav__title i.fa-chevron-left {
                position: absolute;
                left: 0.25rem;
                opacity: 0;
            }

        #site-navigation .nav__item .nav__title:hover {
            /*background: $gray-lighter;*/
            /*color: $brand-primary-dark-alternative;*/
        }

    #site-navigation .nav__item--active .nav__title {
        padding-left: 2rem;
    }

    #site-navigation .nav__item--active > .nav__title {
        -webkit-transition: padding-left .1s ease-in-out;
        transition: padding-left .1s ease-in-out;
    }

        #site-navigation .nav__item--active > .nav__title > i.fa-chevron-left {
            opacity: 1;
            -webkit-transition: opacity .25s ease-in;
            transition: opacity .25s ease-in;
        }

        #site-navigation .nav__item--active > .nav__title > i.fa-chevron-right {
            display: none;
        }

    #site-navigation .nav__level--active > .nav__item:not(.nav__item--active) {
        display: none;
    }

    #site-navigation .nav__level--2 > .nav__item--active > .nav__title img {
        display: none;
    }

    #site-navigation .nav__level--3 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        /* put first element at the end, because it is always a link to the overview page */
    }

        #site-navigation .nav__level--3 > .nav__item:first-child {
            -webkit-box-ordinal-group: 100;
            -ms-flex-order: 99;
            order: 99;
        }

        #site-navigation .nav__level--3 .nav__title--headline {
            font-weight: bold;
            border-bottom: none !important;
        }

    #site-navigation h6 {
        padding: 1.25rem .75rem;
        background-color: #777777;
        color: #ffffff;
        position: relative;
    }

    #site-navigation .btn-toggle-menu {
        position: absolute;
        right: .25rem;
        color: #ffffff;
        padding: .5rem;
        margin-top: -0.75rem;
        font-size: 1.25em;
    }
}

#site-content {
    /* stretch content to maximum [Sticky Footer] */
    -ms-flex: 1 0 auto;
    -webkit-box-flex: 1;
    flex: 1 0 auto;
    /*padding-bottom: $box-standard-padding;*/
}

@media (min-width: 992px) {
    .with-aside aside {
        float: left;
    }

    .with-aside #content-center {
        /*margin-left: calc(250px + 1rem);*/
        margin-left: 250px;
        padding-left: 1rem;
    }
}

#brand-detail .cross-selling {
    margin-bottom: 2rem;
}

#bt-summary {
    /*margin-bottom: $box-standard-margin;*/
}

    #bt-summary .ta-right {
        text-align: right;
    }

#bt-container .hddn {
    display: none;
}

#bt-container .alert p {
    margin: 0;
}

#product-list .product-list-item-content > a {
    text-decoration: none;
    -ms-flex: 1 1 auto;
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
}

@media (max-width: 767.9px) {
    #product-list .product-list-item-content > a {
        -ms-flex-direction: row;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row;
        padding: 0.5rem 0;
    }

        #product-list .product-list-item-content > a .product-image {
            margin: 0.5rem;
        }
}

#bt-product-details {
    /* Duplicate _product-detail.scss */
}

    #bt-product-details #product-price {
        font-size: 1.75rem;
        font-weight: bold;
    }

    #bt-product-details #product-availability .available-text {
        font-size: 1.15rem;
        font-weight: bold;
    }

.dd-container label {
    margin: 0;
}

#category-teaser h2 {
    color: #f2f2f2;
    text-shadow: 0px 0px 2px #373a3c;
    text-align: left;
}

    #category-teaser h2:before {
        content: '// ';
        color: #ffed00;
        font-weight: bold;
    }

#category-teaser .carousel-inner a.item {
    padding: 0 0.25rem 0.5rem 0.25rem;
}

#category-teaser .carousel-caption {
    padding-bottom: 0;
    bottom: 1rem;
    left: 1rem;
}

#category-teaser img {
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: #818a91;
    color: #ffffff;
}

#category-teaser > .row {
    margin-left: calc(-15px - 0.25rem);
    margin-right: calc(-15px - 0.25rem);
}

@media (min-width: 992px) {
    #category-teaser h2 {
        font-size: 2rem;
    }
}

@media (max-width: 543.9px) {
    #category-teaser .row > div {
        padding: 0 !important;
    }
}

#category-description a {
    text-decoration: underline;
    font-weight: bold;
}

#category-children .product-list .product-price {
    font-weight: normal;
    font-size: 0.9em;
    color: #777777;
}

@media (min-width: 768px) {
    #category-children .product-list {
        /* counter the amount of right-borders in the row minus one */
        margin: 0 -3px 0 0;
    }

        #category-children .product-list .product-list-item {
            margin: -1px 0 0 -1px;
        }

        #category-children .product-list .product-list-item-content {
            margin: 0;
            position: relative;
            z-index: 1;
        }

        #category-children .product-list .product-list-item:hover .product-list-item-content {
            z-index: 2;
        }

        #category-children .product-list .product-info-wrapper, #category-children .product-list .product-list-item-content:hover .product-info-wrapper {
            /*border-top-color: $brand-primary-dark;*/
            border-width: 2px;
        }
}

@media (min-width: 768px) and (max-width: 1199.9px) {
    #category-children .product-list {
        /* counter the amount of right-borders in the row minus one */
        margin: 0 -2px 0 0;
    }
}

/*#category-list-index {
}*/
/*#category-list-header {
    .hidden-md-down, #category-list-sort {
        flex: 1 1 auto;
    }
}*/
#category-products {
    margin-bottom: 1rem;
}

#category-list-description a {
    text-decoration: underline;
}

.tampermonkey .product-list-inventory {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: 8px;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 2px;
}

    .tampermonkey .product-list-inventory span {
        display: block;
        padding: 5px;
    }

        .tampermonkey .product-list-inventory span.tag-default {
            background-color: #eeeeee;
            color: #333333;
            font-weight: normal;
        }

/* General */
#site-wrap.checkout {
    /*h1 {
        margin-bottom: 1rem;
    }*/
    /*#content-center {
        padding: $box-standard-padding 0 0;
    }*/
}

    #site-wrap.checkout h2 {
        font-weight: bold;
    }

    #site-wrap.checkout .spinner-wrapper.hidden {
        display: none;
    }

    #site-wrap.checkout .validation-summary-errors ul {
        margin: 0;
    }

    #site-wrap.checkout .validation-summary-errors.top li:last-of-type {
        margin-bottom: 1rem;
    }

    #site-wrap.checkout .validation-summary-errors.bottom li:first-of-type {
        margin-top: 1rem;
    }

    #site-wrap.checkout .rb-wrapper {
        border: 1px solid #cccccc;
        padding: 1rem;
        margin-bottom: 1rem;
    }

@media (max-width: 767.9px) {
    #site-wrap.checkout #logo {
        margin-left: 1rem;
    }
}

/* Step 1 : Shopping Cart Index */
#shopping-cart-index {
    /*h1 {
        margin: 0;
    }*/
    /*.form-checkout-paypal {
        margin-top: $box-standard-margin;
    }*/
    /*@include media-breakpoint-up(md) {
        .form-checkout-index, .form-checkout-index > button {
            height: 100%;
        }
    }*/
    /*@include media-breakpoint-down(sm) {
        h1 {
            font-size: 2rem;
            margin-bottom: $box-standard-margin;
        }
    }*/
    #btn-paypal-checkout {
        background-color: #ffc439;
        border-color: #ffad00;
    }
    /* fuck off, Paypal 1/2 */
    /* fuck off, Paypal 2/2 */
}

    #shopping-cart-index .shopping-cart-cta {
        border: 1px solid #cccccc;
    }

        #shopping-cart-index .shopping-cart-cta > div {
            border-top: 1px solid #cccccc;
        }

    #shopping-cart-index #paypal-express-container {
        height: 48px;
        max-height: 48px;
    }

    #shopping-cart-index #PaypalButton > div::before {
        content: "\00a0";
        width: 100%;
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 999;
        border: 2px solid #fff;
        margin: 0px;
        overflow: hidden;
        pointer-events: none;
    }

    #shopping-cart-index #PaypalButton > div {
        border-width: 1px;
        border-style: solid;
        /* KORN CHANGED */
        /* KORN CHANGED */
        color: #373a3c;
        background-color: #fff;
        border-color: #ccc;
        overflow: hidden;
    }

        #shopping-cart-index #PaypalButton > div:hover {
            background-color: #f2f2f2;
            border-color: #bdbdbd;
        }

        #shopping-cart-index #PaypalButton > div:focus, #shopping-cart-index #PaypalButton > div.focus {
            color: #373a3c;
            background-color: #f2f2f2;
            border-color: #bdbdbd;
        }

        #shopping-cart-index #PaypalButton > div:active, #shopping-cart-index #PaypalButton > div.active,
        .open > #shopping-cart-index #PaypalButton > div.dropdown-toggle {
            color: #373a3c;
            background-color: #f2f2f2;
            border-color: #bdbdbd;
            background-image: none;
        }

            #shopping-cart-index #PaypalButton > div:active:hover, #shopping-cart-index #PaypalButton > div:active:focus, #shopping-cart-index #PaypalButton > div:active.focus, #shopping-cart-index #PaypalButton > div.active:hover, #shopping-cart-index #PaypalButton > div.active:focus, #shopping-cart-index #PaypalButton > div.active.focus,
            .open > #shopping-cart-index #PaypalButton > div.dropdown-toggle:hover,
            .open > #shopping-cart-index #PaypalButton > div.dropdown-toggle:focus,
            .open > #shopping-cart-index #PaypalButton > div.dropdown-toggle.focus {
                color: #373a3c;
                background-color: #ebebeb;
                /* KORN CHANGED */
                border-color: #adadad;
                /* KORN CHANGED */
            }

        #shopping-cart-index #PaypalButton > div.disabled:focus, #shopping-cart-index #PaypalButton > div.disabled.focus, #shopping-cart-index #PaypalButton > div:disabled:focus, #shopping-cart-index #PaypalButton > div:disabled.focus {
            background-color: #fff;
            border-color: #ccc;
        }

        #shopping-cart-index #PaypalButton > div.disabled:hover, #shopping-cart-index #PaypalButton > div:disabled:hover {
            background-color: #fff;
            border-color: #ccc;
        }

    #shopping-cart-index #btn-amazon-checkout {
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
    }

/* Step 2 : Checkout Index */
#checkout-index {
    /*#checkout-as-guest {
        margin-bottom: $box-standard-margin;
    }*/
}

@media (min-width: 768px) {
    #checkout-index #checkout-as-customer {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    #checkout-index #checkout-as-guest {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        /*margin-bottom: 0;*/
    }
}

/* Step 3: Shipping */
#checkout-shipping {
    /*.kc-input-container {
        input {
            margin-bottom: 0.5rem;
        }
    }*/
}

    #checkout-shipping h1 {
        margin-bottom: 1rem;
    }

    #checkout-shipping #shipping-table-container {
        /*.hidden {
            display: none !important;
        }*/
    }

        #checkout-shipping #shipping-table-container .spinner-wrapper {
            display: block;
            padding: 1rem;
            border: 1px dashed #cccccc;
        }

    #checkout-shipping #shipping-table .rb-wrapper ~ #store-pickup-wrapper {
        display: none;
    }

    #checkout-shipping #shipping-table .rb-wrapper.active ~ #store-pickup-wrapper {
        display: block;
    }

    #checkout-shipping #shipping-table .store-pickup .rb-wrapper.active {
        border-bottom: 0;
        margin-bottom: 0 !important;
    }

        #checkout-shipping #shipping-table .store-pickup .rb-wrapper.active ~ #store-pickup-wrapper {
            border: 1px solid #cccccc;
            border-top: 0;
        }

    #checkout-shipping .input-select {
        padding-left: 0.25rem;
    }

        #checkout-shipping .input-select.address-picker {
            background-color: #f0f0f0 !important;
            padding-left: 0.5rem;
        }

            #checkout-shipping .input-select.address-picker option {
                background-color: #ffffff;
            }

/* Step 4: Payment */
#checkout-payment {
    /*#payment-types {
        .row:last-of-type {
            .rb-wrapper {
                margin-bottom: 0;
            }
        }
    }*/
}

    #checkout-payment h1 {
        margin-bottom: 1rem;
    }

    #checkout-payment .rb-wrapper {
        border: 1px solid #cccccc;
        padding: 1rem;
        margin-bottom: 1rem;
        cursor: pointer;
    }

        #checkout-payment .rb-wrapper label {
            margin-bottom: 0;
        }

            #checkout-payment .rb-wrapper label.pointer {
                cursor: pointer;
            }

        #checkout-payment .rb-wrapper .rb-description {
            cursor: default;
            margin-top: 0.5rem;
        }

@media (min-width: 768px) {
    #checkout-payment .rb-wrapper label {
        padding: 0 1rem 0 1.75rem;
    }

    #checkout-payment .rb-wrapper .rb-description {
        margin-top: 0;
    }
}

@media (max-width: 767.9px) {
    #checkout-payment .rb-wrapper {
        padding: 0.25rem 1rem;
        margin-bottom: 1rem;
    }
}

#checkout-payment .rb-wrapper.active {
    border-color: #777777;
}

    #checkout-payment .rb-wrapper.active .rb-description {
        display: block !important;
    }

#checkout-payment .rb-wrapper.disabled:after {
    /*background-color: rgba(255, 255, 255, 0.5);*/
    bottom: 0;
    content: "";
    cursor: not-allowed;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}

#checkout-payment .rb-wrapper.disabled label {
    opacity: 0.5;
}

/* Step 5: Verify */
#checkout-verify {
    /*.headline {
        border-bottom: 1px solid $gray-medium-lighter;
        font-weight: bold;
    }*/
}

    #checkout-verify h1 {
        margin-bottom: 1rem;
    }

    #checkout-verify table {
        width: 100%;
    }

    #checkout-verify textarea {
        height: 1rem;
        min-height: 1rem;
        -webkit-transition: none;
        transition: none;
    }

    #checkout-verify a.popup {
        text-decoration: underline;
    }

    #checkout-verify .checkout-info-header {
        margin-bottom: 0.5rem;
    }

        #checkout-verify .checkout-info-header td.first {
            width: 100%;
        }

        #checkout-verify .checkout-info-header td.second {
            vertical-align: top;
        }

@media (max-width: 991.9px) {
    #checkout-verify .checkout-info-header {
        margin-top: 1rem;
    }
}

/* Success */
#checkout-success h4 {
    font-size: 1.5rem;
    margin: 0;
}

#checkout-success .row:first-child {
    margin-bottom: 0.25rem;
}

#checkout-success .card-deck {
    margin: -0.5rem;
}

    #checkout-success .card-deck .card {
        margin: 0.5rem;
    }

#checkout-success .card-block:first-child {
    background-color: #373a3c;
    color: #ffffff;
}

#checkout-success .card.top .card-block {
    z-index: 2;
}

    #checkout-success .card.top .card-block:first-child {
        background-color: #ff8c00;
    }

#checkout-success .card.top picture img {
    -webkit-filter: grayscale(75%);
    filter: grayscale(75%);
    z-index: 1;
}

@media (min-width: 1200px) {
    #checkout-success .card.top .card-block:last-child {
        max-width: 60%;
    }
}

@media (min-width: 992px) {
    #checkout-success img.responsive {
        width: 100%;
    }

    #checkout-success .card {
        overflow: hidden;
    }

        #checkout-success .card .card-block {
            /*position: absolute;
                top: $box-standard-margin;*/
        }

            #checkout-success .card .card-block:last-child {
                /*top: ($box-standard-margin * 7);*/
                background-color: rgba(255, 255, 255, 0.9);
                padding: 1rem;
                width: 100%;
            }
}

@media (max-width: 991.9px) {
    #checkout-success h4 {
        font-size: 1.25rem;
    }

    #checkout-success .card .card-block {
        padding: 1rem;
    }
}

#customer-center #order-detail h2 {
    margin-top: 1rem;
}

@media (max-width: 767.9px) {
    #customer-center .product-list .product-image {
        width: 20%;
    }
}

#customer-center .product-list .product-image img {
    max-width: 75%;
    width: 100%;
    /* IE Edge vs Chrome Fix */
}

#customer-center .product-list .product-availability {
    font-weight: bold;
}

#error-page h1 {
    font-size: 3rem;
    font-weight: bold;
}

#error-page a {
    text-decoration: underline;
}

/*#landing-page .fluid-container {
    margin-bottom: 1rem;
}*/
#landing-page .fluid-container img {
    display: block;
    width: 100%;
    height: auto;
}

#landing-page .fluid-container #carousel {
    margin-bottom: 0;
}

#landing-page #spots .spot-2 {
    width: 50%;
    float: left;
}

#landing-page #brand a {
    display: block;
}

#landing-page #brand img {
    width: 100%;
    max-width: 135px;
    margin: 0 auto;
}

#landing-page #brand .owl-item:after {
    content: "";
    height: 135px;
    width: 1px;
    position: absolute;
    top: 0;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0)));
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=1 );
    display: block;
}

#landing-page #brand .owl-item:first-child:after {
    background: none;
}

#landing-page #about img {
    margin: 2px 15px 5px 0;
    float: left;
}

#landing-page #about h1 span {
    color: #ff8c00;
}

#landing-page #about p {
    margin: 15px 0;
}

@media (min-width: 768px) {
    #landing-page .fluid-container {
        display: inline-block;
        position: relative;
        width: 100%;
        overflow: hidden;
    }

        #landing-page .fluid-container:before {
            content: '';
            display: block;
        }

        #landing-page .fluid-container.outer {
            max-height: 405px;
            height: 405px;
        }

            #landing-page .fluid-container.outer:before {
                margin-top: 30%;
            }

        #landing-page .fluid-container.inner {
            max-height: 405px;
        }

            #landing-page .fluid-container.inner:before {
                margin-top: 72%;
            }

    #landing-page .wrapper-left {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 60%;
    }

    #landing-page .wrapper-right {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        width: 40%;
    }

    #landing-page .element {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }

    #landing-page #carousel {
        height: 100%;
    }

        #landing-page #carousel .owl-controls {
            position: relative;
            top: -40px;
        }

    #landing-page #spots > div {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    #landing-page #spots .spot-1 {
        height: 66.66%;
        max-height: 270px;
        padding: 0 0 3px 6px;
    }

    #landing-page #spots .spot-2 {
        max-height: 135px;
        height: 33.33%;
        padding: 3px 0 0 6px;
    }
    /*#seals .seal {
        width: 33.33%;
    }

    #seals .seal:nth-child(3n) {
        border-right: none;
        margin-right: 0;
    }*/
}

@media (max-width: 767.9px) {
    /*#landing-page {
        margin-top: -40px;
    }*/
    #landing-page #spots {
        margin-top: 1.6%;
    }

        #landing-page #spots .spot-1 {
            margin-bottom: 1.6%;
            float: left;
            width: 67%;
        }

        #landing-page #spots .spot-2 {
            float: right;
            margin-bottom: 1.6%;
            width: 31.8%;
        }

    #landing-page .wrapper-right {
        margin-top: 1.6%;
    }

    #landing-page #carousel .owl-controls {
        bottom: 0;
        position: absolute;
        width: 100%;
    }
    /*#seals .seal {
        width: 50%;
    }

    #seals .seal:nth-child(2n) {
        border-right: none;
        margin-right: 0;
    }*/
}

@media (max-width: 543.9px) {
    #landing-page #spots .spot-1 {
        margin-bottom: 1.6%;
        float: none;
        width: 100%;
    }

    #landing-page #spots .spot-2 {
        float: left;
        width: 49.2%;
    }

        #landing-page #spots .spot-2:nth-child(2n+1) {
            float: right;
        }
    /*#seals .seal {
        width: 100%;
        border: none;
    }*/
}

.info-center-header i {
    display: none;
}

.f-left {
    float: left;
}

.f-right {
    float: right;
}

.text-content h4 {
    font-weight: bold;
}

#info-center {
    /* AboutUs */
    /* General Stuff */
}

    #info-center h1 {
        margin-bottom: 1rem;
    }

    #info-center h2 {
        font-size: 1.5rem;
        border-bottom: 1px solid #cccccc;
        padding-bottom: 0.5rem;
        margin-bottom: 1rem;
        margin-top: 1.5rem;
    }

    #info-center a:not(.btn) {
        text-decoration: underline;
    }

    #info-center .store p > img {
        float: left;
        margin: 0 1rem 0 0;
    }

    #info-center img.f-left {
        margin: 0 1rem 0 0;
    }

    #info-center img.f-right {
        margin: 0 0 0 1rem;
    }

@media (min-width: 768px) {
    #info-center img.f-left, #info-center img.f-right, #info-center .store p > img {
        max-width: 60%;
    }
}

@media (max-width: 767.9px) {
    #info-center img.f-left, #info-center img.f-right, #info-center .store p > img {
        float: none !important;
        display: block;
        height: 100%;
        width: 100%;
        margin: 1rem 0 1rem;
        max-height: none;
        max-width: none;
    }
}

#info-center ul.history {
    padding-left: 1rem;
    margin-left: 0;
}

#info-center .clear {
    clear: both;
}

#info-center .input-file.field-validation {
    font-size: 1em;
}

    #info-center .input-file.field-validation.hidden {
        display: none;
        /* override .kc-input-container standard styles for .hidden */
        opacity: 1;
        height: auto;
    }

ol.timeline {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

    ol.timeline li {
        position: relative;
        margin: 0;
        padding-bottom: 1rem;
        padding-left: 2rem;
    }

        ol.timeline li::before {
            content: '';
            background-color: #F25022;
            position: absolute;
            bottom: 0;
            top: 0;
            width: 3px;
            left: 6px;
        }

        ol.timeline li::after {
            content: '';
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' viewBox='0 0 32 32' focusable='false'%3E%3Ccircle stroke='none' fill='%23F25022' cx='12' cy='12' r='12'%3E%3C/circle%3E%3C/svg%3E");
            position: absolute;
            left: 3px;
            top: 8px;
            height: 12px;
            width: 12px;
        }

#info-center .timeline p {
    margin-top: 0.5rem;
}

/* *************** */
/* *** von MHK *** */
/* *************** */
#info-center .google-maps {
    max-height: 450px;
    max-width: 600px;
    overflow: hidden;
}

#info-center .google-maps-wrapper {
    position: relative;
    padding-bottom: 75%;
    height: 0;
    overflow: hidden;
}

#info-center .google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

/*#info-center #input-file-remove {
    cursor: pointer;
    font-size: 1.75em;
    line-height: 1em;
    padding: 12px;
    position: absolute;
    right: 0;
    top: 0;
}

#info-center .form, #info-center .submit-result {
    margin: 10px 0 25px;
}

    #info-center .form .input-wrapper {
        position: relative;
    }

        #info-center .form .input-wrapper i {
            font-size: 1.5em;
            left: 10px;
            line-height: 1.5em;
            position: absolute;
            top: 5px;
        }

    #info-center .form .input {
        border: 1px solid #ccc;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        color: #333;
        font-size: 1em;
        font-weight: 500;
        line-height: 1.5em;
        padding: 12px 12px 12px 50px;
        width: 100%;
    }

        #info-center .form .input:focus {
            -moz-transition: box-shadow linear 250ms;
            -o-transition: box-shadow linear 250ms;
            -webkit-transition: box-shadow linear 250ms;
            transition: box-shadow linear 250ms;
            border-color: #ff8c00;
            -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 140, 0, 0.5);
            -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 140, 0, 0.5);
            box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 140, 0, 0.5);
            outline: 0 none;
        }

    #info-center .form select.input {
        padding: 10px 10px 10px 50px;
    }*/
/*@media screen and (-webkit-min-device-pixel-ratio:0) {
    #form-newsletter i.fa-question {
        display: none;
    }
}*/
/*#info-center .form label.validate {
    position: relative;
    top: 5px;
    color: red;
}

#info-center .form textarea {
    height: 150px;
    min-height: 100px;
    resize: vertical;
}

#info-center .form input[type="submit"] {
    margin: 10px 0 15px;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

#info-center .submit-result a {
    text-decoration: underline;
}*/
#shipping-overview {
    width: 100%;
}

    #shipping-overview .form-control {
        height: 40px;
    }

    #shipping-overview th {
        background-color: #f0f0f0;
    }

    #shipping-overview td {
        border-top: none;
    }

    #shipping-overview th, #shipping-overview td {
        border: 1px solid #ccc;
        padding: 15px;
        text-align: left;
        vertical-align: middle;
        border-left: none;
    }

        #shipping-overview th:nth-child(2n+1), #shipping-overview td:nth-child(2n+1) {
            border-left: 1px solid #ccc;
            border-right: none;
            white-space: nowrap;
        }

        #shipping-overview th:nth-child(2n+2), #shipping-overview td:nth-child(2n+2) {
            border-right: none;
            border-left: none;
        }

        #shipping-overview th:nth-child(2n+3), #shipping-overview td:nth-child(2n+3) {
            border-right: 1px solid #ccc;
            border-left: none;
            width: 100%;
            white-space: normal;
        }

    #shipping-overview tr:last-child td {
        border-right: 1px solid #ccc;
        white-space: normal;
    }

/*#info-center .store p > img {
    float: left;
    height: 100%;
    margin: 0 10px 0 0;
    max-height: 300px;
    max-width: 521px;
    width: 100%;
}*/
@media only screen and (max-width: 767px) {
    /*#info-center .form input[type="submit"] {
        width: 100%;
        float: none;
    }


    #info-center .info-center-header {
        padding: 8px 6px;
    }*/
    #shipping-overview th, #shipping-overview td {
        padding: 15px 5px;
    }

        #shipping-overview th:nth-child(2n+2), #shipping-overview td:nth-child(2n+2) {
            display: none;
        }
    /*#info-center .store p > img {
        float: none;
        margin: 10px 0 15px;
        max-height: none;
        max-width: none;
    }*/
}

/* Sitemap */
#info-center #sitemap .grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

#info-center #sitemap li {
    padding: 0.25rem 0;
}

@media only screen and (max-width: 767px) {
    #info-center #sitemap .grid {
        display: block;
    }
}

/* Responsive Video */
@media only screen and (min-width: 768px) {
    #info-center .video-wrapper, #info-center .image-wrapper {
        margin: 0 0 15px 15px;
        float: right;
        max-width: 50%;
    }

        #info-center .video-wrapper iframe {
            max-height: 100%;
            max-width: 100%;
        }
}

@media only screen and (max-width: 767px) {
    #info-center .video-wrapper {
        margin-bottom: 15px;
        padding-bottom: 56.25%;
        position: relative;
    }

        #info-center .video-wrapper iframe {
            height: 100%;
            left: 0;
            position: absolute;
            top: 0;
            width: 100%;
        }

    #info-center .image-wrapper {
        margin-bottom: 15px;
    }

        #info-center .image-wrapper img {
            max-width: none;
            width: 100%;
        }
}

/* Virtual Tour */
.virtual-tour {
    margin: 25px 0;
}

    .virtual-tour iframe {
        max-width: 100%;
    }

    .virtual-tour .message-outer {
        /*position: relative;*/
        height: 100%;
        width: 100%;
        display: table;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        background-color: rgba(0, 0, 0, 0.45);
        cursor: pointer;
        position: absolute;
        top: 0;
        left: 0;
        color: white;
        text-shadow: 0 0 10px #0f1011;
    }

    .virtual-tour .model-title {
        /* bottom: 75%; */
        /* padding: 0 25px; */
        display: block;
        font-size: 40px;
        /* letter-spacing: .75px; */
        margin: 0;
        padding: 0 15px;
        /* hyphens: auto; */
        /* line-height: 45px; */
        top: 10%;
        bottom: auto;
        width: 100%;
        font-weight: 100;
        position: absolute;
        text-align: center;
    }

    .virtual-tour .message-inner {
        height: 100%;
        display: table-cell;
        text-align: center;
        vertical-align: middle;
    }

    .virtual-tour .message-content {
        width: 100%;
        font-weight: 100;
        display: inline-block;
    }

    .virtual-tour .button-play {
        /* width: 86px; */
        /* height: 86px; */
        /* display: block; */
        margin: 60px auto 0;
        padding: 20px 0;
        /* border-radius: 100%; */
        /* border: 3px solid #fff; */
        /* box-shadow: 0 0 10px rgba(15,16,17,1),inset 0 0 10px rgba(15,16,17,1); */
        text-align: center;
        font-size: 74px;
        /* letter-spacing: -8px; */
    }

    .virtual-tour .explore {
        font-size: 24px;
    }

    .virtual-tour .click-to-load {
        position: relative;
        background-color: #333;
        height: 450px;
        /*background-size: cover;*/
        background-repeat: no-repeat;
        background-position: 50% 50%;
    }

    .virtual-tour h3 {
        text-align: center;
    }

@media only screen and (max-width: 479px) {
    .virtual-tour .model-title {
        font-size: 30px;
    }

    .virtual-tour .button-play {
        font-size: 50px;
    }

    .virtual-tour .explore {
        font-size: 16px;
    }
}

#content-landingpage img.f-right {
    margin: 15px 0 15px 15px;
}

#content-landingpage img.f-left {
    margin: 15px 15px 15px 0;
}

#content-landingpage img.f-right, #content-landingpage img.f-left {
    max-width: 400px;
}

@media only screen and (max-width: 767px) {
    #content-landingpage img.f-right, #content-landingpage img.f-left {
        width: 100%;
        max-width: 100%;
        float: none;
        margin: 15px 0;
    }
}

#content-landingpage .lp-img-gallery .owl-item img {
    max-width: 250px;
    margin: 0 auto;
}

@media (min-width: 1200px) {
    #content-landingpage .product-list-item {
        width: 20%;
        max-width: 20%;
    }
}

@media (min-width: 992px) and (max-width: 1199.9px) {
    #content-landingpage .product-list-item {
        width: 25%;
        max-width: 25%;
    }
}

/*.product #breadcrumb li.current a {
    font-weight: normal;
}*/
#product {
    margin-bottom: -1rem;
    /*#product-specification {

        table {

            td {
                padding: 5px 10px 0 0;
            }

            @include media-breakpoint-down(sm) {
                width: 100%;

                tr td:last-of-type {
                    text-align: right;
                }
            }
        }
    }*/
    /*#product-cross-selling {
        .cross-selling .owl-nav {
            top: -2.5rem;
            right: 0;
        }
    }*/
}

    #product h1 {
        font-weight: bold;
        margin-bottom: 1rem;
    }

        #product h1 span {
            display: inline;
            vertical-align: middle;
        }

        #product h1 .tag {
            font-size: 50%;
        }

    #product h3 {
        font-weight: bold;
    }

    #product #product-information {
        overflow: hidden;
        /* Layout START */
        /* Layout END */
    }

@media (min-width: 768px) {
    #product #product-information {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row;
    }

        #product #product-information #product-image {
            padding-right: 1rem;
        }
}

@media (min-width: 1200px) {
    #product #product-information {
        /*-ms-flex-wrap: nowrap;
            -webkit-flex-wrap: nowrap;
            flex-wrap: nowrap;*/
    }

        #product #product-information #product-image {
            padding-left: 1rem;
            width: 50%;
            -ms-flex: 1 0 auto;
            -webkit-box-flex: 1;
            flex: 1 0 auto;
            -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
            order: 2;
        }

        #product #product-information #product-details {
            width: 25%;
            -webkit-box-ordinal-group: 4;
            -ms-flex-order: 3;
            order: 3;
        }

        #product #product-information #product-features {
            width: 25%;
            -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
            order: 1;
        }
}

@media (min-width: 768px) and (max-width: 1199.9px) {
    #product #product-information {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        #product #product-information #product-image {
            width: 60%;
            -ms-flex: 1 0 auto;
            -webkit-box-flex: 1;
            flex: 1 0 auto;
        }

        #product #product-information #product-details {
            /*-ms-flex: 1 0 auto;
                -webkit-flex: 1 0 auto;
                flex: 1 0 auto;*/
            width: 40%;
        }

        #product #product-information #product-features {
            width: 100%;
        }
}

@media (max-width: 767.9px) {
    #product #product-information {
        margin-left: -1rem;
        margin-right: -1rem;
        padding-left: 1rem;
        padding-right: 1rem;
    }

        #product #product-information #product-details, #product #product-information #product-features {
            margin-top: 1rem;
        }
}

#product #product-information .vertical-blocks {
    /* every block besides last one */
}

@media (min-width: 992px) {
    #product #product-information .vertical-blocks {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        /* last block must consume available space */
        /*.v-block:last-of-type {
                    -ms-flex: 1 0 auto;
                    -webkit-flex: 1 0 auto;
                    flex: 1 0 auto;
                }*/
    }
}

#product #product-information .vertical-blocks .v-block:nth-last-of-type(n+2) {
    margin-bottom: 0.5rem;
}

@media (max-width: 767.9px) {
    #product #product-information .vertical-blocks .v-block:nth-last-of-type(n+2) {
        margin-bottom: 1rem;
    }
}

#product #product-information #product-image {
    overflow: hidden;
    position: relative;
    /* prevent content beneath from resizing */
    /*.royalSlider.slider-init:before {
                content: "";
                width: 100%;
	            display: block;
                padding-top: 100%;
                background-color: gold;
            }*/
    /* no-js stuff */
    /*.royalSlider > .rsImg:first-of-type {
                float: none;

                img {
                    display: block;
                    margin: 0 auto;
                }
            }*/
}

    #product #product-information #product-image > div {
        width: 100%;
    }

    #product #product-information #product-image i.fa-spinner {
        display: none;
    }

    #product #product-information #product-image .royalSlider {
        max-width: 100%;
        margin: 0 auto;
        overflow: hidden;
        -webkit-transition: opacity 0.3s ease-in-out;
        transition: opacity 0.3s ease-in-out;
        opacity: 1;
    }

    #product #product-information #product-image .slider-init {
        position: relative;
        max-height: 600px;
    }

        #product #product-information #product-image .slider-init > i.fa-spinner {
            display: block;
            position: absolute;
            z-index: 1;
            left: 50%;
            top: 45%;
        }

        #product #product-information #product-image .slider-init .royalSlider {
            opacity: 0;
            position: absolute;
            top: 0;
        }

        #product #product-information #product-image .slider-init:before {
            content: "";
            display: block;
            padding-top: 100%;
        }

#product #product-information #product-details {
    /* every block besides last one */
    /*#add-to-cart__container.alternative {
                align-items: center;
                background-color: #ff8c00;
                border: 1px solid #e07b00;

                &:hover {
                    background-color: #e67e00;
                    border-color: #e07b00;
                }

                .add-to-cart__quantity {
                    border: none;
                    margin: 0.35rem 0 0.35rem 0.35rem;
                    padding: 0.5rem;
                }

                #add-to-cart {
                    background-color: transparent;
                    border: none;
                    padding-left: 0.15rem;
                    padding-right: 0.15rem;
                }
            }*/
}

    #product #product-information #product-details > div {
        background-color: #f0f0f0;
        padding: 1rem;
        /*&:last-of-type {
                    -ms-flex: none;
                    -webkit-flex: none;
                    flex: none;
                }*/
    }

        #product #product-information #product-details > div:first-of-type {
            -ms-flex: 1 0 auto;
            -webkit-box-flex: 1;
            flex: 1 0 auto;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
        }

        #product #product-information #product-details > div > div:nth-last-of-type(n+2) {
            margin-bottom: 0.5rem;
        }

        #product #product-information #product-details .product-details__bottom-actions {
            margin-top: auto;
        }

    #product #product-information #product-details #product-price {
        font-size: 1.75rem;
        font-weight: bold;
    }

    #product #product-information #product-details #set-price {
        font-size: 0.875rem;
    }

        #product #product-information #product-details #set-price .tag {
            font-size: 0.875rem;
            vertical-align: baseline;
        }

    #product #product-information #product-details #product-condition-related {
        border-top: 1px solid #cccccc;
        border-bottom: 1px solid #cccccc;
    }

        #product #product-information #product-details #product-condition-related a {
            text-decoration: underline;
        }

    #product #product-information #product-details #product-availability .fa-truck {
        font-size: 1.25rem;
        vertical-align: baseline;
    }

    #product #product-information #product-details #product-availability .available-text {
        font-size: 1.15rem;
        font-weight: bold;
    }

    #product #product-information #product-details #add-to-cart__container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }

        #product #product-information #product-details #add-to-cart__container .add-to-cart__quantity {
            padding: 0.5rem;
            margin-right: 0.5rem;
            position: relative;
            background-color: #ffffff;
            border: 1px solid #cccccc;
            -webkit-box-flex: 0;
            -ms-flex-positive: 0;
            flex-grow: 0;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            /* hide arrows */
        }

@media (min-width: 1200px) and (max-width: 1439.9px) {
    #product #product-information #product-details #add-to-cart__container .add-to-cart__quantity {
        padding-left: 0.25rem;
        padding-right: 0.25rem;
    }
}

@media (min-width: 768px) and (max-width: 991.9px) {
    #product #product-information #product-details #add-to-cart__container .add-to-cart__quantity {
        padding-left: 0.25rem;
        padding-right: 0.25rem;
    }
}

#product #product-information #product-details #add-to-cart__container .add-to-cart__quantity.custom .add-to-cart__quantity--label,
#product #product-information #product-details #add-to-cart__container .add-to-cart__quantity.custom .add-to-cart__quantity--select,
#product #product-information #product-details #add-to-cart__container .add-to-cart__quantity.custom .add-to-cart__quantity--dropdown-icons {
    display: none;
}

#product #product-information #product-details #add-to-cart__container .add-to-cart__quantity.custom .add-to-cart__quantity--input {
    display: block;
    width: 30px;
    position: relative;
}

#product #product-information #product-details #add-to-cart__container .add-to-cart__quantity .add-to-cart__quantity--label {
    padding: 0 0.25rem;
}

#product #product-information #product-details #add-to-cart__container .add-to-cart__quantity .add-to-cart__quantity--select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: absolute;
    inset: 0px;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0;
    z-index: 1;
}

#product #product-information #product-details #add-to-cart__container .add-to-cart__quantity .add-to-cart__quantity--dropdown-icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    #product #product-information #product-details #add-to-cart__container .add-to-cart__quantity .add-to-cart__quantity--dropdown-icons > svg {
        fill: #656565;
        width: 15px;
        height: 15px;
        margin: -3px 0;
    }

#product #product-information #product-details #add-to-cart__container .add-to-cart__quantity .add-to-cart__quantity--input {
    border: none;
    position: absolute;
    inset: 0px;
    width: 100%;
    height: 100%;
    outline: none;
    text-align: center;
    margin: 0px;
    vertical-align: baseline;
    display: none;
}

#product #product-information #product-details #add-to-cart__container .add-to-cart__quantity input[type='number'] {
    -moz-appearance: textfield;
}

#product #product-information #product-details #add-to-cart__container .add-to-cart__quantity input::-webkit-outer-spin-button,
#product #product-information #product-details #add-to-cart__container .add-to-cart__quantity input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

#product #product-information #product-details #add-to-cart__container .add-to-cart__button {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

    #product #product-information #product-details #add-to-cart__container .add-to-cart__button #add-to-cart {
        padding-left: 0.15rem;
        padding-right: 0.15rem;
    }

@media (min-width: 1200px) and (max-width: 1439.9px) {
    #product #product-information #product-details #add-to-cart__container .add-to-cart__button #add-to-cart i {
        margin-right: 0.25rem;
    }
}

@media (min-width: 768px) and (max-width: 991.9px) {
    #product #product-information #product-details #add-to-cart__container .add-to-cart__button #add-to-cart i {
        margin-right: 0.25rem;
    }
}

#product #product-information #product-details .cta.btn-primary {
    font-weight: bold;
    font-size: 1.25rem;
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
}

#product #product-information #product-details i.fa-map-marker {
    vertical-align: baseline;
}

#product #product-information #product-details .small .small {
    font-size: 90%;
}

#product #product-information #product-details .separator {
    font-size: 0.3em;
    vertical-align: middle;
    color: #373a3c;
}

@media (min-width: 1200px) {
    #product #product-information #product-features {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

        #product #product-information #product-features .content {
            -ms-flex: 1 0 auto;
            -webkit-box-flex: 1;
            flex: 1 0 auto;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-direction: column;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            flex-direction: column;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
        }

        #product #product-information #product-features .v-block.bg {
            border: 2px solid #f0f0f0;
            padding: 1rem;
            -ms-flex: 1 0 auto;
            -webkit-box-flex: 1;
            flex: 1 0 auto;
        }
}

#product #product-information #product-features #product-brand {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

#product #product-information #product-features .feature {
    font-size: 0.875rem;
    margin-bottom: 0.25rem;
    padding: 0.5rem 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (min-width: 1200px) {
    #product #product-information #product-features .feature {
        padding: 1rem;
        background-color: #f0f0f0;
        /* nicht im DJL anzeigen */
        /*.product-rating {
                        background-color: $white;
                        border: 2px solid $gray-lighter;
                        margin-bottom: $box-standard-margin;
                    }*/
    }
}

#product #product-information #product-features .feature > div:first-of-type {
    font-weight: bold;
}

@media (max-width: 1199.9px) {
    #product #product-information {
        /* set accordion stuff again */
        /* set accordion stuff again */
    }

        #product #product-information #product-features .feature, #product #product-information #product-features .small {
            font-size: 1rem;
        }

            #product #product-information #product-features .feature > div:first-of-type, #product #product-information #product-features .small > div:first-of-type {
                font-weight: normal;
            }

        #product #product-information #product-features .header {
            border-bottom: none;
        }

        #product #product-information #product-features.active .header {
            border-bottom: 1px solid #cccccc;
        }
}

#product #product-information #product-tier-price ul {
    display: grid;
    row-gap: 0.5rem;
    -webkit-column-gap: 0.5rem;
    -moz-column-gap: 0.5rem;
    column-gap: 0.5rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (min-width: 544px) and (max-width: 767.9px) {
    #product #product-information #product-tier-price ul {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

#product #product-information #product-tier-price li {
    padding: 0.5rem;
    border: 1px solid #cccccc;
    background-color: #ffffff;
    font-size: small;
    text-align: center;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

    #product #product-information #product-tier-price li.selected,
    #product #product-information #product-tier-price li:hover {
        border-color: #ff8c00;
    }

        #product #product-information #product-tier-price li.selected:after {
            content: "";
            position: absolute;
            top: 0;
            right: 0;
            margin: -12px;
            width: 20px;
            height: 20px;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            background-color: #ff8c00;
        }

#product #product-description {
    /* normalize staff madness */
}

@media (max-width: 767.9px) {
    #product #product-description h2 {
        font-size: 1.25rem;
    }
}

#product #product-description .description {
    /*.set-price-column {
                width: 150px;
            }*/
}

@media (min-width: 768px) {
    #product #product-description .description {
        margin-bottom: 1rem;
    }
}

#product #product-description .description h1, #product #product-description .description h2, #product #product-description .description h3, #product #product-description .description h4, #product #product-description .description h5, #product #product-description .description h6 {
    font-size: 1rem;
}

#product #product-description .description h4 {
    font-weight: bold;
}

#product #product-equipment .left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

#product #product-equipment .right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
}

#product #product-equipment .table-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding: 0.5rem 0;
    margin-bottom: 0.5rem;
}

    #product #product-equipment .table-row:hover {
        background-color: #f7f7f7;
    }

    #product #product-equipment .table-row.active {
        background-color: #FDF5E6;
    }

        #product #product-equipment .table-row.active .product-equipment-price {
            color: #373a3c;
        }

#product #product-equipment .wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 1rem;
}

#product #product-equipment .product-equipment-checkbox input[type="checkbox"] {
    display: none;
}

#product #product-equipment .product-equipment-checkbox label {
    position: relative;
    cursor: pointer;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    #product #product-equipment .product-equipment-checkbox label::before {
        content: '';
        width: 1.28571429em;
        height: 1.28571429em;
        border: 2px solid #cccccc;
        font-size: 1.75rem;
        background: #ffffff;
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

#product #product-equipment .product-equipment-checkbox input[type="checkbox"]:checked + label::before {
    border-color: #888888;
    font-family: 'font-awesome';
    content: '\e804';
    padding: 0;
}

#product #product-equipment .product-equipment-image {
    background-color: #fff;
}

    #product #product-equipment .product-equipment-image img {
        width: 75px;
        height: 75px;
        margin: 0.5rem;
    }

#product #product-equipment .product-equipment-name {
    display: inline-block !important;
    width: 100%;
    -ms-flex-item-align: center;
    align-self: center;
}

#product #product-equipment .product-equipment-quantity input[type="number"] {
    width: 50px;
    font-size: 0.875rem;
    margin: 0 5px;
    -moz-appearance: textfield;
}

#product #product-equipment .product-equipment-quantity input[type=number]::-webkit-inner-spin-button,
#product #product-equipment .product-equipment-quantity input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

#product #product-equipment .product-equipment-quantity .btn {
    background-color: transparent;
    color: #333333;
    line-height: 1;
}

    #product #product-equipment .product-equipment-quantity .btn:hover i,
    #product #product-equipment .product-equipment-quantity .btn:focus i {
        -webkit-transform: scale(1.25);
        transform: scale(1.25);
    }

#product #product-equipment .product-equipment-price {
    color: #aaaaaa;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100px;
    flex: 0 0 100px;
    white-space: nowrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
}

    #product #product-equipment .product-equipment-price span {
        margin: 0 0 0 auto;
    }

#product #product-equipment #product-equipment-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    position: sticky;
    bottom: 0;
    padding: 1rem 1rem 1.5rem 1rem;
    margin: 0 -1rem !important;
    background-color: #fff;
}

    #product #product-equipment #product-equipment-footer.sticky {
        border-top: 1px solid #ccc;
        -webkit-box-shadow: 0 -5px 10px rgba(204, 204, 204, 0.8);
        box-shadow: 0 -5px 10px rgba(204, 204, 204, 0.8);
        padding-top: 1rem;
    }

#product #product-equipment #product-equipment-total-price {
    font-weight: bold;
    font-size: 1.5rem;
    border-bottom: 2px solid #e67e00;
}

@media (max-width: 767.9px) {
    #product #product-equipment .left {
        display: block;
    }

    #product #product-equipment .right {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    #product #product-equipment .product-equipment-name {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        /* flex: 0; */
        width: auto;
        display: block !important;
        -ms-flex-item-align: start;
        align-self: start;
        margin: 0 0 0.5rem 0;
    }

    #product #product-equipment .product-equipment-quantity {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        /* flex: 0; */
        /* align-self: start; */
        margin: 1rem 0 0 -1rem;
    }

    #product #product-equipment .product-equipment-price {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
        -webkit-box-flex: 0;
        -ms-flex: 0;
        flex: 0;
        margin: 0;
    }

        #product #product-equipment .product-equipment-price span {
            margin: 0;
        }
}

#product #product-faq a {
    text-decoration: underline;
}

#site-footer {
    background-color: #373a3c;
    border-top: 2px solid #e6d500;
    color: #f2f2f2;
    padding: 0.5rem 1rem;
    /*.col.double {
        padding-top: 0;
        padding-bottom: 0;

        .row {
            -ms-flex-direction: column;
            -webkit-flex-direction: column;
            flex-direction: column;
        }
    }*/
    /*#newsletter-container {

        .newsletter {
            padding: ($box-standard-padding / 2) 0;
        }

        .newsletter:first-of-type {

            > div {
                display: table-cell;
                vertical-align: middle;
            }

            i {
                background-color: $brand-info;
                border-radius: 100%;
                font-size: 1.75em;
                line-height: 1;
                margin-right: $box-standard-margin;
                display: block;
                padding: 1rem;
            }
        }

        input {
            margin-bottom: $box-standard-padding;
        }
    }*/
}

@media (min-width: 992px) {
    #site-footer {
        margin-top: 1rem;
    }
}

#site-footer .footer-headline {
    border-bottom: 1px solid #818a91;
    font-weight: bold;
    color: #ffed00;
    padding-bottom: 0.5rem;
    margin-bottom: 0.5rem;
    line-height: 1.1;
}

#site-footer a {
    color: #f2f2f2;
}

@media (max-width: 991.9px) {
    #site-footer a:not(.modal-toggle) {
        display: block;
        padding: 0.25rem 0;
    }
}

@media (max-width: 767.9px) {
    #site-footer a:not(.modal-toggle) {
        padding: 0.33333rem 0;
    }
}

#site-footer .col {
    padding: 0.5rem 1rem;
}

#site-footer img.ekomi {
    margin-top: 0.5rem;
}

#site-footer .row.small {
    color: #818a91;
}

#site-footer #social-container ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
}

#site-footer #social-container span.facebook i.fa-square {
    color: #3b5999;
}

#site-footer #social-container span.instagram i.fa-square {
    color: #e4405f;
}

#site-footer #social-container span.youtube i.fa-square {
    color: #cd201f;
}

#site-footer #social-container span.twitter i.fa-square {
    color: #55acee;
}

#site-footer #social-container span.rss i.fa-square {
    color: #f57d00;
}

#site-footer #social-container i.fa-stack-1x {
    color: #f2f2f2;
}

#open-kc-attributes a {
    display: block;
    padding: .5rem 1rem;
}

@media screen and (max-width: 1023px) {
    #attribute-filter {
        display: none;
    }
}

.attribute-container .kc-input-container label {
    display: block;
}

    .attribute-container .kc-input-container label.disabled {
        color: #c5c5c5;
        cursor: default;
    }

.attribute-container .kc-input-container input[type="checkbox"] ~ label.disabled:before, .attribute-container .kc-input-container input[type="radio"] ~ label.disabled:before {
    background-color: #dadada;
}

.attribute-container .kc-input-container input[type="checkbox"]:hover ~ label.disabled:before, .kc-input-container input[type="radio"]:hover ~ label.disabled:before {
    border-color: #999999;
}

.attribute-container .kc-input-container input[type="checkbox"] + label, .attribute-container .kc-input-container input[type="radio"] + label {
    padding: 0.125rem 1.75rem;
}

@media (max-width: 991px) {
    .attribute-container .kc-input-container input[type="checkbox"] + label, .attribute-container .kc-input-container input[type="radio"] + label {
        padding: 0.25rem 1.75rem;
    }
}

/*
.attribute-container .kc-input-container input[type="checkbox"] + label, .attribute-container .kc-input-container input[type="radio"] + label {
    padding: ($box-standard-padding / 8) ($box-standard-padding * 1.75);

    @include media-breakpoint-down(md) {
        padding: ($box-standard-padding / 4) ($box-standard-padding * 1.75);
    }
}
*/
.attribute-container .kc-input-container input[type="checkbox"] + label::before, .attribute-container .kc-input-container input[type="radio"] + label::before {
    /*background-color: $white;*/
    background-color: #ffffff;
}

/*#attribute-filter {

    }*/
/*#attribute-realtime {
        margin: 5px 0 10px;
    }*/
#attribute-filter-header {
    line-height: 1.25em;
}

.attribute-container {
    border-top: 1px solid #CEC4BB;
}

    .attribute-container:first-of-type {
        border-top-width: 2px;
    }

.kc-modal-col .attribute-container:first-of-type {
    border-top: none;
}

.attribute-header {
    padding: 10px 15px 10px 0;
    display: block;
    cursor: pointer;
    position: relative;
}

    /*.attribute-header.active {
        color: #ff8c00;
        font-weight: 700;
    }*/
    .attribute-header:hover span {
        text-decoration: underline;
    }

    .attribute-header.active span:before {
        content: '\2713';
        display: inline-block;
        margin-right: 4px;
        font-weight: 700;
        text-decoration: none;
        /*font-size: 0.8em;*/
    }

    .attribute-header i {
        position: absolute;
        top: 50%;
        right: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

.kc-modal-body .attribute-header {
    padding: 10px 30px 10px 10px;
}

.attribute-body {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
    height: 0;
    overflow: hidden;
}

.attribute-container > input[type="checkbox"]:checked ~ .attribute-body {
    visibility: visible;
    opacity: 1;
    height: auto;
    padding: 0 0 15px;
    overflow: visible;
}

@media screen and (max-width: 1023px) {
    .attribute-container > input[type="checkbox"]:checked ~ .attribute-body {
        padding: 0 10px 15px;
    }
}

@media only screen and (min-width: 1024px) {
    .attribute-container .kc-input-container {
        display: block;
        max-height: 300px;
        overflow-y: auto;
        overflow-x: hidden;
    }
}

.attribute-header i.fa-chevron-down {
    display: block;
}

@media screen and (max-width: 1023px) {
    .attribute-header i {
        margin-right: 5px;
    }
}

.attribute-header i.fa-chevron-up {
    display: none;
}

.attribute-container > .toggle:checked ~ .attribute-header i.fa-chevron-down {
    display: none;
}

.attribute-container > .toggle:checked ~ .attribute-header i.fa-chevron-up {
    display: block;
}

#attribute-filter.realtime .attribute-apply {
    display: none;
}

.attribute-btn {
    margin: 60px 0 5px;
    display: none;
}

#attribute-filter-content .btn {
    background-color: #d0d0d0;
    color: #666666;
    padding: 10px 20px;
    text-decoration: none;
}

    #attribute-filter-content .btn.disabled {
        color: #999999;
    }

    #attribute-filter-content .btn:not(.disabled):hover {
        background: #aaaaaa;
        text-decoration: none;
        cursor: pointer;
        color: #ffffff;
    }

    #attribute-filter-content .btn.disabled:hover {
        cursor: not-allowed;
    }

    #attribute-filter-content .btn.fade {
        -webkit-transition: background ease-in-out 150ms, color ease-in-out 150ms;
        transition: background ease-in-out 150ms, color ease-in-out 150ms;
    }

#filter-warning {
    border: 1px solid red;
    font-size: 0.85em;
    margin: 0 0 15px;
    padding: 10px 5px;
}

#brand-search-filter {
    position: relative;
    margin: 0 0 10px;
}

    #brand-search-filter input {
        width: 100%;
        padding: 5px 30px 5px 5px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        height: 34px;
    }

    #brand-search-filter i {
        color: #999999;
        position: absolute;
        right: 6px;
        top: 4px;
    }

#attribute-ajax-loading {
    display: none;
}

/*.attribute-loading {
        overflow: hidden;
        height: 100%;
    }*/
.attribute-loading #attribute-filter-content {
    opacity: 0.2;
}

.attribute-loading #attribute-ajax-loading {
    background-color: transparent;
    display: table;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}

#attribute-ajax-loading > div {
    margin-top: -10px;
}

#attribute-ajax-loading p {
    margin-top: -20px;
    margin-bottom: 5px;
}

.clear-filter {
    cursor: pointer;
}

.kc-modal-footer .clear-filter {
    background-color: #dedede;
}

.kc-modal-body .clear-filter {
    display: none;
}

.clear-filter.hide-tablet {
    background-color: #dedede;
    border: 1px solid #ccc;
    margin-top: 10px;
    padding: 8px;
    text-align: center;
}

#load-attribute-ajax {
    background-color: #ff8c00;
}

.mfp-container {
    padding: 0;
}

.mfp-content {
    position: static;
}

.kc-modal-app {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    background: #FFF;
}

    .kc-modal-app .kc-modal-col {
        bottom: 0;
        top: 0;
        width: 100%;
    }

    .kc-modal-app .kc-modal-row, .kc-modal-app .kc-modal-col, .kc-modal-app .kc-modal-page {
        overflow: hidden;
        position: absolute;
    }

    .kc-modal-app .kc-modal-header.kc-modal-row {
        border-bottom: 1px dotted #ccc;
    }

    .kc-modal-app .kc-modal-header, .kc-modal-app .kc-modal-footer {
        padding: 0 10px;
        height: 44px;
        line-height: 44px;
    }

    .kc-modal-app .kc-modal-row {
        left: 0;
        right: 0;
    }

    .kc-modal-app .kc-modal-body.kc-modal-row {
        bottom: 45px;
        top: 45px;
        padding: 0;
    }

    .kc-modal-app .scroll-y {
        overflow-y: auto;
    }

    .kc-modal-app .kc-modal-footer.kc-modal-row {
        bottom: 0;
        border-top: 1px solid #999;
        padding: 0;
    }

        .kc-modal-app .kc-modal-footer.kc-modal-row > div {
            width: 50%;
            cursor: pointer;
        }

#open-kc-attributes {
    margin: 0;
    padding: 0;
}

@media screen and (max-width: 1023px) {
    #open-kc-attributes {
        display: block;
    }

    #grid-sorting .f-left, #grid-sorting .f-right {
        width: 45%;
    }

    #grid-sorting .show-tablet {
        margin-bottom: 10px;
    }

    #product-list .grid-header {
        border: 0;
        padding: 0;
        margin: 0;
    }

        #product-list .grid-header .form-control {
            font-size: 1.25em;
            line-height: 1.25em;
            height: 40px;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

            #product-list .grid-header .form-control:focus {
                border-color: #ccc;
            }
}

@media only screen and (max-width: 767px) {
    #product-list .grid-header {
        margin: 0;
    }
    /*#grid-sorting .f-left, #grid-sorting .f-right {
        width: 49.2%;
    }*/
}

.attribute-sliders {
    margin: 25px 12px 50px;
}

.standard-sliders {
    margin: 10px 12px;
}

.sliders .noUi-pips .noUi-value {
    white-space: nowrap;
}

.sliders .tooltip {
    font-size: 10px;
    left: -14px;
    position: absolute;
    text-align: center;
    top: -20px;
    width: 50px;
}

/*.sliders .tooltip strong {
        display: none;
        padding: 2px;
    }*/
@media screen and (max-width: 767px) {
    .attribute-sliders {
        margin: 65px 25px 55px;
    }
    /*.standard-sliders {
                margin: 10px 12px;
            }*/
    .sliders .tooltip {
        display: block;
        /*position: absolute;*/
        border: 1px solid #D9D9D9;
        /*font-size: 10px;*/
        border-radius: 3px;
        background: #fff;
        /*top: -50px;*/
        /*padding: 5px;*/
        /*left: -9px;*/
        /*text-align: center;*/
        /*width: 50px;*/
        left: -8px;
        padding: 10px 5px;
        top: -50px;
    }
    /*.sliders .tooltip strong {
            display: block;
        }*/
}